/* Start:/bitrix/components/doWeb/main.feedback/templates/callback/style.css?1670419967555*/
.mf-ok-title{
    font-weight: 700;
    color: #333;
    font-size: 1.5em;
    margin: 20px;
}

.mf-ok-desc{
    padding: 39px 37px 35px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mf-ok-image{
    margin-right: 30px;
}

.mf-ok-text span{
    margin-bottom: 2px;
    color: #333;
    font-size: 1.2em;
    line-height: calc(1em + 7px);
}

.popup-cont .mf-ok-text{
    text-align: start;
    color: #c6a066;
}

.stroke-theme-svg{
    stroke: #c6a066;
}

.fill-theme-svg{
    fill: #c6a066;
}
/* End */


/* Start:/bitrix/components/demo/main.feedback/templates/service/style.css?16704263731083*/
div.mfeedback {}
div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:100%; padding-bottom:0.4em;}
div.mf-name input, div.mf-email input {width:100%;}
div.mf-message textarea {width: 100%;}
span.mf-req {color:red;}
.input_name {
    position: absolute; 
    left: -9999px; 
    display: none;
}
div.mf-text {margin-bottom: 0.3em;font-weight: 400;font-size: 15px;color: #666;}
div.mf-message textarea {padding:4px;border: 1px solid #B0B0B0;color: #666;font: italic 300 16px 'Roboto', sans-serif;border-radius: 2px;}

.mf-ok-title{
    font-weight: 700;
    color: #333;
    font-size: 1.5em;
    margin: 20px;
}

.mf-ok-desc{
    padding: 39px 37px 35px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mf-ok-image{
    margin-right: 30px;
}

.mf-ok-text span{
    margin-bottom: 2px;
    color: #333;
    font-size: 1.2em;
    line-height: calc(1em + 7px);
}

.popup-cont .mf-ok-text{
    text-align: start;
    color: #c6a066;
}

.stroke-theme-svg{
    stroke: #c6a066;
}

.fill-theme-svg{
    fill: #c6a066;
}
/* End */


/* Start:/bitrix/templates/mytemplate/styles.css?176975947696*/
:focus {
	outline:none;
	} 

.gallery-bl-list .txt-rack-sales {
	/*word-wrap: break-word;*/
}
/* End */


/* Start:/bitrix/templates/mytemplate/template_styles.css?176976152666465*/
:root {
  --color: #d7a75e;
  --hover-color: #e7c485;
  --fz-title: 48px;
  --lh-title: 58px;
  --space-block: 130px;
  --mb-title: 60px;
}

@media (max-width: 768px) {
  :root {
    --space-block: 60px;
    --fz-title: 36px;
    --lh-title: 42px;
    --mb-title: 30px;
  }
}

/*@charset "utf-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*/
body {
  background: #fff;
  font: 14px/18px "Roboto", sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
  width: 100%;
}

a {
  color: #555;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
  margin-right: 10px;
}

button,
input,
textarea {
  outline: none;
}

.container {
  width: 100%;
  padding: 0 10px;
  position: relative;
  margin: 0 auto;
}

@media only screen and (min-width: 769px) {
  .container {
    width: 768px;
  }
}

@media only screen and (min-width: 991px) {
  .container {
    width: 990px;
  }
}

@media only screen and (min-width: 1250px) {
  .container {
    width: 1220px;
  }
}

p {
  margin-bottom: 20px;
}

ul {
  list-style: none;
}

#wrapper {
  min-width: 320px;
  overflow: hidden;
  transition: left 0.2s linear, margin 0.2s linear;
  width: 100%;
  left: 0;
  position: relative;
}

::-webkit-input-placeholder {
  color: #666;
}

:-moz-placeholder {
  color: #666;
}

.placeholder-serch {
  color: #666;
}

@font-face {
  font-family: "ArnoPro-Regular";
  src: url("/bitrix/templates/mytemplate/fonts/ArnoPro-Regular.eot");
  src: url("/bitrix/templates/mytemplate/fonts/ArnoPro-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/bitrix/templates/mytemplate/fonts/ArnoPro-Regular.woff")
      format("woff"),
    url("/bitrix/templates/mytemplate/fonts/ArnoPro-Regular.ttf")
      format("truetype");
  font-style: normal;
  font-weight: normal;
}

.header {
  padding: 20px 0 20px;
  border-bottom: 1px solid #ebebeb;
}

.header > div {
  overflow: hidden;
}

.logo {
  display: block;
  max-width: 303px;
  margin: 0 auto 15px;
  text-align: center;
}

.logo a {
  display: block;
  text-decoration: none;
}

.logo img {
  padding-bottom: 10px;
}

.img-head {
  max-width: 143px;
  margin: 0 auto 15px;
}

.phone-bl {
  display: block;
  max-width: 245px;
  margin: 0 auto 20px;
  position: relative;
  padding-left: 65px;
  font: 700 21px/28px "Roboto", sans-serif;
}

.phone-bl:before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  background: #d7a75e url(/bitrix/templates/mytemplate/img/sprite.png) -459px 2px
    no-repeat;
  border-radius: 50%;
  overflow: hidden;
}

.mail-ic a {
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.mail-ic a:hover {
  border-bottom: 1px solid #999;
}

.contact-head-bl {
  max-width: 246px;
  margin: 0 auto 15px;
}

.contact-head-bl > span {
  display: block;
  position: relative;
  padding-left: 37px;
  font: 400 15px/15px "Roboto", sans-serif;
  margin-bottom: 5px;
}

.contact-head-bl > span:before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 50%;
  width: 14px;
  height: 18px;
  margin-top: -7px;
}

.contact-head-bl > .place-ic:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -405px -10px;
  margin-top: -9px;
}

.time-ic:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -508px -10px;
}

.mail-ic:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -585px -10px;
}

.btn1 {
  display: block;
  width: 192px;
  margin: 0 auto;
  color: #fff;
  border: 1px solid #d7a75e;
  background: #d7a75e;
  border-radius: 30px;
  font: italic 600 18px/42px "Roboto", sans-serif;
  text-align: center;
  text-decoration: none;
}

.btn1:hover {
  background: #fff;
  color: #d7a75e;
}

@media only screen and (min-width: 601px) {
  .header {
    text-align: center;
  }

  .contact-head {
    overflow: hidden;
    width: 100%;
    max-width: 491px;
    margin: 0 auto;
    text-align: left;
  }

  .contact-head-bl {
    float: left;
  }

  .contact-head .btn1 {
    float: right;
  }

  .img-head {
    display: inline-block;
    vertical-align: top;
    margin: -21px 20px 0 0;
  }

  .phone-bl {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0 0 0;
  }

  .phone-bl a {
    text-decoration: none;
    border-bottom: 1px solid #ddd;
  }

  .phone-bl a:hover {
    border-bottom: 1px solid #999;
  }
}

@media only screen and (min-width: 769px) {
  .img-head {
    float: left;
    display: none;
  }

  .phone-bl {
    float: left;
  }

  .contact-head {
    float: right;
  }
}

@media only screen and (min-width: 991px) {
  .img-head {
    display: block;
    margin-top: -15px;
  }
}

@media only screen and (min-width: 1250px) {
  .header {
    padding: 9px 0 13px;
  }

  .logo {
    float: left;
    margin: 0 0 0 0;
    max-width: 303px;
  }

  .img-head {
    margin-right: 35px;
    margin-top: 0;
  }

  .contact-head {
    border-left: 1px solid #e7e7e7;
    padding-left: 23px;
    margin-top: 19px;
  }

  .phone-bl {
    margin: 18px 0 0 0;
  }

  .contact-head-bl {
    margin-bottom: 0;
  }
}

.nav-bl {
  border-bottom: 5px solid #d7a75e;
  min-height: 55px;
}

.menu-open-wrapper-page {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.menu-open-wrapper-page #wrapper {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -60px;
}

.menu-icon {
  display: block;
  cursor: pointer;
  position: absolute;
  left: 15px;
  top: 18px;
}

.menu-icon span {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #000;
  margin-bottom: 3px;
  border-radius: 1px;
}

.menu-wrapper-fixed {
  left: -100%;
  position: fixed;
  top: 0;
  transition: left 0.2s linear, padding-right 0.2s linear;
  z-index: 100;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-right: 60px;
}

.menu-open-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px 20px;
  height: 100%;
  overflow: auto;
}

.menu {
  margin-bottom: 0;
}

.menu > li {
  margin-bottom: 10px;
  list-style-type: none;
}

