@font-face {
    font-family: 'Golos Text VF';
    src: url('../fonts/GolosTextVF-Regular.eot');
    src: url('../fonts/GolosTextVF-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GolosTextVF-Regular.woff2') format('woff2'),
        url('../fonts/GolosTextVF-Regular.woff') format('woff'),
        url('../fonts/GolosTextVF-Regular.ttf') format('truetype'),
        url('../fonts/GolosTextVF-Regular.svg#GolosTextVF-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bodoni';
    src: url('../fonts/Bodoni-Italic.eot');
    src: url('../fonts/Bodoni-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bodoni-Italic.woff2') format('woff2'),
        url('../fonts/Bodoni-Italic.woff') format('woff'),
        url('../fonts/Bodoni-Italic.ttf') format('truetype'),
        url('../fonts/Bodoni-Italic.svg#Bodoni-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bodoni Bold';
    src: url('Bodoni-BoldItalic.eot');
    src: url('Bodoni-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Bodoni-BoldItalic.woff2') format('woff2'),
        url('Bodoni-BoldItalic.woff') format('woff'),
        url('Bodoni-BoldItalic.ttf') format('truetype'),
        url('Bodoni-BoldItalic.svg#Bodoni-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}




.pb-250 {padding-bottom: 250px}
.pb-100 {padding-bottom: 100px}
.pt-100 {padding-top: 100px}
@media (max-width: 1199px) {
    .pt-100 {padding-top: 10px}
}
.testimonials {top:-250px}

.container-fluid.w-90 {width:90%}
@media (max-width: 1199px) {
    .testimonials {top:-150px}
    .container-fluid {width:100%}
}

@media (max-width: 767px) {
    .text-right, .text-left {
        text-align: left !important;
    } 
    .testimonials {top:0px}
    .pb-250 {padding-bottom: 30px}

    .pt-100 {padding-top: 30px}
    .container-fluid.w-90 {width:100%}
    .btn {padding:18px 26px;}
}
.z-index-5 {z-index:5}
.z-index-100 {z-index:100}
.image-z-index {z-index:50}


#toast-container {    z-index: 4999 !important;}
.toast {max-width: 100% !important; }

.toast-info {background-color: #FFC25F !important}

@media (max-width: 767px) and (min-width: 241px) {
    #toast-container .toast-message {
        line-height: 11px;
        font-size: 80%;
    }
}
.phone-link {font-weight: 600; font-size: 18px;font-family: "Golos Text VF"; }
.phone-link:hover {color: #FFC25F !important;}
.secondary-hover:hover {color: #F11121 !important;}


.second-font {font-family: "Bodoni", sans-serif;}

.text-brand {color:#035B2D}
.text-brand-2 {color:#FFC25F}

.bg-brand {background-color:#035B2D}
.bg-brand-2 {background-color:#FFC25F}

.bg-brand-3 {background-color:#F1F1F1}
.bg-brand-4 {background-color:#B2D1E8}
.bg-brand-5 {background-color:#C2F2FF}
.bg-brand-split-color{  background: linear-gradient(to bottom, #F1F1F1 0%, #F1F1F1 50%, #035B2D 50%, #035B2D 100%);}
.bg-brand-split-color-2{  background: linear-gradient(to bottom, #C2F2FF 0%, #C2F2FF 45%, #035B2D 45%, #035B2D 100%);}
.bg-callback {    background: url(../img/page/bg-callback.webp) 105% -10% no-repeat #FFC25C;
    background-size: 45%;}

.offer-button-brand-2 {background-color: #FFC25F; color:#035B2D; border-radius: 0px; font-size: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px}
.offer-button-brand-2:hover{background-color: #FFF; }
.third-hover:hover {background-color: #035B2D; color:#FFF;}

.offer-button-brand {background-color: #035B2D; color:#FFF; border-radius: 0px; font-size: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px}
.offer-button-brand:hover{background-color: #FFF; color:#035B2D }

.offer-button-brand-3 {background-color: #F11121; color:#FFF; border-radius: 6px; font-size: 17px;  font-weight: 500; letter-spacing: 0px}
.offer-button-brand-3:hover{background-color: #FFF; color:#F11121}

.menu-open {
    position: absolute;
    top: 10px;
    right: 10px;
}
@media only screen and (max-width:991px){
    .menu-anchor {
        display: none;
    }
}
@media only screen and (max-width:1450px){
    .not-show-menu {
        display: none;
    }
}
.sns-block {position: fixed; right:2%; bottom:5%; z-index: 100;  padding: 8px }

.sns-block a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 0 0px #FFF inset !important;
    box-shadow: 0 0 0 0px #FFF inset !important;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    font-size: 17px;
    -webkit-transition: -webkit-box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    transition: -webkit-box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    transition: box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    transition: box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}
.sns-block a img {width: 30px;}
.sns-block .social-item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 0px;
}
.sns-block .social-item:hover a {
    color: white !important;
    -webkit-box-shadow: 0 0 0 26px #FFC25F inset !important;
    box-shadow: 0 0 0 26px #FFC25F inset !important;
}

.text-lead {font-size: 24px; color:#035B2D; font-weight: 400}
@media only screen and (max-width:1119px){
    .text-lead  {font-size: 18px;}
}
.text-brand-title {font-weight: 600; text-transform: uppercase}

.image-relative {position: relative; top: -150px;}
.image-relative-2 {position: relative; bottom: -15%;}
@media only screen and (max-width:992px){
    .image-relative-2 {position: relative; bottom: -35%;}
}
.image-relative-2 img {width: 800px}
.text-relative {position: relative; top: -100px;}

.image-relative-3 {position: relative; top: -10%;}

@media only screen and (max-width:1199px){
    .section-title-small h2 {
    font-size: 38px;
}
}

@media only screen and (max-width:768px){
    .section-title-small h2 {
    font-size: 24px;
}
}

.contact-form .form-control,.callback-form .form-control, #callback .form-control {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    height:50px;
    max-width: 650px;
    text-align: center;

}

.contact-form .form-control::placeholder,.callback-form .form-control::placeholder ,  #callback .form-control::placeholder {
    color:#035B2D;
    text-align: center
        
}
.footer h3 {font-weight:500}

.footer-menu {display: flex;     justify-content: center; align-items: center;}
.footer-menu .menu-anchor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.footer-menu .menu-anchor-list li a::before {color: #035B2D !important}
.footer-menu .menu-anchor ul li {opacity: 1}

.footer-menu .menu-anchor-list li a {color:#035B2D}
.footer-menu .menu-anchor-list li a:hover {color:#FFF !important}

@media only screen and (max-width: 991px) {
.footer-menu .menu-anchor {
    display: flex;
}
}

.form-image {position: absolute;
    bottom: -138%;
    right: 8%;
    z-index: 50;
    width: 95%;}
.form-image img {max-width: 100%}

@media only screen and (max-width: 2349px) {
.form-image {    position: absolute;
    bottom: -102%;
    width: 93%;
    right: 7%;}
}
@media only screen and (max-width: 2000px) {
.form-image {    position: absolute;
    bottom: -60%;}
}
@media only screen and (max-width: 1899px) {
.form-image {position: absolute; bottom: -60%;}
}
@media only screen and (max-width: 1729px) {
.form-image {position: absolute; bottom: -35%;}
}
@media only screen and (max-width: 1441px) {
.form-image {    position: absolute;
    bottom: -10%;
    width: 100%;
    right: 0%;}
}
@media only screen and (max-width: 1199px) {
.form-image {position: absolute; bottom: 10%;}
}
@media only screen and (max-width: 992px) {
.form-image {position: absolute; bottom: 30%;}
}
@media only screen and (max-width: 991px) {
.form-image {position: absolute; bottom: 14%;}
}
@media only screen and (max-width: 820px) {
.form-image {position: absolute; bottom: 30%;}
}

@media only screen and (max-width: 768px) {
.form-image {position: absolute; bottom: 35%;}
}
@media only screen and (max-width: 576px) {
.form-image {position: absolute; bottom: 0%;}
}
.about-image {position: absolute; bottom: 25%; left:-10%; z-index: 49}
.about-image img {max-width: 100%}

.about-absolute-image {position: absolute; bottom: 0%; right:0px; z-index: 50}
.about-absolute-image img {width: 600px}
@media only screen and (max-width: 1439px) {
.about-absolute-image img {width: 500px}
}
@media only screen and (max-width: 1199px) {
.about-absolute-image img {width: 400px}
}

@media only screen and (max-width: 767px) {
.about-absolute-image {
    position: relative;
    bottom: -40px;
    right: -90px;
    z-index: 50;
}
.about-absolute-image img {width: 600px}
}

.white-about-block {padding: 80px}
.white-about-block h4 {font-size: 32px; line-height: 125%}
@media only screen and (max-width: 1439px) {
.white-about-block {padding: 40px}
}

@media only screen and (max-width: 1199px) {
.white-about-block h4 {font-size: 24px; line-height: 125%}
}
@media only screen and (max-width: 767px) {
.white-about-block {padding: 10px}
.white-about-block .text-lead {font-size: 15px}
}


.secondary-advantages .advantage-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.secondary-advantages .advantage-item img {max-width: 100px}
@media only screen and (max-width: 1199px) {
.secondary-advantages .advantage-item img {max-width: 80px}
}

@media only screen and (max-width: 1024px) {
.secondary-advantages .advantage-item img {max-width: 60px}
}
@media only screen and (max-width: 576px) {
.secondary-advantages h4 {font-size:15px}
}
.white-start-block {padding: 80px}
.white-start-block h3 {font-size: 28px}
@media only screen and (max-width: 992px) {
.white-start-block {padding: 40px}
}

.atmosphere-image {    position: absolute;
    z-index: 50;
    bottom: -10%;
    right: 2%;}
@media only screen and (max-width: 2000px) {
.atmosphere-image { bottom: -5%;}
}
@media only screen and (max-width: 576px) {
.atmosphere-image { bottom: 25%;}
}
@media only screen and (max-width: 420px) {
.atmosphere-image { bottom: 50%;}
}
.infrastructure-ul {list-style: disc; font-size: 24px;font-weight: 400; }
.infrastructure-ul li {list-style: disc; font-size: 24px;font-weight: 400; line-height: 125%}
@media only screen and (max-width: 1119px) {
.infrastructure-ul li {
    font-size: 18px;
}
}
.infr-map {display: none}
#contact_map ymaps canvas, #object_map ymaps canvas{
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.map__holder.js-map-holder.small-height{
    height: 700px; }

.related-complexes-block {position: relative}
.complexes-thumb {position: relative;top:0px}
.complexes-list {position: relative;top:-200px; margin-bottom: -200px;}
.complex-thumb-slide {min-height:400px }

@media only screen and (max-width: 992px) {
.complex-thumb-slide {min-height:200px }
.complexes-list {position: relative;top:-100px; margin-bottom: -100px;}
.complexes-thumb-slider  h3 {
   font-size:14px;
}
}

@media only screen and (max-width: 420px){
.complexes-list {
    position: relative;
    top: -70px;
    margin-bottom: -70px;
}
}
.complex-slide .c-button {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    position: absolute; 
    bottom:5%; }

.complexes-thumb-slider  .swiper-slide {
  opacity: .4;
}
.complexes-thumb-slider .swiper-slide-active {
  opacity: 1;
}

.complexes-thumb-slider  .swiper-slide .complex-thumb-slide {background-color: transparent}
.complexes-thumb-slider  .swiper-slide-active .complex-thumb-slide {background-color: #FFF}
.complexes-thumb-slider  .swiper-slide .thumb-header-1,
.complexes-thumb-slider  .swiper-slide .thumb-header-2,
.complexes-thumb-slider  .swiper-slide .thumb-header-3,
.complexes-thumb-slider  .swiper-slide .thumb-header-4,
.complexes-thumb-slider  .swiper-slide .thumb-header-5,
.complexes-thumb-slider  .swiper-slide .thumb-header-6,
.complexes-thumb-slider  .swiper-slide .thumb-header-7 {
  background-color: transparent
} 
.complexes-thumb-slider .swiper-slide-active .thumb-header-1 {background-color: #C2F2FF}
.complexes-thumb-slider .swiper-slide-active .thumb-header-2 {background-color: #FFB3C3}
.complexes-thumb-slider .swiper-slide-active .thumb-header-3 {background-color: #EFCDF7}
.complexes-thumb-slider .swiper-slide-active .thumb-header-4 {background-color: #FFD199}
.complexes-thumb-slider .swiper-slide-active .thumb-header-5 {background-color: #C4FC9F}
.complexes-thumb-slider .swiper-slide-active .thumb-header-6 {background-color: #F9F380}
.complexes-thumb-slider .swiper-slide-active .thumb-header-7 {background-color: #A6FFE1}

.complexes-thumb-slider  .swiper-slide .complex-thumb-slide h3 {
   color: transparent
}
.complexes-thumb-slider  .swiper-slide-active .complex-thumb-slide h3 {
   color: #035B2D
}

#callback .modal-header,#booklet .modal-header {display:none}

/*#callback-form .form-group {margin: 10px 0 0 0;}

#callback .form-control,#callback-form .form-control {
    color: #000;
    border-radius:0px;
    padding: 10px 20px !important;
    height: 55px;
    border-color: #e2b324;
    background-color: #FFF;
}*/

#callback .close,#booklet .close {
    cursor: pointer;
    position: absolute;
    top: -35px;
    right: -27px;
    background-color: #035B2D;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: white;
    opacity: 1;
}
#callback .close:hover,#booklet .close:hover {
    background-color: #F11121; 
}
#callback .close:focus,#booklet .close:focus {
    outline: none !important;
}
#callback .close span,#booklet .close span{font-size: 48px;
                                           line-height: 34px; font-family: "Golos Text VF"}

:root {
  --altcha-border-width: 1px;
  --altcha-border-radius:8px;
  --altcha-color-base: #ffffff;
  --altcha-color-border: #fff;
  --altcha-color-text: #495057;
  --altcha-color-border-focus: currentColor;
  --altcha-color-error-text: #f23939;
  --altcha-color-footer-bg: #f4f4f4;
  --altcha-max-width: 300px;
}
.altcha-div {color:#0D1D2C;margin-bottom: 10px }
.altcha-div label {color:#495057 !important; margin-bottom: 0px !important}
.altcha {}
.altcha-main.svelte-ddsc3z {
    padding: 0.9rem !important;
}

.cookie_page p {margin-bottom: 20px; font-size: 100%}
.cookie_page ul {margin-left:30px; margin-bottom: 20px}
.cookie_page ul li {list-style: disc}
.cookie_page a {color: #FFc25f}

.hide-policy {display: none}
.show-policy {display: flex}
.agreement_popup {
  
     background: #F1F1F1;
    border-radius: 24px;
    margin: 0 auto;    
    width:600px;
    max-width: 90%;
    position: fixed;
    bottom: 5%;
    z-index: 500;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 28px #0d1d2c26;
    transform: translate3d(-50%, 0, 0);
    transition: all .5s linear;}
.agreement_popup p  {color: #035b2d}
.agreement_popup a  {color: #FFc25f}
.agreement_popup .row {display: flex; align-items: center;
                       justify-content: center;
                       flex-wrap: wrap;}
.btn-cookies {
    font-size: 16px;
    padding: 10px 20px;
    max-width: 100%;
    min-width: 100px;
    width: 100px;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
} 

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  }
  @keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  } 
  
  .enot {position: absolute; right:5%; bottom: 0%; z-index: 200; background-size: 200px;}
.enot img {width:400px}


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

.enot img {width:300px}
}
@media only screen and (max-width: 992px){

.enot img {width:200px}
}

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

.enot img {width:160px}
}