@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url(animate.css);
@import url(bootstrap.css);
@import url(jquery.fancybox.css);
@import url(settings.css?v=1.2);
@import url(jquery-ui.css);
@import url(lightgallery.min.css);



body {
   overflow-x: hidden;
   font-family: 'Montserrat', sans-serif;
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 25px;
}

.main-wrapper {
   min-height: 100%;
   height: auto !important;
   max-width: 1920px;
   height: 100%;
   margin: 0 auto -635px auto;
   background: #fff;
}

.footer-wrapper {
   min-height: 60px;
   max-width: 1920px;
   margin: 0 auto;
   background: var(--unnamed, #58595B);
   color: #FFFFFF;
   padding: 45px 0;
}

.footer-push {
   height: 635px;
   margin: 0;
   padding: 0;
}

ul.list,
ol.list {
   margin-bottom: 30px;
}

ol.list {
   list-style: inside decimal;
   margin-left: -16px;
}

ol.list li>ol,
ol.list li>ul {
   padding-left: 16px !important;
}

ul.list>li,
ol.list>li {
   position: relative;
   padding-left: 16px;
   margin-bottom: 10px;
}

ul.list>li:before {
   content: "";
   display: block;
   position: absolute;
   top: 8px;
   left: 0;
   background: var(--color2);
   width: 5px;
   height: 5px;
}

ul.list ul,
ol.list ul {
   padding-top: 20px;
   margin-bottom: 20px;
}

blockquote {
   position: relative;
   margin: 30px 0;
   padding: 2px 0 5px 20px;
   border-left: 1px solid #FFBB02;
   text-align: left;
   color: #5F5F5F;
   font-size: 14px;
   font-style: italic;
}

h1,
.title-h1 {
   font-family: 'Montserrat', sans-serif;
   font-size: 36px;
   line-height: 1.3;
   margin-bottom: 20px;
}

h2,
.title-h2 {
   font-family: 'Montserrat', sans-serif;
   margin-bottom: 20px;
   color: var(--unnamed, #58595B);
   font-size: 32px;
   font-style: normal;
   font-weight: 300;
   line-height: 120%;
}

h3,
.title-h3 {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
   font-size: 24px;
   line-height: 1.3;
   margin-bottom: 20px;
   font-weight: normal;
}

h4,
.title-h4 {
   font-family: 'Montserrat', sans-serif;
   font-size: 18px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500;
}

h5,
.title-h5 {
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500;
}

h6,
.title-h6 {
   font-family: 'Montserrat', sans-serif;
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500;
}

.middle h1,
.middle .title-h1,
.middle h2,
.middle .title-h2,
.middle h3,
.middle .title-h3,
.middle h4,
.middle .title-h4,
.middle h5,
.middle .title-h5,
.middle h6,
.middle .title-h6 {
   color: #000;
   text-wrap: initial;
}



@media only screen and (min-width: 768px) {

   h1.min,
   .title-h1.min {
      font-size: 30px;
   }
}


.u-bg-light {
   background: var(--color1);
}

.u-bg-middle {
   background: var(--color2);
}

.u-bg-dark {
   background: var(--color3);
}


.red {
   color: #FF4632;
}

.white {
   color: #fff;
}

.black {
   color: #58595B;
}

p {
   margin-bottom: 20px;
}

a {
   color: var(--color3);
   text-decoration: none;
}

a:hover {
   color: var(--color2);
}

a:focus {
   outline: none;
}

.button {
   display: inline-flex;
   gap: 0.5em;
   align-items: center;
   text-decoration: none;
   padding: 0.93em 2.64em;
   margin-bottom: 15px;
   position: relative;
   text-align: center;
   cursor: pointer;
   color: var(--unnamed, #FFF);
   text-align: center;
   font-size: 14px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
   border: 1px solid var(--color3);
   border-radius: 50px;
   background: var(--unnamed, var(--color3));
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.button i {
   font-size: 1.2em;
}

.button-green {
   display: inline-flex;
   gap: 0.5em;
   align-items: center;
   text-decoration: none;
   padding: 0.93em 2.64em;
   margin-bottom: 15px;
   position: relative;
   text-align: center;
   cursor: pointer;
   color: var(--unnamed, #FFF);
   font-size: 13px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 1.5;
   text-transform: uppercase;
   border: 1px solid var(--color3);
   border-radius: 50px;
   background: var(--color3);
   transition: all 200ms ease-out;

   &:hover {
      background: var(--color2);
      border-color: var(--color2);
      color: #fff;
   }
}

.button-green i {
   font-size: 1.2em;
   font-weight: 700;
}



.button:hover {
   background: var(--color2);
   border-color: var(--color2);
   color: #fff;
}

.button.block {
   display: block;
   width: 100%;
}

.button.min,
.button.mini {
   font-size: 14px;
   padding: 6px 15px;
}

.button.big {
   padding: 14px 60px;
}

.button.invert {
   background: var(--color2);
   border-color: var(--color2);
   color: #fff;
}

.button.invert:hover {
   color: #0D0D0D;
   background: var(--color1);
   border-color: var(--color1);
}

.form-group {
   position: relative;
}

.modal {
   display: none;
   width: 460px;
   max-width: 100%;
   background: #fff;
   padding: 55px 25px 35px;
}

#responseMessage .modal-content.error {
   color: #FF4632;
}

.box {
   display: none;
}

.box.visible {
   display: block;
}

.close {
   display: block;
   position: absolute;
   top: 15px;
   right: 20px;
   z-index: 300;
   width: 26px;
   height: 26px;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.close:before {
   content: "";
   display: block;
   position: absolute;
   width: 2px;
   height: 100%;
   top: 0;
   left: 50%;
   margin-left: -1px;
   background: #58595B;
}

.close:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 2px;
   top: 50%;
   left: 0;
   margin-top: -1px;
   background: #58595B;
}

/**************************************/
.important {
   background: #4A4A4A;
   padding: 5px 15px;
   color: #fff;
   font-weight: bold;
   display: inline-block;
   font-size: 16px;
}

.header-push {
   height: 60px;
}

.header-wrapper {
   height: 60px;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 300;
   background: #fff;
   line-height: 1.4;
}

.header-wrapper .container {
    padding-left: 10px;
    padding-right: 10px;
}

.header {
   height: 60px;
}

.header-panel .social {
   display: inline-block;
}

.shedule.left span {
   color: var(--unnamed, #58595B);
   font-size: 14px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
}

.shedule {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 25px;
}

.top-address {
   display: flex;
   flex-direction: column;
}

.header-tel {
   display: inline-block;
   color: var(--unnamed, #58595B);
   font-size: 17px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}

.header-tel a {
   color: var(--unnamed, #58595B);
}

.header-tel i {
   position: relative;
   top: 1px;
   margin-right: 5px;
   color: var(--color2);
}

.header-panel {
   display: flex;
   padding: 15px 0 5px;
   background: #ffffff;
   color: #58595B;
   font-size: 14px;
   line-height: 150%;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}

.header-panel .h-panel-right a {
   color: #ffffff;
   margin: 0;
}

.header-panel a:hover {
   color: var(--color2);
}

.header-tel .fa,
.header-email .fa {
   margin-right: 3px;
}

.shedule span {
  font-size: 12px;
}

.shedule span:last-of-type {
   margin-right: 0;
}

.shedule .fa {
   margin: 0 5px 0 0;
   font-size: 16px;
   vertical-align: middle;
   color: var(--color2);
}

.header>div {
   display: inline-block;
}

.social a {
   display: inline-block;
   margin-left: 5px;
   font-size: 16px;
   height: 32px;
   width: 32px;
   line-height: 35px;
   text-align: center;
   color: #ffffff;
   background: var(--color2);
   border-radius: 6px 0;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.social a:hover {
   color: #0D0D0D;
}

.logo {
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.logo img {
   max-width: 200px;
}

.header__search__mob {
   display: none !important;
}

.mobile__contacts {
   display: none !important;
}

@media (max-width:992px) {
   .logo img {
      max-height: 40px;
   }

   .header__search__mob {
      position: relative;
      top: 10px;
      z-index: -1;
      padding: 0 15px 30px;
   }

   .header__search__mobile,
   .header__search__mob {
      display: block !important;
   }

   .header__search__mob .search-field {
      width: calc(100% - 97px);
      border: 1px solid var(--color2);
      padding: 5px 10px;
   }

   .header__search__mob .search-submit {
      display: inline-block;
      text-decoration: none;
      padding: 8px 20px;
      position: relative;
      text-align: center;
      cursor: pointer;
      color: var(--unnamed, #FFF);
      text-align: center;
      font-size: 13px;
      font-family: Montserrat;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      border: 1px solid var(--color2);
      border-radius: 7px;
      background: var(--unnamed, var(--color2));
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .header__search__mob .search-submit:hover {
      background: var(--color2);
      border-color: var(--color2);
      color: #fff;
   }

   .mobile__contacts {
      display: inline-block !important;
      float: right;
   }

   .mobile__contacts a {
      display: inline-block;
      font-size: 25px;
      margin-top: 15px;
      margin-left: 8px;
      color: #58595b;
   }

   .logo {
      margin-top: 10px;
   }

   .social {
      justify-content: center;

   }

}

.mobile-social {
   padding: 20px;

   & .social {
      justify-content: center;
   }

   & a {
      color: #58595b;
   }
}

.mobile-social-title {
   text-align: center;
   font-size: 19px;
   margin-bottom: 7px;
}

.mob-menu-btn {
   margin: 9px 5px 0 15px;
   background-color: var(--color2);
   height: 42px;
   border-radius: 9px;
   padding: 11px 8px;
   font-weight: 500;
   font-size: 14px;
   color: #fff;
}

.mob-menu-btn span {
   display: block;
   height: 3px;
   margin-bottom: 5px;
   width: 25px;
   background: #fff;
}

.mobile-menu {
   position: fixed;
   top: 0;
   right: -400px;
   background: var(--color1);
   height: 100%;
   width: 370px;
   max-width: 100%;
   z-index: 1000;
   overflow-y: scroll;
   padding-top: 54px;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.mobile-menu.open {
   right: -4px;
}

.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.8);
   z-index: -100;
   opacity: 0;
   -webkit-transition: opacity 200ms ease-out;
   -moz-transition: opacity 200ms ease-out;
   -o-transition: opacity 200ms ease-out;
   transition: opacity 200ms ease-out;
}

.mobile-menu.open+.overlay {
   z-index: 400;
   opacity: 1;
}

.mobile-menu>ul>li {
   position: relative;
   border-bottom: 1px solid var(--color2);
}

.mobile-menu>ul>li:first-of-type {
   border-top: 1px solid var(--color2);
}

.mobile-menu>ul>li.down>a {
   padding-right: 60px;
}

.mobile-menu .dropdown-button {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   height: 45px;
   width: 240px;
   z-index: 10;
}

.mobile-menu .dropdown-button:before {
   content: "";
   display: block;
   position: absolute;
   width: 12px;
   height: 12px;
   top: 13px;
   right: 23px;
   border-bottom: 1px solid #58595B;
   border-right: 1px solid #58595B;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 300ms ease-out;
   -moz-transition: all 300ms ease-out;
   -o-transition: all 300ms ease-out;
   transition: all 300ms ease-out;
}

.mobile-menu .dropdown-button.active:before {
   -moz-transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   transform: rotate(225deg);
   top: 19px;
}

.mobile-menu>ul>li>ul {
   position: static;
   width: 100%;
   display: none;
}

.mobile-menu>ul>li>a {
   display: block;
   text-decoration: none;
   color: #58595B;
   padding: 13px 20px 10px;
   text-transform: uppercase;
}

.mobile-menu>ul>li.active>a,
.mobile-menu>ul>li>ul>li.active>a,
.mobile-menu ul ul ul .active a {
   color: #58595B;
   font-weight: 700;
   ;
}

.mobile-menu>ul>li>ul>li>a,
.mobile-menu ul ul ul a {
   display: block;
   font-size: 15px;
   line-height: 18px;
   text-decoration: none;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   padding: 10px 10px 10px 40px;
   color: #58595B;
   position: relative;
}

.mobile-menu>ul>li>ul>li>a:before,
.mobile-menu ul ul ul a:before {
   content: "";
   display: block;
   position: absolute;
   width: 6px;
   height: 6px;
   top: 17px;
   left: 20px;
   border-top: 1px solid #58595B;
   border-right: 1px solid #58595B;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.mobile-menu ul ul ul {
   margin-bottom: 10px;
}

.mobile-menu ul ul ul a {
   padding: 6px 10px 6px 55px;
   font-size: 13px;
}

.mobile-menu ul ul ul a:before {
   left: 40px;
   top: 13px;
}

.mobile-menu-close.close {
   top: 26px;
   right: 10px;
}

.mobile-menu-close.close {
   top: 15px;
   right: 15px;
}


.callback-btn {
   padding: 0 30px;
   height: 64px;
   line-height: 64px;
   display: block;
   position: relative;
   text-decoration: none;
   background: #FFBB02;
   float: right;
   font-family: 'Helios';
   font-size: 18px;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff !important;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.callback-btn .fa {
   margin: 0 4px 0 0;
   vertical-align: middle;
   font-size: 20px;
}

.callback-btn:hover {
   color: #fff !important;
   background: #FF4229 !important;
}

.mobile-menu .callback-btn {
   float: none;
   height: auto;
   line-height: 1;
   padding: 10px 20px;
   display: inline-block;
   margin-left: 20px;
   color: #fff;
   background: transparent;
   border: 1px solid #fff;
   font-weight: normal;
}

.gray-bg {
   background: #F6F6F7;
}

.hr-min {
   width: 100px;
   margin: 30px auto;
}

.weight300 {
   font-weight: 300;
}

.num-section {
   background: url(../images/num-section-xs.jpg) 0 0 no-repeat;
   background-size: cover;
   color: #fff;
   position: relative;
}

.ie .num-section {
   background-attachment: scroll;
}

.num-section:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.7);
}

.num-section .container {
   position: relative;
   z-index: 10;
}

.num-section .num {
   font-size: 50px;
   line-height: 1;
   color: var(--color2);
   opacity: 0;
}

.num-section .num.animated {
   opacity: 1;
}

.base-template .num-section {
   background: url(../images/gray-bg2.png);
   color: #000;
}

.base-template .num-section:after {
   display: none;
}

hr {
   border-color: #e3e3e4;
}

hr.white {
   border-color: #fff;
}

.clear-hr {
   height: 0;
   opacity: 0;
   margin: 0;
   padding: 0;
   border: none;
}

.service__block__wrapper {
   background: var(--color1);
   margin: 0 -57px;
   padding: 132px 57px 137px;
   border-radius: 55px;
}

.services-section .element {
   display: flex;
   margin-bottom: 22px;
   padding: 30px;
   border-radius: 40px 0;
   border: 1px solid var(--color2);
   min-height: 250px;
   flex-wrap: wrap;
   align-items: center;
}

.services-section .element .title {
   display: inline-block;
   font-family: 'Montserrat', sans-serif;
   margin-bottom: 10px;
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
   margin-left: 14px;
}

.services-section .element .text {
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   margin-top: 15px;
}

.services-section .element .img-wrapper {
   display: inline-block;
}

/*------------------------------
	Google Map
------------------------------*/

.map-section {
   height: 290px;
   overflow: hidden;
}

.map-section iframe {
   width: 100% !important;
   max-width: 100%;
   height: 300px !important;
}

@media only screen and (min-width: 768px) {
   .map-section {
      height: 380px;
   }

   .map-section iframe {
      height: 390px !important;
   }
}

@media only screen and (min-width: 992px) {
   .map-section {
      height: 480px;
      ;
   }

   .map-section iframe {
      height: 490px !important;
   }
}

/*------------------------------
	END Google Map
------------------------------*/

.collback__form__wrapper {
   background: url(/assets/template/images/callback-img-w.svg) 10% 600% no-repeat, var(--color2);
   border-radius: 100px 0;
   padding: 23px 0;
   overflow: hidden;
   background-position: 10% 50%;
   background-size: contain;

   & .button {
      background-color: var(--color3);
   }
}

.collback__form__text {
   color: var(--unnamed, #FFF);
   font-size: 17px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
}

.collback__form__text .button {
   float: right;

}

section.quest-section {
   margin-top: -94px;
}

.reviews-carousel>div,
.rev-prev-carousel>div {
   position: fixed;
   top: -10000px;
}

.reviews-carousel>div:first-of-type,
.reviews-carousel.slick-initialized>div,
.rev-prev-carousel>div:first-of-type,
.rev-prev-carousel.slick-initialized>div {
   position: relative;
   top: 0;
}

.reviews-carousel .item .element {
   width: 820px;
   max-width: 100%;
   padding: 30px 20px;
   background: #fff;
   margin: 0 auto;
   position: relative;
   margin-bottom: 40px;
   padding: 30px;
   border-radius: 0 40px;
   border: 1px solid var(--color2);
}

.reviews-carousel .item .element:after {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: -10px;
   left: 50%;
   margin-left: -10px;
   background: #fff;
   border-bottom: 1px solid var(--color2);
   border-right: 1px solid var(--color2);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.reviews-carousel .item .element .text {
   position: relative;
}

.rev-prev-carousel-wrapper {
   width: 390px;
   margin: auto;
   max-width: 100%;
}

.rev-prev-carousel .item {
   padding: 0 5px;
}

.rev-prev-carousel img {
   border-radius: 50%;
   cursor: pointer;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.rev-prev-carousel img:hover {
   opacity: 0.8;
}

.reviews-carousel .item .element .title {
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
   margin-bottom: 15px;
}

.main-form__text {
   color: var(--unnamed, #58595B);
   text-align: center;
   font-size: 19px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
}

.main-form-tel {
   color: var(--2, var(--color3));
   text-align: center;
   font-size: 40px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;
   margin-bottom: 20px;
}

.main-form-tel a {
   color: var(--2, var(--color3));
}

.main-form-tel i {
   position: relative;
   top: 1px;
   font-size: 36px;
   margin-right: 10px;
}

.main-form__text .button {
   margin: 40px 0 0;
}

.main-form-section {
   background: url(/assets/template/images/main-form-bg.svg) 50% 50% no-repeat;
}

@media only screen and (min-width: 768px) {
   .reviews-carousel .item .element {
      padding: 40px 30px;
   }
}

/* review-section end */

.application-inner .element {
   border-radius: 60px 0;
   margin-bottom: 30px;
   overflow: hidden;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.application-inner .element .title {
   text-align: center;
   font-size: 19px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
   text-transform: uppercase;
   margin-bottom: 30px;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.application-inner .element .button.fancyboxModal {
   position: relative;
   z-index: 10;
   opacity: 0;
   -webkit-transition: all 100ms ease-out;
   -moz-transition: all 100ms ease-out;
   -o-transition: all 100ms ease-out;
   transition: all 200ms ease-out;
}


@media (hover: hover) and (pointer: fine) {
   .application-inner .element:hover .img-wrapper img {
      filter: grayscale(0%);
      opacity: 0.6;
   }

   .application-inner .element:hover .text__wrapper {
      bottom: 10px;
   }

   .application-inner .element:hover .img-wrapper {
      opacity: 0.5;
      background: var(--color2);
      border: 2px solid var(--color3);
   }

   .application-inner .element:hover .img-wrapper:after {
      content: "";
      position: absolute;
      width: 266px;
      height: 221px;
      top: -2px;
      left: 5px;
      opacity: 0.5;
      border-radius: 60px 0;
      background: rgba(255, 239, 239, 1);
      border: 2px solid rgba(245, 154, 142, 1);

   }

   .application-inner .element:hover .button.fancyboxModal {
      opacity: 1;
   }

}




.text__wrapper {
   position: absolute;
   width: 100%;
   bottom: -65px;
   text-align: center;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

@media only screen and (min-width: 768px) {
   .application-inner .element {}

   .application-inner .element .img-wrapper {
      position: relative;
      background: #fff;
      border-radius: 60px 0;
      border: 2px solid rgb(237 243 234);
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .application-inner .element .img-wrapper img {
      border-radius: 60px 0;
      filter: grayscale(100%);
      opacity: 0.3;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .application-inner .element .title {}

   .application-inner .element .text {
      height: 60px;
      overflow: hidden;
   }

   .application-inner>.row>hr:nth-of-type(2n) {
      clear: both;
   }
}

@media only screen and (min-width: 1240px) {

   .application-inner>.row>hr:nth-of-type(2n) {
      clear: none;
   }
}




/* contacts-section  begin*/
.contacts-section>.container {
   z-index: 10;
}

.feedback-block .form-control {
   border-color: var(--color2);
   margin-bottom: 15px;
   height: 51px;
   border-radius: 4px;
}

.feedback-block .form-control.error {
   border-color: #FF1A00;
}

.contacts-block .element {
   margin-bottom: 10px;
   position: relative;
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
}

.contacts-block .element .fa {
   display: inline-block;
   font-size: 18px;
   position: absolute;
   left: 0;
   top: 2px;
   color: var(--color2);
}

/* contacts-section end */

























/**************************************************   MEDIA QUERIS   *****************************************************/

@media only screen and (max-width: 1239px) {}

@media only screen and (max-width: 991px) {
   .slick-dots {
      padding-top: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .f36 {
      font-size: 30px;
      line-height: 1.2;
   }

   h1,
   .title-h1 {
      font-size: 26px;
      line-height: 1.2;
   }

   h2,
   .title-h2 {
      font-size: 22px;
      line-height: 1.2;
   }

   h3,
   .title-h3 {
      font-size: 18px;
      line-height: 1.2;
   }
}

@media only screen and (min-width: 768px) {
   .flex-sm {
      display: flex;
   }

   .flex-sm>div {
      height: auto;
   }

   .modal {
      padding: 55px 40px 40px;
   }

   .mobile-tab-header {
      display: none;
   }

   ul.tabs.mobile {
      display: block !important;
      margin: 0;
   }

   .box {
      padding: 0 15px;
   }

   h1,
   .title-h1 {
      font-size: 40px;
   }

   .services-section hr:nth-of-type(2n) {
      clear: both;
   }

   .quest-section span {
      vertical-align: top;
      margin-right: 30px;
      display: inline;
      margin-bottom: 0;
   }
}


@media only screen and (min-width: 992px) {
   .box {
      padding: 0 20px;
   }

   .logo {
      margin-left: 0;
   }

   .services-section hr:nth-of-type(2n) {
      clear: none;
   }

   .services-section hr:nth-of-type(3n) {
      clear: both;
   }

   .num-section {
      background: url(../images/num-section.jpg) 0 0 no-repeat;
      background-attachment: fixed;
      background-size: cover;
   }
}


@media only screen and (min-width: 1240px) {
   ul.tabs.mobile li {
      padding: 18px 90px;
   }

   h1.big,
   .title-h1.big {
      font-size: 80px;
      line-height: 1;
      margin-bottom: 50px;
   }
}

/* top slider */
.top-slider {
   overflow: hidden;
   height: auto;
}

.top-slider .slick-dots {
   position: absolute;
   bottom: 25px;
}

.top-slider .slick-dots li {
   border-color: #fff !important;
}

.top-slider .slick-dots li.slick-active {
   background-color: #fff !important;
}

.top-slider .item {
   display: flex;
   height: auto;
   aspect-ratio: 1;
   position: relative;
   align-items: center;
   flex-wrap: wrap;
}

.top-slider .item:before {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0);
}

.top-slider .table {
   position: relative;
   z-index: 10;
}

.top-slider .item .title {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
   font-size: 1.8em;
   line-height: 1.3;
   margin-bottom: 15px;
   max-width: 700px;
}

.top-slider .item .text {
   margin-bottom: 30px;
   max-width: 450px;
   color: #21282e !important;
   font-size: 25px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
}

@media only screen and (min-width: 1400px) {
   .pk-img {
      max-width: 650px;
      margin-left: -60px;
   }
}


@media only screen and (max-width: 991px) {
   .top-slider .item .button {
      padding: 15px 37px;
   }
}

@media only screen and (min-width: 768px) {
   .top-slider .item:before {
      display: none;
   }

   .top-slider .item .title {
      font-size: 2.4em;
   }

   .top-slider {
      height: auto;
      aspect-ratio: 1;
   }

   .top-slider .item {
      height: auto;
      aspect-ratio: 1;
   }

   .header-push {
      height: 60px;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .header-wrapper {
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .header-wrapper.hPanelHide {
      top: initial;
   }
}

@media only screen and (min-width: 992px) {
   .header-wrapper {
      height: initial;
   }

   .header-push {
      height: 116px;
   }

   .header {
      height: initial;
   }

   .top-menu-wrapper {
      height: initial;
   }

   .top-menu {}

   .top-menu-list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
   }

   .header-wrapper.hPanelHide .top-menu-wrapper {}

   .header-wrapper.hPanelHide .logo {
      top: 0px;
   }

   .top-slider .item .title {
      font-size: 3em;
      margin-bottom: 30px;
   }

   .top-slider .item .text {
      margin-bottom: 60px;
   }

   .top-slider {
      height: 550px;
      aspect-ratio: auto;
   }

   .top-slider .item {
      height: 550px;
      aspect-ratio: auto;
   }

   .header-wrapper.hPanelHide {
      top: 0;
   }
}

.title-b {
   color: #21282e !important;
   font-weight: 600 !important;
}


@media only screen and (min-width: 1240px) {
   .top-slider .item .title {
      margin-bottom: 30px;
      max-width: 600px;
      color: #21282e !important;
      font-size: 40px;
      font-family: Montserrat;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
   }

   .top-slider .item .text {
      margin-bottom: 45px;
   }
}

/* end top slider */

/* Action */

.action-section .title {
   line-height: 1.3;
}

.action-section .row {
   display: flex;
}

.action-section .row>div {
   height: auto;
}

.countdownHolder {
   position: relative;
   line-height: 36px;
   margin: 0;
}

.countdownHolder>span:nth-of-type(odd) {
   color: var(--color2);
   width: 50px;
   padding: 7px 5px;
   background-color: #fff;
   border: 2px solid #EBEBEB;
   border-radius: 3px;
   text-align: center;
   display: inline-block;
   position: relative;
   font-weight: 500;
   font-size: 24px;
}

.countdownHolder>span:nth-of-type(odd):after {
   content: "";
   display: block;
   position: absolute;
   top: 16px;
   right: -16px;
   color: #2E3841;
   width: 4px;
   height: 18px;
   background: url(../images/colon.png) 0 0 no-repeat;
}

.countdownHolder>span.countSeconds:after {
   display: none;
}

.countDiv {
   display: inline-block;
   width: 22px;
}

.countDays:before,
.countHours:before,
.countMinutes:before,
.countSeconds:before {
   position: absolute;
   display: block;
   width: 50px;
   text-align: center;
   left: -2px;
   bottom: -32px;
   content: 'дней';
   color: #8C8C8C;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: normal;
}

.countDays:before {
   content: 'дней';
}

.countHours:before {
   content: 'часов';
}

.countMinutes:before {
   content: 'минут';
}

.countSeconds:before {
   content: 'секунд';
}

.action-form-box {
   width: 800px;
   margin: auto;
   max-width: 100%;
}

@media only screen and (min-width: 768px) {
   .countdownHolder>span:nth-of-type(odd) {
      width: 60px;
   }

   .countDays:before,
   .countHours:before,
   .countMinutes:before,
   .countSeconds:before {
      width: 60px;
   }
}

@media only screen and (min-width: 992px) {
   .countdownHolder>span:nth-of-type(odd) {
      width: auto;
      font-size: 42px;
      padding: 15px 12px;
   }

   .countDays:before,
   .countHours:before,
   .countMinutes:before,
   .countSeconds:before {
      width: 74px;
      bottom: -38px;
   }

   .countdownHolder>span>span {
      display: block;
      float: left;
   }

   .countdownHolder>span:nth-of-type(odd):after {
      top: 24px;
      right: -15px;
   }

   .top-menu-wrapper {
      width: 100%;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .top-menu>ul>li {
      display: inline-block;
      margin: 0 4px;
      position: relative;
   }

   .top-menu>ul>li>a {
      display: inline-block;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      border-radius: 3px;
      color: #58595B;
      font-size: 16px;
      font-family: Montserrat;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      padding: 7px 0;
   }

   .top-menu>ul>li:hover>a,
   .top-menu>ul>li.active>a {
      color: var(--color2);
   }

   .top-menu>ul>li:last-of-type {
      margin-right: 0;
   }

   .top-menu>ul>li>ul {
      position: absolute;
      width: 240px;
      top: 33px;
      padding-top: 6px;
      left: 0;
      -webkit-animation-duration: 0.2s;
      -moz-animation-duration: 0.2s;
      -o-animation-duration: 0.2s;
      -ms-animation-duration: 0.2s;
      animation-duration: 0.2s;
      text-align: left;
      z-index: 100;
   }

   .top-menu>ul>li:last-of-type>ul {
      left: auto;
      right: 0;
   }

   .top-menu>ul>li:last-of-type>ul>li:first-of-type:before {
      left: auto;
      right: 15px;
   }

   .top-menu>ul>li>ul>li>a {
      background: var(--color3);
      padding: 12px 10px 12px 10px;
      border-top: 1px solid var(--color2);
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #ffffff;
      text-decoration: none;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      position: relative;
      z-index: 10;
   }

   .top-menu>ul>li>ul>li:first-of-type:before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      background: var(--color3);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(45deg);
      position: absolute;
      left: 15px;
      top: -5px;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .top-menu>ul>li>ul>li:first-of-type>a {
      border-top: none;
   }

   .top-menu>ul>li>ul>li:hover>a,
   .top-menu>ul>li>ul>li.active>a {
      background: var(--color2);
   }

   .top-menu .down .first a {
      /* border-radius: 18px 0 0 0; */
   }

   .top-menu .down .last a {
      /* border-radius: 0 0 18px 0; */
   }

   .top-menu ul ul ul ul {
      display: none !important;
   }

   .top-menu ul ul ul {
      position: absolute;
      top: 0;
      left: 240px;
      width: 240px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .top-menu ul ul li {
      position: relative;
   }

   .top-menu ul ul li.uWithSubmenu>a {
      padding-right: 50px;
   }

   .top-menu ul ul li.uWithSubmenu>a:after {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      right: 15px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -5px;
   }

   .top-menu ul ul li:hover ul {
      visibility: visible;
      opacity: 1;
   }

   .top-menu ul ul ul a {
      background: #21282e;
      padding: 12px 10px 12px 10px;
      border-top: 1px solid #171b1f;
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #ffffff;
      text-decoration: none;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      position: relative;
      z-index: 10;
   }

   .top-menu ul ul li:last-of-type>ul>li:first-of-type>a {
      border-top: none;
      border-left: none;
   }

   .top-menu ul ul ul li:hover a,
   .top-menu ul ul ul li.active a {
      background: #171b1f;
   }

   .mobile-menu,
   .overlay {
      display: none;
   }

}

/* End action */


@-webkit-keyframes fadeInDownSmall {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
   }

   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes fadeInDownSmall {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
   }

   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
   }
}

.fadeInDownSmall {
   -webkit-animation-name: fadeInDownSmall;
   animation-name: fadeInDownSmall;
}

@-webkit-keyframes fadeOutUpSmall {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
   }
}

@keyframes fadeOutUpSmall {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
   }
}

.fadeOutUpSmall {
   -webkit-animation-name: fadeOutUpSmall;
   animation-name: fadeOutUpSmall;
}

/* breadcrumbs */

.breadcrumbs-wrapper {
   padding: 14px 0;
   color: var(--unnamed, #58595B);
   font-size: 13px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
}

.breadcrumbs-wrapper li {
   display: inline-block;
}

.breadcrumbs-wrapper a {
   color: var(--color3);
   position: relative;
   padding-right: 15px;
   display: inline-block;
}

.breadcrumbs-wrapper a:hover {
   text-decoration: none;
}

.breadcrumbs-wrapper a:after {
   content: "/";
   position: absolute;
   top: 0;
   right: 3px;
}

/* end breadcrumbs */


/* preloader begin */
.preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #fff;
   z-index: 999999999;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.preloader:after {
   background-color: var(--color2);
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   margin: -20px 0 0 -20px;
   border-radius: 100%;
   -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
   animation: sk-scaleout 1.0s infinite ease-in-out;
}

.preloader.hid {
   opacity: 0;
   visibility: hidden;
}

@-webkit-keyframes sk-scaleout {
   0% {
      -webkit-transform: scale(0)
   }

   100% {
      opacity: 0;
      -webkit-transform: scale(1.0);
   }
}

@keyframes sk-scaleout {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0);
   }

   100% {
      opacity: 0;
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
   }
}

/* preloader end */

/* aside-gallery */
.aside-gallery img {
   width: 100%;
}

.lightgallery-link {
   display: block;
   background: rgba(0, 0, 0, 0);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   transition: all 200ms linear;
}

.lightgallery-link:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: url(../images/zoom.png) 50% 50% no-repeat;
   background-size: 0 0;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.lightgallery-link:hover {
   background: rgba(0, 0, 0, 0.5);
}

.lightgallery-link:hover:after {
   background-size: 25px 25px;
}

/* preloader end */


/* vk widget */
#vk_widget,
#vk_groups {
   width: 100%;
}

#vk_groups,
#vk_groups iframe {
   width: 100% !important;
}

/* vk widget end */


/* table styles */
table.tpl-table {
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #F5F5F5;
   margin-bottom: 30px;
}

table.tpl-table tr:nth-child(odd) {
   background: #F5F5F5;
}

table.tpl-table td,
table.tpl-table th {
   padding: 12px 20px;
   border-left: 1px solid #E2E6E7;
   vertical-align: middle;
   color: #5F5F5F;
}

table.tpl-table td:first-child,
table.tpl-table th:first-child {
   border-left: none;
}

table.tpl-table th {
   color: #000;
   font-weight: bold;
}

@media only screen and (max-width: 767px) {

   table.tpl-table td,
   table.tpl-table th {
      padding: 8px 10px;
      font-size: 12px;
   }
}

/* end table styles */



/* aside search begin */
.searchForm {
   margin-bottom: 20px;
   position: relative;
   padding-bottom: 10px;
   border-bottom: 1px solid #E3E3E4;
}

.searchForm [type="text"] {
   border-width: 1px;
   border-radius: 5px;
   height: 45px;
}

.searchForm [type="submit"] {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   border: none;
   background: transparent;
   color: #fff;
   width: 50px;
   color: #C7C7C7;
   text-align: center;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.searchForm [type="submit"]:hover {
   color: #000;
}

/* aside search end */

/* tag-cloud */
.tag-cloud {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #E3E3E4;
   overflow: hidden;
   color: #fff;
}

.tag-cloud p {
   color: #000;
   font-family: 'Montserrat', sans-serif;
   font-size: 18px;
   line-height: 1.3;
   margin-bottom: 15px;
   font-weight: 500;
}

.tag-cloud a {
   font-size: 13px !important;
   text-decoration: none;
   display: inline-block;
   padding: 6px 15px 6px;
   border: 1px solid var(--color2);
   margin: 0 5px 5px 0;
   float: left;
   background: #fff;
   color: var(--color2) !important;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   border-radius: 3px;
   text-transform: lowercase;
   font-weight: normal !important;
}

.tag-cloud a:hover {
   background: var(--color2);
   color: #fff !important;
}

/* end tag-cloud */




/* aside-news */
.aside-news {
   margin-bottom: 20px;
   padding-bottom: 5px;
   border-bottom: 1px solid #E3E3E4;
}

.aside-news .element {
   margin-bottom: 15px;
   line-height: 1.4;
}

.aside-news .element-date {
   font-size: 13px;
}

.aside-news .element-date i {
   margin-right: 3px;
}

.aside-news .element a {
   color: #000;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.aside-news .element a:hover {
   color: var(--color2);
}

.aside-photo {
   margin-bottom: 20px;
   padding-bottom: 15px;
   border-bottom: 1px solid #E3E3E4;
}

.aside-photo img {
   border-radius: 3px;
}

.aside-photo a {
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   opacity: 1;
}

.aside-photo a:hover {
   opacity: 0.7;
}

/* end aside-news */



.search-element {
   margin-bottom: 20px;
   padding: 20px;
   background: #fff;
   font-size: 14px;
   border: 1px solid #E3E3E4;
   border-radius: 5px;
}

.search-element .title-h5 b {
   font-weight: normal;
}

.search-element .text {
   color: #8A8A8A;
}

.search-element .text b {
   color: #342E2E;
}

.search-results div[style^='text-align'] {
   text-align: left !important;
   padding: 0 0 20px !important;
}

.search-element .text>div {
   display: none;
}



/* news list */

.news-list {
   padding-top: 10px;
}

.news-list .news-list-element {
   background: #fff;
   margin-top: 30px;
   padding-top: 30px;
   border-top: 1px solid var(--color2);
   min-height: 520px;
}

.news-list>div:first-of-type {
   margin-top: 0;
   padding-top: 0;
   border-top: 0;
}

.news-list .news-list-element h4 {
   margin-top: -5px;
   margin-bottom: 10px;
   min-height: 50px
}

.news-list .news-list-element h4 a {
   color: #000;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.news-list .news-list-element h4 a:hover {
   color: var(--color2);
}

.news-list .news-list-element .img-wrapper img {
   border-radius: 4px;
   width: 100%;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   opacity: 1;
}

.news-list .news-list-element .img-wrapper img:hover {
   opacity: 0.8;
}

.element-info span {
   margin-right: 10px;
   text-transform: uppercase;
   font-size: 11px;
   color: #B3B3B3;
}

.element-info span i {
   font-size: 14px;
   margin-right: 3px;
}

.element-info a {
   color: #B3B3B3;
}

.element-info a:hover {
   color: #000;
}

.more i {
   position: relative;
   bottom: -1px;
   margin-left: 3px;
}

/* news list end */


/* pagination */
.pagination {
   text-align: center;
   padding-top: 10px;
   margin: 0 0 20px;
   overflow: hidden;
}

.pagination li {
   display: inline-block;
}

.pagination a,
.pagination span {
   display: inline-block;
   height: 40px;
   width: 40px;
   line-height: 40px;
   margin-right: 10px;
   color: #ffffff;
   text-decoration: none;
   background-color: #e3e3e4;
   font-weight: 600;
   border: none;
   border-radius: 3px;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.pagination .active a,
.pagination a:hover {
   background: var(--color2);
   color: #fff;
}

/* end pagination */


.article-img {
   border-radius: 5px;
   overflow: hidden;
}

.article-img img {
   border-radius: 5px;
   width: 100%;
}

h1+.element-info {
   margin: -10px 0 20px;
}

.item-gallery .element {
   border-radius: 5px;
   overflow: hidden;
}

.item-gallery>.row>hr:nth-of-type(2n) {
   clear: both;
}

@media only screen and (min-width: 992px) {
   .item-gallery>.row>hr:nth-of-type(2n) {
      clear: none;
   }

   .item-gallery>.row>hr:nth-of-type(3n) {
      clear: both;
   }
}

.ecMessages__wrapper {
   width: 100%;
   -moz-columns: 582px auto;
   -webkit-columns: 582px auto;
   columns: 582px auto;
}

.comments .ec-message {
   background-color: #ffffff;
   display: inline-block;
   list-style: none;
   width: 582px;
   margin-bottom: 20px;
   vertical-align: top;
   -webkit-box-shadow: none;
   box-shadow: none;
   padding: 40px;
   border-radius: 0 40px;
   border: 1px solid var(--color2);
}

.comments .ec-message>p>strong {
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
}

.comments .alert.alert-success {
   font-size: 16px;
   color: green;
}

.ec-message__date {
   display: inline-block;
   color: var(--unnamed, var(--color2)) !important;
   text-align: center;
   font-size: 13px !important;
   padding-left: 0 !important;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   margin-bottom: 10px;
}

.comments.reviews .title-h4 {
   color: var(--2, var(--color3));
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   text-transform: uppercase;
}

.feedback-block .title-h4 {
   color: var(--unnamed, #58595B) !important;
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
   text-transform: uppercase;
}

.feedback-block {
   margin-top: 40px;
}


/* blog */
.blog .element {
   margin-bottom: 30px;
}

.blog .element .img-wrapper {
   margin-bottom: 10px;
   border-radius: 4px;
   overflow: hidden;
}

.blog .element .title-h5 {
   margin-bottom: 10px;
}

.blog .element .text {
   line-height: 1.4;
}

.blog .element .img-wrapper img {
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
}

.blog .element:hover .img-wrapper img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
}

.blog .element:hover .title-h5 {
   color: var(--color2);
}

.blog .element:hover .text {
   text-decoration: underline;
}

.blog .row>hr:nth-of-type(2n) {
   clear: both;
}

@media only screen and (min-width: 1240px) {
   .blog .row>hr:nth-of-type(2n) {
      clear: none;
   }

   .blog .row>hr:nth-of-type(3n) {
      clear: both;
   }
}

/* end blog */






/* gallery-list */

.gallery-list .element {
   margin-bottom: 20px;
   position: relative;
   -webkit-transition: all 500ms ease-out;
   -moz-transition: all 500ms ease-out;
   -o-transition: all 500ms ease-out;
   transition: all 500ms ease-out;
   border-radius: 4px;
   overflow: hidden;
}

.gallery-list .element:hover {
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.7);
}

.gallery-list .element .title {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 10px 15px;
   background: rgba(17, 138, 199, 0.7);
   color: #fff;
   font-size: 16px;
   -webkit-transition: all 500ms ease-out;
   -moz-transition: all 500ms ease-out;
   -o-transition: all 500ms ease-out;
   transition: all 500ms ease-out;
}

.gallery-list .element:hover .title {
   background: rgba(17, 138, 199, 1);
}

/* end gallery-list */


/* files */
.files-list .element {
   position: relative;
   margin-bottom: 30px;
   padding-left: 40px;
}

.files-list .element:before {
   content: "\f0f6";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 2em;
   line-height: 1;
   font-family: FontAwesome;
}

.files-list .element .title {
   line-height: 1.1;
   margin-bottom: 10px;
   font-weight: 900;
   text-transform: uppercase;
}

.files-list .element .title span {
   font-weight: normal;
   color: #9A9A9A;
}

.files-list .element .text {
   font-size: 13px;
}

.files-list .element .title a:hover {
   text-decoration: underline;
}

/* end files */



/* articles-list */

.articles-list {
   padding-top: 6px;
}

.articles-list .news-element {
   margin-top: 30px;
   padding-top: 30px;
   border-top: 1px solid #E3E3E4;
}

.articles-list div:first-of-type {
   margin-top: 0;
   padding-top: 0;
   border-top: 0;
}

.articles-list .news-element .img-wrapper {
   border-radius: 5px;
   overflow: hidden;
}

.articles-list .news-element .img-wrapper img {
   width: 100%;
}

.articles-list .news-element .img-wrapper a {
   display: block;
   position: relative;
}

.articles-list .news-element .img-wrapper a:after {
   background: url(../images/link-icon.png) 50% 50% no-repeat rgba(0, 0, 0, 0.7);
   background-size: 0 0;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   z-index: 5;
}

.articles-list .news-element .img-wrapper a:hover:after {
   opacity: 1;
   background-size: 36px 36px;
}

.articles-list .news-element h4 {
   margin: 0 0 20px;
   font-size: 22px;
   line-height: 1.2;
   font-weight: normal;
   text-transform: uppercase;
}

.articles-list .news-element h4 a {
   text-decoration: none;
   color: #333333;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.articles-list .news-element h4 a:hover {
   color: var(--color2);
}

/* end articles-list */


.material-icons {
   vertical-align: middle;
   margin-top: -3px;
}

.aside-characteristic-block {
   background: #f7f7f7;
   padding: 20px;
   border-radius: 4px;
   color: #000;
}

@media (min-width: 992px) {
   .services-template .main-column {
      padding-right: 20px;
   }
}

.photo-container {
   position: relative;
   border-radius: 239px 0px;
   width: 488px;
   height: 586px;
   background-size: auto 110%;
   background-repeat: no-repeat;
   background-position: 0px -50px;
   margin-bottom: 75px;
}

.photo-container img {
    width: 100%;
    height: 110%;
    object-fit: cover;
    object-position: 0px -50px;
    border-radius: 239px 0px;
    display: block;
    position: relative;
    z-index: 0;
}

@media (max-width: 767px) {
    .photo-container img {
        height: 100%;
        object-position: 50% 50%;
        border-radius: 60px 0px;
    }
}

.photo-container::after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   width: 172px;
   height: 334px;
   z-index: 1;
   border: 3px solid var(--color2);
   border-radius: 170px 0px;
   background: rgba(255, 255, 255, 0.2);
   transform: translate(15%, 15%);
   backdrop-filter: blur(7.5px);
   box-shadow: 0px 4px 10px rgba(180, 192, 192, 0.5),
      inset 0px 0px 4px rgba(255, 255, 255, 0.1);
   transition: transform 0.5s ease-in-out;
}

.photo-container::after.move {
   transform: translate(5%, 5%);
}

.for__title {
   color: var(--2, var(--color3));
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.align-item-center {
   display: flex;
   align-items: center;
}

.preim-carousel .slick-prev {
   left: -389px;
}

.preim-carousel .slick-next {
   left: -303px;
}

.img-title-wrapper {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-right: 30px;
}

.services-section .element .text p:last-child {
   margin-bottom: 0;
}

.rev__block__wrapper {
   position: relative;
   background: var(--color1);
   margin: 0 -57px;
   padding: 96px 115px 100px;
   border-radius: 55px;
}

.rev__block__wrapper:before {
   position: absolute;
   content: "";
   left: 50px;
   top: 50px;
   width: 155px;
   height: 109px;
   background: url(/assets/template/images/kov1.svg) left top no-repeat;
}

.rev__block__wrapper:after {
   position: absolute;
   content: "";
   right: 50px;
   bottom: 50px;
   width: 155px;
   height: 109px;
   background: url(/assets/template/images/kov1.svg) right bottom no-repeat;
   rotate: 180deg;
}

.reviews-carousel .item {
   margin: 0 15px;
}

.news__block__wrapper {
   background: var(--color1);
   margin: 0 -57px;
   padding: 94px 57px 75px;
   border-radius: 55px;
}

.element-content h4 a {
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
}

.element-content .text {
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
}

.element-content .more {
   color: var(--unnamed, var(--color3));
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
   display: block;

   &:hover {
      text-decoration: underline;
   }
}

.news-list-element {
   padding: 20px;
   border-radius: 40px 0;
   border: 1px solid var(--color2);
   transition: all 0.3s;

   &:hover {
      border: 1px solid var(--color3);
   }
}

.news-list-element .img-wrapper {
   border-radius: 25px 0;
   overflow: hidden;
}

.footer-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
   margin-bottom: 30px;
}

.footer-raspisanie {
   color: var(--unnamed, #FFF);
   font-size: 14px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   width: 191px;
}

.footer-slogan {
   color: var(--unnamed, #FFF);
   font-size: 14px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   width: 182px;
}

.footer-contact {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   width: 258px;
}

.footer-contact .header-tel a {
   color: var(--unnamed, #FFF);
   font-size: 19px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}

.footer-contact .header-tel i {
   color: var(--unnamed, var(--color2));
}

.footer-contact .header-tel {
   margin: 0;
}

.footer-contact span {
   color: var(--unnamed, #FFF);
   font-size: 14px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   margin-top: 5px;
}

.footer-logo img {
   width: 211px;
}

.footer-btn .button {
   margin: 0;
}

.footer-bottom {
   color: var(--unnamed, #CDCECE);
   font-size: 12px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   margin-top: 35px;
}

.footer-bottom span {
   color: var(--unnamed, #CDCECE);
   text-align: right;
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   padding-left: 20px;
}

.footer-title-menu {
   color: var(--unnamed, var(--color2));
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
   margin-bottom: 15px;
}

.footer-menus li a {
   color: var(--unnamed, #FFF);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
}

.footer-menus li {
   padding-bottom: 10px;
}

.footer-menus .social a {
   color: #58595b;
   background: var(--color2);
}

.footer-social-bg {
   background: url(/assets/template/images/bg-element-1.svg) 50% 50% no-repeat;
   background-size: contain;
   opacity: 0.1;
   width: 179px;
   height: 179px;
   margin-top: 45px;
}

.base-template h1 {
   color: var(--2, var(--color3));
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   text-transform: uppercase;
}

.base__fortitle {
   color: var(--unnamed, #58595B);
   font-size: 40px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 300;
   line-height: 120%;
   margin-bottom: 15px;
}

.contacts-block .base__fortitle {
   margin-bottom: 40px;
}

h1.inner {
   color: var(--unnamed, #58595B);
   font-size: 40px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 300;
   line-height: 150%;
}

.news-img {
   float: right;
   margin-left: 60px;
   margin-bottom: 20px;

   & img {
      border-radius: 100px 0;
   }
}

.contacts-block .element span,
.contacts-block .element a {
   display: block;
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
}

.yamap {
   height: 504px;
   overflow: hidden;
}

.contacts-block .element a {
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.social-wrap a i {
   position: relative;
   top: 1px;
   margin-right: 5px;
}

.contacts-block .element a:hover {
   color: var(--color2);
}

.element-content table {
   width: 100%;
}

.element-content td {
   padding: 10px 0px;
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
}

.gallery-carousel {
   margin: 0 -10px;
}

.about1__gallery {
   margin: 0 -10px;
}

.about__gallery .img__grid__gallery {
   height: 530px;
   border-radius: 10px
}

.about1__gallery .img__grid__gallery {
   height: 220px;
   border-radius: 10px
}

.about__gallery .item-gallery .element,
.about1__gallery .item-gallery .element {
   border-radius: 10px;
   margin: 0 10px;
}

.oborud-list {
   margin-top: 40px;
}

.oborud-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
   margin-bottom: 40px;
}

.oborud-row:nth-child(2n) {
   flex-direction: row-reverse;
}

.oborud-row:nth-child(2n) .image-block {
   text-align: right;
}

.oborud-row h4 {
   color: var(--unnamed, #58595B);
   font-size: 40px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 300;
   line-height: 120%;
}

.oborud-row .oborud-desc {
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 400;
   line-height: 25px;

   & a {
      font-weight: 700;
      color: var(--color2);
      margin-top: 15px;
      display: inline-block;
      transition: all 0.3s;

      &:hover {
         color: var(--color2);
      }
   }

   & a.button {
      color: #fff;
      ;
   }
}

.description-block a {
   & h4 {
      color: var(--color2);
      transition: all 0.3s;
      line-height: 120%;

      &:hover {
         color: var(--color2);
      }
   }
}

.procMenu__title {
   color: var(--2, var(--color3));
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   text-transform: uppercase;
   margin-top: 30px;
   margin-bottom: 15px;
}

.oborud-row li a {
   display: block;
   color: var(--unnamed, var(--color2));
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   background: #fff;
   padding: 20px 30px;
   border-radius: 10px;
   margin-bottom: 10px;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.oborud-row li a:hover {
   background: var(--color2);
   color: #ffffff;
}

.oborud-container {
   position: relative;
   border-radius: 125px 0px;
   width: 488px;
   height: 405px;
   background-size: auto 110%;
   background-repeat: no-repeat;
   background-position: 0px -50px;
   margin-bottom: 75px;
}

.oborud-row:nth-child(2n) .oborud-container {
   float: right;
   margin-top: 75px;
   margin-bottom: 0;
}

.oborud-container::after {
   content: "";
   position: absolute;
   bottom: -30px;
   left: -130px;
   width: 261px;
   height: 145px;
   z-index: 1;
   border: 3px solid var(--color2);
   border-radius: 0 125px;
   background: rgba(255, 255, 255, 0.2);
   transform: translate(15%, 15%);
   backdrop-filter: blur(7.5px);
   box-shadow: 0px 4px 10px rgba(180, 192, 192, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 0.1);
   transition: transform 0.5s ease-in-out;
}

.oborud-row:nth-child(2n) .oborud-container::after {
   content: "";
   position: absolute;
   top: -130px;
   right: -30px;
   left: auto;
   width: 145px;
   height: 261px;
   z-index: 1;
   border: 3px solid var(--color2);
   border-radius: 125px 0;
   background: rgba(255, 255, 255, 0.2);
   transform: translate(15%, 15%);
   backdrop-filter: blur(7.5px);
   box-shadow: 0px 4px 10px rgba(180, 192, 192, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 0.1);
   transition: transform 0.5s ease-in-out;
}

.service-application-inner {
   margin-top: 40px;
}

.service-container {
   position: relative;
   border-radius: 100px 0px;
   width: 580px;
   height: 280px;
   background-size: auto 110%;
   background-repeat: no-repeat;
   background-position: 0px -50px;
   margin-bottom: 50px;
}

.service-container::after {
   content: "";
   position: absolute;
   bottom: 0px;
   right: -30px;
   width: 113px;
   height: 204px;
   z-index: 1;
   border: 3px solid var(--color2);
   border-radius: 125px 0;
   background: rgba(255, 255, 255, 0.2);
   transform: translate(15%, 15%);
   backdrop-filter: blur(7.5px);
   box-shadow: 0px 4px 10px rgba(180, 192, 192, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 0.1);
   transition: transform 0.5s ease-in-out;
}

.service__text__wrapper {
   color: var(--unnamed, #58595B);
   font-size: 40px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 300;
   line-height: 48px;
   margin-top: 80px;
}

.service__text__wrapper a {
   color: #58595B;
}

.service__menu__wrapper {
   width: 100%;
   -moz-columns: 2 auto;
   -webkit-columns: 2 auto;
   columns: 2 auto;
   margin-bottom: 60px;
}

.service__menu__wrapper li .serv__menu-item {
   width: 100%;
   color: var(--unnamed, var(--color3));
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   background: var(--color1);
   border-radius: 10px;
   margin-bottom: 10px;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.service__menu__wrapper li a {
   padding: 20px 30px;
   flex: 1;
}

.service__menu__wrapper li .serv__menu-item:hover {
   background: var(--color2);
   color: #ffffff;
}

.service__menu__wrapper li .serv__menu-item:hover a {
   color: #ffffff;
}


/* serv-menu====================================================================================================*/
.serv__menu-item {
   display: flex;
   align-items: center;
}

.serv-toggle {
   position: relative;
   display: none;
   width: 54px;
   flex: 0 0 54px;
   transition: transform .2s;
   justify-content: center;
   align-items: center;
   cursor: pointer;

   &:after {
      content: '';
      position: absolute;
      display: inline-flex;
      transform: rotate(0deg);
      background-color: #fff;
      width: 40px;
      flex: 0 0 40px;
      aspect-ratio: 1;
      margin-left: auto;
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2716%27%20r%3D%2716%27%20fill%3D%27%23e2d7cb%27/%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%27%20fill%3D%27%23ffffff%27%20transform%3D%27translate%288%208%29%27/%3E%3C/svg%3E") center center no-repeat;
      background-repeat: no-repeat;
      background-size: 2.3rem;
      cursor: pointer;
   }

}



.serv-drop-down .serv__menu-item {}

.serv-drop-down>.serv__menu-item a {
   padding-right: 50px;
}

.serv-drop-down>.serv__menu-item .serv-toggle {
   display: flex;
   align-self: stretch;
}

.serv-drop-down.open .serv-toggle {
   transform: rotate(-180deg);
}

.serv-drop-down>a {
   padding-left: 65px !important;
}

.serv-menu li {
   padding-left: 38px;
}

.serv-menu li .serv__menu-item {
   background: #f8eee2;
}

.serv-menu {
   display: none;
}

/*end serv-menu>====================================================================================================*/



.preim__block__row .element .img-wrapper img {
   position: absolute;
   max-width: 60px;
   width: 100%;
   object-fit: contain;
   aspect-ratio: 1;
}

.preim__block__row .element .title {
   display: inline-block;
   padding-left: 70px;
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
}

.service__gallery .img__grid__gallery {
   height: 445px;
   border-radius: 10px;
}

.service__gallery .item-gallery .element {
   border-radius: 10px;
   margin: 0 10px;
}

.service_accordeon_wrapper {
   background: var(--color1);
   margin: 0 -57px;
   padding: 75px 57px 150px;
   border-radius: 55px;
}

.service_accordeon_wrapper .accordeon .element .title {
   cursor: pointer;
   padding: 25px 12px 25px 50px;
   font-family: 'Montserrat', sans-serif;
   position: relative;
   background: #fff;
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
   border-radius: 0;
   text-transform: uppercase;
   border-top: 1px solid #D1AE9D;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.service_accordeon_wrapper .accordeon .element:last-child .title {
   border-bottom: 1px solid #D1AE9D;
}

.service_accordeon_wrapper .accordeon .element-content {
   display: none;
   padding: 0 20px 20px;
   font-size: 16px;
   color: #58595B;
   margin-bottom: 10px;
   border-top: none;
   border-radius: 0 0 3px 3px;
}

.service_accordeon_wrapper .accordeon .element.active .title {
   color: var(--unnamed, #58595B) !important;
   border-radius: 0;
   background: transparent;
}

.service_accordeon_wrapper .accordeon .element.active .title:before {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: 50%;
   left: 15px;
   border-radius: 3px;
   margin-top: -10px;
   background: url(../images/minus.png) 50% 50% no-repeat rgba(213, 177, 85, 1);
   color: #fff;
   text-align: center;
   line-height: 50px;
}

.service_accordeon_wrapper .accordion__header {
   background: var(--color1);
   color: var(--unnamed, #58595B);
   font-family: Montserrat;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
   text-transform: uppercase;
   border-top: 1px solid #D1AE9D;
   border-radius: 0;
   margin: 0;
}

.service_accordeon_wrapper .accordion__header:hover {
   background-color: #ffffff73;
}

.service_accordeon_wrapper .accordion__item {
   margin: 0;
}

.service_accordeon_wrapper .accordion__content {
   padding: 10px 22px 30px;
}

.content ol,
.accordion__content ol {
   list-style-type: none;
   counter-reset: num;
   margin: 0 0 0 25px;
   font-size: 16px;
}

.content ol li,
.accordion__content ol li {
   position: relative;
   margin: 0 0 0 0;
   padding: 0 0 10px 5px;
}

.content ol li:before,
.accordion__content ol li:before {
   content: counter(num) '.';
   counter-increment: num;
   display: inline-block;
   position: absolute;
   top: 0px;
   left: -26px;
   width: 20px;
   text-align: right;
}

.price-section table {
   width: 100%;
}

.price-section tr {
   border-bottom: 1px solid var(--color3);
}

.price-section tr:first-child td {
   text-transform: uppercase;
}

.price-section tr:first-child td:last-child {
   text-align: right;
   font-weight: 500;
}

.price-section td {
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   padding: 20px 0;
}

.price-section tr td:last-child {
   text-align: center;
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
   vertical-align: middle;
}

.spec__element {
   min-height: 525px;
   height: 100%;
}

.spec__element .element-content {
   padding: 0 40px;
}

.spec__element .element-content h4 a {
   color: var(--unnamed, #58595B);
   text-align: center;
   font-size: 19px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 25px;
}

.content ul {
   list-style-type: disc;
   margin: 0 0 0 25px;
}

.content ul li {
   position: relative;
   margin: 0 0 0 0;
   padding: 0 0 10px 5px;
}

.align-items-start {
   display: flex;
   align-items: flex-start;
}

.characteristic__wrapper {
   margin-top: 30px;
}

.characteristic__wrapper .for__title {
   margin-bottom: 10px;
}

.experience-block .for__title {
   margin-bottom: 10px;
}

.experience__title {
   color: var(--color2);
   font-weight: 700;
}

.spec__gallery .item-gallery .element {
   margin-bottom: 20px;
}

.you__block__wrapper {
   background: var(--color1);
   margin: 0 -57px;
   padding: 75px 57px 55px;
   border-radius: 55px
}

.price__text__wrapper .button {
   margin: 0;
}

.specService__text__wrapper td {
   padding: 14px 0 !important;
}

.specService__text__wrapper tr td:last-child {
   text-align: right !important;
}

.spec__inner-container {
   width: 390px;
   height: 425px;
   border-radius: 140px 0px;
}

.spec__inner-container::after {
   content: "";
   right: -15px;
   width: 145px;
   height: 261px;
   border-radius: 125px 0px;
}

.spec__shedule table {
   width: 100%;
}

.spec__shedule tr {
   border-bottom: 1px solid var(--color3);
}

.spec__shedule tr:last-child {
   border-bottom: none;
}

.spec__shedule td {
   color: var(--unnamed, #58595B);
   font-size: 16px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   padding: 10px 0;
}

.spec__shedule tr td:last-child {
   text-align: right;
}

.youtube__video {
   margin-bottom: 40px;
}

.youtube__video:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
}

.youtube__video:after {
   content: "\f119";
   position: absolute;
   z-index: 1;
   font-family: "myfontawesome";
   font-weight: 400;
   left: calc(50% - 40px);
   top: calc(50% - 40px);
   font-size: 80px;
   line-height: 80px;
   color: var(--color2);
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.youtube__video:hover:after {
   color: var(--color2);
}

.youtube__video .lightgallery-link:hover {
   background: transparent;
}

.youtube__video .lightgallery-link:after {
   content: none;
}

.btn__slabo.text-center {
   margin: 0 auto;
   max-width: 1920px;
   background: linear-gradient(90deg, var(--color3) 0%, var(--color2) 49.09%, var(--color3) 100%);
}

.btn__slabo.text-center a {
   display: block;
   padding: 40px 0;
   color: var(--unnamed, #58595B);
   font-size: 15px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   text-transform: uppercase;
}

.btn__slabo.text-center a span {
   display: block;
   margin-bottom: 15px;
}

.accordion__item {
   margin-bottom: 0.5rem;
   border-radius: 0.25rem;
}

.accordion__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 16px 22px;
   color: #fff;
   background: var(--2, var(--color2));
   border-radius: 0.25rem;
   cursor: pointer;
   font-family: Montserrat;
   font-size: 15px;
   font-style: normal;
   font-weight: 700;
   margin: 0 0 7px;
   transition: background-color 0.2s ease-out;
}

.accordion__header::after {
   flex-shrink: 0;
   width: 39px;
   height: 39px;
   margin-left: auto;
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") center center no-repeat var(--color3);
   border-radius: 39px;
   background-repeat: no-repeat;
   background-size: 1.25rem;
   content: "";
   transition: transform 0.2s ease-out;
}

.cbp-ntopen .accordion__header::after,
.accordion__item_show .accordion__header::after,
.accordion__item_slidedown .accordion__header::after {
   transform: rotate(-180deg);
}

.accordion__header__inner::after {
   flex-shrink: 0;
   width: 39px;
   height: 39px;
   margin-left: auto;
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") center center no-repeat var(--color2);
   border-radius: 39px;
   background-repeat: no-repeat;
   background-size: 1.25rem;
   content: "";
   transition: transform 0.2s ease-out;
}

.price__element__inner.cbp-ntopen .accordion__header__inner::after {
   transform: rotate(-180deg);
}

.accordion__header:hover,
.accordion__header__inner:hover {
   background-color: color-mix(in srgb, var(--color2) 80%, black 20%);
}

.cbp-ntopen .accordion__header,
.price__element__inner.cbp-ntopen .accordion__header__inner {
   background-color: color-mix(in srgb, var(--color2) 80%, black 20%);
}




.accordion__content {
   overflow: auto;
   background: transparent;
}

.accordion__item:not(.accordion__item_show) .accordion__body {
   display: none;
}

.accordion__content td {
   color: var(--unnamed, #58595B);
   font-family: Montserrat;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   padding: 20px 0px;
}

.accordion__content tr {
   border-bottom: 1px solid var(--color3);
}

.accordion__content table {
   width: 100%;
}

.accordion__content tr:last-child {
   border-bottom: none;
}

.accordion__content td:last-child {
   color: var(--unnamed, #58595B);
   font-family: Montserrat;
   font-size: 15px;
   font-style: normal;
   font-weight: 600;
   line-height: 25px;
}



.base__fortitle.simplesearch-results {
   margin-bottom: 50px;
}

.search__order {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 30px;
}

.search__img {
   width: 30%;
}

.search__text {
   width: 70%;
}

.search__img img {
   border-radius: 50px 0;
}

.search__text h3 {
   font-family: 'Montserrat', sans-serif;
   margin-bottom: 10px;
   color: var(--unnamed, #58595B);
   font-size: 40px;
   font-style: normal;
   font-weight: 300;
   line-height: 48px;
}

.search__text p:last-child {
   margin-bottom: 0;
}

.simplesearch-paging {
   margin-top: 70px;
}

span.simplesearch-result-pages {
   margin-right: 10px;
}

.simplesearch-current-page {
   display: inline-block;
   text-align: center;
   height: 40px;
   width: 40px;
   line-height: 40px;
   margin-right: 6px;
   text-decoration: none;
   background: var(--color2);
   color: #fff;
   font-weight: 600;
   border: none;
   border-radius: 3px;
}

.simplesearch-page a {
   display: inline-block;
   text-align: center;
   height: 40px;
   width: 40px;
   line-height: 40px;
   margin-right: 6px;
   color: #ffffff;
   text-decoration: none;
   background-color: #e3e3e4;
   font-weight: 600;
   border: none;
   border-radius: 3px;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.simplesearch-page a:hover {
   background: var(--color2);
   color: #fff;
}

.top-menu ul {
   position: relative;
}

.search__form__wrapper {
   position: absolute;
   display: none;
}

.header__search__mobile {
   display: none;
}

.search__form__wrapper.active {
   display: block;
}

.search__i i {
   display: inline-block;
   margin-left: 15px;
   font-size: 16px;
   height: 34px;
   width: 34px;
   line-height: 35px;
   text-align: center;
   color: #ffffff;
   background: var(--color2);
   border-radius: 6px 0;
   cursor: pointer;
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.search__i i:hover {
   color: #0D0D0D;
}

.search__form__wrapper {
   position: absolute;
   right: 0;
   top: 49px;
}

.search__form__wrapper .search-field {
   border: 1px solid var(--color2);
   padding: 5px 10px;
   min-width: 300px;
}

.search__form__wrapper .search-submit {
   display: inline-block;
   text-decoration: none;
   padding: 8px 20px;
   position: relative;
   text-align: center;
   cursor: pointer;
   color: var(--unnamed, #FFF);
   text-align: center;
   font-size: 13px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   text-transform: uppercase;
   border: 1px solid var(--color2);
   border-radius: 7px;
   background: var(--unnamed, var(--color2));
   -webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}

.search__form__wrapper .search-submit:hover {
   background: var(--color2);
   border-color: var(--color2);
   color: #fff;
}

.header-panel .button:hover {
   color: #ffffff;
}

.doposle-carousel .element {
   border-radius: 10px;
   margin: 0 10px;
}

@media (max-width: 767px) {
   .button {
      font-size: calc((100vw - 320px)/(768 - 320) * (14 - 12) + 12px);
      padding: 1.1em 1.4em;
   }

   .doposle-carousel .element {
      margin: 0px;
   }

   .header__search__mobile,
   .header__search__mob {
      display: block !important;
   }

   .header-wrapper {}

   .header-push {
      height: 60px;
   }


   .align-item-center {
      display: block;
   }

   .photo-container {
      position: relative;
      border-radius: 60px 0px;
      width: 100%;
      height: 350px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin-bottom: 40px;
   }

   .photo-container::after {
      display: none;
   }

   .collback__form__wrapper {
      border-radius: 0 60px;
      padding: 25px 25px 15px;
   }

   .service__block__wrapper {
      background: #fff;
      margin: 0;
      padding: 30px 25px;
      border-radius: 0;
   }

   section.quest-section {
      margin-top: 0;
   }

   .collback__form__text .button {
      float: left;
      margin-top: 0;
   }

   .application-inner .element {
      border-radius: 0;
      margin-bottom: 40px;
   }

   .img-wrapper img {
      width: 100%;
      border-radius: 60px 0;
   }

   .news-list .news-list-element .img-wrapper img {
      border-radius: 40px 0;
   }

   .text__wrapper {
      position: relative;
      bottom: -15px;
      text-align: center;
   }

   .rev__block__wrapper:before,
   .rev__block__wrapper:after {
      display: none;
   }

   .rev__block__wrapper {
      margin: 0;
      padding: 45px 25px 30px;
      border-radius: 0;
   }

   .reviews-carousel .item .element {
      width: auto;
      margin-bottom: 25px;
      padding: 0;
      border-radius: 0;
      border: none;
      background: var(--color1);
   }

   .reviews-carousel .item .element:after {
      display: none;
   }

   .collback__form__wrapper {
      background-image: none;
   }


   .main-form-tel i {
      font-size: 22px;
   }

   .main-form-tel {
      font-size: 24px;
      font-weight: 600;
   }

   .news__block__wrapper {
      margin: 0;
      padding: 45px 25px 30px;
      border-radius: 0;
   }

   .news-list-element {
      padding: 0;
      border-radius: 0;
      border: none;
      margin-bottom: 40px;
   }

   .news-list-element .img-wrapper {
      border-radius: 0;
      overflow: hidden;
   }

   .footer-top {
      display: block;
      margin-bottom: 30px;
      text-align: center;
   }

   .footer-slogan {
      width: 100%;
      margin: 10px 0;
   }

   .footer-contact {
      display: block;
      width: 100%;
   }

   .footer-contact .header-tel {
      display: block;
      margin: 0;
   }

   .footer-raspisanie {
      width: 100%;
      margin: 10px 0;
   }

   .comments .ec-message {
      width: 100%;
      padding: 25px;
   }

   .news-list .news-list-element {
      padding: 25px;
      margin-top: 0px;
   }

   .base__fortitle {
      font-size: 26px;
      font-weight: 400;
   }

   .contacts-block .base__fortitle {
      margin-bottom: 25px;
   }

   .news-img {
      float: none;
      margin-left: 0;
      margin-bottom: 20px;
      border-radius: 0;
      overflow: hidden;
   }

   h1.inner {
      font-size: 24px;
      font-weight: 400;
      line-height: 30px;
   }

   .accordion__content td {
      vertical-align: middle;
   }

   .accordion__content td:last-child {
      white-space: nowrap;
   }

   .service-container {
      position: relative;
      border-radius: 60px 0;
      width: 100%;
      height: 280px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin-bottom: 0px;
   }

   .service_accordeon_wrapper .accordion__header {
      background: none;
   }

   .service__text__wrapper {
      font-size: 26px;
      font-weight: 400;
      line-height: 34px;
      margin-top: 30px;
   }

   .service-container::after {
      display: none;
   }

   .service__menu__wrapper {
      width: 100%;
      -moz-columns: 1 auto;
      -webkit-columns: 1 auto;
      columns: 1 auto;
      margin-top: 30px;
      margin-bottom: 30px;
   }

   .preim__block__row .element .img-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
   }

   .preim__block__row .element {
      min-height: 65px;
      margin-bottom: 25px;
   }

   .preim__block__row .element .img-wrapper img {
      position: absolute;
      width: 30%;
      max-width: 70px;
   }

   .preim__block__row .element .title {
      padding-left: 80px;
   }

   .preim__block__row .col-md-3:last-child .element {
      margin-bottom: 0px;
   }

   .service__gallery .item-gallery {
      display: block;
   }

   .service__gallery .item-gallery .element {
      border-radius: 0;
      margin-bottom: 20px;
   }

   .service__gallery .img__grid__gallery {
      height: 360px;
      border-radius: 0;
      width: 100%;
      background-size: cover !important;
   }

   .service_accordeon_wrapper .accordion__header {
      text-transform: none;
      padding: 16px 0px;
   }

   .service_accordeon_wrapper {
      background: #fff;
      margin: 0;
      padding: 45px 25px 30px;
      border-radius: 0;
   }

   .item-gallery .element {
      border-radius: 0;
      overflow: hidden;
      margin-bottom: 20px;
   }

   .align-items-start {
      display: block;
   }

   .spec__shedule {
      margin-bottom: 20px;
   }

   .you__block__wrapper {
      padding: 51px 57px 10px;
   }

   .main-form__text .button {
      margin: 0;
   }

   .price__text__wrapper .button {
      margin: 0;
      padding: 10px 15px;
      text-transform: none;
   }

   .specService__text__wrapper td {
      padding: 14px 20px 14px 0 !important;
   }

   .specService__text__wrapper td:last-of-type {
      padding: 14px 0 !important;
   }

   .about__gallery .item-gallery {
      display: block;
   }

   .about__gallery .img__grid__gallery {
      height: 360px;
      border-radius: 0;
   }

   .img__grid__gallery {
      height: 360px;
      border-radius: 0;
      width: 100%;
      background-size: cover !important;
   }

   .about__gallery .item-gallery .element {
      border-radius: 0;
   }

   .oborud-row {
      display: block;
      margin-bottom: 40px;
   }

   .oborud-container {
      position: relative;
      border-radius: 60px 0;
      width: 100%;
      height: 360px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin-bottom: 0px;
   }

   .oborud-list {
      margin-top: 20px;
   }

   .oborud-container::after {
      display: none;
   }

   .oborud-row h4 {
      display: inline-block;
      margin-top: 15px;
      font-size: 26px;
      line-height: 130%;
   }

   .oborud-row:nth-child(2n) .oborud-container {
      float: none;
      margin-top: 0px;
   }

}


.top-slider .slick-next {
   right: 10px;
}

.top-slider .slick-prev {
   left: 10px;
}

.slide__pc {
   display: block;
}

.slide__mobile {
   display: none;
}


@media only screen and (max-width: 768px) {
   .slide__pc {
      display: none;
   }

   .slide__mobile {
      display: block;
   }

   .slick-prev:after,
   .slick-next:after {
      border-left: 2px solid var(--color2);
      border-bottom: 2px solid var(--color2);
   }

   .top-slider .slick-next {
      bottom: 20px;
      top: initial;
   }

   .top-slider .slick-prev {
      bottom: 20px;
      top: initial;
   }

   .reviews-carousel .slick-next {
      right: -5px;
      bottom: -70px;
      top: initial;
   }

   .reviews-carousel .slick-prev {
      left: -5px;
      bottom: -70px;
      top: initial;
   }

   .academy-rev .reviews-carousel .slick-next {
      right: -5px;
      bottom: -23px;
      top: initial;
   }

   .academy-rev .reviews-carousel .slick-prev {
      left: -5px;
      bottom: -23px;
      top: initial;
   }

   .preim-carousel .slick-next {
      right: -20px;
      bottom: initial;
      top: 52%;
      transform: translateY(-50%);
      left: initial;
   }

   .preim-carousel .slick-prev {
      left: -20px;
      bottom: initial;
      top: 52%;
      transform: translateY(-50%);
   }

   .services-section .element {
      border-radius: 40px !important;
   }

}



.btn-whatsapp-pulse {
   z-index: 100;
   background: var(--color3);
   color: white;
   position: fixed;
   bottom: 20px;
   right: 20px;
   font-size: 14px;
   line-height: 1.1;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 0;
   height: 0;
   padding: 45px;
   text-decoration: none;
   border-radius: 50%;
   animation-name: pulse;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-iteration-count: infinite;
}

.btn-whatsapp-pulse:hover {
   color: #fff;
}

@keyframes pulse {
   0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
   }

   80% {
      box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
   }
}

.btn-whatsapp-pulse-border {
   bottom: 35px;
   right: 10px;
   animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
   content: "";
   position: absolute;
   border-radius: 50%;
   padding: 45px;
   border: 5px solid var(--color3);
   opacity: 0.75;
   animation-name: pulse-border;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-iteration-count: infinite;
}

@keyframes pulse-border {
   0% {
      padding: 35px;
      opacity: 0.75;
   }

   75% {
      padding: 60px;
      opacity: 0;
   }

   100% {
      opacity: 0;
   }
}

.marquee {
   height: 65px;
   width: 100%;
   margin: 0 auto;
   background: #58595B;
}

.marquee p {
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   padding-top: 20px;
   animation: marquee 55s infinite linear;
   padding-left: 100%;
   white-space: nowrap;
}

@media screen and (max-width: 767px) {
   .marquee p {
      animation: marquee 25s infinite linear;
   }
}

@keyframes marquee {
   0% {
      transform: translate(0, 0);
   }

   100% {
      transform: translate(-160%, 0);
   }
}



/* Video player start */

.video-container {
   position: relative;
   width: 80%;
   max-width: 800px;
   aspect-ratio: 16 / 9;
   /* Пропорции на 16:9 */
   overflow: hidden;
   background-color: #000;
   /* Цвет фона видео */
}

.video-background {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-position: center;
}

.video-background::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
   /* Полупрозрачный черный градиент */
   pointer-events: none;
   /* Позволяет кликам проходить через этот элемент */
}

.video-iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
   /* Убираем границу у iframe */
}

.play-button {
   position: absolute;
   top: calc(50% - 40px);
   left: calc(50% - 40px);
   width: 80px;
   height: 80px;
   border: none;
   background: none;
   cursor: pointer;
   color: var(--color2);
   font-size: 80px;
   line-height: 80px;
   transition: all 200ms ease-out;
}

.play-button:after {
   content: "\f119";
   /* Код иконки "Play" из Font Awesome */
   font-family: "myfontawesome";
}

.play-button:hover {
   color: #b0a755;
   /* Изменяем цвет иконки при наведении */
}

/* Video player end */


/* blog start */

.news-item {
   margin-bottom: 30px;
   text-align: left;
   background-color: white;
   border: 1px solid var(--color2);
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
   padding: 15px;
   display: grid;
   grid-template-rows: subgrid;
   grid-row: span 4;

   & .btn {
      margin-top: 0;
   }
}

.news-image {
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
   transition: opacity 0.3s;
   margin-bottom: 15px;
   opacity: 0.9;
}

.news-image:hover {
   opacity: 1;
}

.news-content {}

.btn {
   margin-top: 15px;
   /* Отступ для кнопки "Подробнее" */
}

/* blog end */


/* main doctor */

.rounded-image {
   width: 100%;
   /* Ширина изображения */
   margin: 6px 0 25px;
   height: auto;
   /* Автоматическая высота изображения */
   border-top-left-radius: 20px;
   /* Скругление верхнего левого угла */
   border-bottom-right-radius: 20px;
   /* Скругление нижнего правого угла */
   max-width: 310px;
   /* Максимальная ширина для изображения */
   object-fit: cover;
   /* Обеспечить полное заполнение */
   border: 2px solid var(--color2);
   /* Тонкая зеленая окантовка */
}

.rounded-btn {
   background-color: var(--color2);
   /* Цвет заливки кнопки */
   color: white;
   /* Цвет шрифта кнопки */
   border-radius: 50px;
   /* Скругление краёв кнопки */
   padding: 15px 30px;
   /* Увеличенные внутренние отступы */
   margin-top: 14px;
   display: inline-block;
}

.subtitle {
   color: var(--color3);
   /* Цвет подзаголовка с именем */
   font-style: italic;
   /* Наклонный текст */
}

.mt-100 {
   margin-top: 100px;
   /* Верхний отступ 100px */
}

.content-block {
   background-color: white;
   /* Белая заливка для блока */
   border-top-left-radius: 20px;
   /* Скругление верхнего левого угла */
   border-bottom-right-radius: 20px;
   /* Скругление нижнего правого угла */
   padding: 45px 30px;
   /* Увеличены отступы внутри блока на 40% */
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   /* Легкая тень для эффекта поднятости */
}

.mt-3 {
   margin-top: 24px;
   /* Увеличенный верхний отступ для кнопки */
}

.about-title {
   line-height: 100%;
}


.text-blog ul {
   list-style-type: none;
   /* Убираем стандартные маркеры */
   padding-left: 0;
   /* Убираем стандартные отступы */
   margin: 20px 15px 20px;
}

.text-blog ul li {
   position: relative;
   /* Для позиции галочки */
   padding-left: 25px;
   /* Отступ для текста от галочки */
}

.text-blog ul li::before {
   content: '✓';
   /* Галочка вместо маркера */
   position: absolute;
   /* Для позиции галочки */
   left: 0;
   /* Позиция галочки */
   color: green;
   /* Цвет галочки */
}

.text-blog ol {
   margin: 20px 15px 20px;
   padding-left: 0;
   /* Убираем стандартные отступы */
}

.text-blog ol li {
   margin: 0 0 0 20px;
}

.text-blog ol li::before {}




.stories-section {
   padding: 20px 0;
}

.stories__block__wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
}

.stories-carousel {
   display: flex;
   gap: 20px;
   min-width: 0;
   max-width: 800px;
}

.stories-carousel__item {
   display: flex !important;
   flex-direction: column;
   align-items: center;

   &:hover {
      .stories-carousel__item__text {
         color: var(--color2);
      }
   }

}

.stories-carousel__item__img {
   overflow: hidden;
   width: 238px;
   height: 238px;
   border: 2px solid var(--color2);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;

   &:after {
      content: "\f119";
      position: absolute;
      z-index: 1;
      font-family: "myfontawesome";
      font-weight: 400;
      left: calc(50% - 40px);
      top: calc(50% - 40px);
      font-size: 80px;
      line-height: 80px;
      color: var(--color2);
      opacity: 0.7;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;

   }

   &:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      max-width: 220px;
      max-height: 220px;
      border-radius: 50%;
      background-color: #333;
      opacity: 0.4;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   & img {
      max-width: 220px;
      max-height: 220px;
      width: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 50%;
   }
}


.stories-carousel__item__img:hover:after {
   color: var(--color3);
}


.stories-carousel__item__text {
   font-size: 18px;
   margin-top: 12px;
   color: #000;
   transition: all 200ms ease-out;
   text-align: center;
   line-height: 120%;
}


.for-small-stories {
   z-index: 1;
   position: relative;

   & .container {
      width: 100%;
   }

   & .stories-carousel {
      max-width: 480px;
   }

   & .stories-carousel__item__img {
      width: 140px;
      height: 140px;

      & img {
         max-width: 130px;
         max-height: 130px;
      }

      &:before {
         max-width: 130px;
         max-height: 130px;
      }
   }

   & .stories-carousel__item__text {
      font-size: 12px;
      margin-top: 6px;
      text-align: center;
   }
}

.fancybox-nav span {
   display: none;
}

.fancybox-inner video {
   width: auto;
   height: 90vh;
   max-width: 100%;
   object-fit: cover;
   display: block;
   margin: 0 auto;
   background: #30312f;
   border: 1px solid #30312f;
}

.fancybox-lock {
   overflow: initial !important;
}

.fancybox-skin {
   padding: 0 !important;
}


.social {
   display: flex;
   flex-wrap: wrap;
   gap: 7px 1px;

}

.social-add {
   display: flex !important;
   justify-content: center;
   align-items: center;

   & img {
      width: 18px;

   }
}

.contacts-block .social-add {
   justify-content: initial;
   align-items: center;
   gap: 10px;
}

.content .social a {
   background-color: var(--color2);
   color: #58595B;
}

.footer-social-links {
   padding-left: 15px;
}

@media (max-width: 1170px) {

   .stories-carousel {
      max-width: 600px;
   }

   .stories-carousel__item__img {
      width: 180px;
      height: 180px;

      & img {
         max-width: 160px;
         max-height: 160px;
      }

      &:before {
         max-width: 160px;
         max-height: 160px;
      }
   }

}

@media (max-width: 560px) {
   .footer-social-links {
      padding-left: 0;
   }

   .stories-section {
      padding: 30px 0;
   }

   .stories-carousel__item__img {
      width: 100px;
      height: 100px;

      & img {
         max-width: 90px;
         max-height: 90px;
      }

      &:before {
         max-width: 90px;
         max-height: 90px;
      }
   }

   .stories-carousel__item__text {
      font-size: 12px;
      margin-top: 6px;
      text-align: center;
   }

   .for-small-stories {
      & .stories-carousel__item__img {
         width: 100px;
         height: 100px;

         & img {
            max-width: 90px;
            max-height: 90px;
         }
      }
   }


   .stories-carousel__item__img:after {
      left: calc(50% - 30px);
      top: calc(50% - 30px);
      font-size: 60px;
      line-height: 60px;

   }

}

.grid-blog {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 20px;
}

@media (max-width: 768px) {
   .grid-blog {
      grid-template-columns: repeat(1, 1fr);
   }

   .spec__element {
      min-height: initial;
   }
}

.video__block-wrapper {
   max-width: 853px;
   width: 100%;
   aspect-ratio: 853/480;
   margin: 0 auto;
   margin-bottom: 30px;
}

.video__block-wrapper iframe {
   width: 100% !important;
   height: 100% !important;
}

@media (max-width:768px) {

   .youtube-section,
   .mobile-overflow {
      overflow-x: hidden;
   }

}


.price__text__wrapper {
   max-height: 600px;
   overflow: hidden;
   position: relative;
   transition: max-height 0.3s ease;
}

.price__text__wrapper.expanded {
   max-height: none;
}

.overlay-price {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 250px;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 100%);
   pointer-events: auto;
   cursor: pointer;
   transition: opacity 0.3s ease;
}

.price__text__wrapper.expanded .overlay-price {
   opacity: 0;
   pointer-events: none;
   /* Слой перестаёт быть кликабельным */
}

.service_accordeon .accordion__content {
   padding: 10px 26px;
}


.promotion {
   position: relative;

   &:before {
      content: 'АКЦИЯ';
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 3px;
      right: -12px;
      width: 52px;
      height: 51px;
      background: var(--color2);
      color: #fff;
      font-size: 11px;
      border-radius: 50%;
      box-shadow: 0px 2px 3px 0 rgb(0 0 0 / 25%);
   }
}

.service__menu__wrapper .promotion::before {
   display: none !important;
}

.promotion>.serv__menu-item a {
   position: relative;

   &:before {
      content: 'АКЦИЯ';
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 3px;
      right: -12px;
      width: 52px;
      height: 51px;
      background: var(--color2);
      color: #fff;
      font-size: 11px;
      font-weight: 400;
      border-radius: 50%;
      box-shadow: 0px 2px 3px 0 rgb(0 0 0 / 25%);
   }
}

.promotion.serv-drop-down>.serv__menu-item a:before {
   right: -2px;
}

.photo-container.promotion:before,
.gallery-product-container.promotion:before {
   content: 'АКЦИЯ месяца';
   width: 120px;
   height: 120px;
   font-size: 21px;
   font-weight: 400;
   right: initial;
   left: -12px;
   text-align: center;
   line-height: 1;
   z-index: 100;
}

.grid-gallery {
   display: grid !important;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   row-gap: 30px;

   & .element {
      margin: initial !important;
      border-radius: 30px !important;
   }
}

.gallery-img-wrapper {
   padding: 35px 25px;
   background: #fff;
   border-radius: 40px 0;
}

.grid-gallery .img__grid__gallery {
   background-size: cover !important;
   width: 100%;
   aspect-ratio: 4/3;
   height: initial !important;
}

@media (max-width:768px) {
   .grid-gallery {
      grid-template-columns: repeat(1, 1fr);
   }

   .gallery-img-wrapper {
      padding: 15px 15px;
      background: #fff;
      border-radius: 40px;
   }
}

.before-after-element {
   min-height: 340px !important;
}

.gallery-product-container {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 10px;
   max-width: 500px;
}

.grid-product-gallery__body {
   border-radius: 50%;
   overflow: hidden;

   &:nth-child(1) {
      grid-column: 1/6;
      border-radius: 55px;

      & img {
         background: #fff;
         padding: 0;
         border-radius: initial;
      }
   }

   & img {
      width: 100%;
      aspect-ratio: 1/1;
      object-fit: contain;
      background: #fff;
      padding: 10px;
      overflow: hidden;
      border-radius: 50%;
   }
}

.product-content {
   background: #fff;
   margin: 0 -57px;
   padding: 50px 57px 75px;
   border-radius: 55px;
}

.product-volume {
   margin-top: 15px;
   font-size: 18px;
   line-height: 120%;
   color: var(--color3);
   font-weight: 700;
}

.product-price {
   margin: 15px 0;
   font-size: 24px;
   line-height: 120%;
   color: var(--color2);
}

.grid-wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 22px;
}

.grid-wrapper.page-shop {
   grid-template-columns: repeat(4, 1fr);

}

.product-element {
   display: grid;
   grid-template-rows: subgrid;
   grid-row: span 5;
   gap: 0px;

   & img {
      aspect-ratio: 177 / 146;
   }

   & h4 a {
      font-size: 16px;
      line-height: 1.2;
      transition: all 0.3s;
      display: inline-block;

      &:hover {
         color: var(--color3);
      }
   }

   & .img-wrapper {
      overflow: initial;
   }

   & .product-old-price {
      margin-top: 22px;
      margin-bottom: -15px;
      font-size: 19px;
      color: #9E9E9E;
   }
}

@media (max-width:992px) {

   .grid-wrapper.page-shop {
      grid-template-columns: repeat(3, 1fr);

   }
}

@media (max-width:768px) {
   .grid-wrapper {
      grid-template-columns: repeat(2, 1fr);
   }

   .grid-wrapper.page-shop {
      grid-template-columns: repeat(2, 1fr);

   }
}

@media (max-width:480px) {
   .grid-wrapper {
      grid-template-columns: repeat(1, 1fr);
   }

   .grid-wrapper.page-shop {
      grid-template-columns: repeat(1, 1fr);

   }
}

code {
   background: #d8e5d0;
   display: block;
   padding: 24px 45px;
   border-radius: 22px;
   font-family: inherit;
   border: 1px solid #bfccb7;
}

.text-blog {
   & img {
      float: right;
      margin: 25px;
      margin-right: 0;
      border-radius: 100px 0;
      overflow: hidden;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      width: 100%;
      height: initial;
      max-width: 500px;
   }
}


.author {
   display: grid;
   grid-template-columns: 130px auto;
   gap: 20px;
   max-width: 550px;
   align-items: center;
   padding-top: 20px;
}

.author__img {
   & img {
      width: 100%;
      aspect-ratio: 1/1;
      object-fit: cover;
      border-radius: 50%;
      padding: 10px;
      background: #fff;
   }
}

.author__info {
   grid-column: 2/4;
}

.author__name {
   font-weight: 700;
   color: #7d7c7c;
}

.author__position {}

.author__experience {
   font-weight: 700;
   color: var(--color3);
}

.news-item {
   & .author {
      display: grid;
      grid-template-columns: 80px auto;
      font-size: 14px;
      gap: 10px;
      max-width: 550px;
      align-items: center;
      padding-top: 5px;
      line-height: 1.3;
   }
}

.article-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 20px;
}

@media (max-width:768px) {
   .author {
      grid-template-columns: 90px auto;
      gap: 10px;

      & img {
         padding: 5px;
      }
   }

   .text-blog img {
      float: none;
      margin: 0;
      margin-bottom: 20px;
      border-radius: 100px 0;
      display: block;
   }

   .article-grid {
      grid-template-columns: repeat(1, 1fr);
   }


}

.reasons-block {}

.reasons-block__white {
   background: var(--color1);
   margin: 0 -57px;
   padding: 42px 57px;
   border-radius: 55px;
}

.reasons {
   background: initial;
}

.col-md-6 .reasons__list {
   columns: initial;
}

.reasons__list {
   columns: 2 auto;
   padding-top: 30px;
   column-gap: 50px;
}

.reasons__item {
   display: flex;
   gap: 15px;
   margin-bottom: 35px;

   & span {
      font-size: 18px;
      margin-top: -5px;
      color: #fff;
      line-height: 1;
      background: var(--color3);
      border-radius: 50%;
      flex: 0 0 35px;
      height: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
   }
}

@media (max-width:768px) {
   .reasons__list {
      columns: initial;
      padding-top: 30px;
      column-gap: 50px;
   }
}

.academy {
   background: rgb(255, 239, 239);
   background: linear-gradient(87deg, var(--color1) 36%, rgba(255, 255, 255, 1) 61%, var(--color1) 80%);
}

.academy__inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   min-height: 550px;
}

.academy__inner__left {
   align-self: center;
   display: flex;
   flex-direction: column;
   gap: 40px;
   padding: 45px 0px;

   & h1 {
      font-size: 40px;
      line-height: 1;
      font-weight: 300;
      color: var(--color3);
   }
}

.academy__number {
   font-size: 18px;
   font-weight: 300;
   color: #58595B;
   display: flex;
   gap: 30px;
   align-items: center;
   opacity: 0;
   transform: translateY(20px);
   animation: fadeIn 0.8s ease-out forwards;
   text-wrap: balance;

   & span {
      font-size: 58px;
      font-weight: 200;
   }
}

.academy__number:nth-child(1) {
   animation-delay: 0.3s;
}

.academy__number:nth-child(2) {
   animation-delay: 0.8s;
}

.academy__number:nth-child(3) {
   animation-delay: 1.2s;
}

.academy__number:nth-child(4) {
   animation-delay: 1.6s;
}

@keyframes fadeIn {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }

   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

.academy__number__text {
   max-width: 280px;
}

.academy__inner__right {
   align-self: end;

}

.academy__image__wrapper {
   position: relative;
   aspect-ratio: 453/521;
   max-height: 521px;
}

.academy__image {
   aspect-ratio: 453/521;
   max-height: 521px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   z-index: 1;

}

.academy__decor {
   content: '';
   position: absolute;
   border: 3px solid var(--color2);
   background: rgb(255 239 239 / 20%);
   backdrop-filter: blur(7.5px);
   box-shadow: 0px 4px 10px rgba(180, 192, 192, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 0.1);
   transition: transform 0.5s ease-in-out;
}

@keyframes sway-1 {
   0% {
      transform: translate(0, 0) rotate(0deg);
   }

   50% {
      transform: translate(20px, -20px) rotate(0.5deg);
   }

   100% {
      transform: translate(0, 0) rotate(0deg);
   }
}

@keyframes sway-2 {
   0% {
      transform: translate(0, 0) rotate(0deg);
   }

   50% {
      transform: translate(-20px, 20px) rotate(-0.5deg);
   }

   100% {
      transform: translate(0, 0) rotate(0deg);
   }
}

.decoration-1 {
   z-index: 2;
   top: 11%;
   right: -21%;
   width: 47%;
   height: 80%;
   border-radius: 170px 0px;
   animation: sway-1 6s infinite ease-in-out;
}

.decoration-2 {
   z-index: 0;
   top: 11%;
   right: -21%;
   box-shadow: initial;
   width: 115%;
   height: 41%;
   border-radius: 0 170px;
   animation: sway-2 8s infinite ease-in-out;
}

@media (max-width:768px) {
   .academy__inner {
      display: grid;
      grid-template-columns: 1fr;
   }

   .academy__inner__left {
      justify-self: center;
   }

   .academy__number {
      font-size: 16px;
      gap: 10px;

      & span {
         font-size: 48px;
      }
   }
}


.academy-advantages {
   padding: 50px 0;
}

.academy-advantages__body {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

.academy-advantages__item {}

.advantages {
   display: grid;
   grid-template-rows: subgrid;
   grid-row: span 3;
   gap: 20px;
   text-align: center;
   padding: 0 38px;
   position: relative;

   &:after {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      content: '';
      display: block;
      width: 2px;
      height: 70%;
      background: var(--color2);
   }

   &:last-child {
      &:after {
         display: none;
      }
   }

   & img {
      margin: 0 auto;
   }
}

.advantages__title {
   line-height: 1.2;
   font-weight: 500;
   color: var(--color3);
}

.advantages__text {}

@media (max-width:768px) {
   .academy-advantages__body {
      grid-template-columns: repeat(2, 1fr);
   }

   .advantages {
      &:after {
         display: none;
      }
   }
}

@media (max-width:480px) {
   .academy-advantages__body {
      grid-template-columns: repeat(1, 1fr);
   }
}

.shedule-block {
   padding: 50px 0px;
}

.shedule-block__title {
   margin-bottom: 40px;
}


.shedule-block__slider {
   display: flex;
   gap: 20px;
   justify-content: center;

   & .slick-track {
      height: 100%;
      display: flex;
      gap: 20px;
   }
}

.course {
   background-color: var(--color1);
   border-top-left-radius: 35px;
   border-bottom-right-radius: 35px;
   padding: 50px 50px;
   max-width: 600px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}

.course.slick-slide {
   display: flex;
   height: 100%;
}

a .course__title:hover {
   color: var(--color2);
}

a .course__subtitle:hover {
   color: var(--color2);
}


.course__title {
   font-size: 28px;
   font-weight: 400;
   color: var(--color3);
   text-align: center;
   margin-bottom: 10px;
}

.course__subtitle {
   font-size: 18px;
   font-weight: 400;
   color: #58595B;
   text-align: center;
   line-height: 1.2;
   margin-bottom: 30px;
   transition: all 0.3s;
}

.course__info-body {
   display: flex;
   flex-direction: column;
   gap: 20px;
   margin-bottom: 30px;
}

.course__row {
   border-bottom: 1px solid var(--color2);
   padding-bottom: 10px;
   color: var(--color3);

   & span {
      color: #58595B;
   }
}

.text-color-green {
   color: var(--color3);
   font-weight: 500;
   text-wrap: balance;
}

.contentBlock__body {
   display: grid;
   grid-template-columns: 5fr 2fr;
   gap: 40px;
}

.contentBlock__left {}

.contentBlock__right {}

.course__info-body {}

@media (max-width:768px) {
   .contentBlock__body {
      display: grid;
      grid-template-columns: 1fr;
      gap: 30px;
   }
}

.model-conditions-img {
   width: 100%;
   margin-bottom: 30px;

   & img {
      width: 100%;
      height: auto;
      object-fit: contain;
      aspect-ratio: 1200/375;
      border-radius: 20px;
   }
}

.model-conditions {
   & p {
      font-size: 14px;
      font-weight: 400;
      color: #58595B;
      line-height: 1.2;
      margin-bottom: 10px;
      font-style: italic;
   }
}

.fr-name {
   display: none;
}

.check-link {
   font-size: 14px;

   & a {
      font-size: inherit;
      color: var(--color3);
   }
}

.check-link-p {
   margin-bottom: 5px;
}

button[disabled],
html input[disabled] {
   cursor: default;
   background: #dadada;
   border-color: inherit;

   &:hover {
      background: #dadada;
      border-color: inherit;
   }
}

.product-old-price {
   margin-top: 22px;
   font-size: 21px;
   color: #9E9E9E;
   text-decoration: line-through;
}

.header>.logo {
   float: left;

}

.middle {
   overflow-x: hidden;
}

.grid-specialists {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 22px;
}

@media (max-width:992px) {
   .grid-specialists {
      grid-template-columns: 1fr 1fr;
   }
}

@media (max-width:560px) {
   .grid-specialists {
      grid-template-columns: 1fr;
   }
}




/* Accordion style */
.cbp-ntaccordion {
   list-style: none;
   margin: 0;
   padding: 0;
}

.cbp-ntsubaccordion {
   list-style: none;
}

.cbp-ntaccordion .cbp-nttrigger {
   cursor: pointer;
}

.cbp-ntaccordion h3,
.cbp-ntaccordion h4 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 16px 22px;
   color: #fff;
   background: var(--2, var(--color2));
   border-radius: 0.25rem;
   cursor: pointer;
   font-family: Montserrat;
   font-size: 15px;
   font-style: normal;
   font-weight: 700;
   margin: 0 0 7px;
   transition: background-color 0.2s ease-out;
}

.cbp-ntaccordion h5 {
   font-size: 1.2em;
   color: #aaa;
   padding: 0.5em 0 0.5em;
   margin: 0 0 0.5em;
}

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent {
   height: 0;
   overflow: hidden;
   padding: 0 10px;
}

.cbp-ntcontent {}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen>.cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen>.cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
   height: auto;
}

.cbp-ntsubaccordion {
   margin-right: -10px;
}

.price__element__inner {
   padding-left: 20px;
}

/* Example for media query */
@media screen and (max-width: 32em) {

   .cbp-ntaccordion {
      font-size: 70%;
   }

}


h1.title-h2 {
   font-family: 'Montserrat', sans-serif;
   margin-bottom: 20px;
   color: var(--unnamed, #58595B);
   font-size: 40px;
   font-style: normal;
   font-weight: 300;
   line-height: 120%;
   text-transform: initial;
}

.banner-section {}

.wrap-container {}

.banner-slider {
   background: var(--color1);

   & .slick-prev {
      left: 44%;
      top: 50%;
   }

   & .slick-next {
      right: 30px;
      top: 50%;
   }
}

.banner-item-wrapper {
   width: 100vw;
   max-width: 1920px;
   position: relative;
}

.banner-item {
   display: grid !important;
   grid-template-columns: 1fr repeat(5, minmax(64px, 246px)) 1fr;
   gap: 0px;
   max-height: 500px;
   background-image: url('/assets/template/images/bg-element-1.svg');
   background-size: 100px;
   background-position: 10px 15px;
   background-repeat: no-repeat;
}

.banner-content {
   grid-column: 2 / span 2;
   padding: 30px 30px 30px 15px;
   align-self: center;
   display: flex;
   flex-direction: column;
   gap: 25px;

   & .button {
      align-self: flex-start;
   }
}

.banner-title {
   color: var(--unnamed, #58595B);
   font-size: 35px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.1;
}

.banner-subtitle {
   font-size: 20px;

   & p {
      margin-bottom: 10px;
   }

   & ul {
      list-style: disc;
   }

   & li {
      margin-bottom: 10px;
      margin-left: 20px;
   }
}

.banner-image {
   grid-column: 4 / span 4;
}

.banner-image img {
   width: 100%;
   object-fit: cover;
   height: 500px;
   overflow: hidden;
   padding: 20px;
}

.banner-slider.banner-slider--animated .banner-animate-item {
   opacity: 0;
   transform: translateY(20px);
}

.banner-animate-item.is-animated {
   animation: bannerFadeInUp 0.45s ease forwards;
   animation-delay: var(--banner-animation-delay, 0ms);
}

@keyframes bannerFadeInUp {
   from {
      opacity: 0;
      transform: translateY(20px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

@media (min-width:1700px) {
   .banner-slider .slick-prev {
      left: 45.5%;
   }
}

@media (max-width:992px) {
   .banner-item {
      display: flex !important;
      gap: 0px;
      max-height: initial;
      flex-direction: column-reverse;
   }

   .banner-image img {
      height: initial;
      aspect-ratio: 2 / 1;
      padding: 0;
   }

   .banner-slider .slick-prev {
      left: initial;
      top: initial;
      bottom: 49px;
      right: 80px;
   }

   .banner-slider .slick-next {
      right: 15px;
      left: initial;
      top: initial;
      bottom: 49px;
   }
}

@media (max-width:480px) {
   .banner-title {
      font-size: 24px;
   }

   .banner-subtitle {
      font-size: 16px;
   }
}

.preim-carousel img {
   border-radius: 0;
}


@media (max-width:768px) {
   h1.title-h2 {
      font-size: 26px;
   }

   .for__title {
      font-size: 14px;
      margin-bottom: 8px;
   }

   .application-inner .element .title {
      line-height: 1.3;
      font-size: 16px;
   }

   .banner-content {
      gap: 15px;
      flex: 1 0 286px;
      padding: 30px 30px 10px 15px;
   }

   .banner-content .button {
      margin-top: auto;
   }

   .banner-slider .slick-next {
      bottom: 27px;
   }

   .banner-slider .slick-prev {
      bottom: 27px;
   }

   .service__menu__wrapper li a {
      padding: 20px 15px;
      padding-right: 37px;
   }


}

.wrap-button-group {
   display: flex;
   gap: 10px;
   align-items: center;
   flex-wrap: wrap;

   & .button {
      margin-bottom: 0 !important;
   }
}

.mtb {
   position: fixed;
   z-index: 100;
   bottom: 30px;
   left: 30px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 8px;
   border-radius: 52px;
   border: 1px solid #f2f1f16b;
   background: rgb(255 239 239 / 20%);
   backdrop-filter: blur(4px);
   box-shadow: 0px 4px 10px rgba(180, 192, 192, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 0.1);
}

.mtb_link {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 52px;
   height: 52px;
   font-size: 32px;
   color: #fff;
   border-radius: 50%;
   opacity: 0.9;
   transition: all 0.3s;
   &:hover {
      opacity: 1;
      color:#fff;
   }
}

.mtb-max {
   background: linear-gradient(45.44deg, #77BCFD 4.35%, #6699F4 21.29%, #4B54EF 42.91%, #553DEB 55.93%, #7D40E3 74.34%, #9762E8 87.75%);
}

.mtb-telegram {
   background-color: #27A6E6;
}
@media (max-width:768px){
   .mtb {
      left: 10px;
   }
}