.menu > li > a {
  color: #fff;
  text-decoration: none;
  font: 16px/24px "Roboto", sans-serif;
}

.menu-drop-down {
  position: relative;
}

.menu-drop-down > span {
  color: #fff;
  font: 16px/24px "Roboto", sans-serif;
}

.menu-drop-down > ul {
  display: block;
  padding: 5px 10px 0;
}

.menu-drop-down:hover > ul {
  display: block;
}

.menu-drop-down:hover > ul > li > a {
  color: #fff;
}

.menu-drop-down:hover .arrow-corner-bottom {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  width: 0;
  height: 0;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 4px solid transparent;
  border-bottom-color: #ccc;
}

.menu-drop-down .arrow-corner-bottom,
.menu-drop-down:hover .arrow-corner-bottom {
  display: none;
}

.menu-drop-down ul li a {
  color: #fff;
  text-decoration: underline;
}

.menu-drop-down ul li a:hover {
  color: #fff;
  text-decoration: none;
}

.arrow-corner-bottom {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  width: 0;
  height: 0;
  border-top: 6px solid #fff;
  border-right: 4px solid transparent;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-top-color: #ccc;
}

.menu-open .menu-wrapper-fixed {
  left: 0;
}

.menu-open .menu-icon {
  position: fixed;
  left: 100%;
  top: 0;
  z-index: 101;
  margin-left: -60px;
  width: 60px;
  height: 100%;
  padding: 15px;
  transition: left 0.2s linear, margin 0.2s linear;
}

.menu-open .menu-icon span {
  background-color: #000;
}

.bread-crumbs li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}

.bread-crumbs li:before {
  content: "/ ";
}

@media only screen and (min-width: 768px) {
  .menu-open-wrapper-page #wrapper {
    margin-left: -100px;
  }

  .menu-wrapper-fixed {
    padding-right: 100px;
  }

  .menu-open .menu-icon {
    margin-left: -100px;
    width: 100px;
  }
}

@media only screen and (min-width: 991px) {
  .menu-drop-down .arrow-corner-bottom,
  .menu-drop-down:hover .arrow-corner-bottom {
    display: inline-block;
  }

  .menu-drop-down > ul {
    display: none;
  }

  .menu-open-wrapper-page {
    overflow: visible;
    position: relative;
    height: auto;
    width: auto;
    top: 0;
    left: 0;
  }

  .menu-open-wrapper-page #wrapper {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    transition: none;
  }

  .menu-wrapper-fixed {
    position: relative;
    left: 0;
    top: 0;
    height: auto;
    overflow: visible;
    padding-right: 0;
    transition: none;
  }

  .menu-open-wrapper {
    background: none;
    padding: 0;
    height: auto;
    overflow: visible;
  }

  .menu-icon {
    display: none;
  }

  .menu {
    left: 0;
    position: relative;
    text-align: center;
  }

  .menu > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }

  .menu > li > a,
  .menu > li > span {
    color: #000;
    display: block;
    line-height: 55px;
    padding: 0 7px;
    cursor: pointer;
  }

  .menu > li > a:hover,
  .menu > li > span:hover {
    text-decoration: none;
    color: #d7a75e;
  }

  .menu-drop-down:hover > ul {
    position: absolute;
    top: 100%;
    width: 248px;
    text-align: left;
    background-color: #fff;
    padding: 21px 0px 33px;
    border: 2px solid #d7a75e;
    color: #2e2d2c;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-drop-down:hover > ul > li > a {
    color: #2e2d2c;
    text-decoration: none;
    border-bottom: 1px solid #dadada;
    font-size: 16px;
    line-height: 39px;
    display: block;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
  }

  .menu-drop-down:hover > ul > li > a:hover {
    text-decoration: underline;
  }

  .menu-drop-down:hover > ul > li:last-child > a {
    border-bottom: none;
  }
}

@media only screen and (min-width: 1250px) {
  .menu > li > a,
  .menu > li > span {
    padding: 0 20px;
  }
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.img-slider {
  display: none;
}

.slider-cont {
  background: #444;
  color: #fff;
  text-align: center;
  padding: 30px 0 50px;
}

.title-slider {
  display: block;
  text-transform: uppercase;
  font: 40px/60px "ArnoPro-Regular", sans-serif;
  margin-bottom: 10px;
}

.slider-cont p {
  font: 16px/24px "Roboto", sans-serif;
  max-width: 300px;
  margin: 0 auto 20px;
}

.btn2 {
  display: block;
  width: 149px;
  border: 1px solid #fff;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  font: italic 600 16px/39px "Roboto", sans-serif;
  color: #fff;
  margin: 0 auto;
}

.btn2:hover {
  background: #fff;
  color: #444;
}

.carousel-st .owl-nav {
  display: none;
}

.carousel-st .owl-dots {
  display: block;
  text-align: center;
  margin-top: -35px;
}

.owl-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: relative;
  z-index: 10;
  margin: 0 10px 10px;
}

.owl-dot.active {
  background: #fff;
}

@media only screen and (min-width: 769px) {
  .slide-item {
    position: relative;
    display: flex;
    min-height: 499px !important;
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }

  .title-slider {
    font-size: 48px;
  }

  .img-slider {
    min-height: 499px;
    width: 1920px;
    max-width: 1920px;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -960px;
    display: block;
  }

  .slider-cont {
    position: relative;
    z-index: 10;
    text-align: left;
    background: none;
    padding: 0px 0 0 70px;
  }

  .slider-cont p {
    margin: 0 0 20px;
  }

  .btn2 {
    margin: 0;
  }

  .carousel-st .owl-nav {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 768px;
    left: 50%;
    height: 25px;
    margin-left: -384px;
  }

  .carousel-st .owl-nav > div {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    width: 16px;
    height: 25px;
    text-indent: -9999px;
    z-index: 20;
  }

  .carousel-st .owl-next {
    background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -299px -10px;
    right: 10px;
  }

  .carousel-st .owl-prev {
    background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -335px -10px;
    left: 10px;
  }
}

@media only screen and (min-width: 991px) {
  .carousel-st .owl-nav {
    width: 990px;
    margin-left: -495px;
  }
}

@media only screen and (min-width: 1250px) {
  .carousel-st .owl-nav {
    width: 1220px;
    margin-left: -610px;
  }

  .title-slider {
    margin-bottom: 17px;
    margin-left: 70px;
    max-width: 500px;
  }

  .slider-cont {
    padding: 0 0 0;
  }

  .slider-cont p {
    margin: 0 0 53px 70px;
  }

  .slider-top .btn2 {
    margin-left: 211px;
  }

  .carousel-st .owl-dots {
    width: 1220px;
    text-align: right;
    margin: -50px auto 19px;
    padding-right: 98px;
  }
}

@media only screen and (max-width: 768px) {
  .slider-cont {
    min-height: 340px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 400px) {
  .slider-cont {
    min-height: 370px !important;
  }
}

.services {
  padding: 44px 0 20px;
}

.ic-bl {
  max-width: 510px;
  display: block;
  margin: 0 auto 20px;
  position: relative;
}

.ic-bl:before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #f3e4ce;
  z-index: 1;
}

.ic-bl > span {
  display: block;
  height: 22px;
  width: 96px;
  background: #fff;
  position: relative;
  z-index: 10;
  margin: 0 auto;
}

.ic-bl > span:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 0px;
  width: 14px;
  height: 22px;
  background: url(/bitrix/templates/mytemplate/img/sprite.png) -371px -10px
    no-repeat;
  margin-left: -7px;
}

.list-servises-bl > li {
  position: relative;
  width: 203px;
  margin: 0 auto 20px;
  display: inline-block;
}

.img-servises {
  display: block;
  width: 203px;
  position: unset;
}

.img-servises:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 173px;
  height: 122px;
  border: 3px solid #d7a75e;
  margin: -64px 0 0 -90px;
}

.cont-list-servises {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font: 20px/20px "ArnoPro-Regular", sans-serif;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 65px 0 0;
}

.title-servises-bl {
  display: block;
  text-align: center;
  color: #d7a75e;
  font: 33px/36px "ArnoPro-Regular", sans-serif;
  margin-bottom: 20px;
}

.cont-list-servises:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 22px;
  width: 35px;
  height: 35px;
}

.cont-list-servises1:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -674px -10px;
  margin: 2px 0 0 -6px;
}

.cont-list-servises2:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -756px -10px;
  margin: 6px 0 0 -9px;
}

