@import url("font/gilroy/stylesheet.css");
@import url("font/angst/stylesheet.css");

:root{
    --textColor1:#2B2C2E;
    --color1:#F6F1F2;

    --color2:#9D5067;
    --color3:#6d3344;
    --color4:#F6F1F2;

}
HTML{}

BODY{line-height:1.5; font-size:14px; font-weight: normal; font-family: 'Gilroy', sans-serif; color: var(--textColor1);}
BODY._inner{ }

.__container{ max-width: 760px; margin:0  auto; }
.__wrapper{padding-top: 54px; max-width: 2000px; margin: auto;  box-shadow: 0px 0px 10px -3px rgb(43 65 92 / 20%);}

/***/
h1{ font-size: 2rem; font-weight: bold; line-height:1; letter-spacing: -.5px}
h2{ font-size: 1.7rem; line-height: 1.1}
h3{ font-size: 1.2rem; line-height: 1.1}
a{ color: inherit}

.section-title h1{font-size: 1.8rem; padding: 10px}

.button{ font-size: 15px; font-weight:600; color: var(--color1);   background-color: var(--color2); width: 100%; max-width: 210px; line-height: 48px;
    text-align: center; border-radius: 10px; box-shadow: 0px 16px 7px -9px rgb(43 65 92 / 18%); display: block;   text-decoration: none; border: none;
    cursor: pointer; transition: all 0.3s ease; padding: 0px 15px; box-sizing: border-box;
}
.button:hover{ box-shadow: 3px 5px 13px rgba(13, 38, 79, 0.4); transform: scale(1.05, 1.05)}