.cont-list-servises3:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -719px -10px;
  margin: 3px 0 0 -11px;
}

.cont-list-servises4:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -619px -10px;
  margin: 0 0 0 -18px;
}

.servises-bl > p {
  max-width: 655px;
  color: #686868;
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative;
  font: 300 16px/24px "Roboto", sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.servises-img {
  display: none;
}

@media only screen and (min-width: 481px) {
  .list-servises-bl > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 20px;
  }

  .list-servises-bl {
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .list-servises-bl > li {
    margin: 0 24px 23px;
  }
}

@media only screen and (min-width: 991px) {
  .list-servises-bl {
    margin-bottom: 30px;
  }

  .list-servises-bl > li {
    margin: 0 3px 0px;
  }
}

@media only screen and (min-width: 1250px) {
  .servises-bl {
    margin-left: 362px;
  }

  .list-servises-bl {
    word-spacing: -0.36em;
    margin-left: -6px;
  }

  .list-servises-bl > li {
    margin-left: 5px;
    word-spacing: normal;
  }

  .title-servises-bl {
    letter-spacing: -0.5px;
    margin-bottom: 38px;
  }

  .list-servises-bl {
    margin-bottom: 55px;
  }

  .servises-bl > p:before {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 243px;
    height: 1px;
    margin-left: -122px;
    background: #7b7b7b;
  }

  .servises-bl > p {
    padding-bottom: 20px;
  }

  .services {
    padding-bottom: 0;
  }

  .services > div {
    padding-bottom: 20px;
  }

  .servises-img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
  }
}

@media only screen and (max-width: 420px) {
  .list-servises-bl > li {
    width: auto;
  }

  .img-servises {
    width: auto;
  }

  .img-servises::before {
    width: 305px;
    height: 215px;
    margin: -110px 0 0 -155px;
  }

  .cont-list-servises {
    font: 26px/20px "ArnoPro-Regular", sans-serif;
    padding: 105px 0 0;
  }

  .cont-list-servises::before {
    top: 50px;
  }
}

.advantages {
  background: #8d7963;
  color: #fff;
  padding: 30px 0;
  text-align: center;
}

.advantages ul li {
  width: 230px;
  margin: 0 5px 30px;
  font: 400 16px/24px Roboto, sans-serif;
  display: inline-block;
  vertical-align: top;
}

.advantages ul li span {
  display: block;
  width: 100%;
  height: 68px;
  position: relative;
  margin-bottom: 38px;
}

.advantages ul li span:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 0px;
  width: 82px;
  height: 68px;
}

.advantages1:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -942px -10px;
  margin: 0 0 0 -41px;
}

.advantages2:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -847px -10px;
  margin: 0 0 0 -41px;
}

.advantages3:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -805px -10px;
  margin: 0 0 0 -41px;
}

.advantages4:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -1121px -10px;
  margin: 0 0 0 -41px;
}

.advantages5:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -1032px -10px;
  margin: 9px 0 0 -43px;
}

@media only screen and (min-width: 769px) {
  .advantages {
    background: url("/bitrix/templates/mytemplate/img/bg-bl1.jpg") no-repeat 50%
      0;
    height: 460px;
  }
}

@media only screen and (min-width: 1250px) {
  .advantages ul li {
    word-spacing: normal;
    margin: 0 4px 0;
  }

  .advantages ul li:first-child {
    margin-left: 0;
  }

  .advantages ul li:last-child {
    margin-right: 0;
  }

  .advantages {
    padding-top: 158px;
  }
}

.our-master {
  padding: 30px 0;
  text-align: center;
}

.ic-bl2:before {
  background: #dcdcdc;
}

.ic-bl2 > span:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -1212px -10px;
}

.title-bl {
  display: block;
  margin-bottom: 20px;
  font: 33px/36px "ArnoPro-Regular", sans-serif;
  color: #272726;
  text-align: center;
}

.our-master-bl {
  color: #fff;
  overflow: hidden;
}

.img-our-master-rh {
  position: relative;
  display: block;
}

.img-our-master-rh:before {
  content: " ";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 276px;
  height: 357px;
  border: 2px solid #d7a75e;
}

.our-master-rh {
  max-width: 300px;
  margin: 0 auto 20px;
  position: relative;
}

.our-master-info {
  font: italic 300 16px/24px "Roboto", sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(34, 34, 34, 0.6);
  padding: 19px 0;
}

.our-master-info span {
  display: block;
  font: 33px/36px "ArnoPro-Regular", sans-serif;
}

.our-master-m-bl {
  position: relative;
  max-width: 300px;
  margin: 0 auto 20px;
}

.img-our-master-m {
  display: block;
  position: relative;
}

.img-our-master-m:before {
  content: " ";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 276px;
  height: 276px;
  border: 2px solid #d7a75e;
}

.our-master-s-bl {
  position: relative;
  max-width: 234px;
  margin: 0 auto 20px;
}

.our-master-s-bl .our-master-info {
  background: rgba(175, 130, 61, 0.9);
  padding: 16px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}

.our-master-s-bl .our-master-info div {
  border: 1px solid #fff;
  padding: 50px 10px 10px;
  width: 100%;
  height: 100%;
}

.our-master-s-bl:hover .our-master-info {
  display: block;
  cursor: pointer;
}

.img-our-master-s {
  display: block;
  position: relative;
}

.ic-bl2 {
  max-width: 190px;
}

@media only screen and (min-width: 601px) {
  .our-master-m-bl {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 20px;
  }

  .our-master-s-bl {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 20px;
  }
}

@media only screen and (min-width: 1250px) {
  .our-master-rh {
    max-width: 454px;
    float: right;
  }

  .our-master-lf {
    float: left;
    max-width: 727px;
  }

  .our-master-s {
    word-spacing: -0.36em;
    margin-left: -13px;
  }

  .our-master-s > div {
    word-spacing: normal;
    margin: 0 0 0 13px;
  }

  .our-master-m {
    word-spacing: -0.36em;
    margin-left: -18px;
    margin-bottom: 13px;
  }

  .our-master-m-bl {
    max-width: 355px;
    word-spacing: normal;
    margin: 0 0 0 18px;
  }

  .img-our-master-m:before {
    width: 328px;
    height: 328px;
  }

  .img-our-master-rh:before {
    width: 430px;
    height: 553px;
  }

  .our-master {
    padding: 42px 0 66px;
  }

  .ic-bl2 {
    margin-bottom: 15px;
  }

  .title-bl {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 600px) {
  .advantages {
    padding: 20px 0;
  }

  .advantages ul {
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 100%;
    white-space: nowrap;
    height: auto;
  }

  .advantages ul li {
    font: 400 16px/24px Roboto, sans-serif;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    max-width: 100%;
    white-space: normal;
    margin: 0 5px 10px;
  }

  .advantages ul li span {
    margin-bottom: 15px;
  }
}

.news {
  background: #fff;
  padding: 30px 0 30px;
}

.news .ic-bl > span {
  background: #fff;
}

.list-news {
  word-spacing: -0.36em;
  text-align: center;
}

.list-news > li {
  word-spacing: normal;
  display: block;
  vertical-align: top;
  width: 247px;
  margin: 0 auto 30px;
  text-align: left;
  overflow: hidden;
}

.news-list > li {
  word-spacing: normal;
  display: block;
  vertical-align: top;
  width: 247px;
  margin: 0 auto 30px;
  text-align: left;
  overflow: hidden;
}

.news-img {
  display: block;
  margin-bottom: 35px;
  position: relative;
  width: 247px;
  height: 138px;
}

.news-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.news-img:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 215px;
  height: 107px;
  border: 2px solid #d7a75e;
  margin: -54px 0 0 -108px;
}

.news .title-bl {
  margin-bottom: 45px;
}

.title-news {
  display: block;
  margin-bottom: 20px;
  color: #d7a75e;
  font: 20px/22px "ArnoPro-Regular", sans-serif;
  min-height: 110px;
}

.title-news-home {
  display: block;
  margin-bottom: 20px;
  color: #d7a75e;
  font: 20px/22px "ArnoPro-Regular", sans-serif;
  height: 47px;
  overflow: hidden;
}

.descript-news-home {
  min-height: 100px;
  margin-bottom: 20px;
}

.date-news {
  display: block;
  margin-bottom: 24px;
  color: #7e7e7e;
  font-weight: 300;
  font-style: italic;
}

.list-news > li > p {
  font: 300 16px/24px "Roboto", sans-serif;
  margin-bottom: 32px;
  min-height: 111px;
}

.btn3 {
  float: right;
  display: block;
  width: 167px;
  text-decoration: none;
  text-align: center;
  font: italic 300 16px/37px "Roboto", sans-serif;
  color: #1f1f1f;
  border: 1px solid #d7a75e;
  border-radius: 30px;
  margin-right: 13px;
}

.btn3:hover {
  color: #fff;
  background: #d7a75e;
}

.img-news-bl {
  display: none;
}

.descript-news {
  min-height: 230px;
}

@media only screen and (min-width: 769px) {
  .list-news > li {
    width: 240px;
    margin: 0 5px 30px;
    display: inline-block;
  }

  .news-list > li {
    width: 240px;
    margin: 0 5px 30px;
    display: inline-block;
  }
}

@media only screen and (min-width: 991px) {
  .list-news > li {
    width: 247px;
    margin: 0 20px 30px;
  }

  .news-list > li {
    width: 247px;
    margin: 0 20px 30px;
  }
}

@media only screen and (min-width: 1250px) {
  .img-news-bl {
    display: block;
    position: absolute;
    right: 9px;
    bottom: 10px;
  }

  .list-news > li {
    margin: 0 0 0 63px;
  }

  .list-news {
    margin-left: -63px;
    text-align: left;
  }

  .news {
    padding: 30px 0 33px;
  }

  .news > div {
    padding-bottom: 77px;
  }
}

@media only screen and (max-width: 768px) {
  .list-news > li {
    margin: 0 auto 10px;
    text-align: center;
  }

  .title-news-home {
    margin-bottom: 10px;
    height: auto;
  }

  .date-news {
    margin-bottom: 4px;
  }

  .descript-news-home {
    min-height: auto;
    margin-bottom: 20px;
  }

  .btn3 {
    display: none;
  }
}

.our-partner {
  padding: 22px 0 5px;
  background: #685345;
}

.our-partner .title-bl {
  color: #fff;
  margin-bottom: 23px;
}

.ic-bl3 {
  max-width: 190px;
  margin-bottom: 15px;
}

.ic-bl3:before {
  width: 67px;
  background: #a18879;
}

.ic-bl3:after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 50%;
  width: 67px;
  height: 1px;
  background: #a18879;
}

.ic-bl3 > span {
  background: none;
}

.list-our-partner {
  text-align: center;
}

.list-our-partner > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 25px;
}

.list-our-partner li img {
  height: 60px;
  opacity: 0.6;
}

@media only screen and (min-width: 769px) {
  .our-partner {
    background: url("/bitrix/templates/mytemplate/img/bg-bl2.jpg") no-repeat 50%
      0;
  }
}

@media only screen and (min-width: 1250px) {
  .our-partner {
    min-height: 460px;
  }

  .list-our-partner {
    word-spacing: -0.36em;
  }

  .list-our-partner > li {
    margin: 0 10px 35px;
    width: 16%;
    word-spacing: normal;
  }

  .our-partner .title-bl {
    margin-bottom: 53px;
  }
}

@media only screen and (max-width: 600px) {
  .our-partner {
    padding: 20px 0 5px;
  }

  .list-our-partner {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 10px 0;
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 100%;
    white-space: nowrap;
    height: auto;
  }

  .list-our-partner > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 20px;
    overflow-y: hidden;
    text-align: center;
    max-width: 100%;
    white-space: normal;
  }
}

.reviews {
  padding: 30px 0 20px;
}

.reviews > div > p {
  max-width: 645px;
  margin: 0 auto 53px;
  padding-bottom: 38px;
  position: relative;
  color: #686868;
  text-align: center;
  font: 300 16px/24px "Roboto", sans-serif;
}

.reviews > div > p:before {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 243px;
  height: 1px;
  background: #d1d1d1;
  margin-left: -122px;
}

.reviews-img {
  display: block;
  max-width: 600px;
  margin: 0 auto;
}

.reviews-cont {
  position: relative;
  background: #c6a066;
  padding: 17px 18px;
  color: #fff;
  max-width: 600px;
  margin: 0 auto;
}

.reviews-cont > div {
  border: 3px solid #fff;
  padding: 20px;
}

.name-reviews {
  display: block;
  margin-bottom: 15px;
  font: 24px/24px "ArnoPro-Regular", sans-serif;
}

.date-reviews {
  display: block;
  margin-bottom: 15px;
  font: italic 300 14px/18px "Roboto", sans-serif;
}

.reviews-cont > div > p {
  margin-bottom: 0;
  font: 300 16px/24px "Roboto", sans-serif;
}

.reviews-cont > div .btn3 {
  float: none;
  width: 167px;
  text-decoration: none;
  text-align: center;
  font: italic 300 16px/37px "Roboto", sans-serif;
  color: #1f1f1f;
  border: 1px solid #d7a75e;
  border-radius: 30px;
  background: #fff;
  margin-right: 0px;
  margin-top: 10px;
}

.reviews-slider .owl-nav {
  display: none;
}

.owl-dots {
  text-align: center;
  margin-top: 28px;
}

.owl-dots > div {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #d8a962;
  margin: 0 12px;
  cursor: pointer;
}

.owl-dot.active {
  background: #d8a962;
}

@media only screen and (min-width: 1250px) {
  .reviews {
    padding: 42px 0 20px;
  }

  .reviews .title-bl {
    margin-bottom: 30px;
  }

  .reviews-img {
    float: left;
  }

  .reviews-cont {
    float: right;
    height: 296px;
  }

  .reviews-cont:before {
    content: " ";
    position: absolute;
    left: -11px;
    top: 50%;
    width: 11px;
    height: 30px;
    margin-top: -15px;
    background: url(/bitrix/templates/mytemplate/img/corn-ic1.png) 50% 0px
      no-repeat;
  }

  .reviews-cont > div {
    height: 100%;
    padding: 20px 59px;
  }
}

.find-bl {
  background: #f8f8f8;
  padding: 43px 0 0px;
}

.find-bl .ic-bl2 > span {
  background: #f8f8f8;
}

.map-bl {
  background: #c6a066;
  color: #fff;
  font: 300 18px/24px "Roboto", sans-serif;
  padding: 10px;
  max-width: 436px;
  margin: 0 auto;
}

.map-bl > div {
  border: 1px solid #fff;
  padding: 40px 0px;
  text-align: center;
}

.map-bl > div .map-bl > div > span {
  display: block;
  max-width: 243px;
  margin: 0 auto 26px;
}

.map-bl > div a {
  max-width: 181px;
  margin: 0 auto;
  text-align: left;
  color: #fff !important;
  text-decoration: underline;
  display: block;
}

.map-bl > div a:hover {
  color: #fff;
  text-decoration: none;
}

.map-bl > div > .phone-map {
  font: 700 24px/24px "Roboto", sans-serif;
  position: relative;
  display: block;
  max-width: 245px;
  margin: 0 auto;
  padding: 10px 0 0;
}

.phone-map span {
  display: block;
}

.phone-map > div {
  max-width: 155px;
  margin: 0 auto;
  text-align: left;
}

.map-bl > div > .phone-map:before {
  content: " ";
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -9px;
  width: 23px;
  height: 18px;
  background: url(/bitrix/templates/mytemplate/img/sprite.png) -542px -10px
    no-repeat;
}

.find-bl .title-bl {
  margin-bottom: 41px;
}

@media only screen and (min-width: 601px) {
  .map-bl {
    padding: 19px 26px;
    margin: 0;
    height: 420px;
  }

  .yandex-map {
    min-height: 563px;
  }

  .map-fixed {
    position: absolute !important;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
  }

  .map-fixed .map-bl {
    margin-top: -179px;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 436px;
  }

  .map-bl > div {
    height: 100%;
    padding: 71px 0 0;
  }

  .map {
    padding-top: 66px;
    min-height: 486px;
    position: relative;
  }
}

.footer {
  padding: 20px 0;
}

.servise-footer {
  display: block;
  vertical-align: top;
  border: 1px dashed #c9a56e;
  width: 178px;
  margin: 0 auto 20px;
  padding: 13px 5px;
  text-align: center;
}

.servise-footer > span {
  display: inline-block;
  vertical-align: top;
  width: 57px;
  height: 36px;
  position: relative;
}

.servise-footer > span:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 57px;
  height: 36px;
}

.footer-wifi:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -1336px -10px;
  margin: -14px 0 0 -27px;
}

.footer-coffe:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -10px -10px;
  margin: -22px 0 0 -8px;
}