/***/
header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100;  transition: all 0.3s ease; }
.header{ background: #000}
.header-items{  padding: 12px 0 }
.header-item-logo{ display: flex; flex-grow: 0; align-items: center;  z-index: 10;  transition: all 0.3s ease; }
.header-item-logo span{ font-size: 13px;font-weight: 300; line-height: 1}
.header-logo{display: block;  height: 30px; width: 140px; background-image: url(../images/logo-w.svg); background-size: contain; background-position: left; background-repeat: no-repeat;}
.header-item-phone{flex-grow: 1;justify-content: flex-end;display: flex; opacity: .8}
.header-item-phone a{font-weight: 300; color: rgb(255 255 255)}

.header-menu{ display: none}
.header-menu-button{ margin-left: 20px}

.is-scroll header{ }
.is-scroll .header-item-logo { }

._inner .header{  backdrop-filter: blur(9px);}

 /***/
.menu-button{ display:block; width: 22px; height:22px; z-index: 7100;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; right: 0; }
.menu-button .menu-icon{ display:block; width:22px;position:absolute; height:1px;  top:0; bottom:0; left:0; right:0; margin:auto;
    background: #fff;border-radius: 2px;}
.menu-button .menu-icon:before,
.menu-button .menu-icon:after{ display:block; content:""; position:absolute; height:1px; width:100%; left:0;
    margin:auto; background: #fff; -webkit-transition: all .3s ease; transition: all 0.3s ease; border-radius: 2px;}
.menu-button .menu-icon:before{ top:7px;}
.menu-button .menu-icon:after{ bottom:7px;}
.menu-button.is_open .menu-icon, .menu-button.is_open .menu-icon:before, .menu-button.is_open .menu-icon:after{  background: #fff;}
.menu-button.is_open { -webkit-transform: rotate(-180deg)}
.menu-button.is_open .menu-icon{ height:0; }
.menu-button.is_open .menu-icon:before{-webkit-transform: rotate(-45deg);    transform: rotate(-45deg);      width: 100%;   top: 0; bottom:0;}
.menu-button.is_open .menu-icon:after{-webkit-transform: rotate(45deg);    transform: rotate(45deg);      width: 100%;   top: 0; bottom:0;}

.over-content .header-menu{ display: flex;  height: 100%; flex-direction: column; justify-content: center}
.over-content .menu-items a{ color: #fff !important}

.section{ }
.section-background{ background: #000;  }
.section-about{ margin-top:40px; padding-bottom: 30px;}

.block-content-desc .buttons{ margin-top: 20px;}

p{margin-bottom: 10px; margin-top: 0}
p:last-child{margin-bottom: 0px}

/***/
.page{ }
.page p{  }
.page ol li,
.page ul li,
.page .ol .li,
.page .ul .li { }


.buttons{ display: flex; }
.buttons .link-detale{ margin-right: 20px}
.buttons .link-detale:last-child{ margin-right: 0px}


/**/
.section-top{ background: url(/images/img-m.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;   margin: 0;     padding-top: 120px;}

/**/
.text-banner{ background: rgb(0 0 0 / 60%); border-radius:20px 20px 0 0; margin:0 10px; box-sizing: border-box;  color: #fff}

.text-banner h1{ font-family: "Angst"; font-weight: 400; }
.text-banner-body{ padding: 20px; padding-bottom: 40px;}
.text-banner-desc{ padding: 10px 0 30px 0; font-size: 16px; font-weight: 300}
.text-banner-footer{ background: var(--color3); display: flex; align-items: center }
.text-banner-footer .banner-footer-item{ padding: 10px 15px; display: flex; align-items: center }
.text-banner-footer .banner-footer-item-icon{ width: 42px; height: 42px; background-position: center; background-size: contain;  background-repeat: no-repeat;     margin-right: 7px;}
.text-banner-footer .banner-footer-item-icon.icon1{background-image: url(../images/icon1.svg);}
.text-banner-footer .banner-footer-item-icon.icon2{background-image: url(../images/icon2.svg);}
.text-banner-footer .banner-footer-item-title{ line-height: 1.2;}

/***/
.double-blocks{ display: flex; flex-direction: column;}
.block-content-uptitle{ display: inline-block; padding: 5px 10px; margin-bottom: 20px; border-radius: 8px;
    background: var(--color3); font-weight: 500;}

.double-blocks .block-media{ border-radius: 15px; overflow: hidden}
.double-blocks .block-media-video{position: absolute;  top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 1; z-index: 10;
    transition: all 0.3s linear;}
.double-blocks .block-media-video.poster{opacity: 0;  z-index: -1;}
.double-blocks .block-media-video.is-show{ opacity: 1; z-index: 10}

/**/
.section-about{}
.section-about h2{font-family: "Angst"; font-weight: 300; font-size: 2.2rem; margin-top: 0 }
.section-about-digits{ margin-top: 30px; display: flex;}
.about-digits-item { margin-right: 30px}
.about-digits-item div:first-child{ font-size: 32px; letter-spacing: -1px; line-height: 1; font-weight: 900; color: var(--color2)}
.about-digits-item div:first-child span{ font-size: 24px;  }
.about-digits-item div:first-child sup{ font-size: 16px;}
.about-digits-item div:last-child{ font-size: 16px; opacity: .8; font-weight: 300;}
.section-about-location{ background-color: var(--color4); border-radius: 15px; padding: 15px; margin-top: 30px   }
.section-about-location div{background-image: url(../images/icon-location.svg); background-size: contain; background-position: left center; background-repeat: no-repeat; padding-left: 25px}
.section-about .block-media{ margin-top: 30px}

/**/
/**/
.list-blocks{}
.list-blocks.slider .swiper-wrapper .swiper-slide { margin-left: 15px; flex-basis: calc(100% - 120px); height: auto}
.list-blocks .list-block{ height: 100%; box-sizing: border-box; }
.list-blocks .list-block-inner{height: 100%; box-sizing: border-box; background-color: var(--color1); padding: 20px; border-radius: 15px; z-index: 10;
    display: flex; flex-direction: column;transition: all 0.3s linear; }



.list-blocks .list-block-inner div{ flex-grow: 1}
.list-blocks .list-block h3{ margin-top: 10px; margin-bottom: 20px;background-repeat: no-repeat; background-position: right top; background-size: 40px; padding-right: 45px; display: flex; align-items: center; min-height: 40px}
.list-blocks .list-block-1 h3{ background-image: url(../images/icon-b-1.svg) }
.list-blocks .list-block-2 h3{ background-image: url(../images/icon-b-2.svg) }
.list-blocks .list-block-3 h3{ background-image: url(../images/icon-b-3.svg) }

.list-blocks .list-block p{ margin-top: 0; margin-bottom: 10px}
.list-blocks .list-block p:last-child{margin-bottom: 0px}

/**/
.section-map{ margin-top: 50px;}
.section-map h2{font-family: "Angst"; font-weight: 300; font-size: 1.5rem; text-align: center }
.section-map p{text-align: center; font-size: 16px; margin-bottom: 30px }
.yandex-map{ border-radius: 15px; overflow: hidden; border: 1px solid #eee; filter: saturate(0.6); width: 100%; height: 340px;}
.ymaps3--controls{ visibility: hidden}
.ymaps3--map-copyrights{ opacity: .5; transform: scale(0.8, 0.8)}



/**/
.form-row.checkbox input{ width: 0; height: 0; opacity: 0; z-index: -1; visibility: hidden; position: absolute;  background: #fff}
.form-row.checkbox label{ padding-left: 40px;display: block;position: relative;font-size: 13px;line-height: 1.3;color: rgb(255 255 255 /60%);    }
.form-row.checkbox label:before, .form-row.checkbox label:after{ content: ""; position: absolute; display: block;   transition: all 0.3s linear; opacity: 0.8; cursor: pointer}
.form-row.checkbox label:before{top:3px;   left: 0; width: 26px; height: 16px; border: 2px solid  var(--color2); border-radius: 12px;  background: #fff}
.form-row.checkbox label:after{top:8px; left: 7px; width: 10px; height: 10px;  border-radius: 50%; background: #bcbcbc    }
.form-row.checkbox input:checked + label:before{ border-color: var(--color3);}
.form-row.checkbox input:checked + label:after{ left: 15px; background-color:  var(--color3)}
.form-row.checkbox label a{text-decoration: underline;}

.checkbox label:before, .checkbox label:after{ cursor: pointer}


/***/
.section-form{ margin-top: 40px}
.contact-block{  border-radius: 15px; overflow:hidden; color: #fff; background-color: var(--color2); }
.contact-block-content{ padding: 30px; border-radius: 15px;   font-weight: 300;  background-color: var(--color3); font-size:16px}
.contact-block-content h2{ margin-top: 0; font-family: "Angst"; font-weight: 300; font-size: 1.5rem; line-height: 1.3}
.contact-block-content .phone-number{ font-size: 1.2em; font-weight: 700}
.contact-block-form{ border-radius: 15px; padding: 30px; color: #fff}
.contact-block-form .form-title{ font-size: 1.4rem;  line-height: 1.2; font-weight: 100; margin-bottom: 20px; }
.contact-block-form .form-row{ margin-bottom:25px;}
.contact-block-form .form-row.text input{ display: block; border: none; background: transparent; border-bottom: 1px solid #fff; width: 100%; box-sizing: border-box;  padding: 0;   }
.contact-block-form input{color: #fff; font-size: 1rem }
.contact-block-form input::placeholder { color: rgb(255 255 255 / 0.8); font-weight:300;  }

.contact-block-form .form-row.checkbox{display: flex;  margin-bottom: 30px }
.contact-block-form .form-row.checkbox  input{ display: block; border: 1px solid #fff; background: rgb(255 255 255 / 20%); width: 22px; height: 22px; box-sizing: border-box;  border-radius: 4px; flex-shrink: 0; flex-grow: 0; margin-right: 15px;}
.contact-block-form .form-row.checkbox input:checked{background: rgb(255 255 255 / 85%);}
.contact-block-form .form-row.checkbox label{ font-weight: 300; font-size: 13px; color: inherit}
.contact-block-form .form-row.checkbox label a{ text-decoration: underline}
.contact-block-form .form-title{ margin: auto; margin-bottom: 30px;}
.contact-block-form .button{ color: var(--color3); background-color: #fff}
.contact-block-form .button.preload{ }
.contact-block-form .form-row.submit{ margin-top: 40px;}


/**/
.section-plans{ margin-top: 40px; margin-bottom: 40px}
.section-plans h2{font-family: "Angst"; font-weight: 300; font-size: 1.5rem; text-align: center }
.section-plans p{text-align: center; font-size: 16px;  }
.planSwiper .swiper-pagination{ position: relative; top: unset; left: unset; right: unset; bottom: unset; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 15px;}
.planSwiper .swiper-pagination-bullet{ width: auto; height: auto; background: var(--color1); padding: 4px 10px; border-radius: 20px; font-size: 13px; opacity: 1; margin-bottom: 8px !important;}
.planSwiper .swiper-pagination-bullet-active{ background: var(--color2); color: #fff }

/**/
.section-info{ margin-top: 20px;}
.section-info .double-blocks{ background: #F6F1F2; padding: 15px; border-radius: 15px;}
.section-info h2{font-family: "Angst"; font-weight: 300; font-size: 1.5rem; }
.section-info .block-media{ margin-top:20px; }

.section-sale .double-blocks{background:  var(--color3); color: #fff;}
.section-sale .price-title{ margin-bottom: 0; margin-top: 20px; opacity: .7;line-height: 1;}
.section-sale .price{font-size: 20px;font-weight: 600;}
.section-sale .price span{font-size: 24px;font-weight: 700;}
.deadlines{ display: flex; margin-top: 20px}
.deadlines div:first-child{ margin-right: 30px;}
.deadlines div p{ line-height: 1}
.deadlines div p:first-child{ font-size: 18px;font-weight: 600;border-bottom: 1px solid rgb(255 255 255 / 43%);padding-block: 5px;margin-bottom: 5px; }
.deadlines div p:last-child{ opacity: .7}

.section-sale .button-wrap{ margin-top: 25px;}
.section-sale .button{ background: #fff; color: var(--color3)}

/**/
.section-pays{ margin-top: 40px;  }
.section-pays h2{font-family: "Angst"; font-weight: 300; font-size: 1.5rem; text-align: center }
.pays-item{background: var(--color1); border-radius: 15px; margin-bottom: 20px; padding-bottom: 20px}
 .pays-item-name{ background: var(--color3); color: #fff; text-align: center; padding: 8px; font-size: 16px; font-weight: 600; border-radius: 15px}
.pays-item-text{ padding: 20px; text-align: center}
.pays-item-button{ display:flex; justify-content: center; margin-top: 20px; }
.pays-item .button{ line-height: 40px}
.pays-item:last-child{margin-bottom: 0}
/***/
.popup-form{ max-width: 500px; margin: auto  }
.popup-form form{ margin: auto}
.popup-form > div{ padding: 20px;}
.popup-form label{ font-weight: 600; margin-bottom: 5px;}
.popup-form *::placeholder{ }
.popup-form .form-title{ font-size: 22px; font-weight: bold; line-height: 1.2; margin-bottom: 30px; color: #fff}
.popup-form .form-row{ padding-bottom: 20px;  }
.popup-form .form-row.checkbox{ padding-bottom: 40px; padding-top: 10px}
.popup-form .form-row.text input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: 1px solid var(--color3) !important; background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }
.popup-form .form-row.text textarea{ display: block; width: 100%; box-sizing: border-box; padding: 5px 0; border: 1px solid var(--color3) !important; background-color: transparent;    box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); border-radius: 10px; padding: 10px;}
.popup-form .select-input input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: 1px solid var(--color3) !important; background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }
.popup-form .button{ height: 50px; background: var(--color2); color: #fff}

.popup-form .title{ font-size: 22px; line-height: 1.2; text-align: center; font-weight: 400; color: var(--color3); margin-bottom: 10px}
.popup-form .title-wrap  .text{ text-align: center}
.popup-form .title-wrap{ margin-bottom: 30px;}

.popup-form .form-row.checkbox input{ width: 0; height: 0; opacity: 0; z-index: -1; visibility: hidden; position: absolute}
.popup-form .form-row.checkbox label{ padding-left: 40px;display: block;position: relative;font-size: 13px;line-height: 1.3; color: var(--color3)  }
.popup-form .form-row.checkbox label:before, .form-row.checkbox label:after{ content: ""; position: absolute; display: block;   transition: all 0.3s linear; opacity: 0.8;}
.popup-form .form-row.checkbox label:before{top:3px;   left: 0; width: 26px; height: 16px; border: 2px solid #bcbcbc; border-radius: 12px;}
.popup-form .form-row.checkbox label:after{top:8px; left: 7px; width: 10px; height: 10px;  border-radius: 50%;    background-color: #bcbcbc;}
.popup-form .form-row.checkbox input:checked + label:before{ border-color: var(--color3)}
.popup-form .form-row.checkbox input:checked + label:after{ left: 15px; background-color:  var(--color3)}
.popup-form .form-row.checkbox label a{text-decoration: underline;}
.popup-form .form-row.submit{ margin-top: 5px;}
.popup-form .button{  margin: auto}
.popup-form .form-row .field-error{ bottom: -3px; text-align: center}
.popup-form .form-row .field-error span{ color: #ff3c3c}
.acms_popup_wrapper {border-radius: 15px !important; background: #F6F1F2 !important}

/**/
.over-container .over-content:before{ display: block; content: ''; position: absolute; bottom: 0; right: 0;
    background: url(../images/karat.svg); background-repeat: no-repeat; background-size: contain; width: 70%;height: 0;padding-top: 70%;background-position: center;bottom: -40px;right: -40px;opacity: 0.5;  }



/**/
footer{ padding: 15px 0; background: #2E3434; color: #fff;  margin-top: 30px}
footer .footer{ padding-bottom: 15px; text-align: center}
footer .footer-item{ padding-top: 25px;}
footer .footer-item-desktop{  }
footer .item-info-logo{ text-align: center; }
footer .item-info-logo a{ width:200px; height: 40px; display: inline-block; background-image: url(../images/logo-w.svg); background-size: contain; background-position: center top; background-repeat: no-repeat;}
footer .item-info-logo p{ font-weight: 500;}
footer .item-info-company{ padding-top: 15px;}
footer .item-contacts-info{ background: rgb(0 0 0 / 30%); padding: 10px; border-radius: 15px; max-width: 360px;  margin: auto; margin-bottom: 30px;}
footer .item-contacts-phone{ font-size: 18px; font-weight: 600 }
footer .item-contacts-button{ padding-top: 20px}
footer .item-contacts-button .button{ margin: auto; max-width: 240px; color: #fff}

footer .item-docs-links a{ display: block; text-decoration: underline; cursor: pointer; margin-bottom: 10px; opacity: .6; font-size: 13px; margin-bottom: 5px}

footer .footer-disclaimer{ border-top: 1px solid rgb(255 255 255 / 25%); padding-top: 15px; margin-top: 15px; font-weight: 100  }
footer .small-disclaimer{ font-size: 12px; line-height: 1.4}

.footer-item-adress{ font-size: 14px;}
.footer-item-phones  a{ display:block; background-size: 20px; background-repeat: no-repeat; background-position: 0 center; display: block; font-weight: 400; font-size: 16px; font-weight: 600 }

.footer-item-cosial .cosial-link{ margin: auto }
.footer-text{font-size: 11px; opacity: .7; border-top: 1px solid rgb(255 255 255 / 10%); text-align: center }
.footer-text a{ text-decoration: underline;  }
.footer p{ margin: 0}
.footer-privacy{ font-size: 12px;opacity: .7; border-top: 1px solid rgb(255 255 255 / 10%); padding-top: 15px;
    text-align: center;}
.footer-privacy a{line-height: 2; text-decoration: underline}


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


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

}


@media only screen and (min-width: 768px) {
    BODY{ font-size:15px;}


    /**/
    .header-items{ padding: 10px 0 }
    .header-logo{ height: 40px; width: 180px}
    .header-item-logo span{padding-left: 20px;width:180px;  }

    /**/
    .text-banner{ margin: 0 30px;}
    .text-banner h1{ font-size: 3rem}
    .text-banner-desc{ font-size: 18px; max-width: 540px}

    /**/
    .section-about h2{font-size: 3.2rem; margin-bottom: 30px}
    .about-digits-item div:first-child {font-size: 38px;}
    .about-digits-item div:last-child {font-size: 18px; line-height: 1}

    /**/
    .contact-block{ display: flex; justify-content: space-between;   align-items: stretch}
    .contact-block-form{ background: none}
    .contact-block-content{ padding: 30px; flex-grow: 0; box-sizing: border-box; display: flex;  flex-direction: column; justify-content: center}
    .contact-block > div{ flex-basis: 50%; box-sizing: border-box; flex-grow: 0;}
    .contact-block-form .form-wrapper { margin-bottom: 0}
    .contact-block-form .form-row:last-child{margin-bottom: 0}

    /**/
    .section-benefits .swiper { padding: 0 20px  }
    .list-blocks.slider .swiper-wrapper .swiper-slide {  flex-basis: calc(33.33% - 20px); height: auto; margin: 0 10px;}

    /**/
    .section-map{ margin-top: 60px;}
    .section-map h2{ font-size: 2rem;}
    .yandex-map{height: 460px;}

    /**/
    .section-plans{ margin-top: 60px}
    .section-plans h2{font-size: 2rem; }

    .planSwiper .swiper-pagination{ flex-wrap: nowrap}
    .planSwiper .swiper-pagination-bullet{padding: 7px 15px; margin: 0 8px !important; border-radius: 25px; font-size: 15px;}

    /**/
    .section-pays h2{ font-size: 2rem;}

    .pays-inner{ display: flex; justify-content: space-between}
    .pays-item{ flex-basis: calc(50% - 15px); display: flex;flex-direction: column;}
    .pays-item-name{ padding: 10px; font-size: 18px;}
    .pays-item-text{ padding-top: 40px;  font-size: 16px; max-width: 400px; margin: auto}
    .pays-item-button{ margin-bottom: 30px}

}



@media only screen and (min-width: 1024px) {
    BODY{ }
    .__container{ max-width:1320px; }
    .__wrapper {padding-top: unset;}
    ._inner .__wrapper {padding-top: 90px;}

    header{ top: 30px; padding: 0 30px; box-sizing: border-box; width: 100% }
    .header{  max-width: 1270px; margin: auto; background: rgb(0 0 0 / 70%); border-radius: 10px;  }
    .header-item-phone{ background-image: url(../images/icon3.svg); background-size: 20px; background-repeat: no-repeat; background-position: left center;
    padding-left: 25px; flex-grow: 0; margin-left: 40px;}
    .header-item-phone a {font-weight: 600;}

    .header-menu{ display: block; flex-grow: 1;}
    .header-menu ul{display: flex; margin: 0; padding: 0; list-style: none; justify-content: center;}
    .header-menu li{ margin: 0 15px; }
    .header-menu a{ color: #fff; font-weight: 500; position: relative }
    .header-menu a.current:after{ display: block; content: ""; height: 3px; position: absolute; width: 100%; left: 0; bottom: -29px;  }


    .section-top {background-image: url(/images/img-d.jpg); padding-top: 160px; background-position: bottom center;}
    .text-banner{ max-width: 800px; }
    .text-banner-body{ padding-left: 40px; }
    .text-banner h1{ font-size: 4rem}
    .text-banner-desc{ font-size: 22px; max-width: 640px}
    .text-banner-footer .banner-footer-item {padding: 15px 40px;}
    .text-banner-footer .banner-footer-item-title{font-size: 18px}

    /**/
    .double-blocks{ flex-direction: row; justify-content: space-between}
    .double-blocks .double-block{ width: calc(50% - 15px)}
    .double-blocks.double-40-60 .double-block:first-child{ width: calc(40% - 15px)}
    .double-blocks.double-40-60 .double-block:last-child{ width: calc(60% - 15px)}
    .double-blocks .block-media-image{ height: 100%}
    .double-blocks .block-media-image img{ height: 100%; object-fit: cover}
    .double-blocks .block-content{ margin-top: 0; order: 0}
    .double-blocks .block-content.double-block-revers{ order: 2}
    .double-blocks .block-content h2{ margin-top: 20px}

    /**/
    .title-text{ max-width: 900px; margin: auto}
    /**/
    .section-about .block-media{ margin: 0}
    .section-about .block-content-desc{ font-size: 16px}

    /***/
    .list-blocks .list-block h3 { padding-right: 60px; font-size: 22px}




        /**/
    footer{   margin-top: 50px}
    footer .footer{ text-align: left}
    footer .footer-items{ align-items: start}
    footer .footer-item{ text-align: left; margin-bottom: 0px; }
    footer .item-info-logo{ text-align: left}
    footer .footer-item-flex{ flex-grow: 1; margin-left: 40px}
    footer .item-contacts-info{ max-width: unset; display: flex; justify-content: center; align-items: center; margin-bottom: 20px}
    footer .item-contacts-info > *{ margin-right: 15px; padding-right: 15px; border-right: 1px solid rgb(255 255 255 / 40%);}
    footer .item-contacts-info > *:last-child{ border: none; padding-right: 0; margin-right: 0; padding-left: 15px};

    footer .item-contacts-button .button{ margin: 0}
     footer .item-contacts-phone {font-size: 20px;font-weight: 600;margin: 8px 0;}
    footer .footer-disclaimer{ text-align: center}
    footer .item-docs-links{padding-top: 10px;}

    .contact-block-content{ padding: 30px 60px; }
    .contact-block-content div:nth-child(1) {  font-size: 34px;}
    .page-form-phone{ display: inline-block}
    .contact-block-form{ max-width: 560px; margin: auto; padding: 40px}

    /***/

    .map-block-content{position: absolute; z-index: 10; top: 50px; left: 50px; width: 290px; box-shadow: 0px 4px 24px -3px rgba(0, 0, 0, 0.15); border-radius:  15px;}
    .map-wrap{ height: 400px}

    /**/
    .contact-block-content h2{ font-size: 1.8rem}

    /**/
    .section-info{ margin-top: 30px;}
    .section-info .double-blocks{ padding: 25px;  }
    .section-info h2{ font-size: 2rem; }
    .section-info .block-media{ margin-top:0; }

    .deadlines{ margin-bottom: 20px}
    .section-sale .price{font-size: 22px; }
    .section-sale .price span{font-size: 28px; }
    .section-sale .button-wrap{ margin-top: 30px;}
    .section-sale .button{  max-width: 250px;}

    .pays-item{ margin-bottom: 0}

    .popup-form .title { font-size: 28px}

    .planSwiper .swiper-pagination-bullet{padding: 7px 20px;}

    }

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


    .header-logo{   width: 220px; height: 30px}
    .header-item-logo span{ font-size: 14px;}
    .header-item-phone a{ font-size: 16px;}
    .header-item-button { margin-left: 40px }
    .header-item-button .button{ color: #fff; }
    .header .button{ line-height: 40px}

    .header-item-menu{ font-size: 15px}
    .header-menu a{ font-size: 16px; line-height: 1}
    .header-menu a.current:after{  bottom: -39px;}

    .section-top{ padding-top: 180px}
    .text-banner{ max-width: 1000px; }
    .text-banner-body{ padding-left: 60px; margin-bottom: 60px }
    .text-banner h1{ font-size: 5rem; margin-bottom: 30px;}
    .text-banner-desc{ font-size: 24px; max-width: 640px; padding-bottom: 30px}

    .text-banner-footer .banner-footer-item {padding: 15px 60px;}
    .text-banner-footer .banner-footer-item-title{font-size: 18px}


    .section-about h2 {font-size: 4rem;}
    .section-about .block-content-desc{ font-size: 18px}
    .about-digits-item div:first-child {font-size: 42px;}
    .about-digits-item div:last-child {font-size: 20px; line-height: 1.2}

    .double-blocks .block-content{ padding-left: 20px;  box-sizing: border-box}

    .deadlines div:first-child { padding-right: 60px}

        /**/

    footer .footer-item-flex{ margin-left: 120px;}
    footer .item-info-logo a {width: 240px;height: 60px;}

    /**/
    .section-map h2{ font-size: 2.5rem;}
    .section-map p{ font-size: 18px}

    /**/
    .section-plans h2{font-size: 2.5rem; }
    .section-plans p{ font-size: 18px}

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


    .section-top {padding-top: 220px}
}