.footer-soc {
  display: block;
  max-width: 250px;
  margin: 0 auto 20px;
  color: #c6a066;
  text-transform: uppercase;
}

.soc-link {
  margin-bottom: 10px;
}

.soc-link a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 30px;
  height: 20px;
  margin-left: 23px;
}

.soc-link a:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 20px;
}

.vk-ic:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -1286px -10px;
  margin: -13px 0 0 -4px;
}

.insta-ic:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -1246px -10px;
  margin: -13px 0 0 -15px;
}

.pay-footer a {
  display: inline-block;
  margin-left: 8px;
  vertical-align: bottom;
}

.footer-logo {
  display: block;
  margin: 0 auto;
  width: 97px;
  color: #919191;
}

.footer .logo {
  margin-bottom: 30px;
}

@media only screen and (min-width: 601px) {
  .footer {
    text-align: center;
  }

  .servise-footer {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }

  .footer-soc {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
}

@media only screen and (min-width: 769px) {
  .footer-logo {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 991px) {
  .footer .logo {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
  }

  .footer-bl {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
  }

  .footer {
    padding: 20px 0 20px;
  }

  .footer > div {
    overflow: hidden;
  }

  .footer-logo {
    margin-top: -5px;
  }
}

@media only screen and (min-width: 1250px) {
  .footer-bl {
    float: right;
  }

  .footer-logo {
    padding-left: 42px;
    border-left: 1px solid #d9d9d9;
    width: 235px;
    margin-left: 41px;
    padding-top: 16px;
  }

  .footer-soc {
    margin: 5px 0 0;
  }

  .servise-footer {
    margin-right: 25px;
  }
}

@media only screen and (max-width: 768px) {
  .footer-logo {
    width: auto;
    text-align: center;
  }

  .policy {
    text-align: center;
  }
}

.ic-bl3 > span:before {
  background: url("/bitrix/templates/mytemplate/img/sprite.png") no-repeat -438px -10px;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  font-style: normal;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #7d7d7d;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-close-btn-in .mfp-close {
  width: 30px;
  height: 30px;
  font: 400 24px/24px "Roboto", sans-serif;
  color: #c6a066;
  top: 17px;
  right: 39px;
  border-radius: 50%;
  border: 2px solid #c6a066;
}

.popup-cont {
  display: block;
  margin: 80px auto 0;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 600px;
  padding: 10px 15px 58px;
  text-align: center;
}

.popup-cont:before {
  display: none;
}

.white-popup {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 600px;
}

.title-popup-cont {
  display: block;
  font: 400 18px/24px "Roboto", sans-serif;
  margin: 0px 0 26px;
  color: #fff;
  background: url("/bitrix/templates/mytemplate/img/bg-popup.jpg") no-repeat 50%
    0;
  background-size: cover;
  padding: 114px 0 30px;
}

.title-popup-cont > span {
  background: rgba(35, 25, 16, 0.5);
  display: block;
  padding: 9px 0;
}

.title-popup-cont > span > span {
  display: block;
  font: 400 24px/24px "Roboto", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.popup-cont p {
  color: #7d9aab;
}

.perc {
  display: block;
  margin-bottom: 20px;
}

.btn-form {
  font-size: 17px;
}

.form-bl form span {
  display: block;
  margin: 0 auto 6px;
  max-width: 430px;
  position: relative;
}

.form-bl form span:before {
  content: " ";
  position: absolute;
  left: 26px;
  top: 50%;
  width: 23px;
  height: 23px;
  margin: -12px 0 0 0px;
}

.ic-name:before {
  background: url(/bitrix/templates/mytemplate/img/sprite.png) -67px -10px
    no-repeat;
}

.ic-phone:before {
  background: url(/bitrix/templates/mytemplate/img/sprite.png) -108px -10px
    no-repeat;
}

.form-bl form span input {
  box-shadow: none;
  border: 1px solid #b0b0b0;
  padding: 0 10px 0 81px;
  height: 44px;
  color: #666;
  font: italic 300 16px "Roboto", sans-serif;
  width: 100%;
  border-radius: 2px;
}

.btn-form {
  width: 100%;
  cursor: pointer;
  max-width: 430px;
  margin-top: 31px;
}

.map1 {
  padding: 0;
  border-bottom: 5px solid #d7a75e;
  background: url("/bitrix/templates/mytemplate/img/map1.jpg") no-repeat 35% 0;
  min-height: 486px;
}

.contact-inner {
  padding: 33px 0 55px;
}

.bread-crumb {
  margin-bottom: 30px;
}

.bread-crumb > li {
  display: inline-block;
  vertical-align: top;
  color: #2e2d2c;
  margin-right: 17px;
  font: 400 16px/16px "Roboto", sans-serif;
}

.bread-crumb > li > a {
  font: 300 16px/16px "Roboto", sans-serif;
  color: #848484;
  text-decoration: none;
}

.bread-crumb > li > a:hover {
  text-decoration: underline;
  color: #848484;
}

@media only screen and (max-width: 768px) {
  .bread-crumb {
    margin-bottom: 0;
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 100%;
    white-space: nowrap;
    height: auto;
  }

  .bread-crumb > li {
    margin-bottom: 13px !important;
    width: auto;
    max-width: 100%;
    white-space: normal;
    margin-right: 6px;
    font: 400 14px/16px "Roboto", sans-serif;
  }

  .bread-crumb > li > a {
    font: 300 14px/16px "Roboto", sans-serif;
  }
}

@media only screen and (min-width: 1250px) {
  /*.contact-inner>div{background:url('/bitrix/templates/mytemplate/img/map2.jpg') no-repeat 100% 100%;padding-bottom:55px;*/
  .contact-inner {
    padding-bottom: 0;
  }
}

.title-inner {
  min-height: 260px;
  padding: 87px 0 0;
  color: #fff;
}

.title-inner .title-bl {
  color: #fff;
}

.title-inner1 {
  background: url("/bitrix/templates/mytemplate/img/bg-bl3.jpg") no-repeat 50% 0;
}

.cosmetic-services {
  border-bottom: 5px solid #d7a75e;
}

.title-inner-cont {
  display: block;
  margin-bottom: 31px;
  font: 33px/36px "ArnoPro-Regular", sans-serif;
  color: #d7a75e;
}

.list-cosmetic-services {
  word-spacing: -0.36em;
  text-align: center;
}

.list-cosmetic-services > li {
  display: inline-block;
  vertical-align: top;
  width: 290px;
  margin: 0 10px 20px;
  word-spacing: normal;
}

.list-cosmetic-services .img-our-master-m {
  display: block;
  margin-bottom: 19px;
}

.list-cosmetic-services .img-our-master-m:before {
  width: 266px;
  height: 266px;
}

.list-cosmetic-services > li:hover .img-our-master-m:before {
  width: 262px;
  height: 262px;
  border: 8px solid #d7a75e;
  left: 6px;
  top: 6px;
}

.name-master-inner {
  display: block;
  color: #2e2d2c;
  font: italic 300 16px/24px "Roboto", sans-serif;
  margin-bottom: 20px;
  /*text-transform: capitalize;*/
}

.name-master-inner > span {
  display: block;
  font: 33px/36px "ArnoPro-Regular", sans-serif;
}

.btn4 {
  display: block;
  font: 600 18px/18px "Roboto", sans-serif;
  color: #d7a75e;
  padding-right: 40px;
  position: relative;
  text-transform: uppercase;
  width: 148px;
  margin: 0 auto;
  text-decoration: none;
  border-bottom: 1px solid #d7a75e;
}

.btn4:before {
  content: " ";
  position: absolute;
  right: 0px;
  top: 5px;
  width: 15px;
  height: 8px;
  background: url(/bitrix/templates/mytemplate/img/sprite.png) -264px -10px
    no-repeat;
}

.btn4:hover {
  color: #d7a75e;
}

.btn4:hover:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.cosmetic-services .bread-crumb {
  margin-bottom: 25px;
}

@media only screen and (min-width: 991px) {
  .list-cosmetic-services > li {
    margin: 0 20px 20px;
  }
}

@media only screen and (min-width: 1250px) {
  .list-cosmetic-services > li {
    margin: 0 0 0 12px;
    padding-bottom: 39px;
    position: relative;
    text-align: center;
  }

  .list-cosmetic-services {
    margin-left: -12px;
    text-align: left;
  }

  .cosmetic-services .list-cosmetic-services > li:hover:before {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 26px;
    height: 18px;
    margin-left: -13px;
    background: url(/bitrix/templates/mytemplate/img/corn-ic2.jpg) 50% 0
      no-repeat;
  }
}

.cosmetic-services-cont {
  border-bottom: 1px solid #dadada;
  padding: 26px 0 18px;
  text-align: center;
}

.cosmetic-services-cont > div > .name-master-inner {
  margin-bottom: 36px;
}

.cosmetic-services-cont > div > p {
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
  max-width: 910px;
  margin: 0 auto 24px;
}

@media only screen and (min-width: 1250px) {
  .cosmetic-services-cont > div > p:last-of-type {
    margin-bottom: 60px;
  }
}

.cosmetic-servises-cont2 {
  padding: 33px 0 20px;
  border-bottom: 5px solid #d7a75e;
}

@media only screen and (min-width: 1250px) {
  .cosmetic-servises-cont2 {
    padding: 33px 0 115px;
  }
}

.title-inner2 {
  background: url("/bitrix/templates/mytemplate/img/bg-bl4.jpg") no-repeat 50% 0;
}

.inner-footer {
  border-top: 5px solid #d7a75e;
}

.list-reviews-inner > li {
  padding-bottom: 33px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 25px;
}

.list-reviews-inner > li > div {
  overflow: hidden;
}

.img-reviews-inner {
  display: block;
  width: 290px;
  margin: 0 auto 20px;
  border: 9px solid #f0f0f0;
  padding: 8px;
}

.img-reviews-inner > span {
  display: block;
  border: 1px solid #d7a75e;
  text-align: center;
  padding: 19px 0;
}

.date-reviews-inner {
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 5px;
  color: #8e8d8d;
  font: 300 14px/24px "Roboto", sans-serif;
}

.name-reviews-inner {
  display: block;
  margin-bottom: 15px;
  color: #d7a75e;
  font: 18px/20px "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}

.list-reviews-inner > li > div > div > p {
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
  margin-bottom: 12px;
}

@media only screen and (min-width: 769px) {
  .img-reviews-inner {
    float: left;
    margin: 0;
  }

  .list-reviews-inner > li > div > div {
    margin-left: 352px;
    overflow: hidden;
  }

  .list-reviews-inner .btn4 {
    float: right;
  }
}

.page {
  text-align: center;
  margin-bottom: 30px;
}

.page > a {
  display: block;
  vertical-align: top;
  text-transform: uppercase;
  color: #c6a066;
  font: 400 16px/23px "Roboto", sans-serif;
  margin: 5px 0;
  text-align: center;
}

.page > li {
  display: inline-block;
  vertical-align: top;
  font: 400 16px/23px "Roboto", sans-serif;
  color: #202020;
  margin: 0 5px;
}

.page > li > a {
  text-decoration: none;
  font: 400 16px/23px "Roboto", sans-serif;
  color: #202020;
  display: block;
  width: 23px;
  text-align: center;
}

.page > li > a.active,
.page > li > a:hover {
  color: #fff;
  border-radius: 50%;
  background: #c6a066;
}

@media only screen and (min-width: 481px) {
  .page > a {
    margin: 0 10px 0 0px;
    display: inline-block;
  }

  .page > a:last-of-type {
    margin: 0 0 0 10px;
  }
}

@media only screen and (min-width: 1250px) {
  .page {
    margin-bottom: 72px;
  }
}

.reviews-form-title {
  display: block;
  color: #c6a066;
  margin-bottom: 26px;
  font: 30px/30px "ArnoPro-Regular", sans-serif;
  text-align: center;
}

.reviews-form {
  border: 3px solid #d7a75e;
  padding: 20px;
  margin-bottom: 30px;
}

.reviews-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 137px;
  border: 1px solid #b1b1b1;
  padding: 10px 10px 10px 81px;
  color: #666;
  font: italic 300 16px "Roboto", sans-serif;
  max-width: 649px;
  margin: 0 auto 0px;
}

.reviews-form .btn-form {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 63px;
  max-width: 296px;
  margin-top: 28px;
}

.form-bl form .ic-mail:before {
  background: url(/bitrix/templates/mytemplate/img/sprite.png) -151px -10px
    no-repeat;
  width: 31px;
  left: 22px;
}

.reviews-form.form-bl form span {
  max-width: 649px;
}

.img-reviews-form {
  display: none;
}

@media only screen and (min-width: 769px) {
  .reviews-form.form-bl form span {
    width: 300px;
    margin: 0 0 18px;
    display: inline-block;
    vertical-align: top;
  }

  .reviews-form.form-bl form .ic-name {
    margin-right: 44px;
  }

  .reviews-form.form-bl form > div {
    max-width: 649px;
    margin: 0 auto 0px;
  }
}

@media only screen and (min-width: 1250px) {
  .reviews-form {
    padding: 31px 79px 36px 466px;
    margin-bottom: 144px;
  }

  .reviews-form-title {
    text-align: left;
  }

  .reviews-form .btn-form {
    float: right;
  }

  .reviews-form.form-bl form {
    overflow: hidden;
  }

  .img-reviews-form {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .reviews-form {
    padding: 0;
  }

  form#addItemReview {
    padding: 15px;
  }
}

.title-inner3 {
  background: url("/bitrix/templates/mytemplate/img/bg-bl5.jpg") no-repeat 50% 0;
}

.partner-inner-img-bl {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  margin: 0 auto 20px;
}

.img-partner-inner {
  display: block;
  margin-bottom: 10px;
}

.partner-inner-title {
  display: block;
  padding-left: 5px;
  color: #d7a75e;
  font: 20px/20px "ArnoPro-Regular", sans-serif;
}

.partner-inner-list > li {
  margin-bottom: 20px;
  overflow: hidden;
}

.partner-inner-list > li > p {
  margin-bottom: 0;
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
}

.partner-inner-list {
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .partner-inner-img-bl {
    float: left;
    width: 234px;
    border-right: 3px solid #d7a75e;
    min-height: 86px;
  }

  .partner-inner-list > li > p {
    margin-left: 280px;
  }
}

@media only screen and (min-width: 991px) {
  .partner-inner {
    padding-bottom: 190px;
    background: url("/bitrix/templates/mytemplate/img/girl-img(3).png")
      no-repeat 50% 100%;
  }
}

.title-inner4 {
  background: url("/bitrix/templates/mytemplate/img/bg-bl6.jpg") no-repeat 50% 0;
}

.img-specials {
  position: relative;
  border: 9px solid #f0f0f0;
  max-width: 290px;
  margin-bottom: 20px;
  display: block;
}

.img-specials:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 253px;
  height: 206px;
  border: 2px solid #d7a75e;
  margin: -105px 0 0 -129px;
}

.specials-list > li {
  margin-bottom: 35px;
  padding-bottom: 43px;
  border-bottom: 1px solid #dadada;
}

.specials-list > li > div {
  overflow: hidden;
}

.gallery-bottom-bl {
  overflow: hidden;
  padding-top: 10px;
}

.specials-list .soc-link {
  float: right;
  margin-top: -10px;
  padding: 10px 0 0;
}

.specials-list .btn4 {
  float: left;
}

.specials-list .soc-link > a {
  margin-left: 10px;
}

.specials-list .soc-link > a:first-child {
  margin-left: 0;
}

.specials-list .vk-ic:before {
  margin: -10px 0 0 -14px;
}

.specials-list .insta-ic:before {
  margin: -11px 0 0 -10px;
}

.specials-list .soc-link .fb-ic:before {
  background: url(/bitrix/templates/mytemplate/img/sprite.png) no-repeat -202px -10px;
  margin: -13px 0 0 -5px;
  width: 10px;
}

.specials-list .soc-link .fb-ic {
  width: 10px;
}

.specials-list .soc-link .od-ic:before {
  background: url(/bitrix/templates/mytemplate/img/sprite.png) no-repeat -232px -10px;
  margin: -13px 0 0 -6px;
  width: 12px;
}

.specials-list .soc-link .od-ic {
  width: 12px;
}

.title-specials {
  display: block;
  margin-bottom: 20px;
  color: #d7a75e;
  font: 20px/24px "Roboto", sans-serif;
}

.specials-list > li > div > div p {
  margin-bottom: 30px;
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
}

@media only screen and (min-width: 769px) {
  .img-specials {
    float: left;
    margin-bottom: 0;
  }

  .specials-list > li > div > div {
    margin-left: 340px;
  }

  .specials-list > li > div > div {
    min-height: 243px;
    position: relative;
  }

  .gallery-bottom-bl {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
  }
}

.title-inner5 {
  background: url("/bitrix/templates/mytemplate/img/bg-bl7.jpg") no-repeat 50% 0;
}

.list-rack-sales {
  text-align: center;
  word-spacing: -0.36em;
  margin-left: -10px;
}

.list-rack-sales > li {
  display: inline-block;
  vertical-align: top;
  width: 290px;
  word-spacing: normal;
  margin: 0 0 15px 0;
}

.list-rack-sales > li .img-specials {
  margin-bottom: 20px;
}

.txt-rack-sales {
  display: block;
  font: 600 16px/24px "Roboto", sans-serif;
}

.list-rack-sales > li > a {
  display: block;
  text-decoration: none;
}

.list-rack-sales > li > a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 1250px) {
  .list-rack-sales > li {
    margin-left: 12px;
    margin-right: 0;
  }

  .list-rack-sales {
    margin-left: -12px;
  }

  .list-rack-sales {
    padding-bottom: 30px;
  }
}

.bread-crumb > li {
  margin-bottom: 5px;
}

.title-rack-sales-bl {
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 35px;
  color: #2e2d2c;
  font: 600 20px/30px "Roboto", sans-serif;
}

.rack-sales-cont {
  overflow: hidden;
}

.rack-sales-cont .img-specials {
  width: 443px;
}

.rack-sales-cont .img-specials img {
  width: 100%;
}

.rack-sales-cont > div > p {
  font: 300 16px/24px "Roboto", sans-serif;
  margin-bottom: 23px;
}

.rack-sales-cont > div > ul {
  margin-bottom: 26px;
}

.rack-sales-cont > div > ul > li {
  position: relative;
  padding-left: 18px;
  font: 300 16px/24px "Roboto", sans-serif;
}

.rack-sales-cont > div > ul > li:before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 6px;
  height: 6px;
  background: #d7a75e;
  border-radius: 50%;
}

.rack-sales-inner {
  margin-bottom: 30px;
}

.price-rack-sales {
  display: block;
  text-transform: uppercase;
  color: #2e2d2c;
  font: 700 16px/30px "Roboto", sans-serif;
}

.price-rack-sales > span {
  font: 700 30px/30px "Roboto", sans-serif;
  display: inline-block;
  margin-left: 10px;
}

.price-rack-sales > span > sup {
  font-size: 16px;
}

.bread-inner {
  margin-top: 25px;
}

@media only screen and (min-width: 769px) {
  .rack-sales-cont > div {
    margin-left: 336px;
  }

  .title-rack-sales-bl {
    font-size: 30px;
  }

  .rack-sales-cont > div {
    padding-top: 15px;
  }
}

@media only screen and (min-width: 1250px) {
  .rack-sales-cont > div {
    margin-left: 544px;
  }

  .rack-sales-inner {
    margin-bottom: 105px;
  }

  .rack-sales-cont .img-specials {
    width: 443px;
    max-width: 443px;
    border: 11px solid #f0f0f0;
  }

  .rack-sales-cont .img-specials:before {
    width: 388px;
    height: 318px;
    margin: -160px 0 0 -196px;
  }

  .title-rack-sales-bl {
    margin-top: 35px;
  }
}

.img-pg {
  float: right;
  margin: 0 0 10px 20px;
  width: 310px;
  clear: both;
}

.cosmetology-txt {
  border-bottom: 1px solid #d9dbda;
  padding-bottom: 23px;
  margin-bottom: 39px;
}

.cosmetology-txt > div > p {
  max-width: 920px;
  margin: 0 auto 24px;
  text-align: center;
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
}

.title-cosmetology-price {
  display: block;
  text-align: center;
  color: #d7a75e;
  font: 33px/33px "ArnoPro-Regular", sans-serif;
  margin: 20px 0 20px 0;
  clear: both;
}

.box {
  display: none;
}

.visible {
  display: block;
}

.tabs {
  word-spacing: -0.36em;
}

.tabs > li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  word-spacing: normal;
  border: 1px solid #d7a75e;
  text-align: center;
  color: #d7a75e;
  font: 20px/48px "ArnoPro-Regular", sans-serif;
  cursor: pointer;
}

.tabs > li.current {
  background: #d7a75e;
  color: #fff;
}

.box {
  border: 1px solid #d7a75e;
  border-top: 4px solid #d7a75e;
  padding-bottom: 50px;
  margin-bottom: 40px;
}

.box thead {
  background: #807564;
  color: #fff;
  font: 20px/25px "ArnoPro-Regular", sans-serif;
  text-align: center;
}

.box table {
  border-spacing: 0;
  width: 100%;
  overflow-x: auto;
  display: block;
  table-layout: fixed;
}

.box thead td {
  padding: 7px 5px;
  width: 15%;
}

.box thead td:first-child {
  width: 70%;
  text-align: left;
}

.title-inner4 {
  background: url(/bitrix/templates/mytemplate/img/bg-bl7.jpg) no-repeat 50% 0;
}

.box tbody tr:nth-child(2n) {
  background: #f1f1f1;
}

.box tbody {
  text-align: center;
}

.box tbody td {
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
}

.box tbody td:first-child {
  text-align: left;
  padding: 14px 10px;
  width: 70%;
  min-width: 200px;
}

@media only screen and (min-width: 768px) {
  .tabs > li {
    width: 180px;
    margin-left: 5px;
  }

  .tabs {
    margin-left: -5px;
  }
}

@media only screen and (min-width: 991px) {
  .tabs > li {
    width: 297px;
  }

  .cosmetology-txt {
    padding-top: 27px;
  }

  .box table {
    display: table;
  }

  .box thead,
  .box tbody {
    width: 100%;
  }

  .box thead td,
  .box tbody td {
    width: 20%;
    border-left: 1px solid #fff;
  }

  .box tbody td {
  }

  .box thead td:first-child,
  .box tbody td:first-child {
    width: 60%;
    padding: 7px 5px 7px 62px;
    border-left: none;
  }

  .box {
    margin-bottom: 108px;
  }
}

.title-g {
  padding: 20px 0 0px;
}

.video-bl {
  width: 100%;
  margin: 0 auto 34px;
  text-align: center;
}

.video-bl div {
  width: 50%;
  float: left;
  text-align: center;
  padding-bottom: 20px;
}

.video-bl .frame {
  margin-bottom: 44px;
  width: 100%;
}

@media screen and (max-width: 412px) {
  .photo-section .video-bl div {
    width: 100%;
  }

  body #top {
    bottom: 0;
    right: 0;
  }
}

.gallery-bl-list > li {
  max-width: 100%;
}

.gallery-bl-list > li img {
}

.gallery-bl-list > li .img-specials:before {
  height: 196px;
  margin-top: -101px;
}

.gallery-bl-list.list-rack-sales > li > a:hover {
  color: #d7a75e;
}

.gallery-bl-list .txt-rack-sales {
  color: #d7a75e;
  text-transform: uppercase;
  font: 21px/24px "ArnoPro-Regular", sans-serif;
}

@media only screen and (min-width: 1250px) {
  .gallery-bl-list {
    margin-left: 0px;
  }

  .gallery-bl-list > li {
   	max-width: 346px;
        margin-left: 30px;
        width: 100%;
  }

  .gallery-bl-list > li .img-specials {
    max-width: 346px;
  }

  .gallery-bl-list.list-rack-sales > li > a:hover {
    color: #d7a75e;
  }

  .video-bl {
    margin-bottom: 44px;
  }

  .gallery-bl-list > li .img-specials:before {
    width: 302px;
    height: 246px;
    margin: -125px 0 0 -153px;
  }
}

.close-txt {
  display: none;
}

.btn-open {
  cursor: pointer;
}

.open-txt {
  display: block;
  padding-bottom: 30px;
}

.open-bl-ic {
  display: none;
}

.open-bl .open-bl-ic {
  display: block;
}

.open-bl .close-bl-ic {
  display: none;
}

.open-bl .btn4:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.header,
.footer {
  position: relative;
  display: block;
  width: 100%;
}

:focus {
  outline: none;
}

.bread-crumb li:first-child {
  display: none;
}

.masters-more-text {
  display: none;
  color: #2e2d2c;
  font: 300 16px/24px "Roboto", sans-serif;
  margin: 10px auto 10px;
}

.just-title {
  padding: 33px 0 55px;
}

.review-detail-text {
  display: none;
}

.popup {
  background-color: white;
  max-width: 517px;
  width: 100%;
  left: 50%;
  top: 50%;
  padding: 20px;
  margin-left: -215px;
  margin-top: -173px;
  border: 0;
  display: inline-block;
  opacity: 1;
  position: fixed;
  visibility: visible;
  z-index: 450;
  -webkit-transition: opacity 0.5s, top 0.5s;
  -moz-transition: opacity 0.5s, top 0.5s;
  -ms-transition: opacity 0.5s, top 0.5s;
  -o-transition: opacity 0.5s, top 0.5s;
  transition: opacity 0.5s, top 0.5s;
}

.popup_effect1 {
  background: #11455a;
  opacity: 0.2;
}

.overlayx {
  background-color: rgba(47, 50, 56, 0.75);
  bottom: 0;
  cursor: default;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  visibility: visible;
  z-index: 420;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.overlayx:target {
  visibility: hidden;
  opacity: 0;
}

.overlayx:target + .popup {
  top: 50%;
  opacity: 0;
  visibility: hidden;
}

.title-popup-success {
  display: block;
  font: 400 18px/24px "Roboto", sans-serif;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 99px 0;
  color: #fff;
  background: url(/bitrix/templates/mytemplate/img/bg-popup.jpg) no-repeat 50% 0;
}

.hidden-detail-product {
  display: none;
}

.popup_service {
  display: none;
}

.popup_service h3 {
  background: #807564;
  color: #fff;
  font: 20px/25px "ArnoPro-Regular", sans-serif;
  text-align: center;
}

.popup_service input {
  box-shadow: none;
  border: 1px solid #b0b0b0;
  padding: 0 0 0 4px;
  height: 44px;
  color: #666;
  font: italic 300 16px "Roboto", sans-serif;
  width: 100%;
  border-radius: 2px;
}

.nav-bl.scroll {
  background: #fff;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
}

.services-links-container {
  margin: 2em 0 2em;
}

.services-links-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.services-links-container .services-link a {
  color: #fff;
  font: italic 600 16px "Roboto", sans-serif;
  line-height: 1.4;
  text-decoration: none;
}

.services-links-container .services-link a:after {
  background-color: #fff;
  display: block;
  content: "";
  height: 2px;
  width: 0%;
  -webkit-transition: width 0.3s ease-in-out;
  -moz--transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.services-links-container .services-link a:hover:after,
.services-links-container .services-link a:focus:after {
  width: 100%;
}

.services-links-container .services-link {
  border: 1px solid #d7a75e;
  padding-top: 5px;
  background: #d7a75e;
  border-radius: 30px;
  text-align: center;
  height: 35px;
  vertical-align: middle;
}

@media (min-width: 72em) {
  .services-links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.services-links-container .services-link {
  margin: 0 0 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;
}

@media (min-width: 72em) {
  .services-links-container .services-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    width: 18%;
    margin: 0;
    justify-content: center;
  }
}

h1.main-h1 {
  display: block;
  text-align: center;
  color: #d7a75e;
  font: 38px/38px "ArnoPro-Regular", sans-serif;
}

p.txt-col {
  font-weight: 500;
  font-size: 20px;
  color: #d7a75e;
}

ul.txt-ul-st li {
  padding: 6px 0 6px 0;
}

.zoom-img {
  width: 350px;
  float: right;
  padding-left: 20px;
  transition: 0.4s;
}

.zoom-img:hover {
  transform: scale(1.55, 1.55);
}

.tr-tx {
  height: 40px;
}

#top {
  bottom: 75px;
  cursor: pointer;
  display: none;
  z-index: 99;
  position: fixed;
  right: 45px;
}

#top .btn1 {
  width: 70px;
  height: 70px;
  display: inline-block;
  border-radius: 50%;
  padding-top: 12px;
}

.logo p {
  color: #d7a75e;
  text-transform: uppercase;
  font-size: 14px;
}

.sep-page {
  display: block;
  margin-top: 30px;
  clear: both;
}

.sep-dop {
  height: 1px;
  background-color: #cecece;
  margin: 10px 0;
  clear: both;
}

.cards {
  padding: 0.5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: flex;
}

.cards div {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: 300px;
  margin: 0.5vw;
}

.cards div img {
  width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

.list-reviews-inner.ext-reviews > li > div > div {
  margin-left: 0;
  overflow: hidden;
}

.ext-reviews > li {
  padding: 15px;
  border: solid 8px #efefef;
}

.ext-reviews .review-text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.review_padd {
  display: flex;
}

.review_padd .btn1 {
  position: absolute;
  display: block;
  cursor: pointer;
  right: 8px;
}

.review_padd .title-inner-cont + .review_padd .btn1 {
  margin-top: 28px;
}

.reviews-form {
  margin-bottom: 0;
}

.pay-footer {
  white-space: nowrap;
}

.pay-footer > img {
  max-width: 40px;
}

.title {
  color: var(--color, #d7a75e);
  font-size: var(--fz-title, 45px);
  text-transform: uppercase;
  font-family: "ArnoPro-Regular";
  line-height: var(--lh-title, 58px);
  margin-bottom: var(--mb-title);
  font-weight: inherit;
}

.svedenya ul {
  list-style: disc !important;
  padding: 1em 0 1em 2em;
}

ul.our_works {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  align-items: stretch;
}

ul.our_works > li {
  width: 275px;
  margin-left: 0px;
}

.photogallery-wrapper > li {
	border: 2px solid #d7a75e;
	padding: 30px;
}

.photogallery-wrapper .txt-rack-sales {
	margin: 10px 0 0 0;
}


/* End */


/* Start:/academy//style.css?16861283232535*/
/* stylelint-disable */
.grid__row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.grid__row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.grid__col {
  flex: 1 0 0%;
}

/* stylelint-disable */
.btn {
  display: inline-flex;
  border: 1px solid var(--color, #D7A75E);
  color: #fff;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  padding: 11px 33px;
  background-color: var(--color, #D7A75E);
  transition: background 0.3s, border 0.3s;
  cursor: pointer;
}
.btn:hover {
  background-color: var(--hover-color, #E7C485);
  border-color: var(--hover-color, #E7C485);
}
.btn--transparent {
  background-color: transparent;
  border-color: var(--color, #D7A75E);
  color: var(--color, #D7A75E);
}
.btn--br {
  border-radius: 5px;
}

/* stylelint-disable */
.slider {
  min-height: 499px;
  margin-bottom: var(--space-block, 130px);
}
@media (max-width: 768px) {
  .slider {
    min-height: 250px;
  }
}

:root {
  --color: #D7A75E;
  --hover-color: #E7C485;
  --fz-title: 48px;
  --lh-title: 58px;
  --space-block: 130px;
  --mb-title: 60px;
}
@media (max-width: 768px) {
  :root {
    --space-block: 60px;
    --fz-title: 36px;
    --lh-title: 42px;
    --mb-title: 30px;
  }
}

.academy-wrap * {
  line-height: 1.3;
}

.title {
  color: var(--color, #D7A75E);
  font-size: var(--fz-title, 54px);
  text-transform: uppercase;
  font-family: "ArnoPro-Regular";
  line-height: var(--lh-title, 58px);
  margin-bottom: var(--mb-title);
}

.academy-wrap ul {
  list-style: disc;
  padding: 0em 0 1em 2em;
}


.intelligence {
  margin-bottom: 100px;
}
.intelligence .intelligence__title{
  color: black;
  margin: 0;
}
/*.intelligence > ul {
  list-style-type: square;
  list-style-image: url(/academy//checkmark.svg);
  list-style-position: inside;
}*/
.intelligence > ul > li{
  list-style-type: none;
  margin-left: 30px;
  font-size: 1.2em;
  line-height: 2em;
}
.intelligence > ul > li:before{
  content: " ";
  background-image: url("/images/checkmark.svg");
  position: absolute;
  height: 30px;
  width: 30px;
  left: 0;
}
.intelligence > ul > li > .intelligence_a{
  text-decoration: none;
  transition: all 0.3s;
}
.intelligence > ul > li > .intelligence_a:hover{
  color: var(--color);
}
/* End */
/* /bitrix/components/doWeb/main.feedback/templates/callback/style.css?1670419967555 */
/* /bitrix/components/demo/main.feedback/templates/service/style.css?16704263731083 */
/* /bitrix/templates/mytemplate/styles.css?176975947696 */
/* /bitrix/templates/mytemplate/template_styles.css?176976152666465 */
/* /academy//style.css?16861283232535 */