/* Start:/local/templates/new_template_newbor/css/custom_ml.css?17828248885195*/

.swiper-no-pagination{
    padding-bottom: unset;
}

.house-intro.parking .parking-lvls__links .btn-white{
    border: unset;
}

.btn-white.disable{
    cursor: default;
    pointer-events: none;
}

.container-main.infrastructure-new.pagination{
    padding-bottom: 66px;
}
.hidden-text-block__button .show,
.hidden-text-block__button .hide{
    cursor:pointer;
}

.container-main .credits{
    padding-bottom: unset;
}

.container-main ~ .formats-wrap.container-main{
    margin-top:40px;
}

.container-main .construction .construction__catalog.flats__wrap .main-format__item{
    width: calc(100% / 4 - 32px);
    border-radius: 20px;
}

.container-main .news-tabs.news .news-tabs__content-block .main-news__item, .last-news .main-news__item{
    border-radius: 20px;
}

@media (min-width: 1150px) {
    .formats-wrap.container-main > .formats:not(:first-child) {
        margin-top: 64px;
    }

    .container-main.mt16 .swiper-pagination[data-columns="1"],
    .container-main.mt16 .swiper-pagination[data-columns="2"][data-class-count="two-imgs"],
    .container-main.mt16 .swiper-pagination[data-columns="3"][data-class-count="three-imgs"]
    {
        display:none;
        margin-top: unset;
    }
}

@media screen and (max-width: 600px) {
    article.mt .floor.floor-block .svg-img{
        /*width: 100vh;*/
        height: auto;
    }

    article.mt .floor.floor-block .svg-img .svg-nav-block {
        margin-left: 25px;
        margin-right: 25px;
    }
    article.mt .floor.floor-block .svg-img .svg-nav-img{
        max-width: 375px;
        height: auto;
    }
}

@media screen and (max-width: 450px) {
    .main-page .house-intro .house-intro__img_hint {
        /*margin-top: 90px;*/
        /*height: 90%;*/
    }
    .main-page .social-slider{
        margin-bottom: unset;
    }
    .svg-img-block .svg-img-block__zag .svg-img-block__zag--h1-title {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .flats__show-more{
        margin-top: 24px;
        font-size: 16px;
    }
    .infrastructure__wrapper.swiper-wrapper.parking{
        margin-bottom: unset;
    }
    .container-main.parking.parking-slider{
        margin-top: 56px;
    }
    .container-main ~ .formats-wrap.container-main{
        padding-top: unset;
        margin-top: unset;
    }
    .container-main.mt16 .swiper-pagination[data-columns="1"]{
        display:none;
        margin-top: unset;
    }

    .apartment__info_row-descr {
        max-width: unset;
    }

    .apartment__info_row-prop a.finishing-desc{
        max-width:40%
    }
}

.smart__price.price__select .price__final {
    color: #1D1D1F;
    margin-left: 8px!important;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    padding: 0;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1280px) {
    .smart__price.price__select .price__final {
        font-size: 18px;
    }
}
@media screen and (max-width: 450px) {
    .smart__price.price__select .price__final {
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
    }
}
.smart__price.price__select .price__final::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%2389AA28'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
}

.smart__price.price__select .price__option_text {
    padding: 12px 16px;
    margin-bottom: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

.price__drop input{
    display: flex;
}

@media screen and (max-width: 1280px) {
    .smart__price.price__select .price__option_text {
        font-size: 14px;
    }
}
.smart__price.price__select .price__option {
    margin-bottom: 0;
    margin-right: 0;
}
.smart__price.price__select .price__option input:checked ~ span {
    background: #f5f5f5;
}


.intro-video.main{
    margin-top: 16px;
    height: min(650px, 42vw);
}

.intro-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.video-infrastructure{
    position: absolute;
    top: 0;
    left: 0;
}

.intro-video.container-main .video-infrastructure{
    border-radius: 0;
}

.itemscope {
    display: none;
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
    .main-page article.mt .floor .svg-nav-block--floor {
        top: 74px;
    }
    .main-page article.mt .floor .svg-nav-block {
        top: 234px;
    }
}

@media screen and (min-width: 1064px) and (max-width: 1200px) {
    .main-page article.mt .floor .svg-nav-block--floor {
        top: 44px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page article.mt .floor .svg-nav-block--floor {
        left: 0;
    }
    .main-page article.mt .floor .svg-nav-block {
        margin-left: 20px;
    }
}
/* End */


/* Start:/local/templates/new_template_newbor/fonts/fonts.family-Inter.css?17461714122185*/
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiI2B.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiI2B.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiI2B.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiI2B.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiI2B.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiI2B.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/new_template_newbor/fonts/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/menu/top_horizontal_multilevel/style.css?173027804822*/
.hidden{display:none;}
/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/menu/top_horizontal_multilevel_mobile/style.css?1749569335293*/
.green.header__nav_link .header__nav_link-num {
    left: 32px;
    top: 8px;
    background: #6a831e;
}

.green.header__nav_link svg {
    stroke: rgb(237 237 237);
}

@media screen and (max-width: 600px) {
    .flat-card__bottom .btn-bordered {
        display: none;
    }
}

/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/form.result.new/new_form_telegram_bot/style.css?17828248884781*/
form .callback-decor__form-item a.link-form {
    color: #fff;
    text-decoration: underline;
}

form .callback-decor__form-item a.link-form:hover {
    text-decoration: none;
}

form .main-user-consent-request-announce {
    color: #fff;
}

.g-recaptcha {
    display: none;
}

.container-main:has(.callback-footer){
    margin-top: 0;
    margin-bottom: 16px;
}

.callback-footer{
    font-family: "OpenSans";
}


.callback-footer .callback {
    position: relative;
    background: transparent;
}

.callback-footer .callback:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000099;
    z-index: 0;
    border-radius: 20px;
}

.callback-footer__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    border-radius: 20px;
}

.callback-footer .callback__form {
    flex-wrap: nowrap;
    align-items: center;
}

.callback-footer .callback__title {
    margin: 0;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    max-width: 503px;
    min-width: 400px;
}

.callback-footer__inputs{
    position: relative;
    z-index: 1;
    margin-left: auto;

}

.callback-footer__inputs-group{
    display: flex;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 16px;
}

.callback-footer .callback > div {
    max-width: 100%;
}

.callback-footer .callback__form_inp .callback__form_name{
    color: #fff;
}

.callback-footer .input-wrap input, .callback-footer .input-wrap textarea {
    border: 1px solid #C3C3C3;
    color: #fff;
}

.callback-footer .input-wrap input::placeholder{
    color: #fff;
}



.callback-footer .input-wrap .iti__selected-dial-code{
    color:#FFF;
}

.callback-footer .input-wrap .iti__flag-container:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 68%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #FFFFFF80;
}

.callback-footer .callback__main .agreement-checkbox-text{
    color: #fff;
}

.callback-footer .checkbox span::before{
    background: transparent;
}

.callback-footer .checkbox a {
    color: #fff;
}

.callback-footer .callback__success__inner {
    position: relative;
    z-index: 2;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 140px;
    min-height: 130px;
}

.callback-footer .callback__err .callback__title {
    color: #fff;
}

.callback-footer .callback__wrap{}

.callback-footer .callback__success p,.callback-footer .callback__err p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 24px;
}

.callback-footer .callback__success .callback__return, .callback-footer .callback__err .callback__return {
    margin-top: 0;
    width: max-content;
}

.callback-footer .callback__success .callback__title, .callback-footer .callback__err .callback__title {
    margin-bottom: 0;
}

@media (min-width: 601px) {
    .callback-footer__inputs-group .callback__form_inp:has(.btn-green) {
        width: auto;
        flex: none;
        min-width: 100px;
    }

    .callback-footer__inputs-group .callback__form_inp .btn-green{
        width: fit-content;
        flex: none;
    }
}

@media (max-width: 1440px) {
    .callback-footer .callback__form{
        flex-wrap: wrap;
    }

    .callback-footer__inputs-group{
        flex-wrap: wrap;
    }

    .callback-footer .callback__success__inner {
        gap:24px 60px;
    }
}

@media (max-width: 1024px) {
    .callback-footer__inputs{
        margin-left: 0;
    }

    .callback-footer .callback__title{
        min-width: 0;
    }

    .callback-footer .callback__success__inner {
        flex-wrap: wrap;
        align-items: flex-start;
        min-height: 211px;
    }
}

@media screen and (max-width: 450px) {
    .callback-footer .callback {
        width: 100%;
        margin-left: 0;
        gap: 32px;
    }

    .callback-footer .callback__success__inner {
        min-height: 433px;
        align-content: flex-start
    }

    .callback-footer .callback__main .agreement-checkbox-text{
        font-size: 14px;
        line-height: 1.3;
    }

    .callback-footer .checkbox span::before{
        top: 2px;
        transform: translateY(0);
    }

    .callback-footer__inputs-group{
        display: contents;
    }

    .callback-footer__inputs{
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .callback-footer__inputs-group .callback__form_inp:has(.btn-green) {
        order: 4;
    }

    .callback-footer .callback__title {
        font-size: 26px;
        line-height: 1.3;
    }

    .callback-footer .callback__success .callback__return, .callback-footer .callback__err .callback__return {
        width: 100%;
        justify-content: center;

    }

}


/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/news.detail/cookies_info/style.css?176622295936006*/
.cookies {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background: rgba(58, 63, 68, 0.7019607843);
    opacity: 0;
    transition: 0.3s;
    font-family: "formular";
}
@media (max-width: 600px) {
    .cookies {
        align-items: flex-end;
    }
}

.cookies a {
    color: #89AA28;
    text-decoration: underline;
}

.cookies a:hover {
    text-decoration: none;
}

.show-modal {
    opacity: 1;
}
@media screen and (max-width: 600px) {
    .show-modal .cookies__wrapper {
        transform: translateY(0);
    }
}

.footer__offer {
    display: flex;
    gap: 30px;
}

.footer__part-item-confidentiality {
    flex-wrap: wrap;
}

.cookies__wrapper {
    background: #F5F5F7;
    border-radius: 20px;
    padding: 40px;
    width: 100%;
    max-width: min(970px, 100% - 32px);
    max-height: min(100dvh - 32px, 730px);
    overflow-y: auto;
    position: relative;
}
@media (max-width: 1024px) {
    .cookies__wrapper {
        padding: 24px 30px;
        max-height: min(100dvh - 32px, 800px);
    }
}
@media screen and (max-width: 600px) {
    .cookies__wrapper {
        max-width: unset;
        border-radius: 20px 20px 0 0;
        transform: translateY(103%);
        transition: 0.3s;
        padding: 24px 16px;
    }
}

.cookies__wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.cookies__wrapper::-webkit-scrollbar-track {
    border-radius: 5px;
}

.cookies__wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #89AA28;
    border: unset;
    border-color: var(--black_bg_black);
}

.cookies__wrapper::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: #ccc;
    background: var(--gray_bg_black);
    border: 2px solid #fff;
    border-color: var(--black_bg_black);
}

.cookies__wrapper > img {
    width: 360px;
    max-width: 80%;
}

.cookies__check-wrap {
    display: none;
}
.cookies__check-wrap.active {
    display: block;
}

.cookies__check_title {
    margin: 0;
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}
@media (max-width: 600px) {
    .cookies__check_title {
        font-size: 16px;
        font-weight: 700;
    }
}

.cookies__check_text {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 600px) {
    .cookies__check_text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.cookies-text {
    font-size: 1rem;
    line-height: calc(1em + 7px);
}

.cookies-close svg {
    fill: #999;
}

.cookies-close:hover svg {
    fill: #8fc63d;
}

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

.cookies__check input {
    opacity: 0;
    width: 0;
    height: 0;
    z-index: -1;
    position: absolute;
}

.cookies__check input:checked ~ .cookies__check_sq {
    background: #89AA28;
}
.cookies__check input:checked ~ .cookies__check_sq::before {
    transform: translateX(24px);
}

.cookies__check_sq {
    width: 48px;
    min-width: 48px;
    height: 24px;
    display: block;
    border-radius: 16px;
    background: #707070;
    border: unset;
    transition: all ease 0.3s;
    cursor: pointer;
    position: relative;
}
.cookies__check_sq::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: white;
    transition: 0.3s;
}

.cookies__check input:disabled ~ .cookies__check_sq {
    cursor: default;
    pointer-events: none;
    opacity: 0.3;
}

.cookies__tabs {
    margin-top: 32px;
    display: flex;
}
@media (max-width: 768px) {
    .cookies__tabs {
        flex-wrap: wrap;
    }
}
@media (max-width: 600px) {
    .cookies__tabs {
        margin-top: 24px;
        gap: 12px;
    }
}
.cookies__tabs .cookies__tab {
    color: #1D1D1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: color 0.3s;
    text-decoration: none;
    padding: 6px 16px 4px;
    border-bottom: 2px solid transparent;
}
@media (max-width: 600px) {
    .cookies__tabs .cookies__tab {
        padding: 6px 10px 4px;
    }
}
.cookies__tabs .cookies__tab:hover {
    color: #89AA28;
}
.cookies__tabs .cookies__tab.active {
    border-color: #89AA28;
    color: #89AA28;
}

.cookies-close {
    position: absolute;
    right: 16px;
    top: 16px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    outline: none;
    border: none;
    border-radius: unset;
}
.cookies-close svg {
    width: 100%;
    height: 100%;
}
.cookies-close svg path {
    transition: fill 0.3s;
}
.cookies-close:hover path {
    fill: #89AA28;
}

.cookies-text {
    line-height: 145%;
}

.cookies-text a {
    color: #89AA28;
    text-decoration: underline;
    transition: 0.3s;
}

.cookies-text a:hover {
    text-decoration: none;
}

.cookies-btn {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 115%;
    cursor: pointer;
    border: none;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.cookies-btn:hover {
    background-color: #2a0e72;
}

.cookies-btn--gray {
    background-color: #c4c4c4;
}

.cookies-btn--blue {
    background-color: #1792d4;
}

.cookies-btn:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cookies-btn__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px auto 0;
    justify-content: flex-start;
}
@media (max-width: 600px) {
    .cookies-btn__list {
        margin: 32px auto 0;
    }
}

.cookies--hidden {
    opacity: 0;
    pointer-events: none;
}

.cookies__notification {
    display: flex;
    align-items: flex-start;
    padding: 12px 16px;
    padding-left: 50px;
    border-radius: 8px;
    background: rgba(227, 71, 61, 0.08);
    margin-top: 16px;
    position: relative;
}
@media (max-width: 600px) {
    .cookies__notification {
        margin-top: 20px;
    }
}
.cookies__notification p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 600px) {
    .cookies__notification p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}
.cookies__notification::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 9.75V13.5' stroke='%23E3473D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7068 3.74999L2.45683 18C2.3254 18.2276 2.25609 18.4858 2.25586 18.7487C2.25563 19.0115 2.32447 19.2698 2.4555 19.4977C2.58653 19.7256 2.77513 19.915 3.00243 20.0471C3.22972 20.1791 3.48772 20.2491 3.75058 20.25H20.2506C20.5134 20.2491 20.7714 20.1791 20.9987 20.0471C21.226 19.915 21.4146 19.7256 21.5457 19.4977C21.6767 19.2698 21.7455 19.0115 21.7453 18.7487C21.7451 18.4858 21.6758 18.2276 21.5443 18L13.2943 3.74999C13.1639 3.52206 12.9755 3.33263 12.7483 3.20088C12.5212 3.06914 12.2632 2.99976 12.0006 2.99976C11.738 2.99976 11.48 3.06914 11.2528 3.20088C11.0256 3.33263 10.8373 3.52206 10.7068 3.74999V3.74999Z' stroke='%23E3473D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18C12.6213 18 13.125 17.4963 13.125 16.875C13.125 16.2537 12.6213 15.75 12 15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18Z' fill='%23E3473D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 600px) {
    .cookies__notification::before {
        top: 12px;
        transform: unset;
    }
}

.cookies-start {
    display: none;
    align-items: flex-end;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: opacity 0.3s;
    opacity: 0;
    font-family: "formular";
}

.cookies-start.show-modal {
    opacity: 1;
}

.cookies-start .form {
    background: white;
    display: flex;
    max-width: 1373px;
    width: calc(100% - 32px);
    align-items: center;
    min-height: unset;
    padding: 16px 24px;
    gap: 24px;
    border-radius: 20px;
    margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
    .cookies-start .form {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media screen and (max-width: 450px) {
    .cookies-start .form {
        padding: 16px;
    }
}

.cookies-start .marketing-popup .popup-text-info__text {
    padding: 0;
}

.cookies-start .popup-text-info__btn {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
}
@media (max-width: 768px) {
    .cookies-start .popup-text-info__btn {
        margin: 0 auto;
    }
}
@media (max-width: 450px) {
    .cookies-start .popup-text-info__btn {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .cookies-start .popup-text-info__btn .btn {
        min-width: 150px;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 450px) {
    .cookies-start .popup-text-info__btn .btn {
        min-width: unset;
        flex-grow: 1;
    }
}

.cookies-settings {
    color: #8fc63d;
}

* {
    outline: 0 !important;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    font-size: 1rem;
    line-height: calc(1em + 10px);
}

.font_14 {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

form {
    display: block;
    margin-top: 0em;
}

.cookies__wrapper > img {
    width: 360px;
    max-width: 80%;
}

img {
    /*overflow-clip-margin: content-box;*/
    /*overflow: clip;*/
}

.cookies__title {
    color: #89AA28;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 16px;
}
@media (max-width: 600px) {
    .cookies__title {
        color: #89AA28;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        max-width: calc(100% - 35px);
    }
}

.cookies-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 600px) {
    .cookies-text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}
.cookies-text p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 600px) {
    .cookies-text p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.cookies__checkboxes {
    margin-top: 24px;
}

.cookies__check {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
}
.cookies__check label {
    display: flex;
    gap: 16px;
    user-select: none;
    align-items: center;
}

.cookies__check input {
    opacity: 0;
    width: 0;
    height: 0;
    z-index: -1;
    position: absolute;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    line-height: inherit;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }
    33% {
        width: 0.2em;
        width: 4px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }
    100% {
        width: 0.2em;
        width: 4px;
        height: 0.5em;
        height: 8px;
        border-color: #fff;
        transform: translate3d(0, -8px, 0) rotate(45deg);
    }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvb2tpZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBZEo7SUFlUTs7OztBQUlSO0VBQ0k7RUFDQTs7O0FBRUo7RUFDRzs7O0FBR0g7RUFDSTs7QUFFSTtFQURKO0lBRVE7Ozs7QUFLWjtFQUNJO0VBQ0E7OztBQUdKO0VBQ0k7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVRKO0lBVVE7SUFDQTs7O0FBRUo7RUFiSjtJQWNRO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7Ozs7QUFJUjtFQUNJO0VBQ0E7OztBQUdKO0VBQ0k7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7OztBQUdKO0VBQ0k7RUFDQTs7O0FBSUo7RUFDSTs7QUFDQTtFQUNJOzs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBUko7SUFTUTtJQUNBOzs7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBTko7SUFPUTtJQUNBO0lBQ0E7SUFDQTs7OztBQUlSO0VBQ0k7RUFDQTs7O0FBR0o7RUFDSTs7O0FBR0o7RUFDSTs7O0FBR0o7RUFDSTtFQUNBOzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdKO0VBQ0k7O0FBQ0E7RUFDSTs7O0FBS1I7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7OztBQUdKO0VBQ0k7RUFDQTs7QUFDQTtFQUhKO0lBSVE7OztBQUVKO0VBTko7SUFPUTtJQUNBOzs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVZKO0lBV1E7OztBQUVKO0VBQ0k7O0FBRUo7RUFDSTtFQUNBOzs7QUFLWjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7O0FBQ0E7RUFDSTs7QUFHUjtFQUNJOzs7QUFLUjtFQUNJOzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHSjtFQUNJOzs7QUFHSjtFQUNJOzs7QUFHSjtFQUNJOzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBOzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVBKO0lBUVE7Ozs7QUFJUjtFQUNJO0VBQ0E7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVRKO0lBVVE7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQU5KO0lBT1E7SUFDQTtJQUNBO0lBQ0E7OztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBYko7SUFjUTtJQUNBOzs7O0FBT1o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVhKO0lBWVE7SUFDQTs7O0FBRUo7RUFmSjtJQWdCUTs7OztBQUlSO0VBQ0k7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFMSjtJQU1ROzs7QUFFSjtFQVJKO0lBU1E7OztBQUdBO0VBREo7SUFFUTtJQUNBO0lBQ0E7OztBQUVKO0VBTko7SUFPUTtJQUNBOzs7O0FBS1o7RUFDSTs7O0FBR0o7RUFDSTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7OztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHSjtFQUNJO0VBQ0E7OztBQUdKO0VBQ0k7RUFDQTs7O0FBR0o7RUFDSTtFQUNBOzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQVBKO0lBUVE7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBOzs7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBVEo7SUFVUTtJQUNBO0lBQ0E7SUFDQTs7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUxKO0lBTVE7SUFDQTtJQUNBO0lBQ0E7Ozs7QUFLWjtFQUNJOzs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7OztBQUtSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7OztBQUdKO0VBQ0k7SUFDSTtJQUNBO0lBQ0E7SUFDQTs7RUFHSjtJQUNJO0lBQ0E7SUFDQTtJQUNBOztFQUdKO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBIiwiZmlsZSI6ImNvb2tpZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNvb2tpZXMge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB6LWluZGV4OiAzMDAwO1xyXG4gICAgYmFja2dyb3VuZDogIzNhM2Y0NGIzO1xyXG4gICAgb3BhY2l0eTogMDtcclxuICAgIHRyYW5zaXRpb246IC4zcztcclxuICAgIGZvbnQtZmFtaWx5OiBcImZvcm11bGFyXCI7XHJcbiAgICBAbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XHJcbiAgICB9XHJcbn1cclxuXHJcbi5jb29raWVzIGEge1xyXG4gICAgY29sb3I6ICM4OUFBMjg7XHJcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcclxufVxyXG4uY29va2llcyBhOmhvdmVyIHtcclxuICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG59XHJcblxyXG4uc2hvdy1tb2RhbCB7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG4gICAgLmNvb2tpZXNfX3dyYXBwZXIge1xyXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDYwMHB4KSB7XHJcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbi5mb290ZXJfX29mZmVyIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBnYXA6IDMwcHg7XHJcbn1cclxuXHJcbi5mb290ZXJfX3BhcnQtaXRlbS1jb25maWRlbnRpYWxpdHkge1xyXG4gICAgZmxleC13cmFwOiB3cmFwO1xyXG59XHJcblxyXG4uY29va2llc19fd3JhcHBlciB7XHJcbiAgICBiYWNrZ3JvdW5kOiAjRjVGNUY3O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMjBweDtcclxuICAgIHBhZGRpbmc6IDQwcHg7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIG1heC13aWR0aDogbWluKDk3MHB4LCBjYWxjKDEwMCUgLSAzMnB4KSk7XHJcbiAgICBtYXgtaGVpZ2h0OiBtaW4oY2FsYygxMDBkdmggLSAzMnB4KSwgNzMwcHgpO1xyXG4gICAgb3ZlcmZsb3cteTogYXV0bztcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOjEwMjRweCkge1xyXG4gICAgICAgIHBhZGRpbmc6IDI0cHggMzBweDtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBtaW4oY2FsYygxMDBkdmggLSAzMnB4KSwgODAwcHgpO1xyXG4gICAgfVxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgICAgICBtYXgtd2lkdGg6IHVuc2V0O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDIwcHggMjBweCAwIDA7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMyUpO1xyXG4gICAgICAgIHRyYW5zaXRpb246IC4zcztcclxuICAgICAgICBwYWRkaW5nOiAyNHB4IDE2cHg7XHJcbiAgICB9XHJcbn1cclxuXHJcbi5jb29raWVzX193cmFwcGVyOjotd2Via2l0LXNjcm9sbGJhciB7XHJcbiAgICB3aWR0aDogNnB4O1xyXG4gICAgaGVpZ2h0OiA2cHhcclxufVxyXG5cclxuLmNvb2tpZXNfX3dyYXBwZXI6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweFxyXG59XHJcblxyXG4uY29va2llc19fd3JhcHBlcjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgYmFja2dyb3VuZDogIzg5QUEyODtcclxuICAgIGJvcmRlcjogdW5zZXQ7XHJcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJsYWNrX2JnX2JsYWNrKVxyXG59XHJcblxyXG4uY29va2llc19fd3JhcHBlcjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6d2luZG93LWluYWN0aXZlLXRodW1iIHtcclxuICAgIGJhY2tncm91bmQ6ICNjY2M7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1ncmF5X2JnX2JsYWNrKTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICNmZmY7XHJcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJsYWNrX2JnX2JsYWNrKTtcclxufVxyXG5cclxuLmNvb2tpZXNfX3dyYXBwZXIgPiBpbWcge1xyXG4gICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgbWF4LXdpZHRoOiA4MCU7XHJcbn1cclxuXHJcblxyXG4uY29va2llc19fY2hlY2std3JhcCB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgJi5hY3RpdmUge1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgfVxyXG59XHJcblxyXG4uY29va2llc19fY2hlY2tfdGl0bGUge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gICAgY29sb3I6ICMxRDFEMUY7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2MDBweCkge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgICAgICBmb250LXdlaWdodDogNzAwO1xyXG4gICAgfVxyXG59XHJcblxyXG4uY29va2llc19fY2hlY2tfdGV4dCB7XHJcbiAgICBjb2xvcjogIzcwNzA3MDtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcclxuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xyXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcclxuICAgICAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxMzAlOyBcclxuICAgIH1cclxufVxyXG5cclxuLmNvb2tpZXMtdGV4dCB7XHJcbiAgICBmb250LXNpemU6IDFyZW07XHJcbiAgICBsaW5lLWhlaWdodDogY2FsYygxZW0gKyA3cHgpO1xyXG59XHJcblxyXG4uY29va2llcy1jbG9zZSBzdmcge1xyXG4gICAgZmlsbDogIzk5OTtcclxufVxyXG5cclxuLmNvb2tpZXMtY2xvc2U6aG92ZXIgc3ZnIHtcclxuICAgIGZpbGw6ICM4ZmM2M2Q7XHJcbn1cclxuXHJcbi5jb29raWVzX19jaGVjayB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XHJcbn1cclxuXHJcbi5jb29raWVzX19jaGVjayBpbnB1dCB7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgd2lkdGg6IDA7XHJcbiAgICBoZWlnaHQ6IDA7XHJcbiAgICB6LWluZGV4OiAtMTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxufVxyXG5cclxuLmNvb2tpZXNfX2NoZWNrIGlucHV0OmNoZWNrZWQgfiAuY29va2llc19fY2hlY2tfc3Ege1xyXG4gICAgYmFja2dyb3VuZDogIzg5QUEyODtcclxuICAgICY6OmJlZm9yZSB7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDI0cHgpO1xyXG4gICAgfVxyXG59XHJcblxyXG5cclxuLmNvb2tpZXNfX2NoZWNrX3NxIHtcclxuICAgIHdpZHRoOiA0OHB4O1xyXG4gICAgbWluLXdpZHRoOiA0OHB4O1xyXG4gICAgaGVpZ2h0OiAyNHB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG4gICAgYmFja2dyb3VuZDogIzcwNzA3MDtcclxuICAgIGJvcmRlcjogdW5zZXQ7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAuM3M7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAmOjpiZWZvcmUge1xyXG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGxlZnQ6IDJweDtcclxuICAgICAgICB0b3A6IDJweDtcclxuICAgICAgICBoZWlnaHQ6IDIwcHg7XHJcbiAgICAgICAgd2lkdGg6IDIwcHg7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcclxuICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICAgICAgICB0cmFuc2l0aW9uOiAuM3M7XHJcbiAgICB9XHJcbn1cclxuXHJcbi5jb29raWVzX19jaGVjayBpbnB1dDpkaXNhYmxlZCB+IC5jb29raWVzX19jaGVja19zcSB7XHJcbiAgICBjdXJzb3I6IGRlZmF1bHQ7XHJcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcclxuICAgIG9wYWNpdHk6IC4zO1xyXG59XHJcblxyXG4uY29va2llc19fdGFicyB7XHJcbiAgICBtYXJnaW4tdG9wOiAzMnB4O1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xyXG4gICAgICAgIGZsZXgtd3JhcDogd3JhcDtcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2MDBweCkge1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDI0cHg7XHJcbiAgICAgICAgZ2FwOiAxMnB4O1xyXG4gICAgfVxyXG4gICAgLmNvb2tpZXNfX3RhYiB7XHJcbiAgICAgICAgY29sb3I6ICAjMUQxRDFGO1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcbiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcclxuICAgICAgICBsaW5lLWhlaWdodDogMTMwJTtcclxuICAgICAgICB0cmFuc2l0aW9uOiBjb2xvciAuM3M7XHJcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgICAgIHBhZGRpbmc6IDZweCAxNnB4IDRweDtcclxuICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XHJcbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XHJcbiAgICAgICAgICAgIHBhZGRpbmc6IDZweCAxMHB4IDRweDtcclxuICAgICAgICB9XHJcbiAgICAgICAgJjpob3ZlciB7XHJcbiAgICAgICAgICAgIGNvbG9yOiAjODlBQTI4O1xyXG4gICAgICAgIH1cclxuICAgICAgICAmLmFjdGl2ZSB7XHJcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogIzg5QUEyODtcclxuICAgICAgICAgICAgY29sb3I6ICM4OUFBMjg7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcblxyXG4uY29va2llcy1jbG9zZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICByaWdodDogMTZweDtcclxuICAgIHRvcDogMTZweDtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcclxuICAgIGRpc3BsYXk6IC13ZWJraXQtZmxleDtcclxuICAgIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIC13ZWJraXQtYm94LXBhY2s6IGNlbnRlcjtcclxuICAgIC13ZWJraXQtanVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICAtbXMtZmxleC1wYWNrOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIC13ZWJraXQtYm94LWFsaWduOiBjZW50ZXI7XHJcbiAgICAtd2Via2l0LWFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAtbXMtZmxleC1hbGlnbjogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIHdpZHRoOiAzMHB4O1xyXG4gICAgaGVpZ2h0OiAzMHB4O1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGJhY2tncm91bmQ6IG5vbmU7XHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XHJcbiAgICBzdmcge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBwYXRoIHtcclxuICAgICAgICAgICAgdHJhbnNpdGlvbjogZmlsbCAuM3M7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgJjpob3ZlciBwYXRoIHtcclxuICAgICAgICBmaWxsOiAjODlBQTI4O1xyXG4gICAgfVxyXG59XHJcblxyXG5cclxuLmNvb2tpZXMtdGV4dCB7XHJcbiAgICBsaW5lLWhlaWdodDogMTQ1JTtcclxufVxyXG5cclxuLmNvb2tpZXMtdGV4dCBhIHtcclxuICAgIGNvbG9yOiAjODlBQTI4O1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XHJcbiAgICB0cmFuc2l0aW9uOiAuM3M7XHJcbn1cclxuXHJcbi5jb29raWVzLXRleHQgYTpob3ZlciB7XHJcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbn1cclxuXHJcbi5jb29raWVzLWJ0biB7XHJcbiAgICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIGZvbnQtc2l6ZTogLjg3NXJlbTtcclxuICAgIGxpbmUtaGVpZ2h0OiAxMTUlO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgLXdlYmtpdC10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIC4zcyBlYXNlLWluLW91dDtcclxuICAgIC1vLXRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgLjNzIGVhc2UtaW4tb3V0O1xyXG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAuM3MgZWFzZS1pbi1vdXRcclxufVxyXG5cclxuLmNvb2tpZXMtYnRuOmhvdmVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMyYTBlNzJcclxufVxyXG5cclxuLmNvb2tpZXMtYnRuLS1ncmF5IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNjNGM0YzRcclxufVxyXG5cclxuLmNvb2tpZXMtYnRuLS1ibHVlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMxNzkyZDRcclxufVxyXG5cclxuLmNvb2tpZXMtYnRuOmxhc3QtY2hpbGQge1xyXG4gICAgLXdlYmtpdC1ib3gtZmxleDogMTtcclxuICAgIC13ZWJraXQtZmxleC1ncm93OiAxO1xyXG4gICAgLW1zLWZsZXgtcG9zaXRpdmU6IDE7XHJcbiAgICBmbGV4LWdyb3c6IDFcclxufVxyXG5cclxuLmNvb2tpZXMtYnRuX19saXN0IHtcclxuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xyXG4gICAgZGlzcGxheTogLXdlYmtpdC1mbGV4O1xyXG4gICAgZGlzcGxheTogLW1zLWZsZXhib3g7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgbWFyZ2luOiA0MHB4IGF1dG8gMDtcclxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2MDBweCkge1xyXG4gICAgICAgIG1hcmdpbjogMzJweCBhdXRvIDA7XHJcbiAgICB9XHJcbn1cclxuXHJcbi5jb29raWVzLS1oaWRkZW4ge1xyXG4gICAgb3BhY2l0eTogMDtcclxuICAgIHBvaW50ZXItZXZlbnRzOiBub25lXHJcbn1cclxuXHJcbi5jb29raWVzX19ub3RpZmljYXRpb24ge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xyXG4gICAgcGFkZGluZzogMTJweCAxNnB4O1xyXG4gICAgcGFkZGluZy1sZWZ0OiA1MHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xyXG4gICAgYmFja2dyb3VuZDogcmdiYSgyMjcsIDcxLCA2MSwgMC4wOCk7XHJcbiAgICBtYXJnaW4tdG9wOiAxNnB4O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMjBweDtcclxuICAgIH1cclxuXHJcbiAgICBwIHtcclxuICAgICAgICBjb2xvcjogIzcwNzA3MDtcclxuICAgICAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcclxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxMzAlO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAmOjpiZWZvcmUge1xyXG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGxlZnQ6IDE2cHg7XHJcbiAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIHdpZHRoOiAyNHB4O1xyXG4gICAgICAgIG1pbi13aWR0aDogMjRweDtcclxuICAgICAgICBoZWlnaHQ6IDI0cHg7XHJcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyUzRSUzQ3BhdGggZD0nTTEyIDkuNzVWMTMuNScgc3Ryb2tlPSclMjNFMzQ3M0QnIHN0cm9rZS13aWR0aD0nMS41JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLyUzRSUzQ3BhdGggZD0nTTEwLjcwNjggMy43NDk5OUwyLjQ1NjgzIDE4QzIuMzI1NCAxOC4yMjc2IDIuMjU2MDkgMTguNDg1OCAyLjI1NTg2IDE4Ljc0ODdDMi4yNTU2MyAxOS4wMTE1IDIuMzI0NDcgMTkuMjY5OCAyLjQ1NTUgMTkuNDk3N0MyLjU4NjUzIDE5LjcyNTYgMi43NzUxMyAxOS45MTUgMy4wMDI0MyAyMC4wNDcxQzMuMjI5NzIgMjAuMTc5MSAzLjQ4NzcyIDIwLjI0OTEgMy43NTA1OCAyMC4yNUgyMC4yNTA2QzIwLjUxMzQgMjAuMjQ5MSAyMC43NzE0IDIwLjE3OTEgMjAuOTk4NyAyMC4wNDcxQzIxLjIyNiAxOS45MTUgMjEuNDE0NiAxOS43MjU2IDIxLjU0NTcgMTkuNDk3N0MyMS42NzY3IDE5LjI2OTggMjEuNzQ1NSAxOS4wMTE1IDIxLjc0NTMgMTguNzQ4N0MyMS43NDUxIDE4LjQ4NTggMjEuNjc1OCAxOC4yMjc2IDIxLjU0NDMgMThMMTMuMjk0MyAzLjc0OTk5QzEzLjE2MzkgMy41MjIwNiAxMi45NzU1IDMuMzMyNjMgMTIuNzQ4MyAzLjIwMDg4QzEyLjUyMTIgMy4wNjkxNCAxMi4yNjMyIDIuOTk5NzYgMTIuMDAwNiAyLjk5OTc2QzExLjczOCAyLjk5OTc2IDExLjQ4IDMuMDY5MTQgMTEuMjUyOCAzLjIwMDg4QzExLjAyNTYgMy4zMzI2MyAxMC44MzczIDMuNTIyMDYgMTAuNzA2OCAzLjc0OTk5VjMuNzQ5OTlaJyBzdHJva2U9JyUyM0UzNDczRCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvJTNFJTNDcGF0aCBkPSdNMTIgMThDMTIuNjIxMyAxOCAxMy4xMjUgMTcuNDk2MyAxMy4xMjUgMTYuODc1QzEzLjEyNSAxNi4yNTM3IDEyLjYyMTMgMTUuNzUgMTIgMTUuNzVDMTEuMzc4NyAxNS43NSAxMC44NzUgMTYuMjUzNyAxMC44NzUgMTYuODc1QzEwLjg3NSAxNy40OTYzIDExLjM3ODcgMTggMTIgMThaJyBmaWxsPSclMjNFMzQ3M0QnLyUzRSUzQy9zdmclM0VcIik7ICAgIFxyXG4gICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xyXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2MDBweCkge1xyXG4gICAgICAgICAgICB0b3A6IDEycHg7XHJcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdW5zZXQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcblxyXG5cclxuXHJcbi5jb29raWVzLXN0YXJ0IHtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICB6LWluZGV4OiAxMDAwO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNDApO1xyXG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAuM3M7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgZm9udC1mYW1pbHk6IFwiZm9ybXVsYXJcIjtcclxufVxyXG5cclxuLmNvb2tpZXMtc3RhcnQuc2hvdy1tb2RhbCB7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG59XHJcblxyXG4uY29va2llcy1zdGFydCAuZm9ybSB7XHJcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBtYXgtd2lkdGg6IDEzNzNweDtcclxuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzMnB4KTtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBtaW4taGVpZ2h0OiB1bnNldDtcclxuICAgIHBhZGRpbmc6IDE2cHggMjRweDtcclxuICAgIGdhcDogMjRweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDIwcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzMnB4O1xyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcclxuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xyXG4gICAgfVxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDUwcHgpIHtcclxuICAgICAgICBwYWRkaW5nOiAxNnB4O1xyXG4gICAgfVxyXG59XHJcblxyXG4uY29va2llcy1zdGFydCAubWFya2V0aW5nLXBvcHVwIC5wb3B1cC10ZXh0LWluZm9fX3RleHQge1xyXG4gICAgcGFkZGluZzogMDtcclxufVxyXG5cclxuLmNvb2tpZXMtc3RhcnQgLnBvcHVwLXRleHQtaW5mb19fYnRuIHtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBtYXJnaW46IDA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZ2FwOiAxNnB4O1xyXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6NzY4cHgpIHtcclxuICAgICAgICBtYXJnaW46IDAgYXV0bztcclxuICAgIH1cclxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiA0NTBweCkge1xyXG4gICAgICAgIGZsZXgtd3JhcDogd3JhcDtcclxuICAgIH1cclxuICAgIC5idG4ge1xyXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOjc2OHB4KSB7XHJcbiAgICAgICAgICAgIG1pbi13aWR0aDogMTUwcHg7XHJcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgICAgIH1cclxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogNDUwcHgpIHtcclxuICAgICAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcclxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG5cclxuLmNvb2tpZXMtc2V0dGluZ3Mge1xyXG4gICAgY29sb3I6ICM4ZmM2M2Q7XHJcbn1cclxuXHJcbioge1xyXG4gICAgb3V0bGluZTogMCFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiosIDphZnRlciwgOmJlZm9yZSB7XHJcbiAgICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG59XHJcblxyXG5ib2R5IHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWluLWhlaWdodDogMTAwJTtcclxuICAgIG1hcmdpbjogMDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xyXG4gICAgZm9udC1zaXplOiAxcmVtO1xyXG4gICAgbGluZS1oZWlnaHQ6IGNhbGMoMWVtICsgMTBweCk7XHJcbn1cclxuXHJcbi5mb250XzE0IHtcclxuICAgIGNvbG9yOiAgIzcwNzA3MDtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcclxuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xyXG59XHJcblxyXG5mb3JtIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgbWFyZ2luLXRvcDogMGVtO1xyXG59XHJcblxyXG4uY29va2llc19fd3JhcHBlciA+IGltZyB7XHJcbiAgICB3aWR0aDogMzYwcHg7XHJcbiAgICBtYXgtd2lkdGg6IDgwJTtcclxufVxyXG5cclxuaW1nIHtcclxuICAgIG92ZXJmbG93LWNsaXAtbWFyZ2luOiBjb250ZW50LWJveDtcclxuICAgIG92ZXJmbG93OiBjbGlwO1xyXG59XHJcblxyXG4uY29va2llc19fdGl0bGUge1xyXG4gICAgY29sb3I6ICM4OUFBMjg7XHJcbiAgICBmb250LXNpemU6IDMycHg7XHJcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgbGluZS1oZWlnaHQ6IDEyNSU7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xyXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XHJcbiAgICAgICAgY29sb3I6ICAjODlBQTI4O1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMjJweDtcclxuICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgICAgICBsaW5lLWhlaWdodDogMTIwJTsgXHJcbiAgICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAzNXB4KTtcclxuICAgIH1cclxufVxyXG5cclxuLmNvb2tpZXMtdGV4dCB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGdhcDogMTZweDtcclxuICAgIGNvbG9yOiAjMUQxRDFGO1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xyXG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcclxuICAgIGxpbmUtaGVpZ2h0OiBub3JtYWw7XHJcbiAgICBAbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgICAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgbGluZS1oZWlnaHQ6IDEzMCU7XHJcbiAgICB9XHJcbiAgICBwIHtcclxuICAgICAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcclxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxMzAlO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG5cclxuLmNvb2tpZXNfX2NoZWNrYm94ZXMge1xyXG4gICAgbWFyZ2luLXRvcDogMjRweDtcclxufVxyXG5cclxuLmNvb2tpZXNfX2NoZWNrIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgZ2FwOiAxNnB4O1xyXG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XHJcbiAgICBsYWJlbCB7XHJcbiAgICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgICBnYXA6IDE2cHg7XHJcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIH1cclxufVxyXG5cclxuXHJcbi5jb29raWVzX19jaGVjayBpbnB1dCB7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgd2lkdGg6IDA7XHJcbiAgICBoZWlnaHQ6IDA7XHJcbiAgICB6LWluZGV4OiAtMTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxufVxyXG5cclxuYnV0dG9uLCBpbnB1dCwgc2VsZWN0LCB0ZXh0YXJlYSB7XHJcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcclxuICAgIGZvbnQtc2l6ZTogMTAwJTtcclxuICAgIG1hcmdpbjogMDtcclxuICAgIGxpbmUtaGVpZ2h0OiBpbmhlcml0O1xyXG59XHJcblxyXG4qLCA6YWZ0ZXIsIDpiZWZvcmUge1xyXG4gICAgLXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgLW1vei1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxufVxyXG5cclxuQGtleWZyYW1lcyBjaGVja2JveC1jaGVjayB7XHJcbiAgICAwJSB7XHJcbiAgICAgICAgd2lkdGg6IDA7XHJcbiAgICAgICAgaGVpZ2h0OiAwO1xyXG4gICAgICAgIGJvcmRlci1jb2xvcjogI2ZmZjtcclxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApIHJvdGF0ZSg0NWRlZyk7XHJcbiAgICB9XHJcblxyXG4gICAgMzMlIHtcclxuICAgICAgICB3aWR0aDogMC4yZW07XHJcbiAgICAgICAgd2lkdGg6IDRweDtcclxuICAgICAgICBoZWlnaHQ6IDA7XHJcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSByb3RhdGUoNDVkZWcpO1xyXG4gICAgfVxyXG5cclxuICAgIDEwMCUge1xyXG4gICAgICAgIHdpZHRoOiAwLjJlbTtcclxuICAgICAgICB3aWR0aDogNHB4O1xyXG4gICAgICAgIGhlaWdodDogMC41ZW07XHJcbiAgICAgICAgaGVpZ2h0OiA4cHg7XHJcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAjZmZmO1xyXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLThweCwgMCkgcm90YXRlKDQ1ZGVnKTtcclxuICAgIH1cclxufVxyXG5cclxuIl19 */

/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/form.result.new/new_form_telegram_bot_mobile/style.css?1730278048262*/
form .callback-decor__form-item a.link-form{
  color: #fff;
  text-decoration: underline;
}
form .callback-decor__form-item a.link-form:hover{
  text-decoration: none;
}
form .main-user-consent-request-announce{
  color: #fff;
}
.g-recaptcha{
  display: none;
}

/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/form.result.new/new_callback/style.css?1730278048262*/
form .callback-decor__form-item a.link-form{
  color: #fff;
  text-decoration: underline;
}
form .callback-decor__form-item a.link-form:hover{
  text-decoration: none;
}
form .main-user-consent-request-announce{
  color: #fff;
}
.g-recaptcha{
  display: none;
}

/* End */


/* Start:/local/templates/new_template_newbor/styles.css?178032287356*/
.breadcrumbs {
    position: relative;
    z-index: 9;
}
/* End */


/* Start:/local/templates/new_template_newbor/libs/intlTelInput.min.css?173027804820109*/
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__flag-box{margin-right:6px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=tel],[dir=rtl] .iti--separate-dial-code input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:12px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cq{height:12px;background-position:-1115px 0}.iti__flag.iti__cr{height:12px;background-position:-1137px 0}.iti__flag.iti__cu{height:10px;background-position:-1159px 0}.iti__flag.iti__cv{height:12px;background-position:-1181px 0}.iti__flag.iti__cw{height:14px;background-position:-1203px 0}.iti__flag.iti__cx{height:10px;background-position:-1225px 0}.iti__flag.iti__cy{height:14px;background-position:-1247px 0}.iti__flag.iti__cz{height:14px;background-position:-1269px 0}.iti__flag.iti__de{height:12px;background-position:-1291px 0}.iti__flag.iti__dg{height:10px;background-position:-1313px 0}.iti__flag.iti__dj{height:14px;background-position:-1335px 0}.iti__flag.iti__dk{height:15px;background-position:-1357px 0}.iti__flag.iti__dm{height:10px;background-position:-1379px 0}.iti__flag.iti__do{height:14px;background-position:-1401px 0}.iti__flag.iti__dz{height:14px;background-position:-1423px 0}.iti__flag.iti__ea{height:14px;background-position:-1445px 0}.iti__flag.iti__ec{height:14px;background-position:-1467px 0}.iti__flag.iti__ee{height:13px;background-position:-1489px 0}.iti__flag.iti__eg{height:14px;background-position:-1511px 0}.iti__flag.iti__eh{height:10px;background-position:-1533px 0}.iti__flag.iti__er{height:10px;background-position:-1555px 0}.iti__flag.iti__es{height:14px;background-position:-1577px 0}.iti__flag.iti__et{height:10px;background-position:-1599px 0}.iti__flag.iti__eu{height:14px;background-position:-1621px 0}.iti__flag.iti__ez{height:14px;background-position:-1643px 0}.iti__flag.iti__fi{height:12px;background-position:-1665px 0}.iti__flag.iti__fj{height:10px;background-position:-1687px 0}.iti__flag.iti__fk{height:10px;background-position:-1709px 0}.iti__flag.iti__fm{height:11px;background-position:-1731px 0}.iti__flag.iti__fo{height:15px;background-position:-1753px 0}.iti__flag.iti__fr{height:14px;background-position:-1775px 0}.iti__flag.iti__fx{height:14px;background-position:-1797px 0}.iti__flag.iti__ga{height:15px;background-position:-1819px 0}.iti__flag.iti__gb{height:10px;background-position:-1841px 0}.iti__flag.iti__gd{height:12px;background-position:-1863px 0}.iti__flag.iti__ge{height:14px;background-position:-1885px 0}.iti__flag.iti__gf{height:14px;background-position:-1907px 0}.iti__flag.iti__gg{height:14px;background-position:-1929px 0}.iti__flag.iti__gh{height:14px;background-position:-1951px 0}.iti__flag.iti__gi{height:10px;background-position:-1973px 0}.iti__flag.iti__gl{height:14px;background-position:-1995px 0}.iti__flag.iti__gm{height:14px;background-position:-2017px 0}.iti__flag.iti__gn{height:14px;background-position:-2039px 0}.iti__flag.iti__gp{height:14px;background-position:-2061px 0}.iti__flag.iti__gq{height:14px;background-position:-2083px 0}.iti__flag.iti__gr{height:14px;background-position:-2105px 0}.iti__flag.iti__gs{height:10px;background-position:-2127px 0}.iti__flag.iti__gt{height:13px;background-position:-2149px 0}.iti__flag.iti__gu{height:11px;background-position:-2171px 0}.iti__flag.iti__gw{height:10px;background-position:-2193px 0}.iti__flag.iti__gy{height:12px;background-position:-2215px 0}.iti__flag.iti__hk{height:14px;background-position:-2237px 0}.iti__flag.iti__hm{height:10px;background-position:-2259px 0}.iti__flag.iti__hn{height:10px;background-position:-2281px 0}.iti__flag.iti__hr{height:10px;background-position:-2303px 0}.iti__flag.iti__ht{height:12px;background-position:-2325px 0}.iti__flag.iti__hu{height:10px;background-position:-2347px 0}.iti__flag.iti__ic{height:14px;background-position:-2369px 0}.iti__flag.iti__id{height:14px;background-position:-2391px 0}.iti__flag.iti__ie{height:10px;background-position:-2413px 0}.iti__flag.iti__il{height:15px;background-position:-2435px 0}.iti__flag.iti__im{height:10px;background-position:-2457px 0}.iti__flag.iti__in{height:14px;background-position:-2479px 0}.iti__flag.iti__io{height:10px;background-position:-2501px 0}.iti__flag.iti__iq{height:14px;background-position:-2523px 0}.iti__flag.iti__ir{height:12px;background-position:-2545px 0}.iti__flag.iti__is{height:15px;background-position:-2567px 0}.iti__flag.iti__it{height:14px;background-position:-2589px 0}.iti__flag.iti__je{height:12px;background-position:-2611px 0}.iti__flag.iti__jm{height:10px;background-position:-2633px 0}.iti__flag.iti__jo{height:10px;background-position:-2655px 0}.iti__flag.iti__jp{height:14px;background-position:-2677px 0}.iti__flag.iti__ke{height:14px;background-position:-2699px 0}.iti__flag.iti__kg{height:12px;background-position:-2721px 0}.iti__flag.iti__kh{height:13px;background-position:-2743px 0}.iti__flag.iti__ki{height:10px;background-position:-2765px 0}.iti__flag.iti__km{height:12px;background-position:-2787px 0}.iti__flag.iti__kn{height:14px;background-position:-2809px 0}.iti__flag.iti__kp{height:10px;background-position:-2831px 0}.iti__flag.iti__kr{height:14px;background-position:-2853px 0}.iti__flag.iti__kw{height:10px;background-position:-2875px 0}.iti__flag.iti__ky{height:10px;background-position:-2897px 0}.iti__flag.iti__kz{height:10px;background-position:-2919px 0}.iti__flag.iti__la{height:14px;background-position:-2941px 0}.iti__flag.iti__lb{height:14px;background-position:-2963px 0}.iti__flag.iti__lc{height:10px;background-position:-2985px 0}.iti__flag.iti__li{height:12px;background-position:-3007px 0}.iti__flag.iti__lk{height:10px;background-position:-3029px 0}.iti__flag.iti__lr{height:11px;background-position:-3051px 0}.iti__flag.iti__ls{height:14px;background-position:-3073px 0}.iti__flag.iti__lt{height:12px;background-position:-3095px 0}.iti__flag.iti__lu{height:12px;background-position:-3117px 0}.iti__flag.iti__lv{height:10px;background-position:-3139px 0}.iti__flag.iti__ly{height:10px;background-position:-3161px 0}.iti__flag.iti__ma{height:14px;background-position:-3183px 0}.iti__flag.iti__mc{height:15px;background-position:-3205px 0}.iti__flag.iti__md{height:10px;background-position:-3226px 0}.iti__flag.iti__me{height:10px;background-position:-3248px 0}.iti__flag.iti__mf{height:14px;background-position:-3270px 0}.iti__flag.iti__mg{height:14px;background-position:-3292px 0}.iti__flag.iti__mh{height:11px;background-position:-3314px 0}.iti__flag.iti__mk{height:10px;background-position:-3336px 0}.iti__flag.iti__ml{height:14px;background-position:-3358px 0}.iti__flag.iti__mm{height:14px;background-position:-3380px 0}.iti__flag.iti__mn{height:10px;background-position:-3402px 0}.iti__flag.iti__mo{height:14px;background-position:-3424px 0}.iti__flag.iti__mp{height:10px;background-position:-3446px 0}.iti__flag.iti__mq{height:14px;background-position:-3468px 0}.iti__flag.iti__mr{height:14px;background-position:-3490px 0}.iti__flag.iti__ms{height:10px;background-position:-3512px 0}.iti__flag.iti__mt{height:14px;background-position:-3534px 0}.iti__flag.iti__mu{height:14px;background-position:-3556px 0}.iti__flag.iti__mv{height:14px;background-position:-3578px 0}.iti__flag.iti__mw{height:14px;background-position:-3600px 0}.iti__flag.iti__mx{height:12px;background-position:-3622px 0}.iti__flag.iti__my{height:10px;background-position:-3644px 0}.iti__flag.iti__mz{height:14px;background-position:-3666px 0}.iti__flag.iti__na{height:14px;background-position:-3688px 0}.iti__flag.iti__nc{height:10px;background-position:-3710px 0}.iti__flag.iti__ne{height:15px;background-position:-3732px 0}.iti__flag.iti__nf{height:10px;background-position:-3752px 0}.iti__flag.iti__ng{height:10px;background-position:-3774px 0}.iti__flag.iti__ni{height:12px;background-position:-3796px 0}.iti__flag.iti__nl{height:14px;background-position:-3818px 0}.iti__flag.iti__no{height:15px;background-position:-3840px 0}.iti__flag.iti__np{height:15px;background-position:-3862px 0}.iti__flag.iti__nr{height:10px;background-position:-3877px 0}.iti__flag.iti__nu{height:10px;background-position:-3899px 0}.iti__flag.iti__nz{height:10px;background-position:-3921px 0}.iti__flag.iti__om{height:10px;background-position:-3943px 0}.iti__flag.iti__pa{height:14px;background-position:-3965px 0}.iti__flag.iti__pe{height:14px;background-position:-3987px 0}.iti__flag.iti__pf{height:14px;background-position:-4009px 0}.iti__flag.iti__pg{height:15px;background-position:-4031px 0}.iti__flag.iti__ph{height:10px;background-position:-4053px 0}.iti__flag.iti__pk{height:14px;background-position:-4075px 0}.iti__flag.iti__pl{height:13px;background-position:-4097px 0}.iti__flag.iti__pm{height:14px;background-position:-4119px 0}.iti__flag.iti__pn{height:10px;background-position:-4141px 0}.iti__flag.iti__pr{height:14px;background-position:-4163px 0}.iti__flag.iti__ps{height:10px;background-position:-4185px 0}.iti__flag.iti__pt{height:14px;background-position:-4207px 0}.iti__flag.iti__pw{height:13px;background-position:-4229px 0}.iti__flag.iti__py{height:11px;background-position:-4251px 0}.iti__flag.iti__qa{height:8px;background-position:-4273px 0}.iti__flag.iti__re{height:14px;background-position:-4295px 0}.iti__flag.iti__ro{height:14px;background-position:-4317px 0}.iti__flag.iti__rs{height:14px;background-position:-4339px 0}.iti__flag.iti__ru{height:14px;background-position:-4361px 0}.iti__flag.iti__rw{height:14px;background-position:-4383px 0}.iti__flag.iti__sa{height:14px;background-position:-4405px 0}.iti__flag.iti__sb{height:10px;background-position:-4427px 0}.iti__flag.iti__sc{height:10px;background-position:-4449px 0}.iti__flag.iti__sd{height:10px;background-position:-4471px 0}.iti__flag.iti__se{height:13px;background-position:-4493px 0}.iti__flag.iti__sg{height:14px;background-position:-4515px 0}.iti__flag.iti__sh{height:10px;background-position:-4537px 0}.iti__flag.iti__si{height:10px;background-position:-4559px 0}.iti__flag.iti__sj{height:15px;background-position:-4581px 0}.iti__flag.iti__sk{height:14px;background-position:-4603px 0}.iti__flag.iti__sl{height:14px;background-position:-4625px 0}.iti__flag.iti__sm{height:15px;background-position:-4647px 0}.iti__flag.iti__sn{height:14px;background-position:-4669px 0}.iti__flag.iti__so{height:14px;background-position:-4691px 0}.iti__flag.iti__sr{height:14px;background-position:-4713px 0}.iti__flag.iti__ss{height:10px;background-position:-4735px 0}.iti__flag.iti__st{height:10px;background-position:-4757px 0}.iti__flag.iti__su{height:10px;background-position:-4779px 0}.iti__flag.iti__sv{height:12px;background-position:-4801px 0}.iti__flag.iti__sx{height:14px;background-position:-4823px 0}.iti__flag.iti__sy{height:14px;background-position:-4845px 0}.iti__flag.iti__sz{height:14px;background-position:-4867px 0}.iti__flag.iti__ta{height:10px;background-position:-4889px 0}.iti__flag.iti__tc{height:10px;background-position:-4911px 0}.iti__flag.iti__td{height:14px;background-position:-4933px 0}.iti__flag.iti__tf{height:14px;background-position:-4955px 0}.iti__flag.iti__tg{height:13px;background-position:-4977px 0}.iti__flag.iti__th{height:14px;background-position:-4999px 0}.iti__flag.iti__tj{height:10px;background-position:-5021px 0}.iti__flag.iti__tk{height:10px;background-position:-5043px 0}.iti__flag.iti__tl{height:10px;background-position:-5065px 0}.iti__flag.iti__tm{height:14px;background-position:-5087px 0}.iti__flag.iti__tn{height:14px;background-position:-5109px 0}.iti__flag.iti__to{height:10px;background-position:-5131px 0}.iti__flag.iti__tr{height:14px;background-position:-5153px 0}.iti__flag.iti__tt{height:12px;background-position:-5175px 0}.iti__flag.iti__tv{height:10px;background-position:-5197px 0}.iti__flag.iti__tw{height:14px;background-position:-5219px 0}.iti__flag.iti__tz{height:14px;background-position:-5241px 0}.iti__flag.iti__ua{height:14px;background-position:-5263px 0}.iti__flag.iti__ug{height:14px;background-position:-5285px 0}.iti__flag.iti__uk{height:10px;background-position:-5307px 0}.iti__flag.iti__um{height:11px;background-position:-5329px 0}.iti__flag.iti__un{height:14px;background-position:-5351px 0}.iti__flag.iti__us{height:11px;background-position:-5373px 0}.iti__flag.iti__uy{height:14px;background-position:-5395px 0}.iti__flag.iti__uz{height:10px;background-position:-5417px 0}.iti__flag.iti__va{height:15px;background-position:-5439px 0}.iti__flag.iti__vc{height:14px;background-position:-5456px 0}.iti__flag.iti__ve{height:14px;background-position:-5478px 0}.iti__flag.iti__vg{height:10px;background-position:-5500px 0}.iti__flag.iti__vi{height:14px;background-position:-5522px 0}.iti__flag.iti__vn{height:14px;background-position:-5544px 0}.iti__flag.iti__vu{height:12px;background-position:-5566px 0}.iti__flag.iti__wf{height:14px;background-position:-5588px 0}.iti__flag.iti__ws{height:10px;background-position:-5610px 0}.iti__flag.iti__xk{height:15px;background-position:-5632px 0}.iti__flag.iti__ye{height:14px;background-position:-5654px 0}.iti__flag.iti__yt{height:14px;background-position:-5676px 0}.iti__flag.iti__za{height:14px;background-position:-5698px 0}.iti__flag.iti__zm{height:14px;background-position:-5720px 0}.iti__flag.iti__zw{height:10px;background-position:-5742px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/local/templates/new_template_newbor/libs/./../img/flags/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/local/templates/new_template_newbor/libs/./../img/flags/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}
/* End */


/* Start:/local/templates/new_template_newbor/libs/simplebar.min.css?17302780483268*/
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
/* End */


/* Start:/local/templates/new_template_newbor/libs/swiper.min.css?173027804816467*/
/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/new_template_newbor/css/quiz.css?171508566836228*/
/* line 1, dev/sass/pages/quiz.scss */
/*.breadcrumbs {*/
/*  max-width: 1300px;*/
/*  margin: auto;*/
/*  position: relative;*/
/*}*/

@media screen and (max-width: 1304px) {
  /* line 1, dev/sass/pages/quiz.scss */
  .breadcrumbs {
    max-width: 1100px;
  }
}

@media screen and (max-width: 1064px) {
  /* line 1, dev/sass/pages/quiz.scss */
  .breadcrumbs {
    max-width: 760px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, dev/sass/pages/quiz.scss */
  .breadcrumbs {
    max-width: 590px;
  }
}

@media screen and (max-width: 600px) {
  /* line 1, dev/sass/pages/quiz.scss */
  .breadcrumbs {
    max-width: 360px;
  }
}

@media screen and (max-width: 375px) {
  /* line 1, dev/sass/pages/quiz.scss */
  .breadcrumbs {
    max-width: 280px;
  }
}

/* line 21, dev/sass/pages/quiz.scss */
.quiz__container {
  max-width: 1300px;
  margin: auto;
  position: relative;
}

@media screen and (max-width: 1304px) {
  /* line 21, dev/sass/pages/quiz.scss */
  .quiz__container {
    max-width: 1100px;
  }
}

@media screen and (max-width: 1064px) {
  /* line 21, dev/sass/pages/quiz.scss */
  .quiz__container {
    max-width: 760px;
  }
}

@media screen and (max-width: 768px) {
  /* line 21, dev/sass/pages/quiz.scss */
  .quiz__container {
    max-width: 590px;
  }
}

@media screen and (max-width: 600px) {
  /* line 21, dev/sass/pages/quiz.scss */
  .quiz__container {
    max-width: 360px;
  }
}

@media screen and (max-width: 375px) {
  /* line 21, dev/sass/pages/quiz.scss */
  .quiz__container {
    max-width: 280px;
  }
}

/* line 40, dev/sass/pages/quiz.scss */
.quiz__container .h2 {
  font-weight: bold;
  font-size: 35px;
  color: #4F4F4F;
}

@media screen and (max-width: 600px) {
  /* line 40, dev/sass/pages/quiz.scss */
  .quiz__container .h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}

/* line 50, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-form .input-block .required--check .jq-checkbox.checked {
  border: 1px solid #89AA28;
  background: #89AA28;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 55, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-form .input-block .required--check .jq-checkbox.checked .jq-checkbox__div {
  border-bottom: 1px solid white;
  border-left: 1px solid white;
}

/* line 60, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab {
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 485px;
  height: auto;
  background: -webkit-gradient(linear, left bottom, left top, from(#F7F7F6), to(#F7F7F6));
  background: -webkit-linear-gradient(bottom, #F7F7F6, #F7F7F6);
  background: -o-linear-gradient(bottom, #F7F7F6, #F7F7F6);
  background: linear-gradient(0deg, #F7F7F6, #F7F7F6);
  margin-bottom: 50px;
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: relative;
}

@media screen and (max-width: 990px) {
  /* line 60, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab {
    min-height: 720px;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
}

/* line 75, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left {
  width: calc(100% - 380px);
  padding: 50px 50px 0px 50px;
  position: relative;
}

@media screen and (max-width: 990px) {
  /* line 75, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    height: calc(100% - 120px);
  }
}

@media screen and (max-width: 768px) {
  /* line 75, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left {
    padding: 30px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  /* line 90, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left .link-green {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  /* line 96, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-head {
    text-align: center;
  }
}

/* line 102, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left .zag {
  font-weight: 500;
  font-size: 29px;
  color: #333333;
  line-height: 120.19%;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  /* line 102, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left .zag {
    font-size: 18px;
  }
}

/* line 112, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left .val {
  font-size: 16px;
  color: #888888;
  opacity: 0.8;
}

/* line 116, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left .val._error {
  color: red;
  -webkit-animation: 0.1s tremor ease-out 1;
          animation: 0.1s tremor ease-out 1;
}

@-webkit-keyframes tremor {
  0%, 25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50%, 100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}

@media screen and (max-width: 768px) {
  /* line 112, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left .val {
    font-size: 15px;
  }
}

/* line 133, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest {
  margin-top: 40px;
  margin-bottom: 170px;
}

@media screen and (max-width: 768px) {
  /* line 133, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest {
    margin-bottom: 20px;
    width: 100%;
  }
}

/* line 141, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-right: 33%;
}

@media screen and (max-width: 1304px) {
  /* line 141, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check {
    padding: 0;
  }
}

/* line 148, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item {
  width: calc((100% - 50px) / 2);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 35px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 148, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* line 160, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .num {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #CCCCCC;
  font-size: 15px;
  color: #89AA28;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 18px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: none;
}

@media screen and (max-width: 600px) {
  /* line 160, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .num {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}

/* line 179, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .jq-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  margin-right: 10px;
}

/* line 183, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .jq-checkbox.checked + .num {
  background-color: #89AA28;
  color: white;
  display: none;
}

/* line 188, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .jq-checkbox.checked .jq-checkbox__div {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: none;
  width: 10px;
  height: 10px;
  background: #89aa28;
  margin: auto;
}

/* line 196, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .jq-checkbox.focused {
  border-color: #89aa28;
}

/* line 199, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .jq-checkbox input {
  width: 100%;
  height: 100%;
}

/* line 204, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val {
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  width: calc(100% - 65px);
  display: inline;
  z-index: 1;
}

@media screen and (max-width: 375px) {
  /* line 204, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val {
    width: calc(100% - 50px);
  }
}

/* line 214, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val .prompt {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

/* line 217, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val .prompt-icon {
  font-weight: 500;
  font-size: 14px;
  color: #89AA28;
  margin-left: 10px;
}

/* line 224, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val .prompt-text {
  bottom: 30px;
  right: -115px;
  width: 230px;
  position: absolute;
  visibility: hidden;
  background-color: white;
  color: black;
  text-align: center;
  padding: 5px 10px;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
  font-weight: normal;
  font-size: 12px;
  line-height: 125%;
  text-align: center;
  color: #828282;
  z-index: 2;
}

/* line 241, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val .prompt-text:after {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: white;
  bottom: -19px;
  left: 105px;
  position: absolute;
}

/* line 253, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__check-item .val .prompt:hover .prompt-text {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  visibility: visible;
}

/* line 264, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-right: 25%;
}

@media screen and (max-width: 1304px) {
  /* line 264, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio {
    padding: 0;
  }
}

/* line 271, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item {
  width: calc(100% / 2);
  position: relative;
  cursor: pointer;
  border: 1px solid #E3E3E3;
  padding: 20px 20px 20px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  /* line 271, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  /* line 271, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item {
    padding: 15px 20px 15px 25px;
  }
}

/* line 286, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item .val {
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  width: calc(100% - 30px);
}

@media screen and (max-width: 375px) {
  /* line 286, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item .val {
    font-size: 12px;
  }
}

/* line 295, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item .jq-radio {
  margin-right: 15px;
  background: #E3E3E3;
  border: 1px solid #E3E3E3;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 301, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item .jq-radio.checked {
  border: 1px solid #89AA28;
  background: transparent;
}

/* line 304, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item .jq-radio.checked .jq-radio__div {
  background: #89AA28;
  margin: 2px 0 0 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 314, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer {
  position: relative;
  bottom: 0;
  border-top: 1px solid #E0E0E0;
  padding-top: 35px;
  padding-bottom: 35px;
  width: calc(100% - 50px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  /* line 314, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-footer {
    width: 100%;
    margin-top: 30px;
  }
}

/* line 327, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer .btn-prev {
  height: 54px;
  padding: 0px 16px;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  background-color: transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 337, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer .btn-prev .icon {
  fill: transparent;
  stroke: #89AA28;
}

/* line 341, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer .btn-prev:hover {
  background-color: #89AA28;
}

/* line 343, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer .btn-prev:hover .icon {
  stroke: white;
}

/* line 348, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer .btn-next {
  height: 54px;
  padding: 0px 50px;
  font-size: 16px;
  color: #888888;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 357, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer .btn-next:hover {
  background-color: #89AA28;
  color: white;
}

/* line 362, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-footer span {
  font-size: 14px;
  color: #828282;
  margin-left: 60px;
  line-height: 150.3%;
}

@media screen and (max-width: 375px) {
  /* line 362, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-footer span {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  /* line 314, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-footer {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  /* line 373, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-footer span {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 0px;
    margin-bottom: 15px;
  }
  /* line 379, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-footer .btn-prev {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  /* line 382, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__left-footer .btn-next {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}

/* line 388, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__left-progress {
  position: absolute;
  content: '';
  width: auto;
  height: 2px;
  background-color: #89AA28;
  bottom: 0px;
  left: 0px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 399, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right {
  width: 380px;
  background: #89AA28;
  color: white;
  padding: 30px 30px 70px 30px;
}

@media screen and (max-width: 990px) {
  /* line 399, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    background-color: white;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 600px) {
  /* line 399, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right {
    padding: 30px 0px;
  }
}

/* line 414, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  height: 100%;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
}

@media screen and (max-width: 990px) {
  /* line 414, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps {
    width: 80%;
    margin: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

@media screen and (max-width: 600px) {
  /* line 414, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps {
    width: 100%;
  }
}

/* line 429, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps:before {
  content: '';
  height: calc(100% - 18px);
  width: 1px;
  background-color: #E7EED4;
  position: absolute;
  top: 15px;
  left: 22px;
}

@media screen and (max-width: 990px) {
  /* line 429, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps:before {
    top: 28px;
    height: 2px;
    width: calc(100% - 15px);
    background-color: #F7F7F6;
    left: 0px;
  }
}

@media screen and (max-width: 600px) {
  /* line 429, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps:before {
    top: 23px;
  }
}

/* line 449, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step {
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  color: #FFFFFF;
  width: 100%;
  position: relative;
  padding-left: 65px;
}

/* line 457, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: white;
  position: absolute;
  left: 19px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 14px;
}

/* line 468, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step .num {
  display: none;
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
}

/* line 473, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step .option {
  font-weight: 300;
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0.8;
}

/* line 479, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0px;
}

/* line 483, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step.active:before {
  display: none;
}

/* line 486, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step.active span {
  width: calc(100% - 55px);
}

/* line 489, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step.active .num {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  margin-right: 19px;
  display: block;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #FFFFFF;
  font-weight: normal;
  font-size: 17px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #89AA28;
}

@media screen and (max-width: 990px) {
  /* line 449, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step {
    width: 60px;
    padding-left: 0px;
  }
  /* line 510, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step .option {
    display: none;
  }
  /* line 513, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step span {
    display: none;
  }
  /* line 516, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step .num {
    margin-right: 0px;
    display: block;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #F7F7F6;
    font-weight: normal;
    font-size: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #F7F7F6;
    color: #4f4f4f;
  }
  /* line 531, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step.active .num {
    margin-right: 0px;
    display: block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #89AA28;
    font-weight: normal;
    font-size: 17px;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #89AA28;
  }
  /* line 546, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step:before {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  /* line 551, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step .num {
    width: 26px;
    height: 26px;
    font-size: 16px;
  }
  /* line 556, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step.active .num {
    width: 45px;
    height: 45px;
    font-size: 17px;
  }
}

@media screen and (max-width: 375px) {
  /* line 449, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab__right .quiz-steps .quiz-step {
    width: 50px;
  }
}

/* line 569, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

/* line 573, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab._animated {
  opacity: 1;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  left: 0px;
}

/* line 579, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__left {
  width: 48%;
  padding: 60px;
}

@media screen and (max-width: 990px) {
  /* line 579, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__left {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  /* line 579, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__left {
    text-align: left;
    padding: 35px 25px;
  }
}

/* line 590, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__left .zag {
  margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
  /* line 590, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__left .zag {
    margin-bottom: 20px;
  }
}

/* line 596, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__left .link-green {
  margin-top: 50px;
  height: 50px;
}

/* line 601, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__right--img {
  width: 52%;
}

@media screen and (max-width: 990px) {
  /* line 601, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__right--img {
    width: 100%;
    padding-bottom: 49%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
            background-size: contain;
  }
}

@media screen and (max-width: 600px) {
  /* line 601, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab._main .quiz-tab__right--img {
    padding-bottom: 71%;
  }
}

@media screen and (max-width: 768px) {
  /* line 615, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result {
    height: auto;
  }
}

/* line 619, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left {
  width: 440px;
}

@media screen and (max-width: 990px) {
  /* line 619, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: 0px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  /* line 619, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left {
    height: auto;
  }
}

/* line 630, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest {
  margin-top: 0px;
}

/* line 632, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .zag {
  margin-bottom: 25px;
}

/* line 636, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest._message .zag {
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
  color: #333333;
}

/* line 643, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest._message .val {
  font-size: 16px;
  color: #333333;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  /* line 643, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest._message .val {
    margin-bottom: 30px;
  }
}

/* line 651, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest._message .link-green {
  width: auto;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  color: #F3F3F3;
  padding: 15px 60px;
  border: none;
}

/* line 662, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .link-green {
  width: auto;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  color: #F3F3F3;
  padding: 15px 60px;
}

@media screen and (max-width: 375px) {
  /* line 662, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .link-green {
    padding: 15px 30px;
  }
}

/* line 675, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .input-block .required--check {
  width: 16px;
  margin: 0px;
  margin-right: 15px;
}

/* line 679, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .input-block .required--check span {
  font-weight: 500;
  font-size: 12px;
  color: #333333;
}

/* line 684, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .input-block .required--check .jq-checkbox.checked .jq-checkbox__div {
  border-bottom: 1px solid white;
  border-left: 1px solid white;
}

/* line 688, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .input-block .required--check .jq-checkbox.checked {
  border: 1px solid #89AA28;
  background: #89AA28;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 694, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .input-block label.required--check {
  width: 100%;
  margin: 15px auto;
}

/* line 706, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result.__form .quiz-tab__right #slider-quiz {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  opacity: 0.4;
  pointer-events: none;
}

@media screen and (max-width: 990px) {
  /* line 706, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result.__form .quiz-tab__right #slider-quiz {
    display: none;
  }
}

/* line 713, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result.__form .quiz-tab__right #slider-quiz .slick-dots {
  bottom: -50px;
}

/* line 716, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result.__form .quiz-tab__right #slider-quiz.undisable {
  pointer-events: auto;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  opacity: 1;
}

@media screen and (max-width: 990px) {
  /* line 716, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result.__form .quiz-tab__right #slider-quiz.undisable {
    display: block;
  }
}

/* line 730, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right {
  width: calc(100% - 440px);
  background: transparent;
}

@media screen and (max-width: 990px) {
  /* line 730, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

/* line 737, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 742, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items img {
  margin: auto;
}

@media screen and (max-width: 768px) {
  /* line 737, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 748, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .slick-dots li button {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #D9D9D9;
}

/* line 754, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .slick-dots li.slick-active button {
  width: 8px;
  height: 8px;
  background: #89AA28;
}

/* line 759, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .result-item {
  background-color: white;
  height: auto;
  margin-right: 20px;
  width: 234px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  /* line 759, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .result-item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 600px) {
  /* line 759, dev/sass/pages/quiz.scss */
  .quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .result-item {
    width: calc(100% - 40px);
    margin-left: auto;
  }
}

/* line 773, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .result-item .img {
  height: 240px;
}

/* line 776, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__right .quiz-tab__result-items .result-item .img img {
  max-width: 100%;
  max-height: 100%;
}

/* line 788, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-prev {
  left: auto;
  right: 45px;
}

/* line 792, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-prev:before {
  content: '';
  border: solid #333333;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 20px;
  height: 20px;
}

/* line 802, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-next {
  right: 0px;
}

/* line 805, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-next:before {
  content: '';
  border: solid #333333;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 20px;
  height: 20px;
}

/* line 815, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-next, .quiz__container .quiz__wrp .slick-prev {
  top: -50px;
}

/* line 818, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-dots li.slick-active button:before {
  opacity: 0;
}

/* line 821, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .slick-dots li button::before {
  opacity: 0;
}

/* line 826, dev/sass/pages/quiz.scss */
.quiz__container .quiz__wrp .quiz-tab.__result .quiz-tab__left-quest .quiz-form .input-block .required--check .jq-checkbox.error {
  border-color: #fc7b7b;
}

/* End */


/* Start:/local/templates/new_template_newbor/css/fonts.css?17828248885434*/
/*@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-BlackItalic.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-BlackItalic.woff") format("woff");
    font-style: italic;
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-Black.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-Black.woff") format("woff");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-MediumItalic.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-MediumItalic.woff") format("woff");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-Medium.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-Medium.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-Italic.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-Italic.woff") format("woff");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-LightItalic.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "Formular";
    src: url("/local/templates/new_template_newbor/css/../fonts/Formular-Light.woff2") format("woff2"),
        url("/local/templates/new_template_newbor/css/../fonts/Formular-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
*/
@font-face {
  font-family: "Formular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/local/templates/new_template_newbor/css/./../fonts/Formular.woff2") format("woff2"), url("/local/templates/new_template_newbor/css/./../fonts/Formular.woff") format("woff"), url("/local/templates/new_template_newbor/css/./../fonts/Formular.ttf") format("truetype"), url("/local/templates/new_template_newbor/css/./../fonts/Formular.eot"), url("/local/templates/new_template_newbor/css/../fonts/Formular.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Formular";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("/local/templates/new_template_newbor/css/./../fonts/Formular-Medium.woff2") format("woff2"), url("/local/templates/new_template_newbor/css/./../fonts/Formular-Medium.woff") format("woff"), url("/local/templates/new_template_newbor/css/./../fonts/formular/Formular-Medium.ttf") format("truetype"), url("/local/templates/new_template_newbor/css/./../fonts/Formular-Medium.eot"), url("/local/templates/new_template_newbor/css/../fonts/Formular-Medium.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "Formular";
  font-style: normal;
  font-weight: bold;
  font-display: block;
  src: url("/local/templates/new_template_newbor/css/./../fonts/Formular-Bold.woff2") format("woff2"), url("/local/templates/new_template_newbor/css/./../fonts/Formular-Bold.woff") format("woff"), url("/local/templates/new_template_newbor/css/./../fonts/Formular-Bold.ttf") format("truetype"), url("/local/templates/new_template_newbor/css/./../fonts/Formular-Bold.eot"), url("/local/templates/new_template_newbor/css/../fonts/Formular-Bold.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: "BYN";
    src: url("/local/templates/new_template_newbor/fonts/BynBold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BYN";
    src: url("/local/templates/new_template_newbor/fonts/BynSemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: "BYN";
    src: url("/local/templates/new_template_newbor/fonts/BynRegular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/local/templates/new_template_newbor/fonts/OpenSans-Regular.woff2") format("woff2"),
    url("/local/templates/new_template_newbor/fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url("/local/templates/new_template_newbor/fonts/OpenSans-Medium.woff2") format("woff2"),
    url("/local/templates/new_template_newbor/fonts/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url("/local/templates/new_template_newbor/fonts/OpenSans-SemiBold.woff2") format("woff2"),
    url("/local/templates/new_template_newbor/fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("/local/templates/new_template_newbor/fonts/OpenSans-Bold.woff2") format("woff2"),
    url("/local/templates/new_template_newbor/fonts/OpenSans-Bold.ttf") format("truetype");
}

.apartment__info_top-price,
.credit-calculator__payments_common-prop,
.apartment__top-trigger,
.parking-price--byn,
.price__option_text,
.price__final,
.price__btn,
.flat-card__prices_main,
.credit-calculator__final_prop,
.flat-card__prices_m2,
.info-plan__el .text{
    font-family: "BYN", "OpenSans", sans-serif !important;
    font-weight: 400;
}
/* End */


/* Start:/local/templates/new_template_newbor/css/reset.css?17828248888527*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
:root {
    --device-height: 100%;
}

html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

span {
    display: inline-block;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button {
    cursor: pointer;
    padding: 0;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    background: initial;
    border: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

ul li,
ol li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
}

* {
    box-sizing: border-box;
    outline: none;
}

picture {
    display: block;
    width: 100%;
    height: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* End */


/* Start:/local/templates/new_template_newbor/css/critical.css?1782827965626725*/
@charset "UTF-8";

.swiper-container-pointer-events {
    overflow: hidden;
}

.container-main.parking {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .container-main.parking {
        margin-top: 24px;
    }
}

.container-main.parking .main-page__text {
    margin-bottom: -8px;
}

.container-main.parking-slider {
    margin-top: 80px;
}

@media screen and (max-width: 1280px) {
    .container-main.parking-slider {
        margin-top: 56px;
    }
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider {
        overflow-x: clip;
    }
}

.container-main.parking-slider .swiper-container {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider .swiper-container {
        margin-top: 24px;
        position: relative;
    }
}

@media (min-width: 601px) {
    .container-main.parking-slider .swiper-wrapper {
        transform: unset;
    }
}

.container-main.parking-slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .container-main.parking-slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.container-main.parking-slider .swiper-pagination-bullet-active {
    background: #89aa28;
}

.container-main.parking-slider .parking__wrap {
    flex-wrap: nowrap;
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider .parking__wrap {
        gap: 0;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%;
        margin-bottom: 68px;
        cursor: grab;
        height: auto !important;
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
}

@media (min-width: 601px) {
    .container-main.parking-slider .parking__el {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider .parking__el {
        width: min(308px, 100vw - 32px);
        height: 420px;
    }
}

.container-main.parking-slider .parking__el.w100 {
    width: 100%;
}

.parking__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.parking__top .main-page__title {
    margin-bottom: 0;
}

.parking__top .main-page__text {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    max-width: 933px;
}

@media (max-width: 768px) {
    .parking__top .main-page__text {
        font-size: 16px;
        line-height: 1.4;
    }
}

.parking__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 30px;
}

@media screen and (max-width: 1024px) {
    .parking__wrap {
        gap: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .parking__wrap {
        gap: 24px;
    }
}

.main-page__text {
    margin-top: 24px;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (max-width: 1024px) {
    .main-page__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__text {
        font-size: 16px;
        margin-top: 16px;
    }
}

.parking__el {
    width: calc(50% - 15px);
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    height: min(400px, 25vw);
    transition: transform 0.3s;
}

@media screen and (max-width: 1280px) {
    .parking__el {
        height: 310px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 600px) {
    .parking__el {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .parking__el {
        height: 420px;
        display: none;
    }
}

.parking__el.w100 {
    width: 100%;
}

@media screen and (max-width: 450px) {
    .parking__el.show {
        display: block;
    }
}

.parking__el:nth-child(1), .parking__el:nth-child(2), .parking__el:nth-child(3), .parking__el:nth-child(4), .parking__el:nth-child(5), .parking__el:nth-child(6) {
    display: block;
}

@media screen and (max-width: 1280px) {
    .parking__el:hover {
        transform: unset;
    }
}

.parking__el:hover .parking__el_arr {
    transform: translateX(0);
    pointer-events: all;
}

.hide-parkings {
    display: none;
}

.parking__show-all.btn-white {
    display: none;
}

@media screen and (max-width: 450px) {
    .parking__show-all.btn-white {
        display: flex;
        align-items: center;
        margin-top: 16px;
    }
}

.parking__show-all.btn-white.show .hide-parkings {
    display: block;
}

.parking__show-all.btn-white.show .show-parkings {
    display: none;
}

.parking__el_bg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.parking__el_bg::before {
    content: "";
    position: static;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

.parking__el_bg img {
    object-fit: cover;
    object-position: center;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

.parking__el_content {
    position: relative;
    z-index: 2;
    width: 305px;
    padding: min(50px, 3vw) min(32px, 1.8vw);
    border-radius: 0 20px 20px 0;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .parking__el_content {
        padding: 35px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_content {
        padding: 20px 8px 20px 12px;
        max-width: calc(100% - 152px);
    }
}

@media screen and (max-width: 768px) {
    .parking__el_content {
        background: unset;
        backdrop-filter: unset;
        max-width: 100%;
        padding: 41px 8px 20px 12px;
    }
}

@media screen and (max-width: 600px) {
    .parking__el_content {
        background: rgba(108, 108, 108, 0.6);
        backdrop-filter: blur(5px);
        padding: 32px 12px 32px 16px;
        max-width: 65%;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_content {
        background: unset;
        backdrop-filter: unset;
        padding: 12px;
        max-width: 100%;
    }
}

.parking__el_name {
    color: #fff;
    font-size: min(32px, 2.05vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    min-height: min(80px, 5.13vw);
}

@media screen and (max-width: 1280px) {
    .parking__el_name {
        font-size: 26px;
        min-height: 65px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_name {
        font-size: 23px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_name {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        max-width: calc(100% - 110px);
        min-height: unset;
    }
}

.parking__el_lvls {
    margin-top: min(16px, 1vw);
    color: rgba(255, 255, 255, 0.8);
    font-size: min(18px, 1.2vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .parking__el_lvls {
        margin-top: 14px;
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_lvls {
        margin-top: 8px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.parking__el_address {
    color: #fff;
    font-size: min(24px, 1.5vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-top: min(32px, 1.7vw);
    flex-grow: 1;
}

@media screen and (max-width: 1280px) {
    .parking__el_address {
        margin-top: 20px;
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_address {
        margin-top: 12px;
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        flex-grow: unset;
    }
}

.parking__el_free {
    border-radius: 8px;
    background: #fff;
    backdrop-filter: blur(5px);
    padding: 8px 16px;
    color: #89AA28;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .parking__el_free {
        padding: 8px 12px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_free {
        font-size: 16px;
        padding: 6px 12px;
    }
}

@media screen and (max-width: 768px) {
    .parking__el_free {
        padding: 4px 8px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_free {
        margin-top: 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.parking__el_status {
    position: absolute;
    z-index: 2;
    top: 24px;
    right: 24px;
    border-radius: 8px;
    background: #fff;
    backdrop-filter: blur(5px);
    padding: 8px 16px;
    color: #89aa28;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .parking__el_status {
        padding: 8px 12px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_status {
        right: 10px;
        top: 10px;
        font-size: 16px;
        padding: 6px 12px;
        line-height: normal;
    }
}

@media screen and (max-width: 768px) {
    .parking__el_status {
        padding: 4px 8px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_status {
        top: 16px;
        right: 12px;
    }
}

.parking__el_arr {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
    position: absolute;
    z-index: 5;
    right: 24px;
    bottom: 24px;
    transition: 0.3s;
    transform: translateX(100px);
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    .parking__el_arr {
        transform: unset;
    }
}

@media screen and (max-width: 768px) {
    .parking__el_arr {
        width: 48px;
        height: 48px;
        right: 16px;
        bottom: 16px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_arr {
        right: 12px;
        bottom: 12px;
    }
}

.parking__el_arr:hover {
    background-color: rgb(255, 255, 255);
}

.parking-info {
    display: flex;
    gap: 20px;
    padding: 40px 60px;
    justify-content: space-between;
    align-items: flex-start;
    align-items: stretch;
    border-radius: 20px;
    background: #f5f5f7;
}

@media screen and (max-width: 1024px) {
    .parking-info {
        padding: 24px 32px;
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .parking-info {
        flex-direction: column;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 32px 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 450px) {
    .parking-info {
        background-color: unset;
        padding: 0 16px;
        width: calc(100% + 32px);
        margin-left: -16px;
        gap: 24px;
    }
}

.parking-info .main-page__title {
    flex-grow: unset;
    align-items: unset;
    display: block;
}

@media screen and (max-width: 768px) {
    .parking-info .main-page__title {
        display: none;
    }
}

.parking-info .main-page__title.mobile-title {
    display: none;
}

@media screen and (max-width: 768px) {
    .parking-info .main-page__title.mobile-title {
        display: block;
        order: 0;
    }
}

@media screen and (max-width: 450px) {
    .parking-info.show .parking-info__content_text {
        max-height: unset;
        overflow: visible;
        -webkit-line-clamp: unset;
        line-clamp: unset;
    }
}

@media screen and (max-width: 450px) {
    .parking-info.show .parking-info__show-all .show {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .parking-info.show .parking-info__show-all .hide {
        display: block;
    }
}

.parking-info__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 808px;
}

@media screen and (max-width: 768px) {
    .parking-info__content {
        order: 2;
    }
}

@media screen and (max-width: 450px) {
    .parking-info__content {
        gap: 8px;
    }
}

.parking-info__slider {
    width: min(423px, 22.1vw);
    min-width: min(423px, 22.1vw);
    max-height: min(543px, 28.3vw);
    min-height: min(465px, 24.3vw);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: unset;
}

@media screen and (max-width: 1280px) {
    .parking-info__slider {
        width: 360px;
        min-width: 360px;
        max-height: 513px;
        min-height: 439px;
    }
}

@media screen and (max-width: 1024px) {
    .parking-info__slider {
        width: 300px;
        min-width: 300px;
        max-height: 446px;
        min-height: 360px;
    }
}

@media screen and (max-width: 768px) {
    .parking-info__slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        max-height: unset;
        min-width: unset;
        height: auto;
        min-height: auto;
        order: 1;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 450px) {
    .parking-info__slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.parking-info__slider .swiper-wrapper {
    height: auto !important;
    flex-grow: 1;
}

.parking-info__slider .swiper-slide {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 768px) {
    .parking-info__slider .swiper-slide {
        width: 308px;
        height: 400px;
    }
}

.parking-info__slider .swiper-slide::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
}

.parking-info__slider img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.parking-info__slider .swiper-pagination {
    position: static;
    bottom: 7px;
    border-radius: 28px;
    padding: 12px;
    display: flex;
    gap: 12px;
    border: 1px solid #c3c3c3;
    width: max-content;
    margin-top: 24px;
}

@media screen and (max-width: 450px) {
    .parking-info__slider .swiper-pagination {
        margin-top: 16px;
        border: unset;
        background: #f5f5f7;
        gap: 8px;
    }
}

.parking-info__slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    background: #c3c3c3;
    width: 12px;
    height: 12px;
    transition: 0.2s;
    opacity: 1;
    margin: 0 !important;
}

@media screen and (max-width: 450px) {
    .parking-info__slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.parking-info__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89aa28;
}

.parking-info__content_text {
    color: #1d1d1f;
    font-size: min(24px, 1.26vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    flex-grow: 1;
}

@media screen and (max-width: 1280px) {
    .parking-info__content_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .parking-info__content_text {
        color: #707070;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-height: 240px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

.parking-info__show-all {
    display: none;
}

@media screen and (max-width: 450px) {
    .parking-info__show-all {
        display: block;
        color: #89aa28;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.parking-info__show-all .hide {
    display: none;
}

.parking.house-intro .house-intro__info_hint {
    top: 0;
    left: calc(100% + 32px);
}

.parking.house-intro .right .house-intro__info_hint {
    left: unset;
    right: calc(100% + 32px);
}

.parking-lvls__links-wrap {
    position: absolute;
    bottom: 56px;
    left: 0;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .parking-lvls__links-wrap {
        bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .parking-lvls__links-wrap {
        display: none;
    }
}

.parking-lvls__links {
    display: flex;
    gap: 16px;
    padding-left: 205px;
    padding-right: 205px;
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 1440px) {
    .parking-lvls__links {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.parking-lvls__links::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

.parking-lvls__links::-webkit-scrollbar-thumb {
    border-radius: 100%;
    background: transparent;
}

.parking-lvls__links::-webkit-scrollbar-corner {
    background: transparent;
}

.parking-lvls__links .btn-white {
    font-size: 16px;
    padding: 12px 24px;
    gap: 6px;
    height: unset;
    white-space: nowrap;
    margin: 0;
}

.apartment.container-main {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin-top: 19px;
}

@media screen and (max-width: 1024px) {
    .apartment.container-main {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .apartment.container-main {
        flex-direction: column;
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .apartment.container-main {
        gap: 32px;
    }
}

@media screen and (max-width: 450px) {
    .apartment.container-main {
        gap: 0;
    }
}

.apartment__imgs_tabs {
    display: flex;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 6px;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_tabs {
        max-width: unset;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
        padding-bottom: 6px;
    }
}

.apartment__imgs_tabs::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: transparent;
}

.apartment__imgs_tabs::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(137, 170, 40, 0.5019607843);
}

.apartment__imgs_tabs::-webkit-scrollbar-corner {
    background: rgba(137, 170, 40, 0.5019607843);
}

.apartment__imgs_tabs .apartment__imgs_tab {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 20px;
    border-radius: 100px;
    background: #fff;
    transition: color 0.3s, background 0.3s;
    white-space: nowrap;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_tabs .apartment__imgs_tab {
        font-size: 16px;
        padding: 10px 16px;
    }
}

.apartment__imgs_tabs .apartment__imgs_tab:hover {
    color: var(--text-icon-dark-primary, #1d1d1f);
}

.apartment__imgs_tabs .apartment__imgs_tab.active {
    color: #fff;
    background: var(--Primary-Main, #89aa28);
}

.apartment__imgs_blocks {
    width: 100%;
    height: min(796px, 42vw);
}

@media screen and (max-width: 768px) {
    .apartment__imgs_blocks {
        height: auto;
    }
}

.apartment__imgs_blocks .apartment__imgs_block {
    display: none;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_blocks .apartment__imgs_block {
        flex-direction: column;
        gap: 20px;
    }
}

@media (hover: hover) {
    .apartment__imgs_blocks .apartment__imgs_block:hover .apartment__imgs_zoom svg {
        stroke: rgb(113, 140, 33);
    }
}

.apartment__imgs_blocks .apartment__imgs_block.active {
    display: flex;
}

.apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    height: min(681px, 35.5vw);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img {
        height: 76vw;
    }
}

.apartment__imgs_zoom {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: white;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_zoom {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_zoom {
        top: 4px;
        right: 4px;
    }
}

.apartment__imgs_zoom svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.apartment__imgs {
    width: min(872px, 45.4vw);
    max-width: min(872px, 45.4vw);
    border-radius: 20px;
    background: #f5f5f7;
    padding: min(40px, 2.1vw) min(32px, 1.7vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(12px, 0.7vw);
    position: relative;
    z-index: 2;
}

@media (max-width: 1440px) {
    .apartment__imgs {
        width: 55.5vw;
        max-width: 55.5vw;
        min-width: 55.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__imgs {
        padding: 24px 16px;
        align-items: flex-start;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .apartment__imgs {
        border-radius: 0;
        width: calc(100% + 32px);
        margin-left: -16px;
        max-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .apartment__imgs {
        gap: 23px;
        position: relative;
        overflow: visible;
    }
}

.apartment__info_top-content-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content-line {
        justify-content: center;
    }
}

.apartment__info_top-badge {
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--text-icon-light-primary, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 6px 12px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 450px) {
    .apartment__info_top-badge {
        font-size: 14px;
        line-height: 130%;
    }
}

.apartment__info_top-badge::before {
    content: "";
    display: block;
    width: 18px;
    min-width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.625 2.8125H3.375C3.06434 2.8125 2.8125 3.06434 2.8125 3.375V14.625C2.8125 14.9357 3.06434 15.1875 3.375 15.1875H14.625C14.9357 15.1875 15.1875 14.9357 15.1875 14.625V3.375C15.1875 3.06434 14.9357 2.8125 14.625 2.8125Z' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.375 1.6875V3.9375' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.625 1.6875V3.9375' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.8125 6.1875H15.1875' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5312 9L8.24766 12.0938L6.46875 10.4062' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.apartment__imgs_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_top {
        padding: 16px 10px 0;
    }
}

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

@media screen and (max-width: 600px) {
    .apartment__imgs_top {
        position: relative;
    }
}

.apartment__imgs_top.mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_top.mobile {
        display: flex;
        padding: 24px 20px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .apartment__imgs_top.mobile {
        padding: 24px 16px;
    }
}

.apartment__imgs_hash-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    background: #89AA28;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_hash-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
}

.apartment__imgs_hash-icon img,
.apartment__imgs_hash-icon svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    fill: white;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_hash-icon img,
    .apartment__imgs_hash-icon svg {
        width: 15px;
        height: 15px;
    }
}

.apartment__imgs_hash-descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

@media screen and (max-width: 450px) {
    .apartment__imgs_hash-descr {
        gap: 2px;
    }
}

.apartment__imgs_hash-footnote {
    color: var(--primary-50, rgba(137, 170, 40, 0.5));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.apartment__imgs_hash {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #89aa28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_hash {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__imgs_hash {
        align-items: flex-start;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        gap: 8px;
        max-width: calc(100% - 30px);
    }
}

.apartment__title-mob {
    display: none;
}

.apartment__imgs_btns {
    display: flex;
    gap: min(32px, 1.7vw);
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_btns {
        gap: 24px;
    }
}

.apartment__imgs_btns svg,
.apartment__imgs_btns img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.apartment__imgs_btns .apartment__imgs_btn {
    width: 32px;
    height: 32px;
    position: relative;
    background: unset;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_btns .apartment__imgs_btn {
        width: 24px;
        height: 24px;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare {
    position: relative;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare:hover svg {
        stroke: #89AA28;
    }

    .apartment__imgs_btns .apartment__imgs_btn.to-compare:hover span, .apartment__imgs_btns .apartment__imgs_btn.to-print:hover span {
        opacity: 1;
        visibility: visible;
    }

}

.apartment__imgs_btns .apartment__imgs_btn.to-compare.compared {
    background: unset;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare.compared:hover svg {
        stroke: #718C21;
        fill: none;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare.compared svg {
    stroke: #89AA28;
    fill: none;
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare.compared span::after {
    content: attr(data-del);
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare svg {
    fill: none;
    stroke: #8b8b8b;
    stroke-width: 1.5;
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare span, .apartment__imgs_btns .apartment__imgs_btn.to-print span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare span ,.apartment__imgs_btns .apartment__imgs_btn.to-print span {
        white-space: nowrap;
    }

}

@media screen and (max-width: 1280px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare span, .apartment__imgs_btns .apartment__imgs_btn.to-print span {
        white-space: normal;
    }

}

@media screen and (max-width: 768px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare span{
        display: none;
    }

    .apartment__imgs_btns .apartment__imgs_btn.to-print span{
        position: static;
        transform: translate(0);
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        padding: 0;
        font-size: 16px;
        color: #1D1D1F;
    }

}

.apartment__imgs_btns .apartment__imgs_btn.to-compare span::after, .apartment__imgs_btns .apartment__imgs_btn.to-print span::after {
    content: attr(data-default);
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare span::before, .apartment__imgs_btns .apartment__imgs_btn.to-print span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M7.29289 0.707106C7.68342 0.316582 8.31658 0.316582 8.70711 0.707107L16 8H0L7.29289 0.707106Z' fill='white'/%3E%3C/svg%3E");
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav {
    position: relative;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav:hover svg {
        stroke: #89AA28;
    }

    .apartment__imgs_btns .apartment__imgs_btn.to-fav:hover span {
        opacity: 1;
        visibility: visible;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav {
    background: unset;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav:hover svg {
        stroke: #718C21;
        fill: #718C21;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav svg {
    fill: #89AA28;
    stroke: #89AA28;
}

@media (max-width: 1440px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav span {
        white-space: normal;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav span::after {
    content: attr(data-del);
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav svg {
    fill: none;
    stroke: #8b8b8b;
    stroke-width: 1.5;
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav span {
        white-space: nowrap;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav span {
        white-space: normal;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav span {
        display: none;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav span::after {
    content: attr(data-default);
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M7.29289 0.707106C7.68342 0.316582 8.31658 0.316582 8.70711 0.707107L16 8H0L7.29289 0.707106Z' fill='white'/%3E%3C/svg%3E");
}

.apartment__imgs_btns .apartment__imgs_btn-icon {
    width: 28px;
    height: 28px;
    fill: #8b8b8b;
    transition: 0.3s;
}

.apartment__imgs_slider {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media screen and (max-width: 450px) {
    .apartment__imgs_slider {
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    }
}

.apartment__imgs_slider .swiper-pagination {
    display: none;
}

.apartment__imgs_slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .apartment__imgs_slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.apartment__imgs_slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.apartment__imgs_slider .swiper-pagination-bullet-active {
    background: #89aa28;
}

.apartment__imgs_slider .swiper-notification {
    position: absolute;
}

.apartment__imgs_slider .swiper-wrapper {
    height: min(681px, 35.5vw);
}

@media screen and (max-width: 768px) {
    .apartment__imgs_slider .swiper-wrapper {
        height: calc(76vw - 32px);
    }
}

.apartment__imgs_slider .swiper-slide {
    width: 100%;
    height: 100%;
    opacity: 0 !important;
}

.apartment__imgs_slider .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.apartment__imgs_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.apartment__imgs_thumbs {
    width: 100%;
    position: static;
    overflow: hidden;
    height: 100%;
    max-height: max-content;
}

.apartment__imgs_thumbs .swiper-wrapper {
    max-height: max-content;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-wrapper {
        justify-content: center;
        display: flex;
        gap: 12px;
        transform: unset !important;
    }
}

.apartment__imgs_thumbs .swiper-slide {
    height: 50px;
    width: 75px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid transparent;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-slide {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: var(--stroke-line-light, #c3c3c3);
        margin: 0 !important;
    }
}

.apartment__imgs_thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #89AA28;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-slide.swiper-slide-thumb-active {
        border: unset;
        background: var(--Primary-Main, #89aa28);
    }
}

.apartment__imgs_thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-slide img {
        display: none;
    }
}

.apartment__imgs_thumbs .swiper-notification {
    position: absolute;
}

.apartment__imgs_gallery {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: min(681px, 35.5vw);
    width: 75px;
    min-width: 75px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_gallery {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_gallery {
        height: 12px;
        width: 100%;
        justify-content: center;
    }
}

.apartment__imgs_gallery .swiper-button-next {
    margin: 0;
    bottom: 5px;
    top: unset;
    transform: rotate(90deg);
    transform-origin: center;
    right: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: all;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.49939 11.9995C1.49939 12.1984 1.57841 12.3892 1.71906 12.5298C1.85971 12.6705 2.05048 12.7495 2.24939 12.7495L19.9389 12.7495L15.2184 17.4685C15.0776 17.6093 14.9984 17.8003 14.9984 17.9995C14.9984 18.1986 15.0776 18.3897 15.2184 18.5305C15.3592 18.6713 15.5502 18.7504 15.7494 18.7504C15.9486 18.7504 16.1396 18.6713 16.2804 18.5305L22.2804 12.5305C22.3502 12.4608 22.4057 12.378 22.4435 12.2869C22.4813 12.1958 22.5007 12.0981 22.5007 11.9995C22.5007 11.9008 22.4813 11.8032 22.4435 11.712C22.4057 11.6209 22.3502 11.5382 22.2804 11.4685L16.2804 5.46848C16.2107 5.39875 16.1279 5.34344 16.0368 5.3057C15.9457 5.26796 15.848 5.24853 15.7494 5.24853C15.5502 5.24853 15.3592 5.32765 15.2184 5.46848C15.0776 5.60931 14.9984 5.80032 14.9984 5.99948C14.9984 6.19865 15.0776 6.38965 15.2184 6.53048L19.9389 11.2495L2.24939 11.2495C2.05048 11.2495 1.85971 11.3285 1.71906 11.4692C1.57841 11.6098 1.49939 11.8006 1.49939 11.9995Z' fill='%23707070'/%3E%3C/svg%3E");
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_gallery .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_gallery .swiper-button-next {
        display: none;
    }
}

.apartment__imgs_gallery .swiper-button-next::after {
    content: none;
}

.apartment__imgs_gallery .swiper-button-prev {
    margin: 0;
    top: 5px;
    transform: rotate(90deg);
    transform-origin: center;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: all;
    opacity: 1;
    pointer-events: all;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5009 11.9993C22.5009 11.8004 22.4218 11.6096 22.2812 11.469C22.1405 11.3283 21.9498 11.2493 21.7509 11.2493L4.06135 11.2493L8.78185 6.5303C8.92268 6.38947 9.0018 6.19846 9.0018 5.9993C9.0018 5.80013 8.92268 5.60913 8.78185 5.4683C8.64102 5.32747 8.45001 5.24835 8.25085 5.24835C8.05169 5.24835 7.86068 5.32747 7.71985 5.4683L1.71985 11.4683C1.65001 11.538 1.59459 11.6207 1.55678 11.7118C1.51897 11.803 1.49951 11.9006 1.49951 11.9993C1.49951 12.0979 1.51897 12.1956 1.55678 12.2867C1.59459 12.3779 1.65001 12.4606 1.71985 12.5303L7.71985 18.5303C7.78958 18.6 7.87237 18.6553 7.96348 18.6931C8.05459 18.7308 8.15224 18.7502 8.25085 18.7502C8.45002 18.7502 8.64102 18.6711 8.78185 18.5303C8.92268 18.3895 9.0018 18.1985 9.0018 17.9993C9.0018 17.8001 8.92268 17.6091 8.78185 17.4683L4.06135 12.7493L21.7509 12.7493C21.9498 12.7493 22.1405 12.6703 22.2812 12.5296C22.4218 12.389 22.5009 12.1982 22.5009 11.9993Z' fill='%23707070'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_gallery .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_gallery .swiper-button-prev {
        display: none;
    }
}

.apartment__imgs_gallery .swiper-button-prev::after {
    content: none;
}

.apartment__imgs_gallery .swiper-button-disabled {
    opacity: 0;
}

.apartment__info {
    border-radius: 20px;
    background: #f5f5f7;
    width: calc(100% - 30px - min(872px, 45.4vw));
    padding: min(24px, 1.25vw);
    display: flex;
    flex-direction: column;
}

@media (max-width: 1440px) {
    .apartment__info {
        width: calc(100% - 30px - 55.5vw);
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info {
        padding: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info {
        margin-top: 32px;
        padding: 0;
        background: unset;
        gap: 24px;
    }
}

.apartment__info .btn-green {
    height: min(70px, 4vw);
    text-align: center;
    justify-content: center;
    font-size: min(24px, 1.4vw);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 1440px) {
    .apartment__info .btn-green {
        height: 60px;
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info .btn-green {
        font-size: 18px;
        height: 48px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info .btn-green {
        margin: 0 10px 16px;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info .btn-green {
        font-size: 20px;
        height: 60px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info .btn-green {
        margin: 0;
        height: 48px;
        font-size: 16px;
    }
}

.apartment__info_top {
    padding: min(24px, 1.25vw);
    border-radius: 12px;
    background: #89AA28;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .apartment__info_top {
        padding: 10px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top {
        padding: 16px;
        border-radius: 16px;
    }
}

.apartment__info_top-bg {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 100%;
    display: none;
}

@media screen and (max-width: 450px) {
    .apartment__info_top-bg {
        display: none;
    }
}

.apartment__info_top-bg img {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: right;
}

.apartment__info_top-content {
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.08vw);
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .apartment__info_top-content {
        gap: 30px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content {
        gap: 23px;
    }
}

.apartment__info_top-content .btn-colored {
    height: min(48px, 2.8vw);
}

@media (max-width: 1440px) {
    .apartment__info_top-content .btn-colored {
        height: 48px;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info_top-content .btn-colored {
        height: 42px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info_top-content .btn-colored {
        align-self: flex-end;
        height: 40px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content .btn-colored {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        height: 48px;
        padding: 10px 23px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content .btn-colored:hover {
        background: white;
        color: #89AA28;
    }
}

.apartment__info_top-name {
    color: #fff;
    font-size: min(32px, 2vw);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

@media (max-width: 1440px) {
    .apartment__info_top-name {
        font-size: 26px;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info_top-name {
        font-size: 25px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-name {
        color: var(--Background-Wight, #fff);
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.apartment__info_prices-wrap {
    max-width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 450px) {
    .apartment__info_prices-wrap {
        width: 100%;
        max-width: unset;
    }
}

.apartment__info_prices-wrap.sale .apartment__info_prices {
    flex-direction: column;
    flex-wrap: nowrap;
    padding-left: 18px;
}

.apartment__info_prices-wrap.sale .price {
    color: #1D1D1F;
}

.apartment__info_prices-wrap.sale .price::before {
    content: "";
    left: -22px;
    top: 4px;
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.droppable {
    display: none;
}

.droppable.drop {
    display: flex;
    margin-top: 8px;
}

.droppable .apartment__info_top-price .price {
    padding-right: 0;
}

.apartment__info_prices {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.apartment__info_prices .apartment__info_prices {
    display: flex;
    flex-wrap: wrap;
}

.apartment__info_prices .apartment__info_top-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.apartment__info_prices .price {
    color: var(--text-icon-light-primary, #fff);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding-right: 10px;
}

@media screen and (max-width: 450px) {
    .apartment__info_prices .price {
        font-size: 18px;
        line-height: normal;
    }
}

.apartment__info_prices .price .tooltip-icon {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
}

.apartment__info_prices .price-sale {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    white-space: nowrap;
}

.apartment__info_prices .price-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 3px;
    transform-origin: left;
    transform: rotate(-5deg);
    background: rgba(255, 255, 255, 0.5);
}

.apartment__info_prices .price-m2 {
    color: #8B8B8B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.apartment__info_prices .price-m2-sale, .apartment__info_prices .price-sale {
    color: #8B8B8B;
    font-size: 18px;
    line-height: normal;
    position: relative;
    flex-wrap: nowrap;
    font-weight: 500;
}

.apartment__info_prices .price-m2-sale::after, .apartment__info_prices .price-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 3px;
    transform-origin: left;
    transform: rotate(-5deg);
    background: #8B8B8B;
}

.apartment__top-trigger {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-icon-light-primary, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .apartment__top-trigger {
        margin-top: 20px;
    }
}

.apartment__top-trigger.drop::after {
    transform: scale(1, -1);
}

.apartment__top-trigger::after {
    content: "";
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9.5L12 14.5L7 9.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.apartment__info_top-info {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .apartment__info_top-info {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_top-info {
        flex-direction: row;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-info {
        flex-direction: row;
        gap: 34px;
        justify-content: center;
    }
}

.apartment__info_top-price .tooltip {
    top: 0;
    right: 0px;
}

.apartment__info_top-price .tooltip-icon {
    display: flex;
    justify-content: center;
    width: 8px;
}

@media (max-width: 900px) {
    .apartment__info_top-price .tooltip-block {
        right: -18px;
        transform: unset;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_top-price .tooltip-block {
        right: unset;
        left: -18px;
    }
}

@media screen and (max-width: 600px) {
    .apartment__info_top-price .tooltip-block {
        max-width: 63vw;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-price .tooltip-block {
        left: 50%;
        transform: translateX(-50%);
        max-width: 65vw;
    }
}

@media (max-width: 900px) {
    .apartment__info_top-price .tooltip-block__svg {
        left: unset;
        right: 18px;
        transform: translateY(-100%);
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_top-price .tooltip-block__svg {
        right: unset;
        left: 22px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-price .tooltip-block__svg {
        left: 50%;
        transform: translate(-50%, -100%);
    }
}

.tooltip-icon {
    cursor: pointer;
}

.btn-colored {
    color: #89AA28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 13px 22px;
    background: white;
    border-radius: 100px;
    text-align: center;
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .btn-colored {
        font-size: 16px;
        padding: 10px 15px;
    }
}

.btn-colored:hover {
    color: #718C21;
}

.btn-colored:active {
    color: #94B533;
}

@media screen and (max-width: 450px) {
    .apartment__info_wrap {
        border-radius: 20px;
        background: var(--Background-Light, #f5f5f7);
        padding: 0 16px 16px;
    }
}

.apartment__info_list {
    margin-top: min(32px, 1.7vw);
    margin-bottom: min(32px, 1.7vw);
    flex-grow: 1;
    padding: 0 8px;
}

@media screen and (max-width: 1024px) {
    .apartment__info_list {
        padding: 0 10px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_list {
        padding: 0 4px;
        margin-bottom: 27px;
        margin-top: 0;
    }
}

.apartment__info_row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: min(17.5px, 0.92vw) 0;
    border-top: 1px solid #c3c3c3;
}

@media screen and (max-width: 768px) {
    .apartment__info_row {
        padding: 14px 0;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row {
        padding: 11.5px 0;
    }
}

.apartment__info_row:nth-child(1) {
    padding-top: 0;
    border-top: 0;
}

@media screen and (max-width: 768px) {
    .apartment__info_row:nth-child(1) {
        padding: 14px 0;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row:nth-child(1) {
        padding: 18px 0 12px;
    }
}

.apartment__info_row:nth-last-child(1) {
    padding-bottom: 8px;
}

@media screen and (max-width: 768px) {
    .apartment__info_row:nth-last-child(1) {
        padding: 14px 0;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row:nth-last-child(1) {
        padding: 12px 0;
    }
}

.apartment__info_row-prop {
    color: #1d1d1f;
    font-size: min(20px, 1.1vw);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .apartment__info_row-prop {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info_row-prop {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_row-prop {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row-prop {
        font-size: 16px;
        line-height: 150%;
    }
}

a.apartment__info_row-descr {
    color: #89AA28;
    text-decoration: underline;
    transition: color 0.3s;
}

a.apartment__info_row-descr:hover {
    color: #718C21;
}

.apartment__info_row-descr {
    color: #1d1d1f;
    font-size: min(20px, 1.1vw);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: right;
}

@media (max-width: 1440px) {
    .apartment__info_row-descr {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info_row-descr {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_row-descr {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row-descr {
        font-size: 16px;
        line-height: normal;
        max-width: 40%;
    }
}

.apartment-p .infrastructure-new {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .apartment-p .infrastructure-new {
        margin-top: 26px;
    }
}

.apartment-p .infrastructure__block_title {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1280px) {
    .apartment-p .infrastructure__block_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .apartment-p .infrastructure__block_title {
        font-size: 24px;
    }
}

@media screen and (max-width: 450px) {
    .apartment-p .infrastructure__block_title {
        font-size: 20px;
        line-height: 130%;
    }
}

.container-main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 8px;
}

.container-main__top .btn-white {
    margin: 0;
    height: 48px;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 22px;
}

.container-main__top .btn-white svg {
    width: 24px;
    height: 24px;
}

.swiper-similar {
    max-width: calc(100% + 56px);
    width: calc(100% + 56px);
    margin-left: -28px;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    padding-bottom: 68px;
    padding-left: 28px;
    padding-right: 28px;
}

@media (max-width: 1440px) {
    .swiper-similar {
        max-width: calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .swiper-similar {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        overflow: visible;
    }
}

@media screen and (max-width: 450px) {
    .swiper-similar {
        padding-bottom: 0;
        margin-top: 24px;
    }
}

.swiper-similar .swiper-wrapper {
    height: max-content;
}

.swiper-similar .flat {
    width: 100%;
    height: 100%;
    display: flex;
}

.swiper-similar .flat .flat-card {
    min-height: unset;
    padding-bottom: 8px;
}

@media screen and (max-width: 450px) {
    .swiper-similar .flat .flat-card {
        padding-bottom: 16px;
    }
}

.swiper-similar .flat .flat-card__main_top .flat-card__booked,
.swiper-similar .flat .flat-card__main_top .flat-card__hash,
.swiper-similar .flat .flat-card__main_deskr {
    display: none;
}

.swiper-similar .flat .flat-card__content {
    flex-grow: unset;
}

.swiper-similar .flat .flat-card__bottom .price__drop {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    background: var(--text-icon-light-primary, #fff);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
}

.swiper-similar .flat .flat-card__bottom .price__final {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    padding-right: 12px;
    transition: color 0.3s;
}

@media screen and (max-width: 450px) {
    .swiper-similar .flat .flat-card__bottom .price__final {
        font-size: 16px;
    }
}

@media (hover: hover) {
    .swiper-similar .flat .flat-card__bottom .price__final:hover {
        color: #89AA28;
    }
}

.swiper-similar .flat .flat-card__bottom .price__final::after {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #89AA28 transparent transparent transparent;
    transform: rotate(0deg);
    pointer-events: none;
}

.swiper-similar .flat .flat-card__bottom .show-drop .price__final::after {
    transform: scale(1, -1);
}

.swiper-similar .flat .flat-card__bottom .price__drop {
    border-radius: 8px;
}

.swiper-similar .flat .flat-card__bottom .price__drop .price__option {
    display: block;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.swiper-similar .flat .flat-card__bottom .price__drop .price__option span {
    padding: 8px 12px;
}

.swiper-similar .flat .flat-card__bottom .price__drop .price__option input:checked ~ span {
    background: #f5f5f5;
}

.swiper-similar .flat .flat-card__bottom_btn {
    display: none;
}

.swiper-similar .flat .flat-card__prices-block_changeable {
    display: grid;
}

@media screen and (max-width: 450px) {
    .swiper-similar .flat .flat-card__prices-block_changeable {
        margin-top: 6px;
    }
}

.swiper-similar .flat .flat-card__prices-block_cur {
    grid-area: 1/-1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.1s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    flex-grow: unset;
}

.swiper-similar .flat .flat-card__prices-block_cur.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.swiper-similar .flat .flat-card__prices-block_cur.sale .flat-card__prices {
    padding-left: 18px;
}

.swiper-similar .flat .flat-card__prices-block_cur.sale .flat-card__prices_main::before {
    content: "";
    left: -18px;
    top: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.swiper-similar .swiper-slide {
    position: relative;
    height: auto;
    max-width: 360px;
}

@media screen and (max-width: 768px) {
    .swiper-similar .swiper-slide {
        width: 300px;
    }
}

@media screen and (max-width: 450px) {
    .swiper-similar .swiper-slide {
        display: none;
        max-width: 100%;
        width: 100% !important;

    }
}

.swiper-similar .swiper-slide:hover {
    z-index: 2;
}

.swiper-similar .swiper-slide:nth-child(1), .swiper-similar .swiper-slide:nth-child(2), .swiper-similar .swiper-slide:nth-child(3) {
    display: flex;
}

.swiper-similar > .swiper-wrapper {
    z-index: 23;
}

@media screen and (max-width: 450px) {
    .swiper-similar > .swiper-wrapper {
        transform: unset !important;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .swiper-similar .swiper-similar__nav {
        display: none;
    }
}

.swiper-similar .swiper-notification {
    position: absolute;
}

.swiper-similar .swiper-similar-pag {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .swiper-similar .swiper-similar-pag {
        display: none;
    }
}

.swiper-similar .swiper-similar-pag .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .swiper-similar .swiper-similar-pag .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.swiper-similar .swiper-similar-pag .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.swiper-similar .swiper-similar-pag .swiper-pagination-bullet-active {
    background: #89aa28;
}

.btn-white.mobile-show {
    margin-top: 24px;
}

.swiper-similar__slide_price-usd,
.swiper-similar__slide_price-byn {
    color: #1d1d1f;
    font-size: min(20px, 1.05vw);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
}

@media (max-width: 1440px) {
    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-size: 17px;
    }
}

@media screen and (max-width: 1280px) {
    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-weight: 600px;
        font-size: 18px;
        line-height: normal;
    }
}

.swiper-similar__slide_price-usd span,
.swiper-similar__slide_price-byn span {
    color: #8b8b8b;
}

.swiper-similar__slide_price-usd .tooltip-icon,
.swiper-similar__slide_price-byn .tooltip-icon {
    display: flex;
    justify-content: center;
}

.swiper-similar__slide_price-usd .tooltip-block,
.swiper-similar__slide_price-byn .tooltip-block {
    top: calc(100% + 2px);
}

@media screen and (max-width: 600px) {
    .swiper-similar__slide_price-usd .tooltip-block,
    .swiper-similar__slide_price-byn .tooltip-block {
        left: -20px;
        max-width: 230px;
        padding: 8px 12px;
    }
}

@media (max-width: 550px) {
    .swiper-similar__slide_price-usd .tooltip-block,
    .swiper-similar__slide_price-byn .tooltip-block {
        top: unset;
        bottom: 100%;
    }
}

.swiper-similar__slide_price-usd .tooltip,
.swiper-similar__slide_price-byn .tooltip {
    top: 0;
    right: -20px;
    z-index: 3;
}

@media screen and (max-width: 600px) {
    .swiper-similar__slide_price-usd .tooltip-block__svg,
    .swiper-similar__slide_price-byn .tooltip-block__svg {
        left: 32px;
    }
}

@media (max-width: 550px) {
    .swiper-similar__slide_price-usd .tooltip-block__svg,
    .swiper-similar__slide_price-byn .tooltip-block__svg {
        display: none;
    }
}

.intro-video.container-main {
    margin-top: 16px;
    height: min(650px, 42vw);
}

@media screen and (max-width: 1024px) {
    .intro-video.container-main {
        height: 50vw;
    }
}

@media screen and (max-width: 600px) {
    .intro-video.container-main {
        height: 400px;
        margin-top: 24px;
    }
}

.intro-video.container-main video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.hide-cursor .js-toggle-cursor {
    cursor: url("/local/templates/new_template_newbor/css/../img/header/plane.svg"), auto !important;
}

.hide-cursor .js-toggle-cursor * {
    cursor: url("/local/templates/new_template_newbor/css/../img/header/plane.svg"), auto !important;
}

.container-infrastructure.container-main {
    margin-top: 24px;
}

.map-controls-swiper {
    width: 100%;
    overflow-x: clip;
}

@media screen and (max-width: 1024px) {
    .map-controls-swiper {
        padding: 0 20px;
    }
}

@media (max-width: 1000px) {
    .map-controls-swiper {
        display: none !important;
    }
}

.map-controls-swiper .map-controls {
    flex-direction: row;
    flex-wrap: nowrap;
}

@media (min-width: 1001px) {
    .multiselect.tab-map {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .multiselect.tab-map {
        display: block;
        padding-left: 16px;
        padding-right: 16px;
    }

    .multiselect.tab-map .multiselect__dropdown {
        width: max-content;
    }
}

@media (max-width: 500px) {
    .multiselect.tab-map {
        width: 100%;
    }

    .multiselect.tab-map .multiselect__dropdown {
        width: calc(100% - 16px);
        right: 0;
        left: 0;
    }
}

@media (max-width: 450px) {
    .multiselect.tab-map {
        margin-bottom: 0;
    }
}

.social-life {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 30px;
}

@media screen and (max-width: 600px) {
    .social-life {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .social-life.container-main {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .social-life .main-page__title {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .social-life .main-page__title {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.social-life__block {
    width: calc((100% - 90px) / 4);
    display: flex;
    align-items: center;
    gap: 16px;
}

.social-life__block_icon {
    width: 65px;
    height: 65px;
}

.social-life__block_icon svg,
.social-life__block_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    fill: transparent;
    stroke: #89AA28;
}

.social-life__block_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.social-life__block_num {
    color: #8b8b8b;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.social-life__block_text {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.hidden-cards {
    display: none;
}

.social-objects {
    position: relative;
    height: 700px;
}

@media (max-width: 1000px) {
    .social-objects {
        height: auto;
        flex-direction: column-reverse;
    }
}

.social-objects.active {
    display: block;
}

.social-objects:not(.active) .btn-more {
    display: none !important;
}

.social-object {
    height: min(381px, 27vw);
    padding: min(16px, 0.85vw);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .social-object {
        padding: 20px 16px;
        height: 30vw;
        gap: 10px;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
    .social-object {
        position: relative;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .social-object {
        height: 40vw;
    }
}

@media screen and (max-width: 600px) {
    .social-object {
        height: 216px;
        padding: 8px;
        gap: 8px;
    }
}

.social-object:hover .social-objects__content {
    top: 0;
}

.social-object:nth-child(even)::after {
    content: none;
}

.social-object:nth-child(even)::before {
    top: 16px;
}

@media screen and (max-width: 600px) {
    .social-object:nth-child(even)::before {
        top: 8px;
    }
}

.social-object::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #c3c3c3;
    position: absolute;
    bottom: 0;
}

.social-object::before {
    content: "";
    width: 1px;
    height: calc(100% - 16px);
    background: #c3c3c3;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 600px) {
    .social-object::before {
        height: calc(100% - 8px);
    }
}

.social-objects__bg {
    position: relative;
    height: min(270px, 20vw);
    padding: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1280px) {
    .social-objects__bg {
        padding: 0;
        height: 21vw;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__bg {
        position: static;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg {
        height: auto;
        flex-grow: unset;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg .social-objects__content {
        display: none;
    }
}

.social-objects__bg_logo {
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1280px) {
    .social-objects__bg_logo {
        padding: 10px 28px;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__bg_logo {
        height: 100%;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg_logo {
        padding: 0;
    }
}

.social-objects__bg_logo img,
.social-objects__bg_logo svg {
    width: 100%;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 1280px) {
    .social-objects__bg_logo img,
    .social-objects__bg_logo svg {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__bg_logo img,
    .social-objects__bg_logo svg {
        width: auto;
        height: 100%;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg_logo img,
    .social-objects__bg_logo svg {
        width: 100%;
        padding: 8px;
        aspect-ratio: 1/1;
    }
}

.social-objects__content {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    max-height: 290px;
    transition: 0.5s;
}

@media screen and (max-width: 1024px) {
    .social-objects__content {
        padding: 0 10px;
        width: calc(100% - 1px);
    }
}

.social-objects__content::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}

.social-objects__content::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.social-objects__content::-webkit-scrollbar-corner {
    background: transparent;
}

.moz .social-objects__content {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.social-objects__content_bottom {
    color: #1d1d1f;
    font-size: min(16px, 1.15vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .social-objects__content_bottom {
        font-size: 14px;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__content_bottom {
        font-size: 13px;
    }
}

.social-objects__content_bonus {
    color: #89AA28;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1;
}

.social-objects__content_bonus span,
.social-objects__content_bonus a {
    text-decoration: underline;
}

.bonus-additional {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 20px;
    border-radius: 16px;
    overflow: hidden;
    flex: none;
}

.bonus-additional::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(287.74deg, rgba(137, 170, 40, 0) -15.28%, #89AA28 44.93%);
    z-index: 0;
}

.bonus-additional .bonus-pop-up__btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 450px) {
    .bonus-additional .bonus-pop-up__btns {
        flex-wrap: wrap;
    }
}

.bonus-additional .bonus-pop-up__btns img {
    height: auto;
    width: 128px;
}

@media (max-width: 1000px) {
    .bonus-additional .bonus-pop-up__btns img {
        height: 38px;
        width: auto;
    }
}

@media (max-width: 1000px) {
    .bonus-additional .bonus-pop-up__btns {
        flex-direction: row;
    }
}

.bonus-additional.hidden {
    border-radius: 0 0 16px 16px;
}

.bonus-additional.hidden .bonus-additional__wrap {
    display: none;
}

.bonus-additional.hidden .bonus-additional__title.hidden-title {
    display: block;
    position: relative;
    z-index: 1;
}

.bonus-additional__wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bonus-additional__el {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
    position: relative;
    z-index: 1;
}

@media (max-width: 600px) {
    .bonus-additional__el {
        flex-direction: column;
        align-items: flex-start;
    }
}

.bonus-additional__el:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.bonus-additional__text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1;
}

.bonus-additional__title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.2;
}

.bonus-additional__title.hidden-title {
    display: none;
    margin: 0;
}

.main-page.bonus .bonus-popup-link {
    display: none;
}

.baloon-inner .social-objects__content_bonus {
    margin-top: 16px;
}

@media screen and (max-width: 600px) {
    .baloon-inner .social-objects__content_bonus {
        flex-wrap: wrap;
    }
}

.bonus-pop-up {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}

.bonus-pop-up.show {
    opacity: 1;
}

.bonus-pop-up__inner {
    max-width: min(444px, 100% - 10px);
    border-radius: 20px;
    background: var(--Background-Light, #f5f5f7);
    padding: 40px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__inner {
        padding: 40px 20px;
    }
}

.bonus-pop-up__inner p {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__inner p {
        font-size: 14px;
    }
}

.bonus-pop-up__inner .bonus-pop-up__title {
    color: #89aa28;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 16px;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__inner .bonus-pop-up__title {
        font-size: 24px;
    }
}

.bonus-pop-up__btns {
    margin-top: 32px;
    gap: 10px 24px;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__btns {
        gap: 10px;
    }
}

.bonus-pop-up__btn img {
    display: block;
    height: 50px;
    width: auto;
}

@media screen and (max-width: 450px) {
    .bonus-pop-up__btn img {
        height: 42px;
    }
}

.bonus-pop-up__close {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 30px;
    height: 30px;
}

.bonus-pop-up__close:hover path,
.bonus-pop-up__close:hover svg {
    fill: #89AA28;
}

.bonus-pop-up__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.social-objects__content_top {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 70px;
    color: #1d1d1f;
    font-size: min(18px, 1.3vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 0;
    flex-grow: 1;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media screen and (max-width: 1280px) {
    .social-objects__content_top {
        font-size: 15px;
        gap: 6px;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__content_top {
        font-size: 15px;
        gap: 5px;
        padding-right: 30px;
    }
}

.social-objects__content_top a {
    color: #1d1d1f;
    transition: 0.3s;
}

.social-objects__content_top a:hover {
    color: #89AA28;
}

.social-objects__content_contact {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px min(16px, 0.9vw);
    max-width: 65px;
    width: max-content;
}

@media screen and (max-width: 1024px) {
    .social-objects__content_contact {
        flex-direction: column;
        gap: 5px;
    }
}

.social-objects__content_contact a:hover svg {
    fill: #718C21;
}

.social-objects__content_contact svg,
.social-objects__content_contact img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    fill: #89AA28;
    transition: 0.3s;
}

.social-objects__bg_name {
    color: #1d1d1f;
    text-align: center;
    font-size: min(20px, 1.05vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    padding: 0 min(16px, 0.7vw);
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .social-objects__bg_name {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg_name {
        padding: 0;
        color: #1d1d1f;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.infrast-tabs {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid #C3C3C3;
}

@media screen and (max-width: 1024px) {
    .infrast-tabs {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .infrast-tabs {
        padding-left: 16px;
        padding-right: 16px;
        gap: 12px;
    }
}

.infrast-tab {
    padding: 12px 22px;
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    flex: none;
    display: block;
    position: relative;
}

.infrast-tab::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #89AA28;
    transition: all 0.3s;
}

@media screen and (max-width: 600px) {
    .infrast-tab {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding: 8px 12px;
    }
}

.infrast-tab:hover {
    color: #1D1D1F;
}

.infrast-tab.active {
    color: #1D1D1F;
}

@media (max-width: 1000px) {
    .infrast-tab.active {
        color: #89AA28;
    }
}

.infrast-tab.active::before {
    width: 100%;
}

.map {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 1000px) {
    .map {
        overflow: hidden;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        position: absolute;
        height: 400px;
    }
}

.map.active {
    position: relative;
    z-index: 1;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

@media (max-width: 600px) {
    .map .ymaps-2-1-79-balloon_layout_panel {
        border-radius: 0 0 22px 22px;
    }
}

.map-container {
    width: 100%;
    height: 100%;
    display: block;
}

[class*=ymaps-2][class*=-ground-pane] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

[class*=-balloon][class*=-balloon_layout_normal] {
    background: transparent;
    box-shadow: unset;
    border: unset;
}

ymaps [class*=-balloon__layout] {
    background: #fff;
    border-radius: 12px;
}

ymaps [class*=-balloon__content] {
    padding: 20px;
}

ymaps [class*=-balloon__close] + [class*=-balloon__content] {
    margin-right: 0;
    padding-right: 20px;
}

ymaps [class*=-balloon__close-button] {
    width: 16px;
    height: 16px;
    top: 8px;
    right: 8px;
}

ymaps [class*=-balloon__close] {
    top: 8px;
    right: 8px;
    background-size: 75%;
    background-position: center;
}

.baloon-inner {
    display: flex;
    flex-direction: column;
    font-family: "OpenSans";
    width: 100%;
}

.baloon-title {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.baloon-geo {
    margin-top: 8px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 16px;
}

.baloon__rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.baloon__row {
    padding-top: 5px;
    border-top: 1px solid #c3c3c3;
    display: flex;
    justify-content: space-between;
}

.baloon-row-name {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.baloon-row-props {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .moz .map-controls {
        scrollbar-width: thin;
        scrollbar-color: white white;
    }
}

.map-controls {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.map-controls.hide {
    display: none;
}

.map-controls svg,
.map-controls img {
    width: 20px;
    height: 20px;
    flex: none;
    stroke-width: 2;
    object-fit: contain;
    object-position: center;
    fill: transparent;
    cursor: pointer;
}

.map-control {
    display: flex;
    height: auto;
    gap: 8px;
    align-items: center;
    padding: 10px 16px;
    transition: 0.3s;
    width: max-content;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .map-control:hover {
        border-color: #89AA28;
    }
}

@media (min-width: 1000px) {
    .map-control.active {
        background: #89AA28;
        border-color: white;
    }
}

.map-control.active span {
    color: white;
    border-color: white;
}

.map-control.active svg {
    stroke: white !important;
}

.map-control.active .map-control__amount {
    color: white;
}

.map-control.hide {
    display: none;
}

@media screen and (max-width: 600px) {
    .map-control[data-type=shop].active svg {
        stroke: white;
    }

    .map-control[data-type=shop] svg {
        stroke: #f0ad00;
    }

    .map-control[data-type=cafe] svg {
        stroke: #8d4400;
    }

    .map-control[data-type=cafe].active svg {
        stroke: white;
    }

    .map-control[data-type=sport] svg {
        stroke: #ee4242;
    }

    .map-control[data-type=sport].active svg {
        stroke: white;
    }

    .map-control[data-type=beauty] svg {
        stroke: #f43fd7;
    }

    .map-control[data-type=beauty].active svg {
        stroke: white;
    }

    .map-control[data-type=education] svg {
        stroke: #375fc8;
    }

    .map-control[data-type=education].active svg {
        stroke: white;
    }

    .map-control[data-type=children] svg {
        stroke: #ebe048;
    }

    .map-control[data-type=children].active svg {
        stroke: white;
    }

    .map-control[data-type=medicine] svg {
        stroke: #1d9521;
    }

    .map-control[data-type=medicine].active svg {
        stroke: white;
    }

    .map-control[data-type=other] svg {
        stroke: #a252c8;
    }

    .map-control[data-type=other].active svg {
        stroke: white;
    }
}

.map-control .map-control__text {
    display: flex;
    align-items: center;
    width: max-content;
}

@media screen and (max-width: 600px) {
    .map-control .map-control__text {
        width: max-content;
        color: #1d1d1f;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        white-space: nowrap;
    }
}

.map-control .map-control__amount {
    width: max-content;
    color: #8b8b8b;
}

@media screen and (max-width: 600px) {
    .map-control .map-control__amount {
        display: none;
    }
}

.map-control span {
    color: #1d1d1f;
    text-align: center;
    font-size: min(16px, 1vw);
    font-style: normal;
    font-weight: 400;
    transition: 0.3s;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .map-control span {
        font-size: 13px;
    }
}

.infrastructure__tabs-view {
    position: relative;
}

.infrastructure__tabs {
    margin-bottom: 24px;
    display: none;
}

@media (max-width: 1000px) {
    .infrastructure__tabs {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 0;
    }
}

.infrastructure__tabs input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.infrastructure__tabs .infrastructure__tab {
    display: flex;
    align-items: center;
    padding: 12px 22px;
    background-color: #F5F5F7;
    color: #707070;
    transition: 0.3s;
    border-radius: 1000px;
}

.infrastructure__tabs span {
    transition: 0.3s;
    cursor: pointer;
}

.infrastructure__tabs svg,
.infrastructure__tabs img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    object-position: center;
    display: block;
    stroke: #1d1d1f;
    fill: none;
    transition: 0.3s;
}

.infrastructure__tabs input:checked ~ .infrastructure__tab .infrastructure__tab_text {
    color: #fff;
}

.infrastructure__tabs input:checked ~ .infrastructure__tab {
    background-color: #89AA28;
}

.infrastructure__tab_text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.map-fullsize {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 50px;
    cursor: pointer;
}

.map-fullsize img {
    width: 100%;
    display: block;
}

.fullScreen .map-fullsize {
    position: fixed;
    z-index: 100000;
}

.fullScreen .map-controls {
    position: fixed;
    z-index: 100000;
}

.fullScreen .map-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 1000;
}

.bottom-social-fix {
    display: none;
}

@media screen and (max-width: 600px) {
    .bottom-social-fix {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        z-index: 1115;
        top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: -1;
        transition: 0.3s;
    }
}

.bottom-social-fix.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 1115;
}

.bottom-social-fix .social-objects__content {
    border-radius: 20px 20px 0px 0px;
    background: #fff;
    padding: 24px 16px 26px;
    height: auto;
    gap: 0;
    max-height: unset;
}

.bottom-social-fix .social-objects__content.active {
    transform: translateY(calc(-100% + 2px));
    width: 100%;
}

.bottom-social-fix .bottom-social-fix__close {
    position: absolute;
    right: 12px;
    top: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2987 5.70973C17.9087 5.31973 17.2787 5.31973 16.8887 5.70973L11.9988 10.5897L7.10875 5.69973C6.71875 5.30973 6.08875 5.30973 5.69875 5.69973C5.30875 6.08973 5.30875 6.71973 5.69875 7.10973L10.5888 11.9997L5.69875 16.8897C5.30875 17.2797 5.30875 17.9097 5.69875 18.2997C6.08875 18.6897 6.71875 18.6897 7.10875 18.2997L11.9988 13.4097L16.8887 18.2997C17.2787 18.6897 17.9087 18.6897 18.2987 18.2997C18.6887 17.9097 18.6887 17.2797 18.2987 16.8897L13.4087 11.9997L18.2987 7.10973C18.6787 6.72973 18.6787 6.08973 18.2987 5.70973Z' fill='%23707070'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.bottom-social-fix .social-objects__content_top {
    padding: 0;
}

.bottom-social-fix .bottom-social-fix__name {
    color: #1d1d1f;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
}

.bottom-social-fix .bottom-social-fix__text {
    color: #1d1d1f;
    font-family: "OpenSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-social-fix .social-objects__content_top {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bottom-social-fix .social-objects__content_top p,
.bottom-social-fix .social-objects__content_top a {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.bottom-social-fix .social-objects__content_contact {
    position: static;
    margin-top: 16px;
    flex-direction: row;
    gap: 24px;
    max-width: unset;
}

.bottom-social-fix .social-objects__content_contact img,
.bottom-social-fix .social-objects__content_contact svg {
    width: 32px;
    height: 32px;
}

.social-life {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.infrastructure-select {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    width: 100%;
}

@media (max-width: 1000px) {
    .infrastructure-select {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.infrastructure-select .multiselect__dropdown {
    width: max-content;
}

.infrastructure-select__logo {
    width: auto;
    height: 30px;
    object-fit: contain;
    display: block;
    margin-left: auto;
}

@media (max-width: 600px) {
    .infrastructure-select__logo {
        width: 100%;
        margin-left: 0;
        margin-top: 16px;
        object-position: left;
    }
}

.social-objects {
    display: flex;
    gap: 16px;
}

.social-objects.active .social-objects-wrap,
.social-objects .bonus-additional {
    display: flex;
}

@media (max-width: 1000px) {
    .social-objects .social-objects-wrap,
    .social-objects .bonus-additional {
        display: none;
    }
}

.social-bar {
    width: 100%;
    flex: none;
    max-width: 494px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.social-bar.show-border::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 16px;
    height: 1px;
    background-color: #EDEDED;
    z-index: 1;
}

.social-objects-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    padding-right: 10px;
}

.social-objects-wrap::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.social-objects-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(137, 170, 40, 0.5019607843);
    border-radius: 4px;
}

@media (max-width: 1000px) {
    .social-objects-wrap {
        padding-right: 0;
    }
}

.social-card,
.azs-card {
    background-color: #fff;
    padding: 20px 16px;
    border: 1px solid #C3C3C3;
    border-radius: 16px;
    position: relative;
}

.social-card.active,
.azs-card.active {
    border-color: #94B533;
}

.social-card:last-child,
.azs-card:last-child {
    position: relative;
    z-index: 3;
    box-shadow: 0px 20px 0px 5px #fff;
}

@media (max-width: 600px) {
    .social-card,
    .azs-card {
        padding: 16px;
    }
}

.social-card__head {
    display: flex;
    align-items: center;
    position: relative;
    gap: 16px;
}

@media (max-width: 1000px) {
    .social-card__head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.social-card__logo {
    width: 95px;
    height: 75px;
    flex: none;
}

.social-card__logo img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.social-card__info {
    display: flex;
    flex-direction: column;
    padding-right: 68px;
}

.social-card__info span,
.social-card__info button,
.social-card__info a {
    text-decoration: underline;
    color: #89AA28;
}

@media (max-width: 1000px) {
    .social-card__info {
        padding-right: 0;
    }
}

.social-card__info-party {
    color: #89AA28;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1;
}

.social-card__info-name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.3;
}

.social-card__info-address {
    line-height: 1;
}

.social-card__btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #C3C3C3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-card__btn svg {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #1D1D1F;
    transition: all 0.3s;
}

.social-card__btn.active {
    background-color: #89AA28;
}

.social-card__btn.active svg {
    transform: rotateX(180deg);
    stroke: #fff;
}

.social-card__panel {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s;
    padding-left: 95px;
}

@media (max-width: 1000px) {
    .social-card__panel {
        padding-left: 0;
    }
}

.social-card__content {
    padding-left: 16px;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 1000px) {
    .social-card__content {
        padding-left: 0;
    }
}

.social-card__phones {
    display: flex;
    gap: 24px;
    row-gap: 16px;
}

.social-card__phones a {
    color: #1D1D1F;
}

.social-card__phones a:hover {
    color: #89AA28;
    transition: all 0.1s;
}

.social-card__dates {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.social-card__dates-el {
    color: #1D1D1F;
    line-height: 1;
}

.social-card__text {
    line-height: 100%;
    letter-spacing: 0%;
    padding-right: 50px;
}

.azs-card {
    margin-top: 10px;
}

.hidden-azs {
    display: none !important;
}

.azs-card__name {
    line-height: 1;
    margin-bottom: 12px;
}

.azs-card__info {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    line-height: 1;
    font-size: 16px;
}

.azs-card__info-el {
    color: #707070;
}

.azs-card__address {
    margin-bottom: 10px;
}

.azs-card__row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #707070;
}

.azs-card-row-name {
    color: #707070;
}

.azs-card-row-props {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azs-card-row-props_el {
    color: #1d1d1f;
}

a.azs-card-row-props_el:hover {
    color: #89AA28;
}

a.baloon-row-props_tel {
    color: #1D1D1F;
}

.btn-more {
    display: none;
}

@media (max-width: 1000px) {
    .btn-more {
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        margin: 8px auto 0;
        gap: 9px;
        padding: 13px 22px;
        font-size: 18px;
        line-height: 1;
        border: 1px solid #C3C3C3;
        border-radius: 100px;
    }

    .btn-more svg {
        stroke: #8B8B8B;
        fill: transparent;
        width: 21px;
        height: 9px;
        stroke-width: 1px;
    }
}

@media (max-width: 600px) {
    ymaps [class*=-map-copyrights-promo],
    ymaps [class*=-copyright__wrap] {
        display: none !important;
    }

    ymaps [class*=-balloon__content] > ymaps {
        height: auto !important;
    }
}

.multiselect__option.hide {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .mobile-hidden {
        display: none !important;
    }
}

@media (min-width: 601px) {
    .mobile-show {
        display: none !important;
    }
}

.container-main ~ .house-intro {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .container-main ~ .house-intro {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .container-main.mt16 ~ .house-intro {
        margin-top: 24px;
    }
}

.house-intro {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
    margin-top: 92px;
    border-radius: 20px;
}

@media screen and (max-width: 1280px) {
    .house-intro {
        margin-top: 50px;
    }
}

@media screen and (max-width: 600px) {
    .house-intro {
        margin-top: 44px;
    }
}

@media screen and (max-width: 450px) {
    .house-intro {
        margin-top: 0;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.active .house-intro__img_hint {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: -1;
    }
}

.house-intro.dark .house-intro__info {
    background: rgba(157, 157, 157, 0.4);
    backdrop-filter: blur(6px);
}

@media screen and (max-width: 768px) {
    .house-intro.dark .house-intro__info {
        background: transparent;
        backdrop-filter: unset;
    }
}

.house-intro.dark .breadcrumbs__link {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}

@media screen and (max-width: 768px) {
    .house-intro.dark .breadcrumbs__link {
        color: #707070;
    }
}

.house-intro.dark .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
}

@media screen and (max-width: 768px) {
    .house-intro.dark .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link {
        color: #8b8b8b;
    }
}

.house-intro.dark .house-intro__title {
    color: var(--text-icon-light-primary, #fff);
}

@media screen and (max-width: 768px) {
    .house-intro.dark .house-intro__title {
        color: #1d1d1f;
    }
}

.house-intro.dark .house-intro__info_elem::before {
    background: var(--Background-Light, #f5f5f7);
    backdrop-filter: blur(20px);
}

.house-intro.dark .house-intro__info_elem-name {
    color: var(--text-icon-dark-secondary, #707070);
}

.house-intro.dark .house-intro__info_elem-descr {
    color: var(--text-icon-dark-primary, #1d1d1f);
}

.house-intro.dark .house-intro__info_hint {
    color: var(--text-icon-light-primary, #fff);
}

.house-intro.dark .house-intro__info_hint-arr {
    fill: #c3c3c3;
}

.house-intro__prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3764705882);
    backdrop-filter: blur(4px);
    display: flex;
}

.house-intro__prev-inner {
    position: relative;
    z-index: 1;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 465px;
}

.house-intro__prev-top {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 80px;
}

.house-intro__prev-cursor {
    width: 50px;
    height: 50px;
    animation: moveCursor 6s ease-in-out infinite;
}

@keyframes moveCursor {
    0%, 25% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(80px);
    }
    50%, 75% {
        transform: translateX(80px);
    }
    100% {
        transform: translateX(0);
    }
}

.house-intro__prev-anim {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 80px;
}

.house-intro__prev-anim div {
    width: 80px;
    height: 20px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5568627451);
    opacity: 0;
    animation: showBlocks 6s ease-in-out infinite;
}

.house-intro__prev-anim div:nth-child(1) {
    animation-delay: 1s;
}

.house-intro__prev-anim div:nth-child(2) {
    animation-delay: 1.2s;
}

.house-intro__prev-anim div:nth-child(3) {
    width: 60px;
    animation-delay: 1.4s;
}

@keyframes showBlocks {
    0%, 25% {
        opacity: 0;
    }
    /* Скрыты, пока курсор едет вправо */
    35%, 65% {
        opacity: 1;
    }
    /* Появляются и горят */
    75%, 100% {
        opacity: 0;
    }
    /* Исчезают перед возвратом курсора */
}

.house-intro__prev-text {
    color: #fff;
    margin-bottom: 32px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .moz .house-intro__img {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro__img {
        overflow-x: scroll;
        width: 100%;
        position: relative;
    }

    .house-intro__img::-webkit-scrollbar {
        height: 0;
        width: 0;
        background: transparent;
    }

    .house-intro__img::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .house-intro__img::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.svg-img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .svg-img {
        width: 1024px;
        position: relative;
    }
}

@media screen and (max-width: 450px) {
    .svg-img {
        width: max-content;
        height: max-content;
    }
}

.svg-img picture {
    width: 100%;
}

.svg-img svg {
    width: 100%;
}

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

@media screen and (max-width: 450px) {
    .svg-img img {
        height: 680px;
        width: auto;
    }

    .svg-img .svg-wrapper__inner img{
        height: auto;
    }

    .svg-img  .svg-nav-img img{
        height: auto;
    }
}

.svg-wrapper__inner_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.detail-info-wrap {
    position: absolute;
}

.detail-info__close {
    display: none;
}

@media screen and (max-width: 1024px) {
    .detail-info__close {
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2987 5.70973C17.9087 5.31973 17.2787 5.31973 16.8887 5.70973L11.9988 10.5897L7.10875 5.69973C6.71875 5.30973 6.08875 5.30973 5.69875 5.69973C5.30875 6.08973 5.30875 6.71973 5.69875 7.10973L10.5888 11.9997L5.69875 16.8897C5.30875 17.2797 5.30875 17.9097 5.69875 18.2997C6.08875 18.6897 6.71875 18.6897 7.10875 18.2997L11.9988 13.4097L16.8887 18.2997C17.2787 18.6897 17.9087 18.6897 18.2987 18.2997C18.6887 17.9097 18.6887 17.2797 18.2987 16.8897L13.4087 11.9997L18.2987 7.10973C18.6787 6.72973 18.6787 6.08973 18.2987 5.70973Z' fill='%23343C4B'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        right: 20px;
        top: 20px;
    }
}

@media screen and (max-width: 768px) {
    .detail-info__close {
        right: 15px;
        top: 15px;
    }
}

.floor-block {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.floor-block path {
    transition: 0.3s;
}

.floor-block.saled path {
    fill: transparent !important;
    stroke: transparent !important;
    stroke-width: 2px;
}

.floor-block.saled:hover path {
    fill: rgba(209, 60, 60, 0.4) !important;
    stroke: rgba(226, 48, 48, 0.5) !important;
}

.floor-block.free path {
    fill: transparent !important;
    stroke: transparent !important;
    stroke-width: 2px;
}

.floor-block.free:hover path {
    fill: rgba(172, 231, 0, 0.4) !important;
    stroke: #ace700 !important;
}

@media screen and (max-width: 600px) {
    .scrolled .detail-info.show {
        transform: translateY(105%);
    }
}

.detail-info {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    width: 0;
    max-width: 355px;
    height: 0;
    transition: opacity 0.3s;
    border-radius: 20px;
    background: #f5f5f7;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .detail-info {
        max-width: 300px;
        padding: 15px;
    }
}

@media screen and (max-width: 600px) {
    .detail-info {
        top: unset !important;
        left: 0 !important;
        bottom: 0 !important;
        position: fixed;
        max-width: unset;
        height: auto;
        padding: 24px 16px 32px;
        transform: translateY(105%);
        border-radius: 20px 20px 0 0;
        background: white;
        max-width: unset;
        transition: transform 0.3s;
    }
}

.detail-info.show {
    opacity: 1;
    z-index: 20;
    pointer-events: all;
    visibility: visible;
    width: auto;
    height: auto;
}

@media screen and (max-width: 600px) {
    .detail-info.show {
        z-index: 1130;
        width: 100%;
        transform: translateY(0);
    }
}

.detail-info.free .detail-info-descr__saled {
    display: none;
}

.detail-info.saled .detail-info-descr__free {
    display: none;
}

.detail-info.saled .detail-info-descr__free_link {
    margin-top: 16px;
}

@media screen and (max-width: 450px) {
    .detail-info.saled .detail-info-descr__free_link {
        margin-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .show-info::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        z-index: 1115;
        top: 0;
    }
}

.detail-info-zag {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .detail-info-zag {
        padding-right: 25px;
    }
}

@media screen and (max-width: 768px) {
    .detail-info-zag {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .detail-info-zag {
        font-size: 24px;
        line-height: 120%;
    }
}

.detail-info-descr__free_info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px 24px;
}

@media screen and (max-width: 768px) {
    .detail-info-descr__free_info {
        gap: 5px 15px;
    }
}

.detail-info-descr__free_info-el {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.detail-info-descr__free_info-el svg,
.detail-info-descr__free_info-el img {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #89AA28;
    display: block;
    object-fit: contain;
    stroke-width: 1.5px;
}

.detail-info-descr__free {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

@media screen and (max-width: 600px) {
    .detail-info-descr__free {
        margin-top: 20px;
        gap: 32px 24px;
    }
}

.detail-info-descr__free_link {
    color: #89aa28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
    transition: 0.3s;
    display: none;
}

@media screen and (max-width: 1024px) {
    .detail-info-descr__free_link {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .detail-info-descr__free_link {
        width: 100%;
        background: #89AA28;
        color: white;
        border-radius: 48px;
        text-decoration: none;
        padding: 12px 24px;
        text-align: center;
    }
}

.detail-info-descr__free_link:hover {
    color: #718C21;
}

.detail-info-descr__saled {
    margin-top: 12px;
    color: #e3473d;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .detail-info-descr__saled {
        margin-top: 20px;
    }
}

.infr-house .infrastructure__block_text {
    font-size: 18px;
    margin-top: 0;
    line-height: normal;
    max-width: min(770px, 100% - min(530px, 27.6vw) - 30px);
}

@media screen and (max-width: 1280px) {
    .infr-house .infrastructure__block_text {
        font-size: 16px;
        max-width: calc(60% - 30px);
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_text {
        max-width: 100%;
        flex-grow: 1;
    }
}

.infr-house .infrastructure__block_content {
    max-width: 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_content {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

.infr-house .infrastructure__block_title {
    width: 100%;
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_title {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 450px) {
    .infr-house .infrastructure__block_title {
        margin-bottom: 8px;
    }
}

.infr-house .infrastructure__block_inner {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: min(403px, 21vw);
}

@media screen and (max-width: 1280px) {
    .infr-house .infrastructure__block_inner {
        min-height: 25vw;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_inner {
        flex-grow: 1;
        height: 100%;
        min-height: unset;
    }
}

.infr-house .infrastructure__block_img {
    width: min(530px, 27.6vw);
    min-width: min(530px, 27.6vw);
    min-height: min(403px, 21vw);
    height: 100%;
    max-height: min(480px, 25vw);
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 1280px) {
    .infr-house .infrastructure__block_img {
        width: 40%;
        min-height: 25vw;
        max-height: 35vw;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_img {
        width: 100%;
        position: relative;
        top: unset;
        right: unset;
        height: auto;
        min-height: unset;
        max-height: unset;
        display: flex;
        margin-top: 24px;
        border-radius: 21px;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_img img {
        width: 100%;
        height: auto;
        max-height: 90vw;
        min-height: 50vw;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .btn-white.infrastructure__btn {
        position: absolute;
        width: 48px;
        min-width: 48px;
        height: 48px;
        bottom: 20px;
        right: 12px;
        border-radius: 100%;
        border-radius: 60px;
        background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        font-size: 0;
        padding: 0;
        gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .btn-white.infrastructure__btn svg {
        width: min(32px, 50%);
        height: min(32px, 50%);
        fill: #707070;
    }
}

.house-intro__info {
    position: absolute;
    left: max((100% - 1920px) / 2, 205px);
    z-index: 15;
    top: 24px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
    padding: min(32px, 1.8vw);
    max-width: 510px;
}

@media (max-width: 1440px) {
    .house-intro__info {
        left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        padding: 20px;
        background: unset;
        border-radius: 0;
        backdrop-filter: unset;
    }
}

@media screen and (max-width: 600px) {
    .house-intro__info {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 0;
        padding-bottom: 24px;
    }
}

.house-intro__info.right {
    left: unset;
    right: max((100% - 1920px) / 2, 205px);
}

@media (max-width: 1440px) {
    .house-intro__info.right {
        right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info.right {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
    }
}

.house-intro__info.right .house-intro__info_hint-arr {
    margin-left: unset;
    margin-right: 60px;
    transform: scale(-1, 1);
}

@media (min-width: 1024px) {
    .house-intro__info.vertical {
        max-width: 250px;
    }

    .house-intro__info.vertical .house-intro__title {
        font-size: min(32px, 1.7vw);
        font-weight: 600;
    }

    .house-intro__info.vertical .house-intro__info_elems {
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .house-intro__info .breadcrumbs {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info_bottom {
        position: absolute;
        top: calc(100% + 16px);
        left: 16px;
    }
}

.house-intro__title {
    margin-top: min(16px, 0.9vw);
    color: #1d1d1f;
    font-size: min(48px, 2.8vw);
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

@media screen and (max-width: 768px) {
    .house-intro__title {
        font-size: 34px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 600px) {
    .house-intro__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 450px) {
    .house-intro__title {
        font-size: 26px;
        line-height: 130%;
    }
}

.house-intro__info_elems {
    margin-top: min(32px, 1.8vw);
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .house-intro__info_elems {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .house-intro__info_elems {
        gap: 4px;
    }
}

.house-intro__info_elem {
    border-radius: 12px;
    padding: min(12px, 0.65vw) min(16px, 0.85vw);
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .house-intro__info_elem {
        padding: 6px 12px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info_elem {
        display: flex;
        gap: 5px;
        border-radius: 1000px;
    }
}

@media screen and (max-width: 450px) {
    .house-intro__info_elem.mob-hide {
        display: none;
    }
}

.house-intro__info_elem.mob-green {
    display: none;
}

@media screen and (max-width: 450px) {
    .house-intro__info_elem.mob-green {
        display: block;
    }
}

.house-intro__info_elem::before {
    content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    z-index: -1;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(20px);
    left: -5%;
    top: -5%;
}

.house-intro__info_elem-name {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 768px) {
    .house-intro__info_elem-name {
        color: var(--text-icon-light-primary, #fff);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0;
    }
}

.house-intro__info_elem-descr {
    margin-top: 2px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .house-intro__info_elem-descr {
        color: var(--text-icon-light-primary, #fff);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0;
    }
}

.house-page__parameters {
    display: flex;
    flex-wrap: wrap;
    gap: min(30px, 1.57vw);
}

@media screen and (max-width: 1024px) {
    .house-page__parameters {
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameters {
        gap: 10px;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameters {
        gap: 0;
    }
}

.five-cards .house-page__parameter {
    width: calc((100% - 6.28vw) / 5);
    min-width: 230px;
    flex-grow: 1;
}

@media screen and (max-width: 1024px) {
    .five-cards .house-page__parameter {
        width: calc((100% - 32px) / 3);
        flex-grow: unset;
    }
}

@media screen and (max-width: 768px) {
    .five-cards .house-page__parameter {
        width: calc(50% - 5px);
        padding: 15px 20px;
    }
}

@media screen and (max-width: 600px) {
    .five-cards .house-page__parameter {
        width: calc(50% - 5px);
        padding: 10px;
        min-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .five-cards .house-page__parameter {
        width: 100%;
        padding: 0 0 15px;
    }
}

.five-cards .house-page__parameter:nth-last-child(1) {
    flex-grow: unset;
}

.five-cards .house-page__parameter_text {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .five-cards .house-page__parameter_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .five-cards .house-page__parameter_text {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .five-cards .house-page__parameter_text {
        font-size: 18px;
    }
}

.house-page__parameter {
    border-radius: 20px;
    background: #f5f5f7;
    padding: min(24px, 1.25vw);
    display: flex;
    align-items: center;
    gap: 12px;
    width: calc((100% - min(90px, 4.71vw)) / 4);
}

@media screen and (max-width: 1024px) {
    .house-page__parameter {
        width: calc((100% - 32px) / 3);
        padding: 12px 10px;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameter {
        width: calc(50% - 5px);
        padding: 15px 20px;
    }
}

@media screen and (max-width: 600px) {
    .house-page__parameter {
        width: calc(50% - 5px);
        padding: 10px;
        min-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter {
        width: 100%;
        background: unset;
        padding: 0 0 15px;
        margin-top: 16px;
        border-radius: 0;
        position: relative;
        border-bottom: 1px solid #c3c3c3;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter:nth-child(1) {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter:nth-last-child(1) {
        padding-bottom: 0;
        border-bottom: unset;
    }
}

.house-page__parameter_icon {
    width: min(50px, 2.6vw);
    min-width: min(50px, 2.6vw);
    height: min(50px, 2.6vw);
}

@media screen and (max-width: 1024px) {
    .house-page__parameter_icon {
        width: 45px;
        min-width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameter_icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .house-page__parameter_icon {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter_icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }
}

.house-page__parameter_icon svg,
.house-page__parameter_icon img {
    width: 100%;
    height: 100%;
}

.house-page__parameter_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media screen and (max-width: 450px) {
    .house-page__parameter_content {
        gap: 6px;
    }
}

.house-page__parameter_title {
    color: #8b8b8b;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .house-page__parameter_title {
        line-height: normal;
        padding-left: 36px;
        font-size: 16px;
        padding-top: 2px;
    }
}

.house-page__parameter_text {
    color: #1d1d1f;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .house-page__parameter_text {
        font-size: 16px;
        font-weight: 700;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameter_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .house-page__parameter_text {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter_text {
        line-height: normal;
        font-weight: 600;
        font-size: 18px;
    }
}

@media (min-width: 601px) {
    .mobile-hidden-conditions.container-main {
        display: block !important;
    }
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions.container-main {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        z-index: 2000;
        background: rgba(0, 0, 0, 0);
        display: none;
        align-items: flex-end;
        transition: 0.3s;
        padding: 0;
    }
}

.mobile-hidden-conditions.container-main.show {
    background: rgba(0, 0, 0, 0.3);
}

.mobile-hidden-conditions.container-main.show .mobile-hidden-conditions__inner {
    transform: translateY(0);
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions.container-main .main-page__title {
        color: #1d1d1f;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions__inner {
        max-height: min(100%, 565px);
        width: 100%;
        border-radius: 20px 20px 0px 0px;
        background: #f7f7f7;
        overflow-y: auto;
        position: relative;
        padding: 24px 16px;
        transform: translateY(100%);
        transition: 0.4s;
        max-height: 80vh;
    }
}

.mobile-hidden-conditions__inner_close {
    display: none;
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions__inner_close {
        position: absolute;
        width: 24px;
        height: 24px;
        right: 8px;
        top: 8px;
        display: block;
    }
}

.cards-info {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 20px;
}

@media screen and (max-width: 1024px) {
    .cards-info {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info {
        margin-top: 16px;
        flex-direction: column;
        align-items: flex-start;
    }
}

.card-info {
    width: calc((100% - 40px) / 3);
    min-height: 110px;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: min(22px, 1.15vw) min(90px, 4.7vw);
}

@media screen and (max-width: 1024px) {
    .card-info {
        width: calc((100% - 10px) / 2);
        padding: 10px 15px;
        min-height: 100px;
    }
}

@media screen and (max-width: 600px) {
    .card-info {
        width: 100%;
        min-height: 80px;
        padding: 0;
        border: unset;
        border-radius: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .card-info .tooltip-icon {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .card-info .tooltip {
        position: static;
    }
}

@media screen and (max-width: 600px) {
    .card-info .tooltip-block {
        position: static;
        color: #1d1d1f;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        box-shadow: unset;
        border-radius: 0;
        padding: 0;
        background: unset;
    }
}

.card-info .tooltip-block svg {
    display: none;
}

@media (min-width: 1025px) {
    .card-info:nth-child(3n) .tooltip-block {
        transform: unset;
        right: -20px;
    }

    .card-info:nth-child(3n) .tooltip-block__svg {
        left: calc(100% - 32px);
    }
}

@media (max-width: 1024px) and (min-width: 601px) {
    .card-info:nth-child(2n) .tooltip-block {
        transform: unset;
        right: -20px;
    }

    .card-info:nth-child(2n) .tooltip-block__svg {
        left: calc(100% - 32px);
    }
}

.tooltip {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .tooltip {
        top: 10px;
        right: 10px;
    }
}

.tooltip:focus .tooltip-block, .tooltip:hover .tooltip-block {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.tooltip-icon {
    width: 24px;
    height: 24px;
}

.tooltip-icon svg,
.tooltip-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    fill: #89AA28;
}

.tooltip-block {
    top: calc(100% + 16px);
    position: absolute;
    max-width: 403px;
    width: max-content;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    right: 12px;
    transform: translateX(50%);
    padding: 16px;
    z-index: 30;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s;
}

@media screen and (max-width: 600px) {
    .tooltip-block {
        transform: unset;
        right: -20px;
        max-width: min(100vw - 20px, 403px);
    }
}

.tooltip-block__svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    filter: drop-shadow(0 -3px 3px rgba(0, 22, 6, 0.1));
}

@media screen and (max-width: 600px) {
    .tooltip-block__svg {
        left: calc(100% - 32px);
    }
}

.cards-info__text {
    color: #1d1d1f;
    text-align: center;
    font-size: min(24px, 1.5vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .cards-info__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .cards-info__text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info__text {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: left;
    }
}

.cards-info__btn {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: #89AA28;
    color: #fff;
    font-size: min(24px, 1.5vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    width: calc((100% - 40px) / 3);
    padding: 23px 40px;
    position: relative;
    transition: background 0.3s;
}

@media screen and (max-width: 1280px) {
    .cards-info__btn {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .cards-info__btn {
        width: calc((100% - 10px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .cards-info__btn {
        padding: 15px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info__btn {
        width: 100%;
        height: auto;
        padding: 12px;
        justify-content: center;
        display: flex;
        align-items: center;
        border-radius: 48px;
        color: var(--100, #fff);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.cards-info__btn:hover {
    background: #718C21;
}

.cards-info__btn:active {
    background: #94B533;
}

.cards-info__btn .cards-info__btn_arr {
    position: absolute;
    width: min(70px, 4.8vw);
    height: min(70px, 4.8vw);
    right: min(40px, 2.08vw);
    bottom: 17px;
    padding: 0;
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 1024px) {
    .cards-info__btn .cards-info__btn_arr {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info__btn .cards-info__btn_arr {
        display: none;
    }
}

.cards-info__btn .cards-info__btn_arr svg {
    width: min(32px, 50%);
    height: min(32px, 50%);
    fill: #707070;
}

.house-intro__img_hint {
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

@media screen and (max-width: 1024px) {
    .house-intro__img_hint {
        display: block;
        padding-bottom: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        transition: 0.3s;
    }
}

.house-intro__img_hint p {
    max-width: 400px;
}

.house-intro__img_hint-imgs {
    margin-top: 94px;
    position: relative;
}

.house-intro__img_hand {
    position: absolute;
    left: -14px;
    top: 5px;
    width: 34px;
    animation: flyHand 2s ease-in-out infinite;
}

@keyframes flyHand {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(28px);
    }
    100% {
        transform: translateX(0);
    }
}

.house-intro__img_arr {
    width: 28px;
}

.house-intro__info_hint {
    position: absolute;
    top: calc(100% + 24px);
    left: 0;
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    pointer-events: none;
    width: max-content;
}

@media screen and (max-width: 1280px) {
    .house-intro__info_hint {
        top: calc(100% + 6px);
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro__info_hint {
        display: none;
    }
}

.house-intro__info_hint-arr {
    fill: rgba(108, 108, 108, 0.6);
    margin-top: 19px;
    width: min(130px, 10vw);
    height: min(100px, 7.7vw);
    margin-left: 60px;
}

.mob-conditions {
    padding: 20px 12px;
    border-radius: 20px;
    background: #89AA28;
    position: relative;
}

@media screen and (max-width: 450px) {
    .mob-conditions {
        padding: 12px;
    }
}

.mob-conditions .main-page__title {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .mob-conditions .main-page__title {
        font-size: 26px;
    }
}

.mob-conditions .mob-conditions__more {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 0;
    margin-top: 32px;
}

@media screen and (max-width: 450px) {
    .mob-conditions .mob-conditions__more {
        font-size: 18px;
    }
}

.mob-conditions .mob-conditions__more:hover {
    text-decoration: underline;
}

.mob-conditions__arr {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 20px;
    right: 12px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 450px) {
    .mob-conditions__arr {
        bottom: 12px;
    }
}

.mob-conditions__arr svg {
    width: 24px;
    height: 24px;
    fill: #707070;
}

.house-intro__btn-mob {
    display: none;
}

@media screen and (max-width: 1024px) {
    .house-intro__btn-mob {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        z-index: 5;
        border-radius: 100px;
        background: white;
        color: var(--Primary-Main, #89aa28);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: max-content;
        padding: 12px 22px;
    }
}

.house-info {
    font-family: "OpenSans";
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.4);
    align-items: flex-end;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (max-width: 1024px) {
    .house-info {
        display: none;
    }
}

.house-info.floor .house-info__top {
    display: none;
}

.house-info.floor .house-info__entrances {
    display: none;
}

.house-info.floor .house-info__back {
    display: flex;
}

.house-info.floor .house-info__inner {
    padding-top: 40px;
}

@media screen and (max-width: 1024px) {
    .house-info.show {
        opacity: 1;
    }

    .house-info.show .house-info__inner {
        transform: translateY(0);
    }
}

.house-info__back {
    display: none;
    position: absolute;
    left: 16px;
    top: 8px;
    gap: 8px;
    align-items: center;
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 2;
}

.house-info__back img,
.house-info__back svg {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    object-position: center;
    transform: scale(-1, 1);
    fill: #8b8b8b;
}

.house-info__inner {
    max-height: 70vh;
    overflow-y: auto;
    width: 100%;
    background: white;
    border-radius: 20px 20px 0 0;
    padding: 24px 16px 32px;
    position: relative;
    transform: translateY(100%);
    transition: transform 0.4s;
}

.house-info__close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
}

.house-info__close img,
.house-info__close svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.house-info__title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 26.4px */
}

.house-info__text {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.house-info__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.house-info__entrances {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.house-info__entrances .house-info__entrance {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--stroke-line-wight-10, rgba(112, 112, 112, 0.1));
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.house-info__entrances .house-info__entrance span:nth-child(2) {
    text-align: right;
}

.house-info__floors {
    display: flex;
}

.house-info__floors .house-info__floor {
    display: none;
    flex-direction: column;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.house-info__floors .house-info__floor.active {
    display: flex;
}

.house-info__floors .house-info__floor a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 16px 0;
    border-bottom: 1px solid var(--stroke-line-wight-10, rgba(112, 112, 112, 0.1));
}

.house-info__floors .house-info__floor a span:nth-child(2) {
    text-align: right;
}

.house-info__floors .house-info__floor-title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
}

.house-info__floors .house-info__floor-block {
    margin-top: 8px;
}

.sold-out {
    color: #e3473d;
    pointer-events: none;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
:root {
    --device-height: 100%;
}

html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

span {
    display: inline-block;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button {
    cursor: pointer;
    padding: 0;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    background: initial;
    border: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

ul li,
ol li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
}

* {
    box-sizing: border-box;
    outline: none;
}

picture {
    display: block;
    width: 100%;
    height: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.swiper-container-pointer-events {
    overflow: hidden;
}

h2 {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    h2 {
        font-size: 26px;
    }
}

h3 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    /* 40px */
}

@media (max-width: 1440px) {
    h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    h3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    h3 {
        font-size: 26px;
    }
}

@media screen and (max-width: 768px) {
    h3 {
        font-size: 24px;
    }
}

.main-page {
    font-family: "OpenSans";
    padding-top: 140px;
    padding-top: calc(var(--headerH, 180px) - 48px);
    padding-bottom: 100px;
}

@media screen and (max-width: 1280px) {
    .main-page {
        padding-top: 130px;
        padding-top: calc(var(--headerH, 150px) - 20px);
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page {
        padding-top: 58px;
    }
}

@media screen and (max-width: 450px) {
    .main-page {
        padding-top: 52px;
        padding-bottom: 70px;
        padding-top: 72px;
    }
}

.open-burger ~ .main-page::before {
    content: "";
    width: 100%;
    height: 100dvh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 115;
}

@media screen and (max-width: 1024px) {
    .open-burger ~ .bottom-menu {
        z-index: 0;
    }
}

.info-slider {
    width: 100%;
    position: relative;
}

.info-slider.container-main {
    max-width: 1920px;
    padding-left: 205px;
    padding-right: 205px;
}

@media (max-width: 1440px) {
    .info-slider.container-main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .info-slider.container-main {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .info-slider.container-main {
        margin-top: 32px;
    }
}

.info-slider .swiper-container {
    overflow: hidden;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .info-slider .swiper-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.info-slider .swiper-pagination {
    bottom: -68px;
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px;
    border-radius: 28px;
    background: #f5f5f7;
    gap: 12px;
}

@media screen and (max-width: 600px) {
    .info-slider .swiper-pagination {
        bottom: -52px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-pagination {
        gap: 8px;
    }
}

.info-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
    margin: 0 !important;
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.info-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89AA28;
}

.info-slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.info-slider .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    right: 165px;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .info-slider .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-button-next {
        display: none;
    }
}

.info-slider .swiper-button-next::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-next::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.info-slider .swiper-button-next:hover {
    background: #89AA28;
}

.info-slider .swiper-button-next:hover::after {
    color: white;
}

.info-slider .swiper-button-prev {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    left: 165px;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .info-slider .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-button-prev {
        display: none;
    }
}

.info-slider .swiper-button-prev::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(-2px);
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-prev::after {
        font-size: 16px;
        transform: translateX(-1px);
    }
}

.info-slider .swiper-button-prev:hover {
    background: #89AA28;
}

.info-slider .swiper-button-prev:hover::after {
    color: white;
}

.info-slider .swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.info-slider .swiper-button-disabled:hover {
    background: #f5f5f7;
}

.info-slider .swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.info-slider .info-slider__link {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: center;
    position: absolute;
    bottom: 40px;
    right: 40px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .info-slider .info-slider__link {
        width: 50px;
        height: 50px;
        right: 12px;
        bottom: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .info-slider .info-slider__link {
        width: 48px;
        height: 48px;
        bottom: 12px;
        right: 12px;
        transform: translateX(0);
    }
}

@media screen and (max-width: 450px) {
    .info-slider .info-slider__link {
        bottom: 12px;
        right: 12px;
    }
}

.info-slider .info-slider__link:hover {
    background-color: rgb(255, 255, 255);
}

.info-slider .swiper-notification {
    position: absolute;
}

.info-slider .swiper-slide {
    width: calc((100% - 60px) / 3);
    height: min(650px, 34vw);
    margin-right: 30px;
    display: grid;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1440px) {
    .info-slider .swiper-slide {
        height: 43.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .info-slider .swiper-slide {
        margin-right: 20px;
        width: calc((100% - 20px) / 2);
        height: 53.5vw;
    }
}

@media screen and (max-width: 768px) {
    .info-slider .swiper-slide {
        margin-right: 16px;
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (max-width: 600px) {
    .info-slider .swiper-slide {
        width: 100%;
        height: 400px;
    }
}

.info-slider .swiper-slide:nth-last-child(1) {
    margin-right: 0;
}

.info-slider .swiper-slide:hover .info-slider__link {
    transform: translateX(0);
}

.info-slider .swiper-slide.play .info-slider_text {
    opacity: 0;
    z-index: -3;
}

.info-slider .swiper-slide .info-slider__content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #89AA28;
    z-index: 1;
}

.info-slider .swiper-slide .info-slider_text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    padding: 0;
    color: white;
    font-size: min(32px, 1.7vw);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .info-slider .swiper-slide .info-slider_text {
        font-size: 32px;
    }
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-slide .info-slider_text {
        font-size: 24px;
        padding: 12px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-slide .info-slider_text {
        padding: 0;
        line-height: 120%;
    }
}

.info-slider .swiper-slide .info-slider_text-text {
    padding: 24px 32px;
    border-radius: 20px;
    color: white;
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-slide .info-slider_text-text {
        padding: 15px 20px;
    }
}

@media screen and (max-width: 768px) {
    .info-slider .swiper-slide .info-slider_text-text {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-slide .info-slider_text-text {
        padding: 24px;
    }
}

.info-slider .swiper-slide video,
.info-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.info-slider .swiper-slide.video {
    width: calc((100% - 60px) / 1.5 + 30px);
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-slide.video .info-slider__link {
        transform: unset;
    }
}

@media screen and (max-width: 1024px) {
    .info-slider .swiper-slide.video {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-slide.video {
        width: min(308px, 100dvw - 32px);
    }
}

.info-slider .swiper-slide.video .info-slider_text-text {
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
}

.info-slider .swiper-slide.video .info-slider_text {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (max-width: 1024px) {
    .info-slider .swiper-slide.video .info-slider__link {
        display: block;
    }
}

.info-slider .swiper-slide.video .info-slider__content {
    background: #f5f5f7;
}

.info-slider .swiper-slide.image .info-slider_text-text {
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
}

.info-slider .swiper-slide.image .info-slider_text {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

.info-slider .swiper-slide.image .info-slider__content {
    background: #f5f5f7;
}

.info-slider .swiper-slide.light-bg .info-slider_text {
    background: transparent;
}

.info-slider .swiper-slide.light-bg .info-slider_text-text {
    background: rgba(255, 255, 255, 0.5);
    color: #1d1d1f;
}

.info-slider .swiper-slide.light-bg .info-slider__content {
    background: #f5f5f7;
}

.info-slider .swiper-slide.dark-bg .info-slider__content {
    background: #f5f5f7;
}

.info-slider .video__play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 90px;
    background: rgba(255, 255, 255, 0.21);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    z-index: 3;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .info-slider .video__play-btn {
        width: 75px;
        height: 75px;
    }
}

@media screen and (max-width: 600px) {
    .info-slider .video__play-btn {
        width: 60px;
        height: 60px;
    }
}

.info-slider .video__play-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

.info-slider .video__play-btn svg {
    width: 48px;
    height: 48px;
    fill: white;
}

@media screen and (max-width: 600px) {
    .info-slider .video__play-btn svg {
        width: 40px;
        height: 40px;
    }
}

.info-slider + .container-main {
    margin-top: 148px;
}

@media screen and (max-width: 600px) {
    .info-slider + .container-main {
        margin-top: 102px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider + .container-main {
        margin-top: 95px;
    }
}

.container-main {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding-left: 205px;
    padding-right: 205px;
    margin-top: 80px;
}

@media (max-width: 1440px) {
    .container-main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .container-main {
        margin-top: 56px;
    }
}

@media screen and (max-width: 600px) {
    .container-main {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-page__title {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    .main-page__title {
        flex-grow: 1;
        display: flex;
        align-items: flex-end;
        font-size: 42px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__title {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__title {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__title {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__title {
        font-size: 26px;
        font-weight: 700;
        line-height: 130%;
    }
}

.main-page__objects {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    gap: 32px 30px;
}

@media screen and (max-width: 768px) {
    .main-page__objects {
        flex-wrap: unset;
        gap: unset;
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .main-page__objects {
        margin-top: 0;
    }
}

.main-page__objects ~ .btn-white {
    margin-top: 50px;
}

@media screen and (max-width: 1280px) {
    .main-page__objects ~ .btn-white {
        margin-top: 25px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__objects ~ .btn-white {
        margin-top: 30px;
    }
}

.main-page__objects .swiper-pagination-bullets {
    bottom: 7px;
    height: 100%;
    width: 296px;
    max-width: 50%;
    border-radius: 20px;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    bottom: 0;
    padding-bottom: 49px;
    padding-top: 25px;
    display: flex;
    gap: 12px;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: min(32px, 1.7vw);
}

@media (max-width: 1440px) {
    .main-page__objects .swiper-pagination-bullets {
        padding-left: 32px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__objects .swiper-pagination-bullets {
        padding-left: 25px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__objects .swiper-pagination-bullets {
        padding-left: 15px;
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__objects .swiper-pagination-bullets {
        background: unset;
        backdrop-filter: unset;
        display: none;
    }
}

.main-page__objects .swiper-pagination-bullet {
    margin: 0;
    background: white;
    width: 12px;
    height: 12px;
    transition: 0.2s;
    opacity: 1;
    margin: 0 !important;
}

@media screen and (max-width: 1024px) {
    .main-page__objects .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

.main-page__objects .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 10px;
}

@media screen and (max-width: 1024px) {
    .main-page__objects .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
    }
}

.main-page__object {
    overflow: hidden;
    display: grid;
    border-radius: 32px;
    transition: 0.3s;
    width: calc(50% - 15px);
    position: relative;
    height: 450px;
}

@media screen and (max-width: 1280px) {
    .main-page__object {
        height: 43vw;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__object {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object {
        height: 420px;
        margin-right: 16px;
        width: min(308px, 100dvw - 32px);
        transition: unset;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object {
        margin-right: 0;
    }
}

.main-page__object.hidden {
    display: none;
}

@media screen and (max-width: 600px) {
    .main-page__object.hidden {
        display: grid;
    }
}

.main-page__object:hover {
    transform: translateY(-10px);
}

@media screen and (max-width: 1280px) {
    .main-page__object:hover {
        transform: unset;
    }
}

.main-page__object:hover .main-page__object_arr {
    transform: translate3D(0px, 0px, 1px);
    pointer-events: all;
}

.main-page__object_slider {
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.main-page__object_slider .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

.main-page__object_slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.main-page__object_content {
    width: calc(var(--contW) / 2 - 50px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    height: calc(100% - 66px);
    width: 296px;
    max-width: 50%;
    padding: min(24px, 1.2vw) min(32px, 1.7vw);
    border-radius: 20px;
    transform: translate3d(0px, 0px, 1px);
    z-index: 100;
}

@media (max-width: 1440px) {
    .main-page__object_content {
        padding: 24px 32px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_content {
        padding: 25px;
        width: calc((var(--contW) - 80px) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .main-page__object_content {
        padding: 15px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_content {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 8px;
        align-content: flex-start;
        align-items: flex-start;
        padding: 17px 20px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_content {
        flex-direction: column;
        height: 100%;
    }
}


@media screen and (max-width: 450px) {
    .main-page__object_content {
        padding: 12px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_blur-mob {
        width: max-content;
        border-radius: 8px;
        background: rgba(108, 108, 108, 0.6);
        backdrop-filter: blur(5px);
        padding: 8px;
        margin-top: 24px;
    }

    .main-page__object_blur-mob._apartment {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: auto;
        padding: 12px;
        margin-bottom: 4px;
    }
}

.main-page__object_arr {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
    position: absolute;
    z-index: 105;
    right: 24px;
    bottom: 24px;
    transition: 0.3s;
    transform: translate3D(100px, 0px, 1px);
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    .main-page__object_arr {
        transform: translate3D(0px, 0px, 1px);
        pointer-events: all;
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__object_arr {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_arr {
        right: 20px;
        bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_arr {
        right: 12px;
        bottom: 12px;
    }
}

.main-page__object_arr:hover {
    background-color: rgb(255, 255, 255);
}

.main-page__object_bottom {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 20px;
}

@media screen and (max-width: 1280px) {
    .main-page__object_bottom {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_bottom {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_bottom {
        gap: 5px;
    }
}

.main-page__object_name {
    color: white;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    font-size: min(48px, 2.5vw);
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}

@media (max-width: 1440px) {
    .main-page__object_name {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_name {
        font-size: 34px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_name {
        font-size: 30px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_name {
        font-size: 28px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_name {
        font-size: 26px;
        width: 100%;
        line-height: 130%;
        max-width: calc(100% - 110px);
    }
}

.main-page__object_subname {
    color: white;
    font-style: normal;
    line-height: 140%;
    margin-top: 4px;
    font-size: min(20px, 1.05vw);
    font-weight: 400;
}

@media (max-width: 1440px) {
    .main-page__object_subname {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_subname {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_subname {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_subname {
        margin-top: 2px;
        line-height: 130%;
    }
}

.main-page__object_location {
    z-index: 3;
    margin-top: 9px;
    color: #fff;
    position: relative;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .main-page__object_location {
        font-size: 24px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_location {
        font-size: 22px;
        margin-top: 6px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_location {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_location {
        margin-top: 2px;
        line-height: 130%;
        font-size: 20px;
    }
}

.main-page__object_price {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    max-width: max-content;
    padding: 14px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-top: 53px;
    padding: 8px 16px;
    background: #89aa28;
    z-index: 3;
    position: relative;
    min-width: min(210px, 11vw);
}

@media screen and (max-width: 1280px) {
    .main-page__object_price {
        font-size: 20px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_price {
        font-size: 18px;
        margin-top: 35px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_price {
        font-size: 20px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_price {
        margin-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_price {
        font-size: 16px;
        font-weight: 700;
        padding: 8px;
    }
}

.main-page__object_price span {
    position: relative;
    z-index: 2;
}

.main-page__object_status {
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: min(18px, 1.05vw);
    font-weight: 500;
    line-height: 140%;
    background: white;
    color: #89aa28;
    padding: 8px min(16px, 0.85vw);
    border-radius: 100px;
    transform: translate3d(0px, 0px, 1px);
    z-index: 100;
}

@media (max-width: 1440px) {
    .main-page__object_status {
        font-size: 20px;
        padding: 8px 16px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_status {
        padding: 8px 10px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_status {
        padding: 7px 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_status {
        padding: 8px 10px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_status {
        padding: 4px 8px;
        font-size: 12px;
        line-height: normal;
        top: 22px;
        right: 12px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_status {
        top: 16px;
    }
}

.main-page__object_status.yellow {
    background: #f7d156;
}

.main-page__object_status.green {
    background: #89aa28;
    color: white;
}

.main-page__object_blur {
    display: grid;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.main-page__object_blur .main-page__object_blur-content {
    display: flex;
    flex-direction: column;
    padding: 14px 32px;
    gap: 2px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur .main-page__object_blur-content {
        padding: 8px 14px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_blur .main-page__object_blur-content {
        padding: 10px 16px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_blur .main-page__object_blur-content {
        padding: 8px 16px;
    }
}

.main-page__object_blur::before {
    content: "";
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.main-page__object_blur-title {
    position: relative;
    z-index: 3;
    margin-top: 28px;
    color: rgba(255, 255, 255, 0.8);
    font-size: min(16px, 0.84vw);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .main-page__object_blur-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-title {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_blur-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_blur-title {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_blur-title {
        /*font-size: 14px;*/
    }
}

.main-page__object_blur-text {
    position: relative;
    z-index: 3;
    color: white;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-top: 0;
}

@media (max-width: 1440px) {
    .main-page__object_blur-text {
        font-size: 24px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_blur-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_blur-text {
        font-size: 16px;
        font-weight: 700;
    }
}

.btn-white {
    border-radius: 60px;
    background: white;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1d1d1f;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    margin: 0 auto;
    max-width: max-content;
    padding: 10px 30px;
    cursor: pointer;
    height: min(70px, 3.65vw);
}

@media (max-width: 1440px) {
    .btn-white {
        font-size: 22px;
        height: 65px;
        padding: 16px 32px;
    }
}

@media screen and (max-width: 1280px) {
    .btn-white {
        font-size: 18px;
        padding: 7px 20px;
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .btn-white {
        padding: 10px 20px;
    }
}

@media screen and (max-width: 450px) {
    .btn-white {
        padding: 12px 22px;
        height: 48px;
    }
}

@media (hover) {
    .btn-white:hover {
        background: #89AA28;
        color: white;
        border-color: #89AA28;
    }

    .btn-white:hover svg {
        fill: white;
    }
}

.btn-white svg {
    width: 32px;
    height: 32px;
    fill: #8b8b8b;
    transition: 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .btn-white svg {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 450px) {
    .btn-white svg {
        width: 24px;
        height: 24px;
    }
}

.btn-white span {
    cursor: pointer;
}

@media screen and (max-width: 450px) {
    .hide-mob {
        display: none;
    }
}

@media (min-width: 768px) {
    .swiper-cont__nav.slider-nav {
        display: none;
    }
}

.swiper-cont ~ .btn-white {
    margin-top: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (max-width: 768px) {
    .swiper-cont ~ .btn-white {
        margin-top: 20px;
    }
}

@media screen and (max-width: 600px) {
    .swiper-cont ~ .btn-white {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .swiper-cont {
        width: calc(100% + 40px);
        margin-left: -20px;
        overflow: hidden;
        margin-top: 24px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .swiper-cont {
        /*padding-bottom: 52px;*/
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.swiper-cont .swiper-cont-pag {
    display: none;
}

@media screen and (max-width: 600px) {
    .swiper-cont .swiper-cont-pag {
        display: flex;
        bottom: 0px;
        gap: 12px;
        display: flex;
        max-width: max-content;
        left: 50%;
        transform: translateX(-50%);
        padding: 12px;
        border-radius: 28px;
        background: #f5f5f7;
    }
}

@media screen and (max-width: 600px) and (max-width: 450px) {
    .swiper-cont .swiper-cont-pag {
        gap: 8px;
    }
}

.swiper-cont .swiper-cont-pag .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
    margin: 0 !important;
}

@media screen and (max-width: 450px) {
    .swiper-cont .swiper-cont-pag .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.swiper-cont .swiper-cont-pag .swiper-pagination-bullet-active {
    background: #89aa28;
}

.infrastructure-new {
    position: relative;
}

.infrastructure-new .swiper-container {
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .infrastructure-new .swiper-container {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure-new .swiper-container {
        padding: 0;
    }
}

.infrastructure-new .swiper-container.show-dots .swiper-pagination {
    display: flex;
}

.infrastructure-new .swiper-pagination {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .infrastructure-new .swiper-pagination {
        display: flex;
        gap: 8px;
    }
}

.infrastructure-new .infrastructure__arrow {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0003 39.5833L24.2191 38.75L37.3441 25.5729L10.417 25.5729V24.427L37.3441 24.427L24.2191 11.25L25.0003 10.4166L39.5837 25L25.0003 39.5833Z' fill='%231D1D1F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 76%;
    background-position: center;
    position: absolute;
    bottom: 35px;
    right: 35px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .infrastructure-new .infrastructure__arrow {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure-new .infrastructure__arrow {
        display: none;
        width: 40px;
        height: 40px;
        bottom: 20px;
        left: 20px;
    }
}

.infrastructure-new .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .infrastructure-new .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.infrastructure-new .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89AA28;
}

.infrastructure-new .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.swiper-notification {
    position: absolute;
}

.infrastructure__wrapper.swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-bottom: 68px;
    cursor: grab;
    height: auto !important;
}

@media screen and (max-width: 600px) {
    .infrastructure__wrapper.swiper-wrapper {
        margin-bottom: 52px;
    }
}

.swiper-pagination-lock {
    padding: 0 !important;
}

.infrastructure__block {
    overflow: hidden;
    max-width: unset;
    border-radius: 20px;
    background: #f5f5f7;
    padding: min(40px, 2.1vw) min(60px, 3.125vw);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    height: auto;
    width: 100%;
}

@media (max-width: 1440px) {
    .infrastructure__block {
        padding: 35px 45px;
    }
}

@media screen and (max-width: 1280px) {
    .infrastructure__block {
        padding: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure__block {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block {
        padding: 20px;
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block {
        width: min(360px, 100dvw - 32px);
        padding: 25px 16px;
        margin-right: 0;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block {
        width: min(360px, 100dvw);
    }
}

.infrastructure__block_bg {
    grid-column: 1/1;
    grid-row: 1/1;
    z-index: 1;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_bg {
        height: 300px;
    }
}

.infrastructure__block_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.infrastructure__block_content {
    grid-column: 1/1;
    grid-row: 1/1;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(5deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    background: unset;
    max-width: 808px;
    display: block;
    padding: 0;
    height: auto;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
        gap: 8px;
        position: relative;
    }
}

.main-page__title-green {
    color: #89AA28;
    font-size: 128px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transform: translateZ(0);
    z-index: 2;
    padding-left: 53px;
}

@media screen and (max-width: 1280px) {
    .main-page__title-green {
        font-size: 100px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__title-green {
        font-size: 80px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__title-green {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__title-green {
        font-size: 9.7vw;
        padding-left: 18px;
    }
}

.infrastructure__block_img {
    width: min(423px, 22vw);
    min-width: min(423px, 22vw);
    height: min(403px, 21vw);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1440px) {
    .infrastructure__block_img {
        width: 28vw;
        min-width: 28vw;
        height: 26.5vw;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block_img {
        width: min(423px, 35vw);
        min-width: min(423px, 35vw);
        height: min(403px, 36vw);
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block_img {
        display: none;
    }
}

.infrastructure__block_img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
}

.infrastructure__block_img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.infrastructure__block_title {
    color: #1d1d1f;
    font-size: min(48px, 2.5vw);
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}

@media (max-width: 1440px) {
    .infrastructure__block_title {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .infrastructure__block_title {
        font-size: 36px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure__block_title {
        font-size: 32px;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block_title {
        font-size: 22px;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block_title {
        font-size: 20px;
        font-weight: 700;
    }
}

.infrastructure__block_text {
    margin-top: 24px;
    color: #1d1d1f;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .infrastructure__block_text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .infrastructure__block_text {
        font-size: 19px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure__block_text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block_text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block_text {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex-grow: 1;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block_text {
        font-size: 16px;
        line-height: 150%;
    }
}

.infrastructure__block_text ul li {
    position: relative;
    padding-left: 24px;
}

.infrastructure__block_text ul li::before {
    content: "";
    width: 16px;
    border: 1px solid #89aa28;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0.85em;
}

.infrastructure__block_mob {
    display: none;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_mob {
        display: block;
        position: relative;
        width: 100%;
        height: calc(65vw - 32px);
        border-radius: 20px;
        margin-top: 16px;
        border-radius: 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block_mob {
        height: min(340px, 103dvw - 32px);
    }
}

.infrastructure__block_mob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_mob::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
    }
}

.infrastructure__btn.btn-white {
    margin-left: 0;
    margin-top: 32px;
    background: transparent;
    font-style: normal;
    font-weight: 400;
}

@media screen and (max-width: 600px) {
    .infrastructure__btn.btn-white {
        margin-top: 0;
        position: absolute;
        bottom: 20px;
        right: 20px;
        font-size: 0;
        line-height: 0;
        width: 48px;
        min-width: 48px;
        height: 48px;
        background-color: rgba(255, 255, 255, 0.8);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.49964 11.9995C1.49964 12.1984 1.57865 12.3891 1.7193 12.5298C1.85996 12.6704 2.05072 12.7495 2.24964 12.7495L19.9391 12.7495L15.2186 17.4685C15.0778 17.6093 14.9987 17.8003 14.9987 17.9995C14.9987 18.1986 15.0778 18.3896 15.2186 18.5305C15.3595 18.6713 15.5505 18.7504 15.7496 18.7504C15.9488 18.7504 16.1398 18.6713 16.2806 18.5305L22.2806 12.5305C22.3505 12.4608 22.4059 12.378 22.4437 12.2869C22.4815 12.1958 22.501 12.0981 22.501 11.9995C22.501 11.9008 22.4815 11.8031 22.4437 11.712C22.4059 11.6209 22.3505 11.5381 22.2806 11.4685L16.2806 5.46845C16.2109 5.39872 16.1281 5.34341 16.037 5.30567C15.9459 5.26793 15.8483 5.2485 15.7496 5.2485C15.5505 5.2485 15.3595 5.32762 15.2186 5.46845C15.0778 5.60928 14.9987 5.80029 14.9987 5.99945C14.9987 6.19862 15.0778 6.38962 15.2186 6.53045L19.9391 11.2495L2.24964 11.2495C2.05072 11.2495 1.85996 11.3285 1.7193 11.4691C1.57865 11.6098 1.49964 11.8005 1.49964 11.9995Z' fill='%23707070'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        border-radius: 100%;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__btn.btn-white {
        bottom: 12px;
        right: 12px;
    }
}

.infrastructure__btn.btn-white:hover {
    background: #89AA28;
}

.main-page__text-block {
    border-radius: 20px;
    background: #f7f7f7;
    padding: 40px 60px 40px;
}

@media screen and (max-width: 1280px) {
    .main-page__text-block {
        padding: 35px 50px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block {
        padding: 30px 35px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block {
        padding: 24px 16px;
    }
}

.main-page__text-block .text-green {
    color: #89aa28;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}

@media (max-width: 1440px) {
    .main-page__text-block .text-green {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block .text-green {
        font-size: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block .text-green {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block .text-green {
        font-size: 24px;
        font-weight: 500;
    }
}

.main-page__text-block .btn-white {
    margin-top: 32px;
    margin-left: 0;
    background: #f7f7f7;
}

@media screen and (max-width: 1280px) {
    .main-page__text-block .btn-white {
        margin-top: 25px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__text-block .btn-white {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block .btn-white {
        margin: 22px 0 0;
    }
}

.main-page__text-block .btn-white:hover {
    background: #89AA28;
}

.main-page__text-block_wrap {
    margin-top: 33px;
    display: block;
    columns: 2;
    column-gap: 60px;
}

@media (max-width: 1440px) {
    .main-page__text-block_wrap {
        gap: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block_wrap {
        margin-top: 30px;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__text-block_wrap {
        columns: 1;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block_wrap {
        margin-top: 24px;
        gap: 24px;
    }
}

.main-page__text-block_wrap * {
    color: #1d1d1f;
    font-size: min(24px, 1.3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .main-page__text-block_wrap * {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block_wrap * {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block_wrap * {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block_wrap * {
        font-size: 16px;
        line-height: 150%;
    }
}

.main-page__text-block_col {
    width: calc(50% - 30px);
    color: #1d1d1f;
    font-size: min(24px, 1.3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .main-page__text-block_col {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block_col {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block_col {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__text-block_col {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block_col {
        font-size: 16px;
        line-height: 150%;
    }
}

.social-block {
    display: flex;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    gap: 50px;
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: row;
    margin-top: 40px;
}

@media screen and (max-width: 1280px) {
    .social-block {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .social-block {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .social-block {
        margin-top: 0;
        flex-wrap: unset;
        overflow: unset;
        gap: unset;
    }
}

.social-slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .social-slider .swiper-pagination {
        display: flex;
        position: static;
        margin: 16px auto 0;
        display: flex;
        max-width: max-content;
        border-radius: 28px;
        background: #f5f5f7;
        padding: 12px;
        gap: 12px;
    }
}

@media screen and (max-width: 600px) and (max-width: 450px) {
    .social-slider .swiper-pagination {
        gap: 8px;
    }
}

.social-slider .swiper-pagination .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .social-slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.social-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #89aa28;
}

@media screen and (max-width: 600px) {
    .social-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-top: 24px;
        padding: 0 16px;
        position: relative;
        overflow: hidden;
    }
}

.social-slider .swiper-pagination-bullet {
    margin: 0 !important;
}

.social-block__element {
    width: calc(var(--contW) / 2 - 45px);
    display: flex;
    height: min(400px, 26vw);
    flex-direction: column;
}

@media screen and (max-width: 1280px) {
    .social-block__element {
        width: calc(var(--contW) / 2 - 10px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .social-block__element {
        height: 400px;
        margin-right: 0;
    }
}

.social-block__element:hover .social-block__arrow {
    transform: translate(0, 0);
}

.social-block__element:nth-child(1) {
    width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(1) {
        width: calc((100% - 20px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(1) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(1) {
        width: min(308px, 100dvw - 32px);
    }
}

.social-block__element:nth-child(2) {
    width: calc((100% - 60px) / 3 * 2 + 30px);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(2) {
        width: calc((100% - 20px) / 3 * 2 + 10px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(2) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(2) {
        width: min(308px, 100dvw - 32px);
    }
}

.social-block__element:nth-child(4) {
    width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(4) {
        width: calc((100% - 20px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(4) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(4) {
        width: min(308px, 100dvw - 32px);
    }
}

.social-block__element:nth-child(3) {
    width: calc((100% - 60px) / 3 * 2 + 30px);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(3) {
        width: calc((100% - 20px) / 3 * 2 + 10px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(3) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(3) {
        width: min(308px, 100dvw - 32px);
    }
}

.three-blocks .social-block {
    display: grid;
    gap: 30px;
    grid-template-columns: 32% calc(68% - 30px);
    grid-template-rows: min(400px, 20.9vw) min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .three-blocks .social-block {
        grid-template-rows: 26.5vw 26.5vw;
    }
}

@media screen and (max-width: 768px) {
    .three-blocks .social-block {
        gap: 10px;
        grid-template-columns: 40% calc(60% - 10px);
        grid-template-rows: 28vw 28vw;
    }
}

@media screen and (max-width: 600px) {
    .three-blocks .social-block {
        display: flex;
        gap: unset;
    }
}

.three-blocks .social-block__element {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .three-blocks .social-block__element {
        width: min(308px, 100dvw - 32px);
        height: 400px;
    }
}

.three-blocks .social-block__element:nth-child(1) {
    grid-row: span 2;
}

.five-blocks .social-block {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, calc((100% - 60px) / 3));
    grid-template-rows: min(400px, 20.9vw) min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .five-blocks .social-block {
        grid-template-rows: 26.5vw 26.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .five-blocks .social-block {
        gap: 10px;
        grid-template-columns: repeat(3, calc((100% - 20px) / 3));
        grid-template-rows: 28vw 28vw;
    }
}

@media screen and (max-width: 600px) {
    .five-blocks .social-block {
        display: flex;
        gap: unset;
    }
}

.five-blocks .social-block__element {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .five-blocks .social-block__element {
        width: min(308px, 100dvw - 32px);
        height: 400px;
    }
}

.five-blocks .social-block__element:nth-child(1) {
    grid-row: span 2;
}

.six-blocks .social-block {
    gap: 30px;
}

@media screen and (max-width: 1024px) {
    .six-blocks .social-block {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .six-blocks .social-block {
        gap: unset;
    }
}

.six-blocks .social-block .social-block__element:nth-child(1), .six-blocks .social-block .social-block__element:nth-child(2), .six-blocks .social-block .social-block__element:nth-child(3), .six-blocks .social-block .social-block__element:nth-child(4), .six-blocks .social-block .social-block__element:nth-child(5), .six-blocks .social-block .social-block__element:nth-child(6) {
    width: calc((100% - 60px) / 3);
    height: min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .six-blocks .social-block .social-block__element:nth-child(1), .six-blocks .social-block .social-block__element:nth-child(2), .six-blocks .social-block .social-block__element:nth-child(3), .six-blocks .social-block .social-block__element:nth-child(4), .six-blocks .social-block .social-block__element:nth-child(5), .six-blocks .social-block .social-block__element:nth-child(6) {
        height: 25vw;
    }
}

@media screen and (max-width: 1024px) {
    .six-blocks .social-block .social-block__element:nth-child(1), .six-blocks .social-block .social-block__element:nth-child(2), .six-blocks .social-block .social-block__element:nth-child(3), .six-blocks .social-block .social-block__element:nth-child(4), .six-blocks .social-block .social-block__element:nth-child(5), .six-blocks .social-block .social-block__element:nth-child(6) {
        width: calc((100% - 20px) / 3);
        height: 28vw;
    }
}

@media screen and (max-width: 768px) {
    .six-blocks .social-block .social-block__element:nth-child(1), .six-blocks .social-block .social-block__element:nth-child(2), .six-blocks .social-block .social-block__element:nth-child(3), .six-blocks .social-block .social-block__element:nth-child(4), .six-blocks .social-block .social-block__element:nth-child(5), .six-blocks .social-block .social-block__element:nth-child(6) {
        width: calc((100% - 10px) / 2);
        height: 33vw;
    }
}

@media screen and (max-width: 600px) {
    .six-blocks .social-block .social-block__element:nth-child(1), .six-blocks .social-block .social-block__element:nth-child(2), .six-blocks .social-block .social-block__element:nth-child(3), .six-blocks .social-block .social-block__element:nth-child(4), .six-blocks .social-block .social-block__element:nth-child(5), .six-blocks .social-block .social-block__element:nth-child(6) {
        width: min(308px, 100dvw - 32px);
        height: 400px;
    }
}

.social-block__link {
    margin-top: 50px;
    border-radius: 20px;
    overflow: hidden;
    width: calc(var(--contW) / 2 - 50px);
    height: calc(var(--contW) / 2 - 180px);
    display: grid;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .social-block__link {
        margin-top: 25px;
        width: calc(var(--contW) / 2 - 30px);
        height: calc(var(--contW) / 2 - 80px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__link {
        width: 100%;
        height: 80vw;
    }
}

@media screen and (max-width: 600px) {
    .social-block__link {
        margin-top: 0px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__link {
        height: 117vw;
    }
}

.social-block__link:hover .social-block__arrow {
    transform: translate(0);
}

@media screen and (max-width: 1024px) {
    .social-block__link:hover .social-block__arrow {
        display: none;
        transform: unset;
    }
}

.social-block__content_title span {
    position: relative;
    z-index: 2;
    padding: 4px 12px;
}

.social-block__bg {
    grid-row: 1/1;
    grid-column: 1/1;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

.social-block__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
    display: block;
}

.social-block__content {
    grid-row: 1/1;
    grid-column: 1/1;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px;
    padding-right: 100px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(4deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    padding: 32px;
    justify-content: flex-start;
}

@media screen and (max-width: 1280px) {
    .social-block__content {
        padding: 25px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content {
        padding: 15px;
    }
}

@media screen and (max-width: 768px) {
    .social-block__content {
        padding: 12px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content {
        gap: 10px;
    }
}

.social-block__content .social-block__arrow {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: center;
    position: absolute;
    bottom: 32px;
    right: 32px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .social-block__content .social-block__arrow {
        width: 50px;
        height: 50px;
        bottom: 25px;
        right: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content .social-block__arrow {
        transform: unset;
        bottom: 20px;
        right: 20px;
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 768px) {
    .social-block__content .social-block__arrow {
        right: 12px;
        bottom: 12px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content .social-block__arrow {
        right: 12px;
        bottom: 12px;
    }
}

.social-block__content .social-block__arrow:hover {
    background-color: rgb(255, 255, 255);
}

.social-block__content .social-block__arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.social-block__content_title {
    color: white;
    font-size: min(32px, 1.66vw);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    max-width: max-content;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .social-block__content_title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content_title {
        font-size: 20px;
        line-height: 130%;
        font-weight: 700;
    }
}

.social-block__content_title::before {
    content: "";
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    position: absolute;
    z-index: 1;
    background: rgba(108, 108, 108, 0.6);
    filter: blur(5px);
}

.social-block__content_text {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 1280px) {
    .social-block__content_text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content_text {
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content_text {
        font-size: 16px;
    }
}

.master-plan__wrap {
    margin-top: 40px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .master-plan__wrap {
        margin-top: 24px;
    }
}

.master-plan__wrap:hover img {
    transform: scale(1.05);
}

.master-plan__wrap .master-plan__wrap_img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.master-plan__wrap .master-plan__wrap_img::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.master-plan__wrap img {
    width: 100%;
    height: min(600px, 32vw);
    object-fit: cover;
    display: block;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .master-plan__wrap img {
        height: 38.6vw;
        object-position: 65%;
    }
}

@media screen and (max-width: 768px) {
    .master-plan__wrap img {
        height: max(42vw, 300px);
    }
}

@media screen and (max-width: 600px) {
    .master-plan__wrap img {
        height: 73vw;
    }
}

@media screen and (max-width: 450px) {
    .master-plan__wrap img {
        height: 94.4vw;
    }
}

.master-plan__wrap .btn-white {
    position: absolute;
    z-index: 3;
    background: rgb(255, 255, 255);
    right: 32px;
    bottom: 32px;
    top: unset;
    left: unset;
    transform: unset;
}

@media screen and (max-width: 600px) {
    .master-plan__wrap .btn-white {
        position: static;
        margin-top: 16px;
    }
}

.master-plan__wrap .btn-white:hover {
    background: #89AA28;
}

.main-page__news {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 600px) {
    .main-page__news {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
}

.main-page__news .swiper-container {
    position: static;
    overflow: hidden;
    width: 100%;
}

.main-page__news .swiper-pagination {
    display: none;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: -25px;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .main-page__news .swiper-pagination {
        display: flex;
        position: static;
        transform: unset;
        margin: 16px auto 0;
        gap: 8px;
    }
}

.main-page__news .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    opacity: 1;
    margin: 0 !important;
}

@media screen and (max-width: 450px) {
    .main-page__news .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.main-page__news .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89AA28;
}

.main-page__news .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.main-page__news_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 600px) {
    .main-page__news_top {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-page__news_top .btn-white {
    margin: 0;
}

.main-page__news_top .btn-white svg {
    width: 32px;
    height: 32px;
}

@media screen and (max-width: 450px) {
    .main-page__news_top .btn-white svg {
        width: 24px;
        height: 24px;
    }
}

.main-page__news_slider {
    padding-top: 40px;
}

@media screen and (max-width: 600px) {
    .main-page__news_slider {
        padding-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_slider {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-page__news_wrapper {
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .main-page__news_wrapper {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_wrapper {
        gap: 0;
    }
}

.main-page__news_wrapper .main-page__news_block:nth-child(1) {
    width: calc((100% - 60px) / 2);
}

@media screen and (max-width: 1280px) {
    .main-page__news_wrapper .main-page__news_block:nth-child(1) {
        width: calc((100% - 40px) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_wrapper .main-page__news_block:nth-child(1) {
        width: min(740px, 70vw);
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_wrapper .main-page__news_block:nth-child(1) {
        width: min(308px, 100dvw - 32px);
    }
}

.main-page__news_block {
    width: calc((100% - 60px) / 4);
    display: grid;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
}

@media (max-width: 1440px) {
    .main-page__news_block {
        height: 23.7vw;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__news_block {
        width: calc((100% - 40px) / 4);
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_block {
        width: min(355px, 38vw);
        height: 39vw;
    }
}

@media screen and (max-width: 768px) {
    .main-page__news_block {
        height: 45vw;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_block {
        height: 400px;
        width: min(308px, 100dvw - 32px);
    }
}

.main-page__news_block:hover {
    transform: translateY(-10px);
}

@media screen and (max-width: 1024px) {
    .main-page__news_block:hover {
        transform: unset;
    }
}

.main-page__news_block:hover .main-page__news__arrow {
    transform: translateX(0);
}

@media screen and (max-width: 1024px) {
    .main-page__news_block:hover .main-page__news__arrow {
        display: none;
    }
}

.main-page__news_block.image .main-page__news_block-bg {
    background: transparent;
}

.main-page__news_block.image .main-page__news_block-content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.main-page__news_block-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-page__news_block-content {
    width: 100%;
    position: relative;
    z-index: 2;
    min-height: min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .main-page__news_block-content {
        height: 23.7vw;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_block-content {
        height: 39vw;
    }
}

@media screen and (max-width: 768px) {
    .main-page__news_block-content {
        height: 45vw;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_block-content {
        height: 100%;
    }
}

.main-page__news_block-content {
    padding: min(24px, 1.25vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .main-page__news_block-content {
        padding: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news_block-content {
        padding: 12px;
    }
}

.main-page__news_block-bg {
    background: #89AA28;
}

.main-page__news_block-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-page__news_block-date {
    color: white;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .main-page__news_block-date {
        padding: 8px 12px;
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news_block-date {
        font-size: 20px;
        padding: 12px 14px;
    }
}

.image .main-page__news_block-date {
    background: var(--unnamed, rgba(108, 108, 108, 0.6));
    backdrop-filter: blur(5px);
    color: white;
}

.main-page__news_block-title {
    color: white;
    font-size: min(24px, 1.3vw);
    padding: 4px 12px;
    border-radius: 12px;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .main-page__news_block-title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__news_block-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_block-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__news_block-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news_block-title {
        font-size: 22px;
        line-height: 130%;
    }
}

.image .main-page__news_block-title {
    background: rgba(108, 108, 108, 0.6);
}

.main-page__news__arrow {
    width: 48px;
    height: 48px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0003 39.5833L24.2191 38.75L37.3441 25.5729L10.417 25.5729V24.427L37.3441 24.427L24.2191 11.25L25.0003 10.4166L39.5837 25L25.0003 39.5833Z' fill='%231D1D1F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 62%;
    background-position: center;
    position: absolute;
    bottom: 24px;
    right: 24px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .main-page__news__arrow {
        right: 20px;
        bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news__arrow {
        transform: unset;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news__arrow {
        right: 20px;
        bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news__arrow {
        right: 12px;
        bottom: 12px;
    }
}

.main-page__news__arrow:hover {
    background-color: rgb(255, 255, 255);
}

.contact-block__tg {
    width: 355px;
    max-width: 100%;
    min-width: min(355px, 100%);
    min-height: 324px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background: #89AA28;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: min(30px, 1.6vw);
}

@media screen and (max-width: 1280px) {
    .contact-block__tg {
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .contact-block__tg {
        width: 100%;
        min-height: 180px;
    }
}

@media screen and (max-width: 450px) {
    .contact-block__tg {
        padding: 16px;
        padding-right: 19px;
        background: #f5f5f7;
        gap: 32px;
    }
}

.contact-block__tg p {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1280px) {
    .contact-block__tg p {
        font-size: 22px;
    }
}

@media screen and (max-width: 450px) {
    .contact-block__tg p {
        color: #1d1d1f;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 132%;
    }
}

.contact-block__tg a {
    border: 1px solid white;
    display: flex;
    padding: min(16px, 0.85vw) min(32px, 1.7vw);
    height: min(70px, 5.5vw);
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: max-content;
    border-radius: 48px;
    transition: 0.3s;
    position: relative;
    z-index: 3;
}


@media (max-width: 1440px) {
    .contact-block__tg a {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .contact-block__tg a {
        height: 55px;
    }
}

@media screen and (max-width: 450px) {
    .contact-block__tg a {
        background: #89AA28;
        border-color: #89AA28;
        font-size: 18px;
        padding: 12px 22px;
        height: 48px;
    }


}

.contact-block__tg a:hover {
    background: white;
    color: #89AA28;
}

.contact-block__tg a:hover svg {
    fill: #89AA28;
}

.contact-block__tg a svg {
    width: 32px;
    height: 32px;
    transition: 0.3s;
    fill: white;
}

@media screen and (max-width: 450px) {
    .contact-block__tg a svg {
        width: 24px;
        height: 24px;
    }
}

.contact-block__tg img {
    position: absolute;
    bottom: -31px;
    right: -23px;
    width: 160px;
    z-index: 2;
}

@media screen and (max-width: 450px) {
    .contact-block__tg img {
        width: 104px;
        bottom: -37px;
        right: -16px;
    }
}

.contact-block__tg::before {
    content: "";
    position: absolute;
    bottom: -172px;
    right: -104px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
    width: 286px;
    height: 286px;
}

@media screen and (max-width: 450px) {
    .contact-block__tg::before {
        background: rgba(137, 170, 40, 0.2);
        width: 150px;
        height: 150px;
        bottom: -91px;
        right: -31px;
    }
}

/*-------------------------------new-styles-------------------------------------------*/
jdiv [class*=orientationRight] {
    margin-bottom: 82px !important;
}

jdiv {
    z-index: 999;
}

/*------------------------------------new-styles-----------------------------------------*/
.catalog-filter__item {
    max-width: 220px;
    min-width: 220px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__item {
        max-width: 348px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-filter__item {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .catalog-filter__item {
        max-width: 100%;
    }
}

.catalog-filter__item.rooms {
    max-width: max-content;
}

.catalog-filter__item.w100 {
    max-width: 100%;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__item.w100 {
        width: 100%;
    }
}

.catalog-filter__item._toggle {
    max-width: max-content;
    margin-top: 42px;
}

@media (max-width: 768px) {
    .catalog-filter__item._toggle {
        margin-top: 0;
    }
}

.catalog-filter__item.wfull {
    max-width: unset;
    width: max-content;
}

@media screen and (max-width: 768px) {
    .catalog-filter__item.wfull {
        width: 100%;
    }
}

.filter-bordered .filter-bordered__btn {
    margin-top: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding: 11px 32px;
    border: 1px solid #89AA28;
    border-radius: 100px;
    color: #89AA28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    transition: color 0.3s, border-color 0.3s, background 0.3s;
    cursor: pointer;
    user-select: none;
    max-width: max-content;
}

@media screen and (max-width: 768px) {
    .filter-bordered .filter-bordered__btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .filter-bordered .filter-bordered__btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .filter-bordered .filter-bordered__btn {
        width: 100%;
        max-width: unset;
        justify-content: center;
    }
}

@media (hover: hover) {
    .filter-bordered .filter-bordered__btn:hover {
        border-color: #718C21;
        color: #718C21;
    }

    .filter-bordered .filter-bordered__btn:hover svg {
        stroke: #718C21;
    }
}

.filter-bordered input:checked ~ .filter-bordered__btn {
    background: #89AA28;
    color: white;
}

@media (hover: hover) {
    .filter-bordered input:checked ~ .filter-bordered__btn:hover {
        border-color: #89AA28;
        color: white;
        background: #718C21;
    }

    .filter-bordered input:checked ~ .filter-bordered__btn:hover svg {
        stroke: white;
    }
}

.filter-bordered input:checked ~ .filter-bordered__btn svg {
    stroke: white;
}

.filter-bordered input:checked ~ .filter-bordered__btn .filter-bordered__checked {
    display: block;
}

.filter-bordered input:checked ~ .filter-bordered__btn .filter-bordered__default {
    display: none;
}

.filter-bordered .filter-bordered__checked {
    display: none;
}

.filter-bordered svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    object-position: center;
    fill: none;
    stroke: #89AA28;
    transition: stroke 0.3s;
}

@media screen and (max-width: 450px) {
    .filter-bordered svg {
        display: none;
    }
}

.range_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 264px;
    padding-bottom: 10px;
}

@media screen and (max-width: 600px) {
    .range_container {
        max-width: 100%;
    }
}

.range_container .sliders_control {
    position: relative;
}

@media screen and (max-width: 600px) {
    .range_container .sliders_control {
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .range_container .sliders_control {
        margin-bottom: 8px;
    }
}

.form_control-wrap {
    display: flex;
    gap: 16px;
}


.form_control-slide {
    width: 220px;
}


.range_container .form_control {
    position: relative;
    display: flex;
    gap: 17px;
    color: #635a5a;
    width: 100%;
    margin-bottom: 12px;
}

@media screen and (max-width: 600px) {
    .range_container .form_control {
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .range_container .form_control {
        margin-bottom: 25px;
    }
}

.range_container .form_control::after {
    content: "";
    height: 24px;
    width: 1px;
    background: rgba(112, 112, 112, 0.1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.range_container .form_control_container {
    width: calc(100% - 8.5px);
}


.range_container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #89AA28;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #89AA28;
}

.range_container input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #89AA28;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #89AA28;
    cursor: pointer;
}

.range_container input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

.range_container input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #89AA28, 0 0 9px #89AA28;
    -webkit-box-shadow: inset 0 0 3px #89AA28, 0 0 9px #89AA28;
}

.range_container input[type=number] {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border: none;
    height: 48px;
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    padding: 0 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.range_container input[type=number]::-webkit-inner-spin-button,
.range_container input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.range_container input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: rgba(138, 147, 166, 0.8509803922);
    pointer-events: none;
}

.range_container input[type=range].fromSlider {
    height: 0;
    z-index: 1;
}

.price label {
    display: flex;
    position: relative;
    z-index: 2;
}

.price label span {
    border-radius: unset;
    border: unset;
}

.price .price__final {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 8px;
    padding: 0;
    display: flex;
    align-items: baseline;
}

.price .price__final::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%2389AA28'/%3E%3C/svg%3E");
    width: 18px;
    min-width: 18px;
    height: 18px;
    background-size: 24px;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
}

.price .price__option_text {
    padding: 12px 16px;
    margin-bottom: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

.price .price__option {
    margin-bottom: 0;
    margin-right: 0;
}

.price .price__option input:checked ~ span {
    background: #f5f5f5;
}

.price__select {
    display: inline-block;
    position: relative;
}

.price__drop {
    position: absolute;
    background: white;
    margin: 2px 0 0;
    padding: 0;
    background: #fff;
    margin-top: 1px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    top: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    transition: 0.3s;
    border-radius: 20px;
    overflow: hidden;
}

.price__drop input {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}

.show-drop .price__drop {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 2;
}

.show-drop .price__final::after {
    transform: scale(1, -1);
}

.filter-cont {
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .filter-cont {
        margin-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-filter {
        max-width: calc(100vw - 32px);
        overflow: hidden;
        padding-bottom: 60px;
        margin-bottom: -60px;
    }
}


.catalog-sides {
    display: flex;
    flex-direction: column;
    min-width: min(264px, 100vw - 64px);
    position: relative;
    max-height: max-content;
}

.catalog-sides.drop .catalog-sides__trigger-arr {
    transform: scale(1, -1);
}

.catalog-sides.drop .catalog-sides__drop {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 50;
}

.catalog-sides .catalog-sides__trigger {
    border-radius: 1000px;
    border: 1px solid #c3c3c3;
    padding: 0 16px;
    height: 48px;
    max-width: 348px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .catalog-sides .catalog-sides__trigger {
        max-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .catalog-sides .catalog-sides__trigger {
        max-width: 100%;
    }
}

.catalog-sides .catalog-sides__trigger .catalog-sides__trigger-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    cursor: pointer;
    color: #8b8b8b;
}

.catalog-sides .catalog-sides__trigger.changed .catalog-sides__trigger-text {
    color: black;
}

.catalog-sides .catalog-sides__trigger .catalog-sides__trigger-arr {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

.catalog-sides .catalog-sides__trigger .catalog-sides__trigger-arr svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #1d1d1f;
}

.catalog-sides__drop {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    transition: opacity 0.3s;
    left: 0;
    top: calc(100% + 4px);
    user-select: none;
}

.catalog-sides__drop_inner {
    position: relative;
    width: min(264px, 100vw - 64px);
    border-radius: 20px;
    background: #fff;
    min-height: 0px;
}

.catalog-sides__drop_inner .catalog-sides__vector {
    width: 100%;
    padding: 4px 10px 0;
    border: 1px solid rgba(112, 112, 112, 0.1);
    border-bottom: unset;
    border-radius: 20px 20px 0 0;
}

.catalog-sides__drop_inner .catalog-sides__vector svg {
    width: 100%;
    height: 216px;
    display: block;
}

.catalog-sides__drop_inner .catalog-sides__img {
    position: absolute;
    padding: 16px;
    z-index: 2;
    cursor: pointer;
}

.catalog-sides__drop_inner .catalog-sides__img img {
    display: block;
    width: 35px;
    height: 35px;
    object-fit: contain;
    object-position: center;
}

.catalog-sides__drop_inner .northwest {
    left: 32px;
    top: 15px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    /*border-radius: 100% 0 0 0;*/
}

@media (hover: hover) {
    .catalog-sides__drop_inner .northwest:hover ~ .catalog-sides__vector svg .sector1 {
        fill: #fff6f0;
    }

    .catalog-sides__drop_inner .northwest:hover ~ .catalog-sides__vector svg .NW-text {
        fill: #ffb580;
        fill-opacity: 1;
    }

    .catalog-sides__drop_inner .northwest:hover ~ .catalog-sides__bottom .catalog-sides__default {
        opacity: 0;
    }

    .catalog-sides__drop_inner .northwest:hover ~ .catalog-sides__bottom .sector1-block {
        grid-template-rows: 1fr;
        opacity: 1;
        z-index: 3;
    }
}

.catalog-sides__drop_inner .northwest + input:checked ~ .catalog-sides__vector svg .sector1 {
    fill: #fff6f0;
}

.catalog-sides__drop_inner .northwest + input:checked ~ .catalog-sides__vector svg .NW-text {
    fill: #ffb580;
    fill-opacity: 1;
}

.catalog-sides__drop_inner .northwest + input:checked ~ .catalog-sides__bottom .catalog-sides__default {
    opacity: 0;
}

.catalog-sides__drop_inner .northwest + input:checked ~ .catalog-sides__bottom .sector1-block {
    grid-template-rows: 1fr;
    opacity: 1;
    z-index: 2;
}

.catalog-sides__drop_inner .northeast {
    right: 33px;
    top: 15px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    /*border-radius: 0 100% 0 0;*/
}

@media (hover: hover) {
    .catalog-sides__drop_inner .northeast:hover {
        z-index: 3;
    }

    .catalog-sides__drop_inner .northeast:hover ~ .catalog-sides__vector svg .sector2 {
        fill: rgb(245, 250, 253);
    }

    .catalog-sides__drop_inner .northeast:hover ~ .catalog-sides__vector svg .NE-text {
        fill: rgb(152, 212, 255);
        fill-opacity: 1;
    }

    .catalog-sides__drop_inner .northeast:hover ~ .catalog-sides__bottom .catalog-sides__default {
        opacity: 0;
    }

    .catalog-sides__drop_inner .northeast:hover ~ .catalog-sides__bottom .sector2-block {
        grid-template-rows: 1fr;
        opacity: 1;
        z-index: 3;
    }
}

.catalog-sides__drop_inner .northeast + input:checked ~ .catalog-sides__vector svg .sector2 {
    fill: rgb(245, 250, 253);
}

.catalog-sides__drop_inner .northeast + input:checked ~ .catalog-sides__vector svg .NE-text {
    fill: rgb(152, 212, 255);
    fill-opacity: 1;
}

.catalog-sides__drop_inner .northeast + input:checked ~ .catalog-sides__bottom .catalog-sides__default {
    opacity: 0;
}

.catalog-sides__drop_inner .northeast + input:checked ~ .catalog-sides__bottom .sector2-block {
    grid-template-rows: 1fr;
    opacity: 1;
    z-index: 2;
}

.catalog-sides__drop_inner .southeast {
    right: 32px;
    top: 115px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /*border-radius: 0 0 100% 0;*/
}

@media (hover: hover) {
    .catalog-sides__drop_inner .southeast:hover ~ .catalog-sides__vector svg .sector3 {
        fill: rgb(255, 251, 235);
    }

    .catalog-sides__drop_inner .southeast:hover ~ .catalog-sides__vector svg .SE-text {
        fill: rgb(255, 220, 94);
        fill-opacity: 1;
    }

    .catalog-sides__drop_inner .southeast:hover ~ .catalog-sides__bottom {
        z-index: 3;
    }

    .catalog-sides__drop_inner .southeast:hover ~ .catalog-sides__bottom .catalog-sides__default {
        opacity: 0;
    }

    .catalog-sides__drop_inner .southeast:hover ~ .catalog-sides__bottom .sector3-block {
        grid-template-rows: 1fr;
        opacity: 1;
        z-index: 3;
    }
}

.catalog-sides__drop_inner .southeast + input:checked ~ .catalog-sides__vector svg .sector3 {
    fill: rgb(255, 251, 235);
}

.catalog-sides__drop_inner .southeast + input:checked ~ .catalog-sides__vector svg .SE-text {
    fill: rgb(255, 220, 94);
    fill-opacity: 1;
}

.catalog-sides__drop_inner .southeast + input:checked ~ .catalog-sides__bottom {
    z-index: 3;
}

.catalog-sides__drop_inner .southeast + input:checked ~ .catalog-sides__bottom .catalog-sides__default {
    opacity: 0;
}

.catalog-sides__drop_inner .southeast + input:checked ~ .catalog-sides__bottom .sector3-block {
    grid-template-rows: 1fr;
    opacity: 1;
    z-index: 2;
}

.catalog-sides__drop_inner .southwest {
    left: 32px;
    top: 115px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    /*border-radius: 0 0 0 100%;*/
}

@media (hover: hover) {
    .catalog-sides__drop_inner .southwest:hover ~ .catalog-sides__vector svg .sector4 {
        fill: rgb(255, 247, 225);
    }

    .catalog-sides__drop_inner .southwest:hover ~ .catalog-sides__vector svg .SW-text {
        fill: rgb(255, 205, 80);
        fill-opacity: 1;
    }

    .catalog-sides__drop_inner .southwest:hover ~ .catalog-sides__bottom .catalog-sides__default {
        opacity: 0;
    }

    .catalog-sides__drop_inner .southwest:hover ~ .catalog-sides__bottom .sector4-block {
        grid-template-rows: 1fr;
        opacity: 1;
        z-index: 3;
    }
}

.catalog-sides__drop_inner .southwest + input:checked ~ .catalog-sides__vector svg .sector4 {
    fill: rgb(255, 247, 225);
}

.catalog-sides__drop_inner .southwest + input:checked ~ .catalog-sides__vector svg .SW-text {
    fill: rgb(255, 205, 80);
    fill-opacity: 1;
}

.catalog-sides__drop_inner .southwest + input:checked ~ .catalog-sides__bottom .catalog-sides__default {
    opacity: 0;
}

.catalog-sides__drop_inner .southwest + input:checked ~ .catalog-sides__bottom .sector4-block {
    grid-template-rows: 1fr;
    opacity: 1;
    z-index: 2;
}

.catalog-sides__drop_inner .catalog-sides__bottom {
    width: 100%;
    background: white;
    border-radius: 0 0 20px 20px;
    --h: 86px;
    min-height: max(86px, var(--h));
    position: relative;
    border: 1px solid rgba(112, 112, 112, 0.1);
    border-top: unset;
}

.catalog-sides__drop_inner .catalog-sides__default {
    color: var(--text-icon-dark-primary, #1d1d1f);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.1s;
}


.asd.northwest {
    height: 35px;
    width: 35px;
    background-image: url("/local/templates/new_template_newbor/css/./../img/northwest.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.asd.northeast {
    height: 35px;
    width: 35px;
    background-image: url("/local/templates/new_template_newbor/css/./../img/northeast.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.asd.southeast {
    height: 35px;
    width: 35px;
    background-image: url("/local/templates/new_template_newbor/css/./../img/southeast.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.asd.southwest {
    height: 35px;
    width: 35px;
    background-image: url("/local/templates/new_template_newbor/css/./../img/southwest.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.sector-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-height: 0px;
}

.sector-block {
    opacity: 0;
    position: relative;
    top: -1px;
    padding: 0 16px 16px;
    position: absolute;
    background: white;
    border-radius: 0 0 20px 20px;
    border: 1px solid rgba(112, 112, 112, 0.1);
    border-top: unset;
    width: calc(100% + 2px);
    left: -1px;
    padding-top: 15px;
    min-height: calc(100% + 1px);
}

.sector-block.show-more .sector-text__btn .default {
    display: none;
}

.sector-block.show-more .sector-text__btn .hide {
    display: block;
}

.sector-block.show-more .sector-hidden {
    display: block;
}

.sector-title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sector-hidden {
    color: var(--text-icon-dark-secondary, #707070);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: none;
}

.sector-text__btn {
    color: var(--Primary-Main, #89aa28);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
}

.sector-text__btn span {
    text-decoration: underline;
}

.sector-text__btn .hide {
    display: none;
}

.catalog-filter.show-filters .show-more-filters .default {
    display: none;
}

.catalog-filter.show-filters .show-more-filters .hide {
    display: block;
}

.catalog-filter__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 600px) {
    .catalog-filter__head .show-more-filters {
        display: none;
    }
}

@media (min-width: 600px) {
    .btn-filter-mob {
        display: none !important;
    }
}

.btn-filter-mob:after {
    display: none !important;
}

.filter-box__title {
    font-weight: 700;
}

.catalog-filter__container {
    display: flex;
    flex-wrap: wrap;
    gap: min(35px, 1.9vw) min(40px, 2.1vw);
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .catalog-filter__container {
        gap: 40px 30px;
    }
}

@media screen and (max-width: 1024px) {
    .catalog-filter__container {
        gap: 30px 20px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-filter__container {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .catalog-filter__container {
        gap: 23px;
    }
}

.catalog-filter__item_title {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 12px;
    display: block;
}

@media screen and (max-width: 1280px) {
    .catalog-filter__item_title {
        font-size: 19px;
    }
}

@media screen and (max-width: 1024px) {
    .catalog-filter__item_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .catalog-filter__item_title {
        margin-bottom: 8px;
        font-weight: 700;
    }
}

.catalog-filter__rounded {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media screen and (max-width: 450px) {
    .catalog-filter__rounded {
        gap: 10px;
    }
}

.catalog-filter__rounded label {
    cursor: pointer;
}

.catalog-filter__rounded label:hover .catalog-filter__rounded_check {
    background: rgba(137, 170, 40, 0.4);
}

.catalog-filter__rounded .not-round .catalog-filter__rounded_check {
    width: auto;
}

.catalog-filter__rounded input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    left: -1px;
}

.catalog-filter__rounded input:checked ~ .catalog-filter__rounded_check {
    background: #89AA28;
    border-color: #89AA28;
    color: white;
}

.catalog-filter__rounded_check {
    border-radius: 48px;
    cursor: pointer;
    padding: 14px 20px;
    border: 1px solid #c3c3c3;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.show-filters .form-row {
    width: 100%;
    flex-grow: unset;
}

.show-filters .form-row .catalog-filter__item {
    max-width: min(348px, 50%);
}

.show-filters .form-row .catalog-filter__item.populars {
    max-width: min(50% - 20px, 500px);
}

@media screen and (max-width: 1024px) {
    .show-filters .form-row .catalog-filter__item.populars {
        max-width: 100%;
        width: 100%;
    }
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: min(32px, 1.7vw) min(40px, 2.1vw);
    flex-grow: 1;
    align-items: flex-end;
}

@media screen and (max-width: 1280px) {
    .form-row {
        gap: 40px 30px;
    }
}

@media screen and (max-width: 1024px) {
    .form-row {
        gap: 30px 20px;
    }
}

@media screen and (max-width: 450px) {
    .form-row {
        gap: 23px;
    }
}

.form-row .catalog-filter__item {
    max-width: 100%;
    align-self: flex-start;
}

@media screen and (max-width: 450px) {
    .item-check {
        margin-top: 8px;
    }
}

.multiselect {
    position: relative;
    max-width: min(273px, 14.2vw);
    min-width: 220px;
}

@media screen and (max-width: 1280px) {
    .multiselect {
        max-width: 348px;
    }
}

@media screen and (max-width: 768px) {
    .multiselect {
        max-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .multiselect {
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .multiselect {
        margin-bottom: 10px;
    }
}

.multiselect .multiselect__option {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: unset;
    border-radius: unset;
    max-width: unset;
    margin: 0;
    padding: 12px 16px;
    padding-left: 44px;
    cursor: pointer;
    position: relative;
}

.multiselect .multiselect__option input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -1px;
    z-index: -1;
}

.multiselect .multiselect__option.selected .multiselect__option_checkbox {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%2389AA28'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.multiselect .multiselect__option_text {
    padding: 0;
    border-radius: unset;
    border: unset;
    cursor: pointer;
}

.multiselect .multiselect__option_checkbox {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='%23C3C3C3'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 16px;
    top: 12px;
    border: unset;
    border-radius: unset;
    margin-right: 0;
    cursor: pointer;
}

.multiselect .multiselect__trigger_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    cursor: pointer;
    color: #8b8b8b;
}

.multiselect.changed .multiselect__trigger_text {
    color: black;
}

.multiselect .multiselect__trigger_arr {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

.multiselect .multiselect__trigger_arr svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #1d1d1f;
}

.multiselect .multiselect__dropdown_inner {
    margin: 4px 0;
    margin-right: 10px;
}

.multiselect .multiselect__trigger {
    border-radius: 1000px;
    border: 1px solid #c3c3c3;
    padding: 0 16px;
    height: 48px;
    max-width: 348px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .multiselect .multiselect__trigger {
        max-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .multiselect .multiselect__trigger {
        max-width: 100%;
    }
}

.multiselect .multiselect__options {
    background: #fff;
    box-shadow: unset;
    border: unset;
    overflow: hidden;
    border-radius: 20px;
    min-height: 0;
    transition: 0.3s;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    margin: 4px 10px 10px;
    max-height: 220px;
    overflow-y: auto;
}

.multiselect .multiselect__options::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}

.multiselect .multiselect__options::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.multiselect .multiselect__options::-webkit-scrollbar-corner {
    background: transparent;
}

@media screen and (max-width: 600px) {
    .multiselect .multiselect__options {
        max-width: calc(100% + 20px);
    }
}

.moz .multiselect__options {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.show .all-objects__hide {
    display: block;
}

.show.all-objects-house {
    display: none;
}

.show .all-objects__show {
    display: none;
}

.all-objects__hide {
    display: none;
}

.multiselect__dropdown {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: opacity 0.2s;
    left: -10px;
    width: calc(100% + 20px);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.show-multiselect.multiselect {
    z-index: 100;
}

.show-multiselect .multiselect__dropdown {
    grid-template-rows: 1fr;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
}

.show-multiselect .multiselect__trigger_arr {
    transform: rotate(-180deg);
}

.catalog-filter__checks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px min(40px, 2.1vw);
}

@media screen and (max-width: 450px) {
    .catalog-filter__checks {
        gap: 14px 10px;
        padding-top: 4px;
    }
}

.catalog-filter__checks.btns {
    gap: 8px;
}

.catalog-filter__check.btn span {
    padding: 11px 20px;
    margin: 0;
    border-radius: 100px;
    border: 1px solid var(--stroke-line-light, #c3c3c3);
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color 0.3s, border 0.3s, background 0.3s;
}

@media (hover: hover) {
    .catalog-filter__check.btn span:hover {
        color: #718C21;
    }
}

.catalog-filter__check.btn span::before {
    content: none;
}

.catalog-filter__check.btn input:checked ~ span {
    border-color: #89AA28;
    background: #89AA28;
    color: white;
}

@media (hover: hover) {
    .catalog-filter__check.btn input:checked ~ span:hover {
        background-color: #718C21;
        border-color: #718C21;
    }
}

.catalog-filter__check input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    z-index: -1;
    position: absolute;
    left: -1px;
}

.catalog-filter__check input:checked ~ span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%2389AA28'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.catalog-filter__check span {
    padding: 0;
    background: unset;
    border-radius: inherit;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    margin-right: 16px;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    text-align: left;
}

.catalog-filter__check span::before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='%23C3C3C3'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 2px;
}

.btn-green {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #89AA28;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
}

.btn-green span {
    cursor: pointer;
}

.btn-green:hover {
    background: #718C21;
}

.btn-green:active {
    background: #94B533;
}

.btn-green.loading {
    position: relative;
    pointer-events: none;
    cursor: default;
    background: #c3c3c3;
    color: #8b8b8b;
}

.btn-green.loading svg {
    fill: #8b8b8b;
}

.btn-green.loading::before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    position: absolute;
    border: 3px solid white;
    border-right: 3px solid transparent;
    top: calc(50% - 12px);
    left: 10px;
    transform-origin: center;
    animation: rotate 1s infinite;
}

.btn-green svg {
    width: 32px;
    height: 32px;
    fill: #fff;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.show-more-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    gap: 6px;
    color: #89aa28;
    transition: 0.3s;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    border: 1px solid #89AA28;
    border-radius: 100px;
    padding: 12px 23px;
    cursor: pointer;
}

@media screen and (max-width: 450px) {
    .show-more-filters {
        width: 100%;
    }
}

@media (hover: hover) {
    .show-more-filters:hover {
        background: #718C21;
        color: white;
    }

    .show-more-filters:hover::after {
        filter: brightness(0) invert(1);
    }
}

.show-more-filters::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9.5L12 14.5L7 9.5' stroke='%2389AA28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    transition: filter 0.3s;
}

.show-more-filters .hide {
    display: none;
}

.show-more-filters span {
    position: relative;
    cursor: pointer;
}

.filter-btns__left {
    display: flex;
    gap: 12px 32px;
}

@media screen and (max-width: 900px) {
    .filter-btns__left {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.filter-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    gap: 16px 32px;
    max-width: 100%;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-top: -10px;
}

@media screen and (max-width: 1280px) {
    .filter-btns {
        margin-top: 10px;
    }
}

@media screen and (max-width: 900px) {
    .filter-btns {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .filter-btns {
        gap: 12px 10px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .filter-btns {
        margin-top: -8px;
        gap: 32px 14px;
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 60px;
        position: relative;
    }
}

.filter-btns .btn-bordered,
.filter-btns .btn-green {
    padding-left: 32px;
    padding-right: 32px;
}

@media screen and (max-width: 450px) {
    .filter-btns .btn-bordered,
    .filter-btns .btn-green {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.filter-btns .del_filter {
    color: var(--Primary-Main, #89aa28);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    transition: color 0.3s;
}

@media screen and (max-width: 450px) {
    .filter-btns .del_filter {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: max-content;
        max-width: 100%;
    }
}

.filter-btns .del_filter path {
    transition: fill 0.3s;
}

@media (hover: hover) {
    .filter-btns .del_filter:hover {
        color: #718C21;
    }

    .filter-btns .del_filter:hover path {
        fill: #718C21;
    }
}

.filter-btns.hide-btn .show-more-filters::after {
    transform: scale(1, -1);
}

.filter-btns.hide-btn .show-more-filters .default {
    display: none;
}

.filter-btns.hide-btn .show-more-filters .hide {
    display: block;
}

@media screen and (max-width: 450px) {
    .filter-btns.hide-btn .show-more-filters .hide span {
        display: none;
    }
}

.btn-bordered {
    color: #89AA28;
    font-size: min(18px, 1.2vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: transparent;
    border: 1px solid #89AA28;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 22px;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .btn-bordered {
        font-size: 18px;
    }
}

.btn-bordered span {
    cursor: pointer;
}

.btn-bordered:hover {
    background: #94b533;
    color: white;
}

.hidden-filters {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    width: 0px;
}

.hidden-filters.show {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    position: relative;
}

.hidden-filters.catalog-filter__item {
    min-width: 264px;
}

.hidden-filters .multiselect {
    min-width: 264px;
}

.links-ind {
    padding: 30px;
}

.links-ind ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.custom-s {
    position: relative;
}

.custom-s__btn {
    min-width: 220px;
    border: 1px solid #c3c3c3;
    border-radius: 1000px;
    padding: 10px 16px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.custom-s:not(._changed) > .custom-s__btn {
    color: #8b8b8b;
}

.custom-s__value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 100px;
    max-width: 156px;
    text-align: left;
}

.custom-s__arrow {
    width: 20px;
    height: 20px;
}

.custom-s__arrow svg {
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}

.custom-s__options {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 12px 16px;
    z-index: 2;
    width: max-content;
    min-width: 100%;
    display: none;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
}

.custom-s._show .custom-s__options {
    display: flex;
}

.custom-s._show .custom-s__arrow svg {
    transform: rotate(-180deg);
}

.custom-s__option {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.custom-s__option input {
    display: none;
}

.custom-s__option input:checked ~ .custom-s__option-icon {
    background-color: #89aa28;
    border-color: #89aa28;
}

.custom-s__option input:checked ~ .custom-s__option-icon svg {
    opacity: 1;
    stroke: #fff;
}

.custom-s__option-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 10px;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
}

.custom-s__option-icon svg {
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.1s;
}


#viewport {
    display: none;
}

#canvas {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 10000;
    pointer-events: none;
    display: none;
}

.header-mob-bg,
.header__drop_bg,
.header-bg {
    display: none;
}

.header {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-left: 205px;
    padding-right: 205px;
    width: 100%;
    z-index: 120;
    font-family: "Open Sans", sans-serif;
    transition: transform 0.5s, background 0.3s;
}


@media (max-width: 1440px) {
    .header {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .header {
        padding: 5px 20px;
    }
}

@media screen and (max-width: 600px) {
    .header {
        padding: 12px 16px;
    }
}

@media screen and (max-width: 450px) {
    .header {
        padding: 12px 16px 0;
    }
}

.header.gray {
    background: #f5f5f7;
    box-shadow: 0px 0px 9px 0px rgba(0, 22, 6, 0.22);
}

@media screen and (max-width: 1024px) {
    .header.gray {
        background: white;
    }
}

.header.hide-header {
    transform: translateY(-108%);
}

.header__inner {
    display: flex;
    flex-direction: column;
    max-width: 1510px;
    width: 100%;
    border-radius: 20px;
    background: #f5f5f7;
    padding-left: min(40px, 2.085vw);
    padding-right: min(40px, 2.085vw);
    z-index: 2;
    position: relative;
}

@media (max-width: 1600px) {
    .header__inner {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
}

@media (max-width: 1440px) {
    .header__inner {
        padding-left: min(40px, 2.085vw);
        padding-right: min(40px, 2.085vw);
    }
}

@media screen and (max-width: 1024px) {
    .header__inner {
        border-radius: 10px;
        padding: 8px 12px;
        position: static;
    }
}

.header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .header__top {
        padding: 10px 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__top {
        padding: 0;
    }
}

.header__top_info {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

@media screen and (max-width: 1024px) {
    .header__top_info {
        order: 3;
    }
}

@media screen and (max-width: 768px) {
    .header__top_info {
        gap: 20px;
    }
}

@media screen and (max-width: 450px) {
    .header__top_info {
        align-items: center;
    }
}

.header__top_side {
    display: flex;
    gap: 24px;
    align-items: flex-end;
}

@media screen and (max-width: 1024px) {
    .header__top_side {
        order: 2;
        flex-grow: 1;
        justify-content: flex-end;
        align-items: center;
        margin-right: 40px;
    }

    .header__top_side .header__drop_soc,
    .header__top_side .header__drop_contact,
    .header__top_side .header__drop_office,
    .header__top_info .header__contact {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .header__top_side {
        margin-right: 20px;
    }
}

@media screen and (max-width: 450px) {
    .header__top_side {
        margin-right: 0;
    }
}

.header__contact {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

@media screen and (max-width: 450px) {
    .header__contact {
        align-items: center;
    }
}

.header__compare,
.header__fav {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .header__compare,
    .header__fav {
        font-size: min(14px, 3.9vw);
        padding: 3px 0;
    }
}

@media (max-width: 768px) {

    .header__compare span,
    .header__fav span {
        display: none;
    }
}

.header__compare:hover,
.header__fav:hover {
    color: #718C21;
}

.header__compare:hover svg,
.header__fav:hover svg {
    stroke: #718C21;
}

.header__compare:active,
.header__fav:active {
    color: #94B533;
}

.header__compare:active svg,
.header__fav:active svg {
    stroke: #94B533;
}

.header__compare svg,
.header__fav svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke-width: 1.5;
    stroke: rgb(29, 29, 31);
    transition: 0.3s;
}

@media (max-width: 768px) {
    .header__compare svg,
    .header__fav svg{
        width: 28px;
        height: 28px;
    }
}

.header__compare .header__compare_num,
.header__compare .header__fav_num,
.header__fav .header__compare_num,
.header__fav .header__fav_num {
    position: absolute;
    left: calc(50% + 5px);
    top: 0;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #89AA28;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__contact_tel {
    color: #1d1d1f;
    font-size: min(16px, 1.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1785px) {
    .header__contact_tel {
        font-size: 16px;
    }
}

@media screen and (max-width: 1280px) {
    .header__contact_tel {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .header__contact_tel {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .header__contact_tel {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .header__contact_tel {
        font-size: 0px;
        display: block;
        width: min(32px, 8.9vw);
        height: min(32px, 8.9vw);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M11.9823 17.5933C12.9236 19.5371 14.4953 21.1048 16.4415 22.0411C16.5851 22.109 16.7439 22.1385 16.9022 22.1264C17.0606 22.1144 17.2131 22.0613 17.3448 21.9725L20.2033 20.063C20.3296 19.9773 20.4755 19.9251 20.6274 19.9111C20.7794 19.8971 20.9324 19.9218 21.0722 19.983L26.4233 22.2812C26.6062 22.3573 26.759 22.4914 26.8582 22.6629C26.9573 22.8344 26.9974 23.0337 26.9721 23.2302C26.8025 24.5539 26.1564 25.7705 25.1546 26.6523C24.1529 27.5341 22.8642 28.0207 21.5296 28.021C17.4055 28.021 13.4502 26.3827 10.534 23.4665C7.6178 20.5503 5.97949 16.595 5.97949 12.4709C5.97979 11.1363 6.46636 9.84759 7.34816 8.84584C8.22995 7.84409 9.44655 7.19796 10.7703 7.02836C10.9668 7.00312 11.1661 7.04317 11.3376 7.14234C11.5091 7.24151 11.6432 7.3943 11.7193 7.57719L14.0175 12.9397C14.0773 13.0773 14.1023 13.2275 14.0903 13.377C14.0784 13.5266 14.0298 13.6709 13.9489 13.7972L12.0395 16.7014C11.9544 16.8328 11.9046 16.9838 11.8945 17.1399C11.8845 17.296 11.9147 17.4521 11.9823 17.5933V17.5933Z' stroke='%23707070' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
    }
}

.header__contact_tel:hover {
    color: #89AA28;
}

.header__contact_callback {
    position: relative;
    color: #89AA28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1785px) {
    .header__contact_callback {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .header__contact_callback {
        display: none;
    }
}

.header__contact_callback::after {
    width: 100%;
    height: 1px;
    background: #707070;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    transform-origin: left;
    transition: transform 0.3s;
}

.header__contact_callback:hover {
    color: #718C21;
}

.header__address {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1785px) {
    .header__address {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .header__address {
        display: none;
    }
}

.header__address a {
    color: #8b8b8b;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

.header__address a:hover {
    color: #89AA28;
}

.header__bottom {
    border-top: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    padding: 15.5px 0;
    z-index: 2;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .header__bottom {
        padding: 6px 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__bottom {
        display: none;
    }
}

.header__burger {
    display: none;
}

@media screen and (max-width: 1024px) {
    .header__burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
        border-radius: 5px;
        align-self: center;
        transition: background-color 0.3s;
        background-color: #89AA28;
    }
}

@media screen and (max-width: 450px) {
    .header__burger {
        width: min(32px, 8.9vw);
        min-width: min(32px, 8.9vw);
        height: min(32px, 8.9vw);
        background: transparent;
    }
}

.header__burger .header__burger_close {
    display: none;
}

.header__burger .header__burger_ico path {
    stroke: white;
}

@media screen and (max-width: 450px) {
    .header__burger .header__burger_ico path {
        stroke: #89AA28;
    }
}

@media (hover: hover) {
    .header__burger:hover {
        background-color: #94B533;
    }
}

.open-burger.header {
    transform: translateY(0);
}

@media screen and (max-width: 1024px) {
    .open-burger.header {
        background: white;
    }
}

@media screen and (max-width: 1024px) {
    .open-burger.header .header__inner {
        background: white;
    }
}

@media screen and (max-width: 1024px) {
    .open-burger.header .header__burger {
        background-color: rgba(112, 112, 112, 0.1);
        padding: 0;
        background-size: 24px 24px;
    }
}

@media screen and (max-width: 450px) {
    .open-burger.header .header__burger {
        background: transparent;
    }
}

.open-burger.header .header__burger .header__burger_close {
    display: block;
}

@media screen and (max-width: 450px) {
    .open-burger.header .header__burger .header__burger_close {
        width: min(32px, 8.9vw);
        min-width: min(32px, 8.9vw);
        height: min(32px, 8.9vw);
    }
}

.open-burger.header .header__burger .header__burger_ico {
    display: none;
}

.header__trigger {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
}

.header__trigger_btn {
    margin-left: min(24px, 1.25vw);
    margin-right: min(24px, 1.25vw);

}
.header__trigger_btn.header__nav_link {
    align-items: flex-end;
}
body:has(.main-banner) .header:not(.gray) .header__trigger_btn:not(:hover) .header__nav_trigger {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%23fff'/%3E%3C/svg%3E");
}

.header.open-burger .header__trigger_btn.header__nav_link{
    color: #89AA28;
}
.header__trigger_btn:hover .header__nav_trigger, .header.open-burger .header__nav_trigger{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%2389AA28'/%3E%3C/svg%3E");
}




.header__logo {
    width: 86px;
    height: 52px;
}

@media screen and (max-width: 1024px) {
    .header__logo {
        order: 1;
    }
}

@media screen and (max-width: 600px) {
    .header__logo {
        width: 50px;
        height: 32px;
    }
}

.header__logo img,
.header__logo svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header__nav {
    display: flex;
    align-items: center;
    gap: min(24px, 1.25vw);
}

@media (max-width: 1701px) {
    .header__nav {
        gap: 11px;
    }
}

@media (max-width: 1440px) {
    .header__nav {
        gap: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .header__nav {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .header__nav {
        gap: 5px 10px;
    }
}

@media screen and (max-width: 450px) {
    .header__nav {
        gap: 0;
    }
}

@media (max-width: 1600px) {
    .header__nav_item.green {
        width: 90px;
    }
}

@media (max-width: 1440px) {
    .header__nav_item.green {
        width: unset;
    }
}

.header__nav_item.green .header__nav_link {
    padding: 8px min(14px, 0.84vw);
    background: #89AA28;
    color: white;
    border-radius: 8px;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .header__nav_item.green .header__nav_link {
        padding: 6px 12px;
    }
}

.header__nav_item.green .header__nav_link:hover {
    color: white;
    background: #718C21;
}

.header__nav_item {
    display: flex;
    align-items: flex-end;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .header__nav_item {
        width: calc((100% - 30px) / 4);
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .header__nav_item {
        width: calc((100% - 20px) / 3);
        min-height: 36px;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .header__nav_item {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 450px) {
    .header__nav_item {
        width: 100%;
        min-height: unset;
        padding-top: 15.5px;
        padding-bottom: 15.5px;
        border-top: 1px solid #c3c3c3;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_item:nth-child(1) {
        border-top: unset;
        padding-top: 14px;
    }
}

.header__nav_item svg {
    fill: none;
    stroke-width: 1.5;
    stroke: rgb(29, 29, 31);
}

.mobile-header-trigger {
    z-index: 2;
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger {
        display: block;
    }
}

.mobile-header-trigger.open .header__nav_sub {
    opacity: 1;
    height: auto;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger.open .header__nav_sub-wrap {
        grid-template-rows: 1fr;
    }
}

.mobile-header-trigger.open .header__nav_link:focus,
.mobile-header-trigger.open .header__nav_link:hover,
.mobile-header-trigger.open .header__nav_link:active {
    color: #89AA28;
}

.mobile-header-trigger.open .header__nav_link::after {
    transform: scale(1, -1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='white'/%3E%3C/svg%3E");
}

.mobile-header-trigger .header__nav_link {
    position: relative;
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger .header__nav_link {
        padding-right: 16px;
    }
}

.mobile-header-trigger .header__nav_link:focus,
.mobile-header-trigger .header__nav_link:hover,
.mobile-header-trigger .header__nav_link:active {
    color: #1d1d1f;
}

.mobile-header-trigger .header__nav_link::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%23707070'/%3E%3C/svg%3E");
    width: 8px;
    height: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -12px;
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger .header__nav_link::after {
        right: 4px;
    }
}

.header__nav_sub {
    position: absolute;
    top: calc(100% + 10px);
    left: -15px;
    background: white;
    padding: 4px 0;
    border-radius: 20px;
    box-shadow: 0px 0px 9px 0px rgba(0, 22, 6, 0.22);
    opacity: 0;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-20px);
    transition: opacity 0.3s, transform 0.3s;
}

@media screen and (max-width: 450px) {
    .header__nav_sub {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
        height: auto;
        min-height: 0;
        position: static;
        padding: 0;
        box-shadow: unset;
        border-radius: unset;
        transform: translateY(0);
        min-height: 0;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_sub-wrap {
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: 0.3s;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_sub-item:nth-child(1) {
        padding-top: 7px;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_sub-item:nth-last-child(1) .header__nav_sub-link {
        padding-bottom: 0;
    }
}

.header__nav_sub-link {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 16px;
}

@media screen and (max-width: 450px) {
    .header__nav_sub-link {
        padding: 10px 24px;
    }
}

.header__nav_item-trigger {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header__nav_item-trigger .header__nav_link {
    width: max-content;
}

.header__nav_item-trigger:hover .header-bottom__dropdown {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

.header__nav_item-trigger:hover .header__nav_trigger {
    transform: scale(1, -1) translateY(1px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%2389AA28'/%3E%3C/svg%3E");
}

.header-bottom__dropdown {
    position: absolute;
    top: 98%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    left: -16px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(-15px);
    padding-top: 4px;
    padding-bottom: 4px;
}

.header-bottom__dropdown-item {
    min-width: max-content;
}

.header-bottom__dropdown-item a {
    color: #1d1d1f;
    transition: 0.3s;
    padding: 12px 16px;
    width: 100%;
}

.header-bottom__dropdown-item a:hover {
    background: rgba(112, 112, 112, 0.1019607843);
}

.header-bottom__dropdown-item a:active {
    background-color: rgba(137, 170, 40, 0.2);
}

.header__nav_link {
    color: black;
    font-size: min(16px, 0.84vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1785px) {
    .header__nav_link {
        font-size: 14px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1600px) {
    .header__nav_link {
        font-size: 13px;
    }
}

@media (max-width: 1440px) {
    .header__nav_link {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .header__nav_link {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-items: center;
        position: relative;
    }

    .header__nav_link .header__nav_link-num {
        position: absolute;
        left: 18px;
        top: 0;
        color: #fff;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background: #89aa28;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_link {
        width: 100%;
    }
}

.header__nav_link.green {
    padding: 8px 14px;
    border-radius: 8px;
    background: #89AA28;
    color: white;
    max-width: max-content;
}

@media (max-width: 600px) {
    .header__nav_link.green {
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        color: #89AA28;
    }
}

@media (max-width: 1701px) {
    .header__nav_link svg {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }
}

.header__nav_link:hover {
    color: #89AA28;
}

.header__panorama {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 0;
    background: unset;
    border-radius: unset;
}

@media (max-width: 1785px) {
    .header__panorama {
        font-size: 14px;
    }
}

@media (max-width: 1600px) {
    .header__panorama {
        font-size: 13px;
    }
}

@media (max-width: 1440px) {
    .header__panorama {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .header__panorama {
        font-size: min(14px, 3.9vw);
        padding: 3px 12px;
    }
}

@media screen and (max-width: 1024px) {
    .header__panorama {
        padding: 0;
        gap: 0;
    }
}

.header__panorama:hover {
    color: #718C21;
}

.header__panorama:hover svg {
    stroke: #718C21;
}

.header__panorama:active {
    color: #94B533;
}

.header__panorama:active svg {
    stroke: #94B533;
}

.header__panorama span {
    cursor: pointer;
}

.header__panorama svg,
.header__panorama img {
    width: 23px;
    min-width: 23px;
    height: 25px;
    stroke-width: 1.5;
    object-fit: contain;
    cursor: pointer;
    transition: 0.3s;
    fill: none;
    stroke: rgb(29, 29, 31);
}

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

    .header__panorama svg,
    .header__panorama img {
        height: 23px;
    }
}

.header__nav_trigger {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 13px;
    margin-left: 5px;
    padding: 3.5px 3px;
    background-size: 57%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.header__drop {
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 1;
    top: calc(100% + 5px);
    display: none;
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.3s, transform 0.3s;
    max-height: calc(100dvh - var(--headerH));
    overflow-y: auto;
}

@media (max-width: 1701px) {
    .header__drop {
        background: white;
        padding: 32px;
        border-top: 1px solid #f5f5f7;
        border-radius: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .header__drop {
        background: white;
        top: 100%;
        padding: 32px;
        border-radius: 0;
        border-top: 1px solid #f5f5f7;
    }
}

@media screen and (max-width: 450px) {
    .header__drop {
        padding-top: 3px;
        padding-left: 28px;
        padding-right: 28px;
    }
}

.header__drop.active {
    opacity: 1;
    transform: translateY(0);
}

.header__nav.mob {
    display: none;
}

@media (max-width: 1701px) {
    .header__nav.mob {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__nav.mob {
        display: flex;
        gap: 5px 10px;
    }
}

@media screen and (max-width: 450px) {
    .header__nav.mob {
        gap: 0;
    }
}

@media (max-width: 1701px) {
    .header__nav.mob .header__nav_item {
        display: none;
        width: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .header__nav.mob .header__nav_item {
        display: flex;
        width: calc((100% - 30px) / 4);
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .header__nav.mob .header__nav_item {
        width: calc((100% - 20px) / 3);
        min-height: 36px;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .header__nav.mob .header__nav_item {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 450px) {
    .header__nav.mob .header__nav_item {
        width: 100%;
    }
}

.header__nav.mob .header__nav_item.mobile-header-trigger {
    z-index: 2;
}

@media screen and (max-width: 450px) {
    .header__nav.mob .header__nav_item.mobile-header-trigger {
        display: block;
    }
}

.header__drop_links {
    columns: 4;
    column-gap: 10px;
    padding: 32px min(40px, 2.085vw);
    background: white;
    border-radius: 20px;
    margin-top: 8px;
}

@media (max-width: 1701px) {
    .header__drop_links {
        padding-left: 0;
        padding-right: 0;
        border-radius: unset;
        margin-top: 0;
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__drop_links {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #c3c3c3;
        border-radius: unset;
        columns: 4;
    }
}

@media screen and (max-width: 768px) {
    .header__drop_links {
        columns: 3;
        background-color: transparent;
    }
}

@media screen and (max-width: 600px) {
    .header__drop_links {
        columns: 2;
    }
}

@media screen and (max-width: 450px) {
    .header__drop_links {
        border-top: unset;
        columns: unset;
        display: flex;
        flex-direction: column;
        margin-top: 4px;
    }
}

.header__drop_socials {
    display: flex;
    gap: 24px;
}

.header__drop_socials .header__drop_soc {
    display: flex;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 0;
    background: unset;
    border-radius: unset;
}

.header__drop_socials .header__drop_soc:hover {
    color: #718C21;
}


.header__drop_soc svg {
    width: 24px;
    height: 24px;
    fill: #1d1d1f;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .header__drop_soc svg {
        width: 24px;
        height: 24px;
    }
}

.header__drop_soc:hover svg {
    fill: #89AA28;
}

.header__drop_link {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding: 10px 0;
    transition: 0.3s;
}

@media screen and (max-width: 1024px) {
    .header__drop_link {
        color: #707070;
    }
}

.header__drop_link:hover {
    color: #89AA28;
}

.header__drop_contact {
    display: flex;
    gap: 20px;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .header__drop_contact {
        padding: 3px 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__drop_contact {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .header__drop_contact {
        margin-top: 13px;
        padding-top: 16px;
        border-top: 1px solid #c3c3c3;
    }
}

.header__drop_callback {
    color: #89AA28;
    text-decoration: underline;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    display: none;
}

@media screen and (max-width: 600px) {
    .header__drop_callback {
        display: block;
    }
}

.header__drop_callback:hover {
    color: #718C21;
}

.header__drop_office {
    padding: 10px 0;
    display: none;
}

@media screen and (max-width: 600px) {
    .header__drop_office {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .header__drop_office {
        display: flex;
        align-items: baseline;
        gap: 8px;
        padding: 12px 0;
    }
}

.header__drop_office p {
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .header__drop_office p {
        font-size: min(14px, 4.05vw);
    }
}

.header__drop_office a {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .header__drop_office a {
        font-size: min(14px, 4.05vw);
    }
}

.header__drop_office a:hover {
    color: #89AA28;
}

.footer {
    border-radius: 20px 20px 0px 0px;
    background: #1D1D1F;
    font-family: 'Open Sans', sans-serif;
}

.footer-nav {
    display: contents;
}

@media screen and (max-width: 1280px) {
    .footer-nav {
        display: flex;
        gap: 60px;
        width: 100%;
        order: 3
    }
}

@media screen and (max-width: 1024px) {
    .footer-nav {
        gap: 20px;
    }
}

@media screen and (max-width: 600px) {
    .footer-nav {
        flex-direction: column;
        gap: 16px;
        padding-top: 12px;
        padding-bottom: 14px;
        border-bottom: 1px solid #6C6C6C99;
    }

}

.footer__top {
    max-width: 1920px;
    margin: 0 auto;
    padding: 50px 110px 32px;
    display: flex;
    align-items: flex-start;
    gap: 40px 30px;
}

@media (max-width: 1440px) {
    .footer__top {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .footer__top {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .footer__top {
        gap: 30px 20px;
        padding: 40px 20px 30px;
    }
}

@media screen and (max-width: 600px) {
    .footer__top {
        padding: 32px 16px 0;
        gap: 20px;
    }
}

.footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 600px) {
    .footer__bottom {
        padding-bottom: 55px;
    }
}

@media screen and (max-width: 450px) {
    .footer__bottom {
        border: unset;
    }
}

.footer__bottom-text {
    position: relative;
    z-index: 1;
    padding: 24px 205px 0px;
    color: #707070;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
}

@media (max-width: 1440px) {
    .footer__bottom-text {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 460px) {
    .footer__bottom-text {
        padding-top: 20px;
        font-size: 12px;
        line-height: 1.4;
    }
}


.footer__bottom_inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 24px 205px 32px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 1440px) {
    .footer__bottom_inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .footer__bottom_inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 25px;
    }
}

@media screen and (max-width: 600px) {
    .footer__bottom_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 450px) {
    .footer__bottom_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-top: 30px;
    }
}

.footer__bottom_inner a,
.footer__bottom_inner p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
}

@media (max-width: 1701px) {

    .footer__bottom_inner a,
    .footer__bottom_inner p {
        font-size: 12px;
    }
}

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

    .footer__bottom_inner a,
    .footer__bottom_inner p {
        font-size: 13px;
    }
}

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

    .footer__bottom_inner a,
    .footer__bottom_inner p {
        text-align: left;
        font-size: 14px;
    }
}

.footer__bottom_inner a {
    transition: 0.3s;
}

.footer__bottom_inner a:hover {
    color: #89AA28;
}

.footer__logo {
    width: min(117px, 9.82vw);
    height: min(67px, 5.94vw);
    fill: #D5D3D1;

}

@media screen and (max-width: 768px) {
    .footer__logo {
        margin-bottom: 20px;
        width: 103px;
        height: 70px;
    }
}

@media screen and (max-width: 450px) {
    .footer__logo {
        grid-area: 1/1/span 2/span 1;
        margin-bottom: 0;
    }
}

.footer__logo svg,
.footer__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer__address {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #8B8B8B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}


@media screen and (max-width: 450px) {
    .footer__address {
        grid-area: 1/2/span 1/span 1;
    }
}

.footer__address a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.2s;
}

.footer__address a:hover {
    color: #718C21;
}

@media screen and (max-width: 600px) {
    .footer__address a {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .footer__address a {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .footer__contact {
        grid-area: 2/2/span 1/span 1;
    }
}

.footer__contact_tel {
    margin-top: 10px;
    color: #89AA28;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    transition: 0.3s;
}

@media (max-width: 1701px) {
    .footer__contact_tel {
        font-size: 18px;
    }
}

.footer__contact_tel:hover {
    color: #718C21;
}

.footer__col {
    width: calc((100% - 90px) / 4);
}

.main-col {
    width: 350px;
    flex: none;
}

.social-col {
    width: 280px;
    flex: none;
}

@media screen and (max-width: 1360px) {
    .main-col {
        width: 280px;
        flex: none;
    }
}

@media screen and (max-width: 1280px) {
    .footer__col {
        width: 100%;
    }

    .main-col {
        width: 280px;
        order: 1;
    }

    .social-col {
        width: 280px;
        order: 2;
    }
}

@media screen and (max-width: 600px) {
    .social-col, .main-col {
        width: 100%;

    }


    .main-col {
        padding-bottom: 24px;
        border-bottom: 1px solid #6C6C6C99;
    }
}


.footer__logo-wrap {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    margin-bottom: 32px;
    margin-top: -24px;
}

.footer_another_logo {
    display: flex;
    padding-left: 20px;
    border-left: 1px solid #707070;
}

.footer__col_text {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media screen and (max-width: 768px) {
    .footer__col_text {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .footer__col_text {
        font-size: 16px;
        margin-bottom: -16px;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

.footer__col_link {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1701px) {
    .footer__col_link {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .footer__col_link {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .footer__col_link {
        font-size: 16px;
    }
}

.footer__col_link:hover {
    color: #89AA28;
}

.footer__col_link svg,
.footer__col_link img {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #89AA28;
}

.footer__col_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__col_submenu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    margin-left: 16px;
}

.footer__col_submenu a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

.footer__col_submenu a:hover {
    color: #89AA28;
}

.footer__help {
    border-radius: 100px;
    border: 1px solid #FFFFFF80;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
    padding: 11px 16px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-top: 32px;
    width: fit-content;
    transition: all 0.2s;
}


.footer__help.hide-desk {
}


@media (max-width: 1440px) {
    .footer__help {
        padding: 12px 20px;
    }
}


@media screen and (max-width: 768px) {
    .footer__help {
        font-size: 14px;
        padding: 12px 16px;
    }
}

@media (min-width: 600px) {

    .footer__help.hide-desk {
        display: none;
    }
}

@media (max-width: 600px) {
    .footer__help.hide-mob {
        display: none;
    }

    .footer__help {
        margin-top: 0;
    }

}

@media screen and (max-width: 450px) {
    .footer__help {
        font-size: 14px;
        line-height: 130%;
    }
}

.footer__help:hover {
    color: #FFFFFF80;
    border-color: #FFFFFF80;
}

.footer__help:active {

}

.footer__help svg,
.footer__help img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    fill: none;
    stroke: #FFFFFF;
    fill: #FFFFFF;
    transition: all 0.2s;

}

.footer__help:hover svg {
    stroke: #FFFFFF80;
    fill: #FFFFFF80;
}

.footer__socials {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px 24px;
}

.footer__socials_text {
    color: #FFFFFF80;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    width: 100%;
}



.footer__social_link {
    width: 22px;
    height: 22px;
}

@media screen and (max-width: 600px) {
    .footer__social_link {
        width: 28px;
        height: 28px;
    }
}

.footer__social_link svg {
    transition: 0.3s;
    fill: #FFFFFF;
}


.footer__social_link:hover svg {
    fill: #89AA28;
}

.footer__social_link svg,
.footer__social_link img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    display: block;
}

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

    .footer__social_link svg,
    .footer__social_link img {
        width: 24px;
        height: 24px;
    }
}


.footer-tg-bot {
    position: relative;
    display: block;
    background-color: #70707033;
    width: 100%;
    padding: 16px 117px 20px 16px;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 32px;
    transition: all 0.2s;
}


@media screen and (max-width: 600px) {
    .footer-tg-bot {
        padding: 16px 102px 20px 16px;
    }
}


.footer-tg-bot:hover {
    background-color: #70707066;
}

.footer-tg-bot p {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
    line-height: 1.4;
    max-width: 214px;
}

.footer-tg-bot img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 117px;
}

@media screen and (max-width: 600px) {
    .footer-tg-bot img {
        width: 102px;
    }

}

.footer__bottom_a100 {
    transition: 0.3s;
}

.footer__bottom_a100:hover {
    filter: drop-shadow(0px 0px 0px white);
}

.footer__bottom_a100 svg,
.footer__bottom_a100 img {
    width: 70px;
    height: 28px;
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer {
        position: relative;
        width: 100%;
    }
}

.breadcrumbs-outer.right::after {
    opacity: 1;
}

.breadcrumbs-outer.left::before {
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer::after {
        content: "";
        position: absolute;
        right: 0px;
        bottom: 0;
        width: 75px;
        height: 36px;
        background: linear-gradient(92deg, rgba(255, 255, 255, 0) 1.46%, #fff 98.79%);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s;
    }
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer::before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0;
        width: 75px;
        height: 36px;
        background: linear-gradient(-92deg, rgba(255, 255, 255, 0) 1.46%, #fff 98.79%);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s;
    }
}

.breadcrumbs-outer .breadcrumbs__line {
    display: none;
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer .breadcrumbs__line {
        display: block;
        position: absolute;
        bottom: 0;
        left: 16px;
        height: 1px;
        width: calc(100vw - 32px);
        background: rgba(112, 112, 112, 0.1);
    }
}

.breadcrumbs-outer + .container-main {
    margin-top: 16px;
}

.house-intro__info .breadcrumbs,
.live-banner__head .breadcrumbs,
.conditions-intro__content .breadcrumbs,
.banner__head .breadcrumbs {
    margin-top: 0;
}

@media screen and (max-width: 450px) {
    .house-intro__info .breadcrumbs-outer,
    .live-banner__head .breadcrumbs-outer,
    .conditions-intro__content .breadcrumbs-outer,
    .banner__head .breadcrumbs-outer {
        width: 100vw;
        margin-left: -16px;
        padding: 0 16px;
    }
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin-top: 90px;
}

@media screen and (max-width: 1280px) {
    .breadcrumbs {
        margin-top: 56px;
    }
}

@media screen and (max-width: 450px) {
    .breadcrumbs {
        margin-top: 0;
        flex-wrap: nowrap;
        padding-top: 24px;
        padding-bottom: 16px;
        overflow: auto;
    }

    .breadcrumbs::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
        display: none;
    }

    .breadcrumbs::-webkit-scrollbar-thumb {
        border-radius: 100%;
        background: transparent;
    }

    .breadcrumbs::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1) {
    pointer-events: none;
    cursor: default;
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1)::after {
    content: none;
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link {
    color: #8b8b8b;
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link:hover {
    color: #8B8B8B #707070;
}

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

@media screen and (max-width: 450px) {
    .breadcrumbs__item {
        white-space: nowrap;
    }
}

.breadcrumbs__item::after {
    content: "-";
    margin-left: 8px;
    margin-right: 8px;
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.breadcrumbs__link {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .breadcrumbs__link {
        font-size: 16px;
        line-height: 1.25;
    }
}

.breadcrumbs__link:hover {
    color: #89AA28;
}

.modal {
    font-family: "OpenSans";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.3s;
    display: none;
}

.modal.show-modal {
    opacity: 1;
}

.modal-inner {
    background: white;
    border-radius: 20px;
    position: relative;
    width: 100%;
    max-width: 800px;
}

.modal__close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 32px;
    right: 32px;
    transition: 0.3s;
    z-index: 1;
}

@media (max-width: 1440px) {
    .modal__close {
        top: 28px;
        right: 28px;
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 1280px) {
    .modal__close {
        top: 22px;
    }
}

.modal__close:hover svg {
    fill: #1d1d1f;
}

.modal__close img,
.modal__close svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    fill: white;
}

.credit-calculator[data-step=step1] .credit-calculator__top::after {
    width: 25%;
}

.credit-calculator[data-step=step2] .credit-calculator__top::after {
    width: 50%;
}

.credit-calculator[data-step=step2] .credit-calculator__top_back {
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator[data-step=step2] .credit-calculator__top_back {
        display: block;
    }
}

.credit-calculator[data-step=step3] .credit-calculator__top::after {
    width: 75%;
}

.credit-calculator[data-step=step3] .credit-calculator__top_back {
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator[data-step=step3] .credit-calculator__top_back {
        display: block;
    }
}

.credit-calculator[data-step=step4] .credit-calculator__top::after {
    width: 100%;
}

.credit-calculator[data-step=step4] .credit-calculator__top_back {
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator[data-step=step4] .credit-calculator__top_back {
        display: block;
    }
}

.credit-calculator .modal-inner {
    max-width: calc(100% - 280px);
    border-radius: 24px 24px 20px 20px;
}

@media screen and (max-width: 1280px) {
    .credit-calculator .modal-inner {
        max-width: 96dvw;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal-inner {
        align-self: flex-end;
        border-radius: 20px 20px 0 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

.credit-calculator .modal-inner__scrollable {
    max-height: calc(100dvh - 220px);
    overflow-y: auto;
    margin: min(40px, 2.1vw) min(32px, 1.7vw);
    scrollbar-width: 0;
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal-inner__scrollable {
        margin: 24px 0;
    }
}

.credit-calculator .modal-inner__scrollable::-webkit-scrollbar {
    width: 0px;
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal__close {
        width: 32px;
        height: 32px;
        z-index: 1;
        top: 15px;
        right: 16px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator .modal__close {
        top: 13px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal__close svg {
        fill: #c3c3c3;
    }
}

.credit-calculator .credit-calculator__top {
    padding: 32px 0;
    background: #89AA28;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0 0;
    position: relative;
}

@media (max-width: 1440px) {
    .credit-calculator .credit-calculator__top {
        padding: 28px 0;
    }
}

@media screen and (max-width: 1280px) {
    .credit-calculator .credit-calculator__top {
        padding: 24px 0;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__top {
        background: white;
        padding: 16px 0 19px;
        margin: 0 16px;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__top::before {
        content: "";
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(112, 112, 112, 0.1019607843);
        border-radius: 100px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__top::after {
        content: "";
        height: 3px;
        width: 25%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #89aa28;
        border-radius: 100px;
        transition: 0.3s;
    }
}

.credit-calculator .credit-calculator__title {
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

@media (max-width: 1440px) {
    .credit-calculator .credit-calculator__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .credit-calculator .credit-calculator__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__title {
        color: #1d1d1f;
        font-size: 22px;
        font-weight: 400;
        line-height: 130%;
        text-transform: capitalize;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator .credit-calculator__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__title span {
        display: none;
    }
}

.credit-calculator__top_back {
    position: absolute;
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator__top_back {
        display: none;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.credit-calculator__top_back svg {
    display: block;
}

.credit-calculator__steps {
    display: flex;
    flex-direction: column;
    gap: min(32px, 2vw);
}

.credit-calculator__step_wrap {
    display: none;
    padding: 0 min(32px, 1.7vw);
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_wrap {
        padding: 0 16px;
    }
}

.credit-calculator__step_block {
    min-height: 0;
    padding: 0;
}

.credit-calculator__step_block.flex-end {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.credit-calculator__step_footnote {
    color: #707070;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 18px;
}

.credit-calculator__step_top {
    background: #f5f5f7;
    padding: min(32px, 1.7vw);
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_top {
        padding: 25px 20px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_top {
        margin-bottom: 20px;
        padding: 0 16px;
    }
}

.credit-calculator__step_state {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    color: #8b8b8b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    background: #e9e9e9;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_state {
        display: none;
    }
}

.credit-calculator__step_text {
    color: #1d1d1f;
    font-size: min(20px, 1.1vw);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_text {
        color: #1d1d1f;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }
}

.credit-calculator__step {
    margin-bottom: 1px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step {
        display: none;
    }
}

.credit-calculator__step.active {
    border-radius: 20px;
    border: 1px solid rgba(137, 170, 40, 0.5);
    background: #fff;
    padding-bottom: 32px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step.active {
        display: block;
        border-radius: unset;
        border: unset;
        padding: 0;
    }
}

.credit-calculator__step.active .credit-calculator__step_state {
    background: #89AA28;
    color: white;
}

.credit-calculator__step.active .credit-calculator__step_wrap {
    display: block;
}

.credit-calculator__step.active .credit-calculator__step_top {
    background: transparent;
}

.credit-calculator__step.completed .credit-calculator__step_state {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.6665 16C2.6665 8.66663 8.6665 2.66663 15.9998 2.66663C23.3332 2.66663 29.3332 8.66663 29.3332 16C29.3332 23.3333 23.3332 29.3333 15.9998 29.3333C8.6665 29.3333 2.6665 23.3333 2.6665 16ZM14.066 22.6651L8.33999 16.9391C7.82048 16.4196 7.82048 15.5773 8.33999 15.0578C8.85899 14.5388 9.70027 14.5382 10.22 15.0565L14.066 18.8918L21.7121 11.0339C22.2344 10.5116 23.0816 10.5131 23.6021 11.0373C24.1199 11.5588 24.1185 12.4009 23.5988 12.9206L14.066 22.6651Z' fill='%2389AA28'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    background-position: center;
    font-size: 0;
    line-height: 0;
}

.credit-calculator__step.active.completed .credit-calculator__step_state {
    background: #89AA28;
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.credit-calculator__step .price__select {
    margin-left: 16px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step .price__select {
        margin-left: 12px;
    }
}

.credit-calculator__step_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_row {
        gap: 20px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_row {
        flex-direction: column;
    }
}

.credit-calculator__step_row .input-wrap {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_row .input-wrap {
        margin-top: 0;
        max-width: 100%;
    }
}

.credit-calculator__step_row .input-wrap > input {
    width: 328px;
    border-radius: 100px;
    background: rgb(240, 240, 240);
    border: unset;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 20px;
    border: 1px solid;
    transition: 0.3s;
    border: 1px solid rgb(240, 240, 240);
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_row .input-wrap > input {
        background: transparent;
        border: 1px solid #c3c3c3;
        max-width: 100%;
        width: 400px;
        max-width: calc(100vw - 32px);
    }
}

.credit-calculator__step_row .input-wrap > input:focus {
    border: 1px solid #89AA28;
}

.credit-calculator__step_row .input-wrap .price__option input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.credit-calculator__step_row .price__select .price__final {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_row .price__select .price__final {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_row .price__select .price__final {
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
    }
}

.credit-calculator__step_row .price__select .price__final::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%2389AA28'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
}

.credit-calculator__step_row .price__select .price__option_text {
    padding: 12px 16px;
    margin-bottom: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_row .price__select .price__option_text {
        font-size: 14px;
    }
}

.credit-calculator__step_row .price__select .price__option {
    margin-bottom: 0;
    margin-right: 0;
}

.credit-calculator__step_row .price__select .price__option input:checked ~ span {
    background: #f5f5f5;
}

.credit-calculator__btn {
    border-radius: 100px;
    background: #89AA28;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    height: 48px;
}

@media screen and (max-width: 450px) {
    .credit-calculator__btn {
        width: auto;
        max-width: max-content;
        justify-content: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.credit-calculator__btn span {
    cursor: pointer;
}

.credit-calculator__btn svg {
    width: 24px;
    height: 24px;
    fill: white;
    cursor: pointer;
}

.credit-calculator__btn:hover {
    background: #718C21;
}

.credit-calculator__btn:active {
    background: #94B533;
}

.credit-calculator__step_banks {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0 min(60px, 3.2vw);
    margin-bottom: 32px;
    position: relative;
}

@media (max-width: 1440px) {
    .credit-calculator__step_banks {
        gap: 0 24px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_banks {
        margin-bottom: 20px;
    }
}

.credit-calculator__step_banks::after {
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #c3c3c3;
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_banks::after {
        content: none;
    }
}

.credit-calculator__step_bank {
    display: flex;
    flex-direction: column;
    width: calc((100% - min(60px, 3.2vw)) / 2);
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .credit-calculator__step_bank {
        width: calc((100% - 28px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_bank {
        width: 100%;
    }
}

.credit-calculator__step_bank * {
    cursor: pointer;
}

.credit-calculator__step_bank:nth-last-child(1):nth-child(even) .credit-calculator__step_bank-info, .credit-calculator__step_bank:nth-last-child(2):nth-child(odd) .credit-calculator__step_bank-info, .credit-calculator__step_bank:nth-last-child(1):nth-child(odd) .credit-calculator__step_bank-info {
    border-bottom: unset;
}

.credit-calculator__step_bank input:checked ~ .credit-calculator__step_bank-check {
    background: #89aa28;
    border-color: transparent;
}

.credit-calculator__step_bank input:checked ~ .credit-calculator__step_bank-check::after {
    transform: scale(1);
}

.credit-calculator__step_bank-other {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    gap: 12px;
}

.credit-calculator__step_bank-info {
    padding: min(16px, 0.9vw) 0;
    padding-left: 44px;
    transition: 0.3s;
    overflow: hidden;
    height: 100%;
    border-bottom: 1px solid #c3c3c3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-info {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .credit-calculator__step_bank-info {
        padding-left: 36px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-info {
        padding: 20px;
        padding-left: 36px;
    }
}

.credit-calculator__step_bank-info .credit-calculator__step_bank-row:nth-last-child(1) {
    border-bottom: unset;
    padding-bottom: 0;
}

.credit-calculator__step_bank-info .credit-calculator__step_bank-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.vusually-hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    left: -1px;
    width: 0;
    height: 0;
}

.credit-calculator__step_bank-logo {
    width: 100%;
    position: relative;
    width: max-content;
    margin-bottom: 0;
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-logo {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_bank-logo .credit-calculator__step_bank-prop {
        display: none;
    }
}

.credit-calculator__step_bank-logo img,
.credit-calculator__step_bank-logo svg {
    width: auto;
    max-width: 103px;
    height: 29px;
    object-fit: contain;
    object-position: left;
    display: block;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-logo img,
    .credit-calculator__step_bank-logo svg {
        width: 140px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-logo img,
    .credit-calculator__step_bank-logo svg {
        width: 160px;
    }
}

.credit-calculator__step_bank-logo .credit-calculator__step_bank-note {
    position: absolute;
    left: min(176px, 45%);
    top: 50%;
    transform: translateY(-50%);
    color: #1d1d1f;
    font-size: min(16px, 0.85vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
    max-width: 200px;
    transition: color 0.3s;
    white-space: nowrap;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-logo .credit-calculator__step_bank-note {
        left: unset;
        top: unset;
        position: relative;
        transform: unset;
        font-size: 14px;
        max-width: unset;
    }
}

.credit-calculator__step_bank-check {
    position: absolute;
    width: 24px;
    height: 24px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: min(16px, 0.9vw);
    background: transparent;
    transition: 0.3s;
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-check {
        top: 20px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-check {
        width: 24px;
        height: 24px;
        top: 20px;
    }
}

.credit-calculator__step_bank-check::after {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 100%;
    display: block;
    transform-origin: center;
    transform: scale(0);
    transition: 0.3s;
}

.credit-calculator__step_bank-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #c3c3c3;
    transition: 0.3s;
    gap: 20px;
}

@media (max-width: 1440px) {
    .credit-calculator__step_bank-row {
        padding: 10px 0;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-row {
        align-items: flex-start;
        padding: 16px 0;
    }
}

.credit-calculator__step_bank-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: calc((100% - 24px) / 3);
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_bank-col {
        width: auto;
        min-width: 190px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-col {
        width: calc(50% - 6px);
        min-width: unset;
    }
}

.credit-calculator__step_bank-prop {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-prop {
        font-size: 14px;
    }
}

.credit-calculator__step_bank-deskr {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-deskr {
        font-size: 14px;
    }
}

.flex-end {
    justify-content: flex-end;
}

@media screen and (max-width: 600px) {
    .flex-end {
        justify-content: center;
    }
}

.range__container_title {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .range__container_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .range__container_title {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.flex-start {
    justify-content: flex-start;
}

.credit-calculator__range-container {
    margin-top: 12px;
}

.range__container {
    max-width: calc(50% - 15px);
    align-self: flex-start;
}

@media screen and (max-width: 768px) {
    .range__container {
        max-width: calc(50% - 10px);
    }
}

@media screen and (max-width: 600px) {
    .range__container {
        margin-bottom: 0;
        max-width: 100%;
        width: 400px;
        max-width: calc(100vw - 32px);
    }
}

.range__container input {
    max-width: 100%;
    width: 483px;
}

@media screen and (max-width: 600px) {
    .range__container input {
        max-width: calc(100vw - 32px);
    }
}

.range__container input[type=number],
.range__container input[type=text] {
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    background: #fff;
    transition: 0.3s;
    height: 44px;
    padding: 12px 20px;
    color: var(--unnamed, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.range__container input[type=number]:focus,
.range__container input[type=text]:focus {
    border-color: #89AA28;
}

.range__container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #89AA28;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #89AA28;
}

.range__container input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #89AA28;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #89AA28;
    cursor: pointer;
}

.range__container input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

.range__container input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #89AA28, 0 0 3px #89AA28;
    -webkit-box-shadow: inset 0 0 3px #89AA28, 0 0 3px #89AA28;
}

.range__container input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    background: rgba(138, 147, 166, 0.8509803922);
    background-image: linear-gradient(#89AA28, #89AA28);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

.range__container .range__container_note {
    margin-top: 4px;
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.credit-calculator__range_inp {
    position: relative;
}

.credit-calculator__range_inp .credit-calculator__range_inp-per {
    position: absolute;
    min-width: 80px;
    right: 0;
    padding: 3px 10px;
    padding-right: 0;
    border-left: 1px solid #c3c3c3;
    top: 50%;
    transform: translateY(-50%);
}

.credit-calculator__payments {
    margin-top: 8px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__payments {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .moz .credit-changable-wrapper {
        scrollbar-width: thin;
        scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
    }
}

.credit-changable-wrapper {
    width: 100%;
}

@media screen and (max-width: 600px) {
    .credit-changable-wrapper {
        max-height: 320px;
    }

    .credit-changable-wrapper::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background: transparent;
    }

    .credit-changable-wrapper::-webkit-scrollbar-thumb {
        background: rgba(137, 170, 40, 0.5019607843);
        border-radius: 4px;
    }

    .credit-changable-wrapper::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.credit-changable-wrapper.show .credit-table {
    max-height: unset;
}

.credit-changable-wrapper.show ~ .credit-table__btn {
    display: none;
}

@media screen and (max-width: 600px) {
    .moz .credit-table {
        scrollbar-width: thin;
        scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
    }
}

@media (min-width: 1024px) {
    .credit-table__wrap {
        overflow: hidden;
        overflow-y: auto;
        max-height: 500px;
        scrollbar-width: thin;
        scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
    }
}

.credit-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
}

@media screen and (max-width: 600px) {
    .credit-table {
        overflow: visible;
    }

    .credit-table::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background: transparent;
    }

    .credit-table::-webkit-scrollbar-thumb {
        background: rgba(137, 170, 40, 0.5019607843);
        border-radius: 4px;
    }

    .credit-table::-webkit-scrollbar-corner {
        background: transparent;
    }
}

@media screen and (max-width: 450px) {
    .credit-table {
        min-width: 520px;
        max-height: unset;
    }
}

.credit-table__head {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .credit-table__head .credit-table__th:nth-child(1) {
        flex-grow: 1;
    }
}

.credit-table__th {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .credit-table__th {
        padding: 12px 12px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .credit-table__th {
        padding: 12px 8px;
        font-size: 14px;
        width: 10%;
        flex-grow: 10;
    }
}

@media screen and (max-width: 600px) {
    .credit-table__th {
        padding: 8px 6px;
        font-size: 13px;
    }
}

@media screen and (max-width: 450px) {
    .credit-table__th {
        padding: 16px;
        padding-top: 4px;
        font-size: 14px;
        line-height: 130%;
    }
}

.credit-table__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
}

.credit-table__row {
    width: 100%;
    display: flex;
    border-top: 1px solid #c3c3c3;
}

.credit-table__row .credit-table__td:nth-child(1) {
    flex-grow: 1;
}

.credit-table__td {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 1280px) {
    .credit-table__td {
        padding: 12px 12px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .credit-table__td {
        padding: 12px 8px;
        font-size: 14px;
        width: 10%;
        flex-grow: 10;
    }
}

@media screen and (max-width: 450px) {
    .credit-table__td {
        font-size: 14px;
        padding: 16px;
        line-height: 130%;
    }
}

.credit-table__btn {
    color: #89AA28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 22px;
    height: 48px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-top: 20px;
    justify-self: flex-end;
}

@media screen and (max-width: 768px) {
    .credit-table__btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .credit-table__btn {
        display: none;
    }
}

.credit-table__btn:hover {
    color: #718C21;
}

.credit-table__btn ~ .credit-table {
    display: none;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .credit-table__btn ~ .credit-table {
        display: block;
    }
}

.credit-table__btn .credit-table__btn_hide {
    display: none;
}

.credit-table__btn.show .credit-table__btn_hide {
    display: block;
}

.credit-table__btn.show .credit-table__btn_show {
    display: none;
}

.credit-table__btn.show ~ .credit-table {
    display: block;
}

.step1__mobile-text {
    display: none;
}

@media screen and (max-width: 600px) {
    .step1__mobile-text {
        display: block;
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 600px) {
    .step1 .credit-calculator__step_top {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .step1 .input-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 600px) {
    .step1 .step1__mobile-text {
        order: 1;
    }
}

@media screen and (max-width: 600px) {
    .step1 .price__select {
        order: 2;
        flex-grow: 1;
    }
}

@media screen and (max-width: 600px) {
    .step1 .price__drop {
        display: flex;
        flex-direction: column;
    }
}

.step1 .input-wrap .input-sum[readonly] {
    color: #1d1d1f;
}

@media screen and (max-width: 600px) {
    .step1 .input-wrap .input-sum {
        order: 3;
        margin-top: 12px;
        color: #8b8b8b;
    }
}

@media screen and (max-width: 450px) {
    .step1 .credit-calculator__btn {
        margin-top: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .step3 .credit-calculator__btn {
        margin-top: 20px;
    }
}

@media screen and (max-width: 450px) {
    .step3 .credit-calculator__btn {
        margin-top: 20px;
    }
}

.step3 .credit-calculator__step_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.step3 .credit-calculator__step_block .flex-end {
    flex-grow: 1;
}

.modal .step4 .credit-calculator__step_block {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: min(72px, 3.75vw);
}

@media screen and (max-width: 1280px) {
    .modal .step4 .credit-calculator__step_block {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .modal .step4 .credit-calculator__step_block {
        flex-direction: column-reverse;
    }
}

.modal .step4 .credit-calculator__payments {
    margin-top: 8px;
    width: calc(100% - 289px - min(72px, 3.75vw));
}

@media screen and (max-width: 1280px) {
    .modal .step4 .credit-calculator__payments {
        width: calc(100% - 270px);
    }
}

@media screen and (max-width: 1024px) {
    .modal .step4 .credit-calculator__payments {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .modal .step4 .credit-calculator__payments {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .modal .credit-table {
        max-height: unset;
    }
}

.modal .credit-table__btn-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.modal .credit-table__btn-wrap ~ .credit-table {
    margin-top: 16px;
}

.modal .credit-calculator__final {
    position: relative;
}

.modal .credit-calculator__final-sticky {
    top: 0;
    position: sticky;
    width: 289px;
    min-width: 289px;
    background: #89aa28;
    padding: 24px;
    border-radius: 16px;
}

@media screen and (max-width: 1280px) {
    .modal .credit-calculator__final-sticky {
        width: 250px;
        min-width: 250px;
        padding: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .modal .credit-calculator__final-sticky {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        gap: 0 20px;
    }
}

.modal .credit-calculator__final_name {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
    .modal .credit-calculator__final_name {
        width: 100%;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .modal .credit-calculator__final_name {
        font-size: 18px;
    }
}

.modal .credit-calculator__final_prop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 16px;
}

@media screen and (max-width: 450px) {
    .modal .credit-calculator__final_prop {
        font-size: 12px;
    }
}

.modal .credit-calculator__final_prop p:nth-last-child(1) {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .modal .credit-calculator__final_prop p:nth-last-child(1) {
        font-size: 14px;
        font-weight: 700;
    }
}

.modal .credit-table__btn_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.modal .credit-table__btn_wrap ~ .credit-table {
    display: none;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .modal .credit-table__btn_wrap ~ .credit-table {
        display: block;
    }
}

.modal .credit-table__btn_wrap.show .credit-table__btn_hide {
    display: block;
}

.modal .credit-table__btn_wrap.show .credit-table__btn_show {
    display: none;
}

.modal .credit-table__btn_wrap.show ~ .credit-table {
    display: block;
    margin-top: 16px;
}

.modal .step2 .credit-calculator__step_top {
    margin-bottom: 0;
}

@media screen and (max-width: 450px) {
    .modal .credit-calculator__step_bank-logo {
        margin: 0;
    }
}

.success-modal .modal-inner {
    max-width: min(400px, 96vw);
    padding: 40px;
}

@media screen and (max-width: 450px) {
    .success-modal .modal-inner {
        padding: 20px 16px;
    }
}

.success-modal .modal-inner > .modal__close {
    top: 10px;
    right: 10px;
}

.success-modal .modal-inner > .modal__close svg {
    fill: #8b8b8b;
}

@media screen and (max-width: 450px) {
    .success-modal .callback__title {
        max-width: calc(100% - 28px);
    }
}

.modal .btn-green.modal__close {
    position: static;
    margin-top: 40px;
    width: max-content;
    height: 46px;
}

.modal .btn-green.modal__close::after {
    content: none;
}

.contact-block {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

@media screen and (max-width: 1024px) {
    .contact-block {
        flex-direction: column-reverse;
    }
}

.custom-scroll .simplebar-scrollbar::before {
    content: "";
    opacity: 1;
    border-radius: 4px;
    background: rgb(196, 212, 147);
}

.custom-scroll .simplebar-track.simplebar-horizontal {
    height: 6px;
}

.custom-scroll .simplebar-track.simplebar-vertical {
    width: 6px;
    background: white;
}

.custom-scroll .simplebar-scrollbar {
    background: rgb(196, 212, 147);
    border-radius: 4px;
}

.callback > div {
    max-width: 975px;
}

.callback {
    flex-grow: 1;
    border-radius: 20px;
    background: #F5F5F7;
    padding: min(40px, 2.1vw) min(60px, 3.15vw);
}

@media screen and (max-width: 600px) {
    .callback {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .callback {
        width: calc(100% + 32px);
        margin-left: -16px;
        gap: 32px;
    }
}

@media screen and (max-width: 450px) {
    .callback .grey-text {
        margin-top: -10px;
    }
}

.callback__title {
    color: #89AA28;
    font-size: min(32px, 1.9vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: min(32px, 1.9vw);
}

@media (max-width: 1440px) {
    .callback__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .callback__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .callback__title {
        font-size: 22px;
        line-height: 120%;
        margin-bottom: 24px;
    }
}

.callback__form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 30px;
}

@media screen and (max-width: 600px) {
    .callback__form {
        gap: 24px;
    }
}

.callback__form_inp {
    width: calc((100% - 60px) / 3);
    min-width: 210px;
    flex-grow: 1;
}

.callback__form_inp .callback__form_name {
    color: #1D1D1F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .callback__form_inp .callback__form_name {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    .callback__form_inp .callback__form_name {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .callback__form_inp .callback__form_name {
        display: none;
    }
}

.callback__form_inp .btn-green {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-wrap {
    position: relative;
    margin-top: 12px;
}

@media screen and (max-width: 1024px) {
    .input-wrap {
        margin-top: 6px;
    }
}

@media screen and (max-width: 450px) {
    .input-wrap {
        margin-top: 0;
    }
}

.input-wrap._err input {
    border-color: #E3473D;
}

.input-wrap .iti {
    width: 100%;
}

.input-wrap input,
.input-wrap textarea {
    width: 100%;
    border-radius: 1000px;
    border: 1px solid #C3C3C3;
    padding: 12px 16px;
    font-family: "OpenSans";
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 48px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 450px) {
    .input-wrap input,
    .input-wrap textarea {
        padding: 12px 25px;
    }
}

.input-wrap input::placeholder,
.input-wrap textarea::placeholder {
    color: #8B8B8B;
}

.input-wrap textarea {
    height: 84px;
    border-radius: 16px;
    resize: none;
}

.input-wrap .iti__flag {
    border-radius: 3px;
    margin-right: 4px;
}

.input-wrap .iti--allow-dropdown .iti__flag-container, .input-wrap .iti--separate-dial-code .iti__flag-container {
    left: 8px;
}

.input-wrap .iti--separate-dial-code .iti__selected-flag,
.input-wrap .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: unset;
}

.callback__form_check {
    margin-top: 20px;
    color: #1D1D1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .callback__form_check {
        margin-top: 7px;
    }
}

.callback__form_check a {
    color: #89AA28;
    text-decoration: underline;
}

.callback__form_check a:hover {
    text-decoration: none;
}

.checkbox._err span::before {
    border-color: #E3473D;
}

.checkbox input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    left: -1px;
}

.checkbox input:checked ~ span::before {
    background: #89AA28;
    border-color: #89AA28;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%2389AA28'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox span {
    padding-left: 28px;
    position: relative;
    cursor: pointer;
}

.checkbox span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    min-width: 18px;
    display: block;
    height: 18px;
    border-radius: 4px;
    background: white;
    border: 1px solid #C3C3C3;
}

.grey-text {
    color: #8B8B8B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .grey-text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .grey-text {
        font-size: 16px;
    }
}

.grey-text a {
    display: inline;
    text-decoration: underline;
    color: #8B8B8B;
}

.grey-text a:hover {
    color: #89AA28;
}

.callback__success .callback__title,
.callback__err .callback__title {
    margin-bottom: 16px;
}

.callback__success p,
.callback__err p {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.callback__success .callback__return,
.callback__err .callback__return {
    margin-top: 40px;
    width: max-content;
}

.callback__err .callback__title {
    color: #E3473D;
}

.callback-modal {
    overflow: hidden;
}

@media screen and (min-width: 601px) {
    .callback-modal {
        display: none !important;
    }
}

.callback-modal.show-modal .modal-inner {
    opacity: 1;
    transform: translateY(0);
}

.callback-modal .modal-inner {
    padding: 24px 16px;
    border-radius: 20px 20px 0px 0px;
    background-color: #f5f5f7;
    margin-top: auto;
    max-height: 100%;
    overflow: auto;
    opacity: 0;
    transform: translateY(80%);
    transition: 0.5s;
}

.callback-modal .modal__close {
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}

.callback-modal .modal__close svg {
    fill: #343c4b;
}

.callback-modal .callback {
    width: 100%;
    margin: 0;
    padding: 0;
}

.callback-modal .callback__title {
    color: #1d1d1f;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 24px;
    padding-right: 24px;
}

.callback-modal .callback__form_inp {
    width: 100%;
}

.callback-modal .callback .grey-text {
    margin: 0 0 16px;
}

.callback-header {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .callback-header {
        align-items: flex-end;
    }
}

.callback-header .callback__err .callback__title {
    color: #E3473D;
}

.callback-header.show-modal .modal-inner {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .callback-header.show-modal .modal-inner {
        transform: translateY(0%);
    }
}

.callback-header .modal-inner {
    padding: 40px;
    border-radius: 20px;
    background-color: #f5f5f7;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: clip;
    opacity: 0;
    transition: 0.5s;
    width: 400px;
    max-width: 100vw;
}

@media screen and (max-width: 600px) {
    .callback-header .modal-inner {
        margin-top: auto;
        transform: translateY(100%);
        border-radius: 20px 20px 0 0;
        width: 100%;
        padding: 24px 16px;
    }
}

.callback-header .modal__close {
    top: 17px;
    right: 17px;
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 600px) {
    .callback-header .modal__close {
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
    }
}

.callback-header .modal__close::after {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: -1;
}

.callback-header .modal__close svg {
    fill: #343c4b;
}

.callback-header .callback__form_name {
    line-height: 130%;
}

.callback-header .callback {
    width: 100%;
    margin: 0;
    padding: 0;
}

.callback-header .callback__title {
    color: #89AA28;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 600px) {
    .callback-header .callback__title {
        font-size: 22px;
        color: #1D1D1F;
    }
}

.callback-header .callback__form_inp {
    width: 100%;
}

.callback-header .callback__form {
    flex-direction: column;
    align-items: flex-start;
    gap: 31px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback__form {
        gap: 24px;
    }
}

.callback-header .callback__form .btn-green {
    margin-top: 10px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback__form .btn-green {
        margin-top: 14px;
    }
}

.callback-header .callback .callback__form_inp {
    order: 1;
}

.callback-header .callback .callback__form_check {
    order: 2;
    margin-top: 7px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback .callback__form_check {
        order: 1;
        margin-top: 0;
    }
}

.callback-header .callback .grey-text {
    order: 3;
    margin-top: -19px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback .grey-text {
        order: 1;
        margin-top: -8px;
    }
}

.xxl.callback-form .modal-inner {
    width: 744px;
}

.xxl.callback-form .callback__form.form-val {
    flex-direction: row;
    gap: 31px 24px;
}

.xxl.callback-form .callback__form_inp {
    width: calc(50% - 12px);
}

.xxl.callback-form .callback__form_inp:first-of-type {
    width: 100%;
}

.xxl.callback-form .callback__form_inp:last-of-type {
    width: 100%;
}

.xxl.callback-form .callback__title {
    margin-bottom: 24px;
}

.bottom-menu {
    display: none;
    font-family: "OpenSans";
}

@media (max-width: 1024px) {
    .bottom-menu {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 66px;
        background: white;
        border-radius: 20px 20px 0 0;
        z-index: 1000;
        box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    }
}

.bottom-menu .bottom-menu__title,
.bottom-menu h3 {
    color: #1D1D1F;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 16px;
}

.bottom-menu .bottom-menu__subtitle,
.bottom-menu h4 {
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bottom-menu .bottom-menu__text,
.bottom-menu ul, .bottom-menu p {
    color: #1D1D1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.bottom-menu__bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
}

.bottom-menu__bar_trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 50px;
    min-width: max-content;
}


.bottom-menu__bar_trigger.centered span {
    color: white;
}

.bottom-menu__bar_trigger.current span {
    color: #89AA28;
}

.bottom-menu__bar_trigger.current img {
    filter: invert(55%) sepia(93%) saturate(335%) hue-rotate(34deg) brightness(93%) contrast(92%);
}

.bottom-menu__bar_trigger svg {
    width: 24px;
    height: 24px;
}

.bottom-menu__bar_trigger span {
    color: #707070;
    font-size: max(10px, 2.05vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-menu__content {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    transition: 0.3s;
    opacity: 0;
    align-items: flex-end;
}

.bottom-menu__content.open {
    opacity: 1;
}

.bottom-menu__content.open .bottom-menu__content_inner {
    transform: translateY(0);
}

/*.bottom-menu__content ul {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 24px;*/
/*}*/

/*.bottom-menu__content ul li {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    gap: 8px;*/
/*}*/

.bottom-menu__content .bottom-conditions .btn-green {
    margin-top: 24px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: 0.3s;
    border-radius: 48px;
    background: #89AA28;
    padding: 0;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-menu__content .bottom-conditions .btn-green:hover {
    background: #94B533;
}

.bottom-menu__content_inner {
    max-height: min(100%, 565px);
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    background: #fff;
    overflow-y: auto;
    position: relative;
    padding: 24px 16px;
    transform: translateY(100%);
    transition: 0.4s;
    max-height: 80vh;
}

.bottom-menu__content_inner .catalog-filter__container {
    padding: 0;
}

.bottom-menu__content_inner .filter-cont {
    padding: 0;
    margin-top: 0;
}

.bottom-menu__content_inner .filter-cont .catalog-filter__item .catalog-filter__item_title {
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.bottom-menu__close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
}

.bottom-menu__elem {
    display: none;
}

.bottom-menu__elem.active {
    display: block;
}

.bottom-more__links {
    display: flex;
    flex-direction: column;
}

.bottom-more__link {
    display: flex;
    gap: 8px;
    border-top: 1px solid #C3C3C3;
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 20px 0;
}

.bottom-more__link:nth-child(1) {
    border-top: unset;
    padding-top: 12px;
}

.flats {
    width: 100%;
    overflow-x: clip;
}

.flats .flats__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: min(30px, 1.6vw);
    margin-top: 16px;
}

@media screen and (max-width: 1024px) {
    .flats .flats__wrap {
        gap: 24px;
    }
}

@media screen and (max-width: 600px) {
    .flats .flats__wrap {
        margin-top: 30px;
    }
}

@media (max-width: 550px) {
    .flats .flats__wrap {
        gap: 24px;
        margin-top: 18px;
    }
}

@media (max-width: 1660px) {
    .flats .flats__wrap .flat .tooltip {
        position: static;
    }

    .flats .flats__wrap .flat .flat-card__prices {
        position: relative;
    }

    .flats .flats__wrap .flat .tooltip-block {
        left: 0;
        top: 100%;
        transform: translateX(-15px);
        max-width: 22vw;
    }

    .flats .flats__wrap .flat .tooltip-block .tooltip-block__svg {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .flats .flats__wrap .flat .tooltip-block {
        max-width: 30vw;
    }
}

@media screen and (max-width: 768px) {
    .flats .flats__wrap .flat .tooltip-block {
        max-width: 46vw;
    }
}

@media screen and (max-width: 600px) {
    .flats .flats__wrap .flat .tooltip-block {
        max-width: min(90vw, 300px);
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .flats .flats__wrap.list-view .flat {
        display: flex;
        flex-direction: row;
        gap: 40px;
        width: 100%;
        padding: 24px;
        display: flex;
        position: relative;
        border-radius: 16px;
        border: 1px solid var(--stroke-line-light, #c3c3c3);
        /*transition: border 0.3s, box-shadow 0.3s;*/
    }
}

@media screen and (min-width: 601px) and (max-width: 600px) {
    .flats .flats__wrap.list-view .flat {
        flex-direction: column;
    }
}

@media (min-width: 601px) and (hover: hover) {
    .flats .flats__wrap.list-view .flat:hover .flat-card {
        border: unset;
        box-shadow: unset;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card {
        border: unset;
        border-radius: unset;
        padding: 0;
        flex-direction: row;
        align-items: flex-start;
        padding-right: 95px;
        gap: 40px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
    .flats .flats__wrap.list-view .flat-card {
        gap: 16px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card {
        flex-direction: column;
        gap: 32px;
        padding-right: 0px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__row {
        display: none;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__imgs {
        width: 167px;
        min-width: 167px;
    }

    .flats .flats__wrap.list-view .flat-card__imgs .swiper-slide {
        height: 163px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__badges {
        display: none;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__bottom_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_side {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 32px;
    }
}

@media screen and (min-width: 601px) and (max-width: 600px) {
    .flats .flats__wrap.list-view .flat-card__main_side {
        width: 100%;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__prices {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_top {
        grid-area: title;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 24px;
    }

    .flats .flats__wrap.list-view .flat-card__main_top .flat-card__booked {
        display: flex;
    }

    .flats .flats__wrap.list-view .flat-card__main_top .flat-card__hash {
        display: flex;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__title {
        padding-bottom: 0;
        border: unset;
        max-width: max-content;
        transition: color 0.2s;
    }
}

@media (min-width: 601px) and (hover: hover) {
    .flats .flats__wrap.list-view .flat-card__title:hover {
        color: #718C21;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__content {
        display: grid;
        grid-gap: 20px 40px;
        grid-template-areas: "title cost" "deskr cost";
        grid-template-columns: 1fr 300px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .flats .flats__wrap.list-view .flat-card__content {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__content {
        width: 100%;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__bottom {
        grid-area: cost;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .flats .flats__wrap.list-view .flat-card__bottom {
        flex-direction: row;
        gap: 12px 24px;
        margin-top: 16px;
        flex-wrap: wrap;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__prices-block {
        flex-grow: unset;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 740px;
        gap: 8px min(50px, 2.6vw);
        grid-area: deskr;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr {
        max-width: 100%;
        flex-direction: column;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(1) {
        width: 202px;
        flex-grow: 1;
        max-width: 488px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(1) {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(2) {
        flex-grow: 30;
        max-width: 488px;
        min-width: 355px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(2) {
        width: 100%;
        max-width: 100%;
        min-width: unset;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .sale .flat-card__prices {
        padding-left: 20px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .flats .flats__wrap.list-view .sale .flat-card__prices {
        padding-left: 0;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_prop {
        display: flex;
        align-items: flex-start;
        position: relative;
        justify-content: space-between;
        gap: 24px;
    }

    .flats .flats__wrap.list-view .flat-card__main_prop::before {
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        top: 14px;
        height: 1px;
        background: linear-gradient(to right, #c3c3c3 50%, white 50%);
        background-size: 6px 2px;
        z-index: 1;
    }

    .flats .flats__wrap.list-view .flat-card__main_prop span,
    .flats .flats__wrap.list-view .flat-card__main_prop a {
        position: relative;
        z-index: 2;
        background: white;
    }

    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-name {
        padding-right: 8px;
        color: var(--text-icon-dark-secondary, #707070);
        font-size: min(18px, 0.95vw);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
}

@media (min-width: 601px) and (max-width: 1440px) {
    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-name {
        font-size: 16px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-deskr {
        padding-left: 8px;
        color: var(--text-icon-dark-primary, #1d1d1f);
        font-size: min(18px, 0.95vw);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-align: right;
    }
}

@media (min-width: 601px) and (max-width: 1440px) {
    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-deskr {
        font-size: 16px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_prop a.flat-card__main_prop-deskr {
        text-decoration: underline;
        transition: color 0.3s;
    }
}

@media (min-width: 601px) and (hover: hover) {
    .flats .flats__wrap.list-view .flat-card__main_prop a.flat-card__main_prop-deskr:hover {
        color: #718C21;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        flex-grow: 1;
    }
}

.flats .flats__wrap .flat-card__prices-block_changeable {
    display: grid;
}

@media screen and (max-width: 450px) {
    .flats .flats__wrap .flat-card__prices-block_changeable {
        margin-top: 6px;
    }
}

.flats .flats__wrap .flat-card__badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 4px;
}

.flats .flats__wrap .flat-card__prices-block_cur {
    grid-area: 1/-1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.1s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.flats .flats__wrap .flat-card__prices-block_cur.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.flats .flats__wrap .flat-card__prices-block_cur.sale .flat-card__prices {
    padding-left: 18px;
}

.flats .flats__wrap .flat-card__prices-block_cur.sale .flat-card__prices_main::before {
    content: "";
    left: -18px;
    top: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.flats .flats__wrap .flat-card__main_deskr {
    display: none;
}

.flats .flats__wrap .flat-card__bottom_btn {
    display: none;
}

.flats .flats__wrap .flat-card__prices-block_trigger {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .flats .flats__wrap .flat-card__prices-block_trigger {
        font-size: 16px;
    }
}

.flats .flats__wrap .flat-card__bottom {
    flex-grow: 1;
}

.flats .flats__wrap .flat-card__bottom .price__drop {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    background: var(--text-icon-light-primary, #fff);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
}

.flats .flats__wrap .flat-card__bottom .price__final {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    padding-right: 12px;
    transition: color 0.3s;
}

@media screen and (max-width: 450px) {
    .flats .flats__wrap .flat-card__bottom .price__final {
        font-size: 16px;
    }
}

@media (hover: hover) {
    .flats .flats__wrap .flat-card__bottom .price__final:hover {
        color: #89AA28;
    }
}

.flats .flats__wrap .flat-card__bottom .price__final::after {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #89AA28 transparent transparent transparent;
    transform: rotate(0deg);
    pointer-events: none;
}

.flats .flats__wrap .flat-card__bottom .show-drop .price__final::after {
    transform: scale(1, -1);
}

.flats .flats__wrap .flat-card__bottom .price__drop {
    border-radius: 8px;
}

.flats .flats__wrap .flat-card__bottom .price__drop .price__option {
    display: block;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flats .flats__wrap .flat-card__bottom .price__drop .price__option span {
    padding: 8px 12px;
}

.flats .flats__wrap .flat-card__bottom .price__drop .price__option input:checked ~ span {
    background: #f5f5f5;
}

.flats .flats__wrap .flat-card__main_top .flat-card__hash {
    display: none;
}

.flats .flats__wrap .flat-card__main_top .flat-card__booked {
    display: none;
}

.flats .flats__wrap .flat {
    width: calc((100% - min(90px, 4.8vw)) / 4);
}

@media screen and (max-width: 1024px) {
    .flats .flats__wrap .flat {
        width: calc((100% - 48px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .flats .flats__wrap .flat {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 550px) {
    .flats .flats__wrap .flat {
        width: 100%;
    }
}

@media (max-width: 1440px) and (min-width: 1025px) {
    .flats .flats__wrap .flat:nth-child(4n) .in-fav span {
        max-width: 190px;
        white-space: normal;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .flats .flats__wrap .flat:nth-child(3n) .in-fav span {
        max-width: 190px;
        white-space: normal;
    }
}

@media (max-width: 768px) and (min-width: 551px) {
    .flats .flats__wrap .flat:nth-child(2n) .in-fav span {
        max-width: 190px;
        white-space: normal;
    }
}

.flats__controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
    padding: 0 16px;
}

@media screen and (max-width: 1024px) {
    .flats__controls {
        padding: 0;
    }
}

.flats__controls .flats__view {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media screen and (max-width: 600px) {
    .flats__controls .flats__view {
        display: none;
    }
}

.flats__controls .flats__view_contol {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (hover: hover) {
    .flats__controls .flats__view_contol:hover svg {
        stroke: #89AA28;
    }
}

.flats__controls .flats__view_contol.active svg {
    stroke: #89AA28;
}

.flats__controls .flats__view_contol svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    stroke-width: 1.75;
    stroke: #1d1d1f;
    fill: none;
    transition: stroke 0.3s;
}

.flats__sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 20;
    min-height: 40px;
    max-width: calc(100% - 104px);
}

@media screen and (max-width: 1280px) {
    .flats__sort {
        min-height: 33px;
    }
}

@media screen and (max-width: 600px) {
    .flats__sort {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        max-width: 100%;
    }
}

.flats__clear {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    color: #89aa28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (hover: hover) {
    .flats__clear:hover {
        color: #718C21;
    }

    .flats__clear:hover svg {
        stroke: #718C21;
    }
}

.flats__clear svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #89AA28;
    transition: stroke 0.3s;
}

.js-select {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.custom-select {
    position: relative;
    z-index: 2;
    flex-grow: 1;
    display: flex;
    order: 2;
    justify-content: flex-end;
}

@media screen and (max-width: 600px) {
    .custom-select {
        justify-self: flex-end;
        width: 100%;
    }
}

.custom-select.show .custom-select__wrap {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all;
}

.custom-select.show .custom-trigger::after {
    transform: scale(1, -1);
}

.custom-select.choosen .custom-trigger {
    color: #1d1d1f;
}

.custom-select.choosen ~ .flats__sort_result {
    display: block;
}

.flats__sort_result {
    margin-top: 24px;
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    display: none;
}

@media screen and (max-width: 1280px) {
    .flats__sort_result {
        font-size: 26px;
    }
}

.custom-trigger {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #8b8b8b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 26px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .custom-trigger {
        gap: 10px;
    }
}

.custom-trigger::before {
    content: "";
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 11L5 13L3 11' stroke='%2389AA28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 3V13' stroke='%2389AA28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 5L11 3L13 5' stroke='%2389AA28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 13V3' stroke='%2389AA28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.custom-trigger::after {
    content: "";
    width: 26px;
    height: 28px;
    min-width: 16px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='16' viewBox='0 0 26 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='16' fill='url(%23paint0_linear_10902_16143)'/%3E%3Cpath d='M23 6L18 11L13 6' stroke='%231D1D1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10902_16143' x1='0' y1='8' x2='9.5' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    transform: scale(1, 1) translateY(-1px);
    background-position: right center;
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
}

.custom-select__wrap {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    pointer-events: none;
    position: absolute;
    left: 0;
    top: calc(100% + 21px);
    transition: 0.3s;
    background: white;
    max-height: 230px;
    overflow-y: auto;
    width: 285px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    padding-top: 4px;
    padding-bottom: 4px;
}

.custom-select__wrap::-webkit-scrollbar {
    width: 4px;
    background: transparent;
}

.custom-select__wrap::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 40px;
}

.custom-select__wrap::-webkit-scrollbar-corner {
    background: transparent;
}

.custom-select__wrap .custom-option {
    padding: 12px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    cursor: pointer;
}

.custom-select__wrap .custom-option:hover {
    color: #89AA28;
}

.custom-select__wrap .custom-option.checked {
    background: var(--20, rgba(137, 170, 40, 0.2));
    color: #1d1d1f;
}

.custom-select__wrap .custom-option[data-value=default] {
    display: none;
}

.flats__show-more {
    margin-top: 32px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 46px;
    padding: 12px 22px;
}

@media screen and (max-width: 450px) {
    .flats__show-more {
        font-size: 15px;
        padding: 12px;
    }
}

.flat {
    position: relative;
}

.flat:hover {
    z-index: 2;
}

@media (hover: hover) {
    .flat:hover .flat-card {
        border-color: #c3c3c3;
        box-shadow: inset 0px 0px 0px 1px transparent;
    }

    .flat:hover {
        z-index: 6;
    }
}


.flat-card-wrap {
    position: relative;
    z-index: 0;
}

.flat .flat-controls {
    position: absolute;
    z-index: 2;
    transform: translateZ(1px);
    top: min(20px, 1.05vw);
    right: min(24px, 1.26vw);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (max-width: 1024px) {
    .flat .flat-controls {
        top: 12px;
        right: 12px;
    }
}

@media (max-width: 550px) {
    .flat .flat-controls {
        top: 16px;
        right: 16px;
        gap: 16px;
    }
}

.flat .flat-card {
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    /*transition: 0.3s;*/
    padding: 20px min(24px, 1.25vw) min(24px, 1.25vw);
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100%;
}

@media screen and (max-width: 768px) {
    .flat .flat-card {
        padding: 20px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card {
        padding: 16px;
    }
}

.flat .flat-card__imgs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
    margin-bottom: min(20px, 1.06vw);
}

@media (max-width: 550px) {
    .flat .flat-card__imgs {
        gap: 5px;
    }
}

.flat .flat-card__imgs .swiper-wrapper {
    height: unset;
}

.flat .flat-card__imgs .swiper-slide {
    width: 100%;
    height: min(249px, 13vw);
}

@media (max-width: 1440px) {
    .flat .flat-card__imgs .swiper-slide {
        height: 200px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__imgs .swiper-slide {
        height: 192px;
    }
}

.flat .flat-card__imgs .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.flat .flat-card__imgs .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: min(12px, 0.7vw);
}

@media screen and (max-width: 1024px) {
    .flat .flat-card__imgs .swiper-pagination {
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__imgs .swiper-pagination {
        gap: 12px;
    }
}

.flat .flat-card__imgs .swiper-pagination .swiper-pagination-bullet {
    background: var(--stroke-line-light, #c3c3c3);
    opacity: 1;
    margin: 0 !important;
    display: block;
}

.flat .flat-card__imgs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89AA28;
}

.flat .flat-card__content {
    margin-top: min(10px, 1.06vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .flat .flat-card__content {
        gap: 12px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__content {
        margin-top: 10px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__content {
        gap: 6px;
    }
}

.flat .flat-card__prices-block {
    gap: min(8px, 4.2vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .flat .flat-card__prices-block {
        gap: 8px;
    }
}

.flat .flat-card__prices-block .price__select {
    margin-left: 4px;
}

.flat .flat-card__hash {
    border-radius: 1000px;
    background: rgba(137, 170, 40, 0.1);
    padding: 4px 12px;
    display: flex;
    gap: 8px;
    align-items: center;
    max-width: max-content;
    color: var(--Primary-Main, #89aa28);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flat .flat-card__hash svg {
    width: 16px;
    height: 16px;
    fill: #89aa28;
}

.flat .flat-card__booked {
    border-radius: 100px;
    background: var(--text-icon-light, #e9e9e9);
    padding: 4px 12px;
    display: flex;
    gap: 6px;
    align-items: center;
    max-width: max-content;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 550px) {
    .flat .flat-card__booked {
        margin-top: 6px;
    }
}

.flat .flat-card__booked svg {
    width: 16px;
    height: 16px;
    stroke: var(--text-icon-dark-secondary, #707070);
    fill: none;
}

.flat .flat-card__title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    text-align: left;
    font-size: min(24px, 1.28vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    width: 100%;
    padding-bottom: 10px;
    transition: color 0.3s;
}

@media (max-width: 1440px) {
    .flat .flat-card__title {
        font-size: 19px;
    }
}

@media screen and (max-width: 768px) {
    .flat .flat-card__title {
        padding-bottom: 12px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__title {
        text-align: left;
        font-size: 18px;
        line-height: normal;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__title {
        border: unset;
        padding-bottom: 10px;
        padding-top: 16px;
    }
}

@media (hover: hover) {
    .flat .flat-card__title:hover {
        color: #718C21;
    }
}

.flat .flat-card__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #c3c3c3;
}

@media (max-width: 550px) {
    .flat .flat-card__row {
        justify-content: flex-start;
        gap: 10px;
        padding-bottom: 14px;
        border-bottom: 1px solid #c3c3c3;
        margin-bottom: 3px;
    }
}

.flat .flat-card__main_min-size,
.flat .flat-card__main_min-floor {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: min(16px, 1vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1440px) {
    .flat .flat-card__main_min-size,
    .flat .flat-card__main_min-floor {
        font-size: 16px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__main_min-size {
        order: 2;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__main_min-floor {
        order: 3;
    }
}

.flat .flat-card__prices_main {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding-right: 16px;
}

@media screen and (max-width: 768px) {
    .flat .flat-card__prices_main {
        font-size: 18px;
    }
}

.flat .flat-card__prices_main .tooltip {
    right: 0;
    top: 0;
    width: 16px;
}

.flat .flat-card__prices_main .tooltip-icon {
    width: 16px;
    height: 24px;
    color: var(--text-icon-dark-tetriary, #8b8b8b);
}

.flat .flat-card__prices_main-sale {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
}

.flat .flat-card__prices_main-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    transform-origin: left;
    transform: rotate(-7deg);
    background: #8b8b8b;
}

.flat .flat-card__prices_m2 {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flat .flat-card__prices_m2-sale {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
}

.flat .flat-card__prices_m2-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    transform-origin: left;
    transform: rotate(-7deg);
    background: #8b8b8b;
}

.flat .flat-card__prices {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
}

@media (max-width: 550px) {
    .flat .flat-card__prices {
        justify-content: flex-start;
        gap: 10px 6px;
        flex-wrap: wrap;
    }
}

.flat .flat-card__main_min-rooms {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: min(16px, 1vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1440px) {
    .flat .flat-card__main_min-rooms {
        font-size: 16px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__main_min-rooms {
        order: 1;
    }
}

.to-compare,
.to-fav,
.to-calc,
.to-del {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Background-Light, #f5f5f7);
    transition: background 0.3s;
}

@media (hover: hover) {
    .to-compare:hover,
    .to-fav:hover,
    .to-calc:hover,
    .to-del:hover {
        z-index: 2;
    }

    .to-compare:hover svg,
    .to-fav:hover svg,
    .to-calc:hover svg,
    .to-del:hover svg {
        stroke: #718C21;
    }

    .to-compare:hover span,
    .to-fav:hover span,
    .to-calc:hover span,
    .to-del:hover span {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s;
    }
}

.to-compare svg,
.to-fav svg,
.to-calc svg,
.to-del svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: none;
    stroke-width: 1.5;
    stroke: #89AA28;
    transition: 0.3s;
}

.to-compare span,
.to-fav span,
.to-calc span,
.to-del span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media screen and (max-width: 1024px) {
    .to-compare span,
    .to-fav span,
    .to-calc span,
    .to-del span {
        display: none;
    }
}

.to-compare span::after,
.to-fav span::after,
.to-calc span::after,
.to-del span::after {
    content: attr(data-default);
}

.to-compare span::before,
.to-fav span::before,
.to-calc span::before,
.to-del span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M7.29289 0.707106C7.68342 0.316582 8.31658 0.316582 8.70711 0.707107L16 8H0L7.29289 0.707106Z' fill='white'/%3E%3C/svg%3E");
}

.to-compare.compared,
.to-fav.compared,
.to-calc.compared,
.to-del.compared {
    background: #89AA28;
}

@media (hover: hover) {
    .to-compare.compared:hover,
    .to-fav.compared:hover,
    .to-calc.compared:hover,
    .to-del.compared:hover {
        background: #718C21;
    }

    .to-compare.compared:hover svg {
        stroke: #f5f5f7;
    }
}

.to-compare.compared svg,
.to-fav.compared svg,
.to-calc.compared svg,
.to-del.compared svg {
    stroke: #f5f5f7;
}

.to-compare.compared span::after,
.to-fav.compared span::after,
.to-calc.compared span::after,
.to-del.compared span::after {
    content: attr(data-del);
}

.to-compare.in-fav,
.to-fav.in-fav,
.to-calc.in-fav,
.to-del.in-fav {
    background: #89AA28;
}

@media (hover: hover) {
    .to-compare.in-fav:hover,
    .to-fav.in-fav:hover,
    .to-calc.in-fav:hover,
    .to-del.in-fav:hover {
        background: #718C21;
    }
}

.to-compare.in-fav svg,
.to-fav.in-fav svg,
.to-calc.in-fav svg,
.to-del.in-fav svg {
    stroke: #f5f5f7;
    fill: #f5f5f7;
}

@media (max-width: 1440px) {
    .to-compare.in-fav span,
    .to-fav.in-fav span,
    .to-calc.in-fav span,
    .to-del.in-fav span {
        max-width: 115px;
        white-space: normal;
        text-align: center;
        padding: 11px 16px;
    }
}

.to-compare.in-fav span::after,
.to-fav.in-fav span::after,
.to-calc.in-fav span::after,
.to-del.in-fav span::after {
    content: attr(data-del);
}

@media (max-width: 1440px) {
    .to-calc span {
        max-width: 115px;
        white-space: normal;
        text-align: center;
        padding: 11px 16px;
    }
}

.empty-favs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 380px;
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    .empty-favs {
        padding: 12px;
    }
}

.empty-favs .empty-favs__ico {
    width: 90px;
    height: 90px;
    fill: none;
    stroke: #89AA28;
    margin-bottom: 24px;
}

@media screen and (max-width: 600px) {
    .empty-favs .empty-favs__ico {
        width: 80px;
        height: 80px;
        margin-bottom: 16px;
    }
}

.empty-favs .empty-favs__title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .empty-favs .empty-favs__title {
        font-size: 20px;
    }
}

.empty-favs .empty-favs__text {
    color: var(--text-icon-dark-secondary, #707070);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 600px) {
    .empty-favs .empty-favs__text {
        font-size: 16px;
        line-height: normal;
    }
}

.empty-favs .btn-green {
    margin-top: 16px;
}

@media (hover: hover) {
    .calculator-p .price__select .price__drop {
        pointer-events: none;
    }

    .calculator-p .price__select:hover .price__btn::after {
        transform: scale(1, -1);
    }

    .calculator-p .price__select:hover .price__drop {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        z-index: 2;
    }
}

.calculator-p .price__select .price__btn:hover::after {
    transform: scale(1, -1);
}

.calculator-p .price__select .price__btn:hover ~ .price__drop {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 2;
}

.calculator-p .price__option {
    display: block;
    width: 100%;
}

.calculator-p .price__drop {
    margin-top: -1px;
}

.calculator-p .price__btn {
    color: var(--unnamed, #1d1d1f);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 12px;
    padding: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: unset;
    padding: 0;
    max-width: max-content;
    border-radius: 0;
}

.calculator-p .price__btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%2389AA28'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
}

.calculator-p .price__drop {
    pointer-events: all;
}

.calculator-p.container-main {
    margin-top: 16px;
}

.calculator-p .credit-calculator__step_banks::after {
    content: none;
}

.calculator-p .calculator-p__wrap {
    margin-top: 16px;
    border-radius: 20px;
    background: #f5f5f7;
    padding: min(40px, 2.1vw);
    display: none;
    align-items: stretch;
    gap: min(63px, 3.3vw);
    position: relative;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap {
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .calculator-p .calculator-p__wrap {
        padding: 15px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .calculator-p__wrap {
        background: transparent;
        padding: 0;
        margin-top: 28px;
    }
}

.calculator-p .calculator-p__wrap.active {
    display: flex;
}

.calculator-p .calculator-p__wrap::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 80px);
    top: 40px;
    left: calc(50% + 20px);
    background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap::before {
        content: none;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step1] .calculator-p__wrap_back {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step1] .step1 {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step2] .step2 {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step3] .step3 {
        display: block;
    }
}

.calculator-p .calculator-p__wrap[data-active=step4] .calculator-p__wrap_result {
    display: block;
}

.calculator-p .step3 .credit-calculator__step_title {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .step3 .credit-calculator__step_title {
        display: flex;
    }
}

.calculator-p .credit-calculator__step_wrap {
    display: block;
    padding: 0;
    margin-top: 0;
}

.calculator-p .calculator-p__wrap_steps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: calc((100% - min(63px, 3.3vw)) / 2 + 20px);
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap_steps {
        width: 100%;
    }
}

.calculator-p .calculator-p__wrap_result {
    width: calc((100% - min(63px, 3.3vw)) / 2 - 20px);
    position: relative;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap_result {
        width: 100%;
        display: none;
    }
}

.calculator-p .calculator-p__wrap_result .hide {
    display: none;
}

.calculator-p .calculator-p__wrap_result-inner {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
    position: sticky;
    top: 30px;
}

.calculator-p .credit-calculator__step_title {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 20px;
}

@media (max-width: 1440px) {
    .calculator-p .credit-calculator__step_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step_title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_title {
        color: #1d1d1f;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 20px;
    }
}

.calculator-p .credit-calculator__step_title.mob {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step_title.mob {
        display: flex;
    }
}

.calculator-p .credit-calculator__step_title span {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step_title span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        min-width: 26px;
        height: 26px;
        border-radius: 100%;
        text-align: center;
        background: #89AA28;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        color: white;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step {
        display: none;
        width: 100%;
    }
}

.calculator-p .calculator-p__btn-step {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__btn-step {
        display: flex;
        padding: 12px 22px;
        align-items: center;
        background: #89AA28;
        border-radius: 100px;
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        gap: 8px;
        width: max-content;
        margin: 40px auto 0;
    }
}

.calculator-p .calculator-p__btn-step:hover {
    background: #718C21;
}

.calculator-p .calculator-p__btn-step:active {
    background: #94B533;
}

.calculator-p .calculator-p__btn-step svg {
    width: 24px;
    height: 24px;
    fill: white;
}

.calculator-p .credit-calculator__step_banks {
    margin-top: 2px;
    gap: 16px;
    margin-bottom: 0;
}

.calculator-p .credit-calculator__step_row .input-wrap {
    margin-top: 8px;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_row .input-wrap {
        margin-top: 0;
    }
}

.calculator-p .credit-calculator__step_row .input-wrap > input {
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    background: transparent;
    height: 44px;
    color: #1d1d1f;
}

.calculator-p .credit-calculator__step_row .input-wrap > input::placeholder {
    color: #8b8b8b;
}

.calculator-p .credit-calculator__step_row .input-wrap > input.err {
    border-color: #e3473d;
}

.calculator-p .credit-calculator__step_bank {
    width: 100%;
}

.calculator-p .credit-calculator__step_bank:nth-last-child(1) .credit-calculator__step_bank-info {
    border: 1px solid transparent;
}

@media (hover: hover) {
    .calculator-p .credit-calculator__step_bank:nth-last-child(1) .credit-calculator__step_bank-info:hover {
        border-color: #718C21;
    }
}

.calculator-p .credit-calculator__step_text-grey {
    margin-top: 8px;
    color: #707070;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.calculator-p .credit-calculator__step_bank-info {
    padding: 16px;
    padding-left: 60px;
    border-radius: unset;
    border: unset;
    background: white;
    box-shadow: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
    transition: border 0.3s;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_bank-info {
        padding-bottom: 20px;
        box-shadow: unset;
        background: #f5f5f7;
    }
}

@media (hover: hover) {
    .calculator-p .credit-calculator__step_bank-info:hover {
        border-color: #718C21;
    }
}

.calculator-p .credit-calculator__step_bank-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.calculator-p .credit-calculator__step_bank-prop {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.calculator-p .credit-calculator__step_bank-deskr {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 130%;
}

.calculator-p .credit-calculator__step_bank-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: calc((100% - 24px) / 3);
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-col {
        width: auto;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_bank-col {
        width: calc(50% - 6px);
    }
}

.calculator-p .credit-calculator__step_bank-logo {
    width: max-content;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-logo .credit-calculator__step_bank-prop {
        display: none;
    }
}

.calculator-p .credit-calculator__step_bank-logo img {
    width: auto;
    max-width: 103px;
    height: 29px;
    object-fit: contain;
    object-position: left;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__step_bank-logo img {
        margin-bottom: 0;
    }
}

.calculator-p .credit-calculator__step_bank-other {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    gap: 12px;
}

.calculator-p .credit-calculator__step_bank-check {
    left: 16px;
    top: 16px;
    right: unset;
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-check {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_bank-check {
        background: white;
    }
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-check::after {
        width: 8px;
        height: 8px;
    }
}

.calculator-p .credit-calculator__payments {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
}

.calculator-p .credit-table__btn_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.calculator-p .credit-table__btn_wrap ~ .credit-table {
    display: none;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__btn_wrap ~ .credit-table {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table {
        min-width: 560px;
    }
}

.calculator-p .credit-table__btn_wrap.show ~ .credit-table {
    display: block;
}

.calculator-p .credit-table__btn_wrap.show .credit-table__btn_hide {
    display: block;
}

.calculator-p .credit-table__btn_wrap.show .credit-table__btn_show {
    display: none;
}

.calculator-p .credit-table__btn_hide {
    display: none;
}

.calculator-p .credit-table__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 20px;
    height: 352px;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__wrap {
        overflow: scroll;
        width: 100%;
        height: 307px;
        align-items: unset;
    }

    .calculator-p .credit-table__wrap::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background: transparent;
    }

    .calculator-p .credit-table__wrap::-webkit-scrollbar-thumb {
        background: rgba(137, 170, 40, 0.5019607843);
        border-radius: 4px;
    }

    .calculator-p .credit-table__wrap::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.calculator-p .simplebar-track.simplebar-vertical {
    background: transparent;
}

.calculator-p .credit-table__btn {
    border: unset;
    background: unset;
    color: #89AA28;
    margin-top: 19px;
    margin-bottom: 19px;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-table__btn {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 600px) {
    .calculator-p .credit-table__btn {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__btn {
        display: none;
    }
}

.calculator-p .credit-table__btn:hover {
    color: #718C21;
}

.calculator-p .range__container input[type=number],
.calculator-p .range__container input[type=text] {
    background: transparent;
}

@media screen and (max-width: 1024px) {
    .calculator-p .range__container_title {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .step1__mobile-text {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .price__select {
        margin-left: 8px;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .price__select .price__final {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.calculator-p .credit-table__btn.show .credit-table__btn_hide {
    display: block;
}

.calculator-p .credit-table__btn.show .credit-table__btn_show {
    display: none;
}

.calculator-p .credit-calculator__payments_common-col {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    padding-right: 5px;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__payments_common-col {
        width: 50%;
    }
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__payments_common-col:nth-last-child(1) {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__payments_common-col:nth-last-child(1) {
        width: 50%;
    }
}

.calculator-p .credit-calculator__btn {
    margin-top: 40px;
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__btn {
        width: max-content;
        font-size: 18px;
    }
}

.calculator-p .credit-table {
    max-height: unset;
}

@media screen and (max-width: 600px) {
    .calculator-p .credit-table {
        overflow: visible;
    }
}

.calculator-p .range__container {
    min-width: 300px;
    margin-bottom: 0;
}

.calculator-p .credit-table__th {
    color: #1d1d1f;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 16px min(24px, 1.25vw);
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__th {
        line-height: 130%;
    }
}

.calculator-p .credit-table__td {
    padding: 16px min(24px, 1.25vw);
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-table__td {
        font-size: 14px;
    }
}

.calculator-p .credit-table__row .credit-table__td:nth-child(1) {
    width: min(100px, 6vw);
    min-width: min(100px, 6vw);
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-table__row .credit-table__td:nth-child(1) {
        width: 100px;
    }
}

.calculator-p .credit-table__head .credit-table__th:nth-child(1) {
    width: min(100px, 6vw);
    min-width: min(100px, 6vw);
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-table__head .credit-table__th:nth-child(1) {
        width: 100px;
    }
}

.calculator-p .calculator-p__wrap_back {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap_back {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #8b8b8b;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .calculator-p__wrap_back {
        margin-bottom: 26px;
    }
}

.calculator-p .calculator-p__wrap_back svg {
    width: 24px;
    height: 24px;
    fill: #8b8b8b;
    transform: scale(-1, 1);
}

.calculator-p .calc-tabs {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 40px;
    max-width: 100%;
    overflow-x: auto;
}

@media screen and (max-width: 600px) {
    .calculator-p .calc-tabs {
        margin-top: 24px;
    }
}

.calculator-p .calc-tabs__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 100px;
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #f5f5f7;
    white-space: nowrap;
    transition: color 0.3s, background 0.3s;
}

@media (hover: hover) {
    .calculator-p .calc-tabs__tab:hover {
        color: white;
        background: #718C21;
    }
}

.calculator-p .calc-tabs__tab.active {
    background: #89AA28;
    color: white;
}

@media (hover: hover) {
    .calculator-p .calc-tabs__tab.active:hover {
        background: #89AA28;
        color: white;
    }
}

.calculator-p .range__container_grey {
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.calculator-p .half-step {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.calculator-p .half-step .credit-calculator__step_row {
    align-items: flex-start;
}

.radio {
    display: flex;
    position: relative;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (hover: hover) {
    .radio:hover .radio__circle {
        border-color: #718C21;
    }
}

.radio input:checked ~ .radio__circle {
    background: #89AA28;
    border: #89AA28;
}

.radio input:checked ~ .radio__circle::after {
    transform: scale(1);
}

.radio__circle {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c3c3c3;
    background: white;
    transition: border 0.3s;
    position: relative;
}

@media screen and (max-width: 450px) {
    .radio__circle {
        width: 24px;
        height: 24px;
    }
}

.radio__circle::after {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 100%;
    display: block;
    transform-origin: center;
    transform: scale(0);
    transition: 0.3s;
}

@media screen and (max-width: 1024px) {
    .calculator-p__byCredit[data-active=step2] .calculator-p__wrap_result {
        display: block;
    }
}

.calculator-p__byCredit .credit-calculator__step_bank-info {
    padding-left: 16px;
}

.calculator-p__byCredit .err input {
    border-color: #e3473d;
}

.calculator-p__byCredit .calculator-p__wrap_steps {
    position: relative;
}

.calculator-p__byCredit .credit-calculator__step {
    position: sticky;
    top: 30px;
}

.calculator-p__byCredit .credit-calculator__payments {
    margin-top: 0;
}

.calculator-p__byCredit .calculator-p__wrap_result-default,
.calculator-p__byCredit .credit-calculator__payments {
    width: 100%;
}

.calculator-p__byCredit .credit-calculator__step_title {
    width: 100%;
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1024px) {
    .calculator-p__byCredit .credit-calculator__step_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p__byCredit .credit-calculator__step_title {
        color: #1d1d1f;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 20px;
    }
}

.calculator-p__byCredit .credit-calculator__step_bank-col {
    width: calc((100% - 36px) / 4);
    min-width: 120px;
}

.calculator-p__byCredit .credit-calculator__step_block {
    width: 100%;
}

.calculator-p__byCredit .credit-calculator__step_bank.drop .btn-bordered svg {
    transform: scale(1, 1);
}

.calculator-p__byCredit .credit-calculator__step_bank.drop .credit-table__wrap {
    display: flex;
    margin-top: 8px;
}

.calculator-p__byCredit .credit-table__btns {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
}

@media screen and (max-width: 450px) {
    .calculator-p__byCredit .credit-table__btns {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
}

.calculator-p__byCredit .credit-table__btns .btn-green,
.calculator-p__byCredit .credit-table__btns .btn-bordered {
    height: 40px;
    font-size: 16px;
}

.calculator-p__byCredit .credit-table__wrap {
    display: none;
}

.calculator-p__byCredit .btn-bordered {
    display: flex;
    align-items: center;
    gap: 8px;
}

.calculator-p__byCredit .btn-bordered:hover svg path {
    stroke: white;
}

.calculator-p__byCredit .btn-bordered svg {
    transform: scale(1, -1);
}

.calculator-p__byCredit .btn-bordered svg path {
    transition: 0.3s;
}

.credit-calculator__payments_title {
    color: #1d1d1f;
    font-size: min(32px, 2vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .credit-calculator__payments_title {
        color: #1d1d1f;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.credit-calculator__payments_title span {
    display: none;
}

@media screen and (max-width: 1024px) {
    .credit-calculator__payments_title span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border-radius: 100%;
        text-align: center;
        background: #89aa28;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        color: white;
    }
}

.credit-calculator__payments_common-name {
    display: none;
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common-name {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.credit-calculator__payments_common {
    border-radius: 16px;
    background: #89aa28;
    padding: 20px min(24px, 1.25vw);
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__payments_common {
        flex-wrap: wrap;
        gap: 5px 0;
    }
}

@media screen and (max-width: 1024px) {
    .credit-calculator__payments_common {
        padding: 20px 24px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common {
        padding: 16px;
        gap: 12px 0;
    }
}

.credit-calculator__payments_common-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common-text {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.credit-calculator__payments_common-prop {
    color: #fff;
    font-size: min(18px, 1.2vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 4px;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__payments_common-prop {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common-prop {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.credit-calculator__payments_start {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}

.credit-calculator__payments_start p {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.live-banner {
    position: relative;
    width: 100%;
    min-height: 650px;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px;
}

@media screen and (max-width: 768px) {
    .live-banner {
        padding: 32px 16px;
    }
}

@media screen and (max-width: 450px) {
    .live-banner {
        padding: 0;
        border-radius: 0;
        margin-top: -56px;
    }
}

.live-banner__title {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 40px */
}

@media (max-width: 1440px) {
    .live-banner__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .live-banner__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    .live-banner__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .live-banner__title {
        font-weight: 700;
    }
}

.live-banner__text {
    color: #707070;
}

@media screen and (max-width: 600px) {
    .live-banner [data-closeable] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .live-banner [data-closeable] [data-closeable-conteiner] {
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
    .live-banner [data-closeable].closeable .live-info-text__close-btn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .live-banner [data-closeable].closeable [data-closeable-conteiner] {
        max-height: var(--content-height, unset);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: var(--max-lines, 8); /* number of lines to show */
        line-clamp: var(--max-lines, 8);
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 600px) {
    .live-banner [data-closeable].closeable.active [data-closeable-conteiner] {
        max-height: unset;
        display: block;
    }
}

.live-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 450px) {
    .live-banner__bg {
        display: none;
    }
}

.live-banner__bg img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.live-banner__container {
    position: relative;
    padding: 32px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(6px);
    max-width: 696px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

@media screen and (max-width: 450px) {
    .live-banner__container {
        padding: 0;
        gap: 16px;
    }
}

@media screen and (max-width: 450px) {
    .live-banner__container .breadcrumbs {
        margin: 0;
    }
}

.live-banner__container .live-banner__bg {
    display: none;
}

@media screen and (max-width: 450px) {
    .live-banner__container .live-banner__bg {
        display: block;
        position: static;
        height: 94.4dvw;
        border-radius: 20px;
        overflow: hidden;
    }
}

.live-banner__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 450px) {
    .live-banner__head {
        margin-bottom: 8px;
    }
}

.live-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media screen and (max-width: 600px) {
    .live-info {
        gap: 24px;
    }
}

.live-info-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #707070;
}

@media screen and (max-width: 900px) {
    .live-info-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .live-info-text {
        order: 3;
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.live-info-text__inner {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.live-info-text__inner ul {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.live-info-text__inner ul li {
    position: relative;
    padding-left: 24px;
}

.live-info-text__inner ul li::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 0;
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background-color: #89aa28;
}

@media screen and (max-width: 600px) {
    .live-info-text__close {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .live-info-text__close .live-info-text__inner {
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
    .live-info-text__close.closeable .live-info-text__close-btn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .live-info-text__close.closeable .live-info-text__inner {
        max-height: var(--content-height, unset);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: var(--max-lines, 8); /* number of lines to show */
        line-clamp: var(--max-lines, 8);
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 600px) {
    .live-info-text__close.closeable.active .live-info-text__inner {
        max-height: unset;
        display: block;
    }
}

.live-info-text__close-btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    color: #89aa28;
    display: none;
}

.live-info-text__close-btn input {
    display: none;
}

.live-info-text__close-btn input:checked + span::before {
    content: attr(data-close-text);
}

.live-info-text__close-btn span::before {
    content: attr(data-open-text);
}

.live-info__swiper {
    position: relative;
}

.live-info__swiper .swiper-button {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    transition: 0.3s;
    transform: translateY(-30px);
}

@media screen and (max-width: 1280px) {
    .live-info__swiper .swiper-button {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 450px) {
    .live-info__swiper .swiper-button {
        display: none;
    }
}

.live-info__swiper .swiper-button::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .live-info__swiper .swiper-button::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.live-info__swiper .swiper-button:hover {
    background: #89AA28;
}

.live-info__swiper .swiper-button:hover::after {
    color: white;
}

.live-info__swiper .swiper-button.swiper-button-next {
    right: -50px;
}

@media (max-width: 1440px) {
    .live-info__swiper .swiper-button.swiper-button-next {
        right: 0;
    }
}

.live-info__swiper .swiper-button.swiper-button-prev {
    left: -50px;
}

@media (max-width: 1440px) {
    .live-info__swiper .swiper-button.swiper-button-prev {
        left: 0;
    }
}

.live-info__swiper .swiper-button.swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.live-info__swiper .swiper-button.swiper-button-disabled:hover {
    background: #f5f5f7;
}

.live-info__swiper .swiper-button.swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.live-info__slider {
    width: 100%;
    overflow: hidden;
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
    .live-info__slider {
        order: 2;
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .live-info__slider {
        width: calc(100% + 32px);
        margin: 0 -16px;
        padding: 0 16px;
    }
}

.live-info__slider .swiper-wrapper {
    align-items: stretch;
    height: 650px;
}

@media screen and (max-width: 1280px) {
    .live-info__slider .swiper-wrapper {
        height: 560px;
    }
}

@media screen and (max-width: 900px) {
    .live-info__slider .swiper-wrapper {
        height: 500px;
    }
}

@media screen and (max-width: 768px) {
    .live-info__slider .swiper-wrapper {
        height: 400px;
    }
}

.live-info__slider .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 12px;
    border-radius: 28px;
    background: #f5f5f7;
    gap: 12px;
    margin: 24px auto 0;
}

@media screen and (max-width: 600px) {
    .live-info__slider .swiper-pagination {
        margin-top: 16px;
        gap: 8px;
    }
}

.live-info__slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
    margin: 0 !important;
}

.live-info__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89aa28;
}

.live-info__img {
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 1280px) {
    .live-info__img {
        width: calc((100% - 30px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .live-info__img {
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (max-width: 600px) {
    .live-info__img {
        width: 96%;
    }
}

.live-info__img.live-info__img_xl {
    width: 100%;
}

@media screen and (max-width: 600px) {
    .live-info__img.live-info__img_xl {
        width: 96%;
    }
}

.live-info__img.live-info__img_sm {
    width: calc((100% - 30px) / 2);
}

@media screen and (max-width: 768px) {
    .live-info__img.live-info__img_sm {
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (max-width: 600px) {
    .live-info__img.live-info__img_sm {
        width: 96%;
    }
}

.live-info__img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.live-infrastructure {
    background-color: transparent;
    border: 1px solid #89aa28;
}

@media screen and (max-width: 600px) {
    .live-infrastructure {
        width: 100%;
    }
}

.live-infrastructure .infrastructure__block_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.live-infrastructure .infrastructure__btn {
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .live-infrastructure .infrastructure__btn {
        margin-top: 24px;
    }
}

.formats-wrap {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .formats-wrap {
        margin-top: 24px;
    }
}

.formats-wrap .formats:nth-child(1) {
    margin-top: 0;
}

.formats-wrap .formats:nth-child(odd) .format-block:nth-child(5) {
    width: calc((100% - 60px) / 1.5 + 30px);
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(odd) .format-block:nth-child(5) {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(1) {
        order: 1;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(2) {
        order: 2;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(3) {
        order: 4;
    }
}

@media (max-width: 500px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(3) {
        order: 3;
    }
}

.formats-wrap .formats:nth-child(even) .format-block:nth-child(4) {
    width: calc((100% - 60px) / 1.5 + 30px);
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(4) {
        width: 100%;
        order: 3;
    }
}

@media (max-width: 500px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(4) {
        order: 4;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(5) {
        order: 5;
    }
}

.container-main ~ .formats-wrap.container-main {
    margin-top: 80px;
}

@media screen and (max-width: 1280px) {
    .container-main ~ .formats-wrap.container-main {
        margin-top: 56px;
    }
}

.container-main ~ .formats-wrap.container-main .formats {
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .container-main ~ .formats-wrap.container-main .formats {
        margin-top: 24px;
    }
}

.breadcrumbs-outer + .container-main + .formats-wrap {
    margin-top: 0;
}

.formats {
    display: flex;
    flex-wrap: wrap;
    gap: min(64px, 3.34vw) 30px;
    margin-top: min(64px, 3.34vw);
}

@media screen and (max-width: 1280px) {
    .formats {
        gap: 20px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 600px) {
    .formats {
        gap: 10px;
        margin-top: 32px;
    }
}

@media (max-width: 500px) {
    .formats {
        gap: 32px;
        margin-top: 24px;
    }
}

.formats .format-block {
    width: calc((100% - 60px) / 3);
    position: relative;
    height: min(400px, 21vw);
}

@media (max-width: 1440px) {
    .formats .format-block {
        height: min(400px, 25.6vw);
    }
}

@media screen and (max-width: 1280px) {
    .formats .format-block {
        width: calc((100% - 40px) / 3);
    }
}

@media screen and (max-width: 1024px) {
    .formats .format-block {
        width: calc(50% - 15px);
        height: max(35vw, 200px);
    }
}

@media screen and (max-width: 600px) {
    .formats .format-block {
        gap: 10px;
        width: calc(50% - 5px);
    }
}

@media (max-width: 500px) {
    .formats .format-block {
        width: 100%;
        height: 240px;
    }
}

@media screen and (max-width: 450px) {
    .formats .format-block {
        height: 400px;
    }
}

.formats .text-block {
    background: #f5f5f7;
    border-radius: 20px;
}

@media screen and (max-width: 450px) {
    .formats .text-block {
        height: 230px;
    }
}

.formats .text-block .social-block__content {
    background: transparent;
    font-size: min(18px, 0.95vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #1d1d1f;
}

@media screen and (max-width: 1280px) {
    .formats .text-block .social-block__content {
        font-size: 18px;
        line-height: 145%;
    }
}

@media screen and (max-width: 768px) {
    .formats .text-block .social-block__content {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .formats .text-block .social-block__content {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .formats .text-block .social-block__content {
        font-size: 16px;
        line-height: 130%;
    }
}

@media screen and (max-width: 450px) {
    .formats .text-block .social-block__content {
        padding: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .formats .social-block__content {
        padding: 25px;
    }
}

@media screen and (max-width: 768px) {
    .formats .social-block__content {
        padding: 15px;
    }
}

@media screen and (max-width: 450px) {
    .formats .social-block__content {
        padding: 12px;
    }
}

.formats .social-block__content_title {
    color: #fff;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .formats .social-block__content_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .formats .social-block__content_title {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .formats .social-block__content_title {
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

h1 {
    color: #1d1d1f;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 1440px) {
    h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1280px) {
    h1 {
        font-size: 46px;
    }
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 38px;
    }
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 450px) {
    h1 {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.slider__full-screen {
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 0 30px;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1440px) {
    .slider__full-screen {
        width: 100%;
        padding: 0;
        margin: 40px 0 0;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
        margin-top: 24px;
    }
}

@media screen and (max-width: 768px) {
    .slider__full-screen.two-imgs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen.two-imgs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.slider__full-screen.two-imgs .swiper-slide {
    width: calc((100% - 30px) / 2);
    aspect-ratio: 1/0.88;
}

@media screen and (max-width: 768px) {
    .slider__full-screen.two-imgs .swiper-slide {
        width: min(308px, 100vw - 32px);
        height: 400px;
        aspect-ratio: unset;
    }
}

@media screen and (max-width: 768px) {
    .slider__full-screen.three-imgs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen.three-imgs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.slider__full-screen.three-imgs .swiper-slide {
    width: calc((100% - 60px) / 3);
    aspect-ratio: 1/1.35;
}

@media screen and (max-width: 768px) {
    .slider__full-screen.three-imgs .swiper-slide {
        width: min(308px, 100vw - 32px);
        height: 400px;
        aspect-ratio: unset;
    }
}

.slider__full-screen .swiper-pagination {
    position: static;
    width: max-content;
    margin-top: 24px;
    border-radius: 28px;
    background: #f5f5f7;
    padding: 12px;
    display: flex;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .slider__full-screen .swiper-pagination {
        margin-top: 16px;
        gap: 8px;
    }
}

.slider__full-screen .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #c3c3c3;
    transition: 0.3s;
}

.slider__full-screen .swiper-pagination .swiper-pagination-bullet:hover {
    background: #89AA28;
}

.slider__full-screen .swiper-pagination .swiper-pagination-bullet-active {
    background: #89AA28;
}

.slider__full-screen .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    right: 0;
    margin-top: 0;
    transform: translateY(calc(-50% - 30px));
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .slider__full-screen .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen .swiper-button-next {
        display: none;
    }
}

.slider__full-screen .swiper-button-next::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-next::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.slider__full-screen .swiper-button-next:hover {
    background: #89AA28;
}

.slider__full-screen .swiper-button-next:hover::after {
    color: white;
}

.slider__full-screen .swiper-button-prev {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    left: 0;
    margin-top: 0;
    transform: translateY(calc(-50% - 30px));
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .slider__full-screen .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen .swiper-button-prev {
        display: none;
    }
}

.slider__full-screen .swiper-button-prev::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(-2px);
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-prev::after {
        font-size: 16px;
        transform: translateX(-1px);
    }
}

.slider__full-screen .swiper-button-prev:hover {
    background: #89AA28;
}

.slider__full-screen .swiper-button-prev:hover::after {
    color: white;
}

.slider__full-screen .swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.slider__full-screen .swiper-button-disabled:hover {
    background: #f5f5f7;
}

.slider__full-screen .swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.slider__full-screen .swiper-slide {
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1/0.43;
}

@media screen and (max-width: 768px) {
    .slider__full-screen .swiper-slide {
        aspect-ratio: 1/0.5;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen .swiper-slide {
        width: min(308px, 100vw - 32px);
        height: 400px;
        aspect-ratio: unset;
    }
}

.slider__full-screen .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__inner {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 450px) {
    .hidden-text-block.show-text .hidden-text-block__inner {
        overflow: visible;
        line-clamp: unset;
        -webkit-line-clamp: unset;
        display: block;
    }
}

.hidden-text-block.show-text .hidden-text-block__button .hide {
    display: block;
}

.hidden-text-block.show-text .hidden-text-block__button .show {
    display: none;
}

.hidden-text-block__button {
    display: none;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__button {
        color: #89aa28;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 8px;
        text-decoration: none;
    }

    .hidden-text-block__button:hover {
        text-decoration: none;
    }
}

.hidden-text-block__button .hide {
    display: none;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__button.show {
        display: block;
    }
}

.conditions-intro {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #fafafa;
    padding: 40px;
    aspect-ratio: 1/0.43;
}

@media screen and (max-width: 1280px) {
    .conditions-intro {
        aspect-ratio: unset;
        height: auto;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-intro {
        padding: 30px;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro {
        margin-top: -56px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro .breadcrumbs {
        margin-top: 0;
    }
}

.conditions-intro .conditions-intro__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .conditions-intro .conditions-intro__bg {
        width: min(328px, 43vw);
        height: min(340px, 44.6vw);
        right: 0;
        left: unset;
        border-radius: 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) {
    .conditions-intro .conditions-intro__bg {
        display: none;
    }
}

.conditions-intro .conditions-intro__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

@media screen and (max-width: 1024px) {
    .conditions-intro .conditions-intro__bg img {
        object-position: 80% 50%;
    }
}

.conditions-intro .conditions-intro__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: min(696px, 65%);
    height: 100%;
}

@media screen and (max-width: 1280px) {
    .conditions-intro .conditions-intro__content {
        min-height: 380px;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-intro .conditions-intro__content {
        max-width: 60%;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro .conditions-intro__content {
        max-width: calc(100% - min(328px, 43vw) - 20px);
    }
}

@media screen and (max-width: 600px) {
    .conditions-intro .conditions-intro__content {
        max-width: 100%;
        min-height: unset;
    }
}

.conditions-intro .main-page__title {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-top: 16px;
    margin-bottom: 10px;
    flex-grow: unset;
}

@media screen and (max-width: 1024px) {
    .conditions-intro .main-page__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro .main-page__title {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-intro .main-page__title {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro .main-page__title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.conditions-intro p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .conditions-intro p {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.conditions-intro .btn-green {
    margin-top: 32px;
}

@media screen and (max-width: 1024px) {
    .conditions-intro .btn-green {
        font-size: 18px;
        height: 46px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro .btn-green {
        order: 3;
    }
}

.conditions-intro__img-mob {
    display: none;
}

@media screen and (max-width: 600px) {
    .conditions-intro__img-mob {
        display: block;
        margin-bottom: 14px;
    }
}

.conditions-intro__img-mob img {
    width: 328px;
    height: 340px;
    border-radius: 20px;
}

@media screen and (max-width: 450px) {
    .conditions-intro__img-mob img {
        max-width: 100%;
        max-height: calc((100vw - 32px) * 1.04);
    }
}

.conditions-intro__bottom {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 1280px) {
    .conditions-intro__bottom {
        margin-top: 32px;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro__bottom {
        width: calc(100vw - 40px);
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom {
        margin-top: 20px;
        order: 2;
    }
}

.conditions-intro__bottom ul {
    display: flex;
    align-items: flex-start;
    gap: 24px min(48px, 3vw);
}

@media screen and (max-width: 768px) {
    .conditions-intro__bottom ul {
        flex-wrap: wrap;
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom ul {
        gap: 20px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom ul p {
        font-size: 14px;
        line-height: normal;
    }
}

.conditions-intro__bottom li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.conditions-intro__bottom .conditions-intro__condition {
    color: #1d1d1f;
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .conditions-intro__bottom .conditions-intro__condition {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-intro__bottom .conditions-intro__condition {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom .conditions-intro__condition {
        font-size: 14px;
        line-height: normal;
        font-weight: 700;
    }
}

.conditions-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    grid-auto-rows: minmax(350px, 1fr);
}

@media screen and (max-width: 1280px) {
    .conditions-list {
        grid-gap: 16px;
    }
}

@media (max-width: 900px) {
    .conditions-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(306px, 1fr);
    }
}

@media screen and (max-width: 450px) {
    .conditions-list {
        grid-gap: 24px;
    }
}

.conditions-list p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .conditions-list p {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list p {
        font-size: 16px;
    }
}

.conditions-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    margin-top: 12px;
}

.conditions-list .conditions-list__block_title {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 12px;
}

@media screen and (max-width: 1280px) {
    .conditions-list .conditions-list__block_title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-list .conditions-list__block_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list .conditions-list__block_title {
        font-size: 22px;
        line-height: 120%;
    }
}

.conditions-list .conditions-list__block {
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 24px;
}

@media screen and (max-width: 1280px) {
    .conditions-list .conditions-list__block {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-list .conditions-list__block {
        padding: 16px;
    }
}

@media (min-width: 901px) {
    .conditions-list .conditions-list__block:nth-child(odd) {
        background: #89aa28;
        border-color: #89aa28;
    }

    .conditions-list .conditions-list__block:nth-child(odd) p {
        color: rgba(255, 255, 255, 0.8);
    }

    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_title {
        color: white;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list .conditions-list__block:nth-child(odd) {
        background: #89aa28;
        border-color: #89aa28;
    }

    .conditions-list .conditions-list__block:nth-child(odd) p {
        color: rgba(255, 255, 255, 0.8);
    }

    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_title {
        color: white;
    }
}

@media (max-width: 900px) and (min-width: 601px) {
    .conditions-list .conditions-list__block:nth-child(1), .conditions-list .conditions-list__block:nth-child(4), .conditions-list .conditions-list__block:nth-child(5), .conditions-list .conditions-list__block:nth-child(8), .conditions-list .conditions-list__block:nth-child(9), .conditions-list .conditions-list__block:nth-child(12) {
        background: #89aa28;
        border-color: #89aa28;
    }

    .conditions-list .conditions-list__block:nth-child(1) p, .conditions-list .conditions-list__block:nth-child(4) p, .conditions-list .conditions-list__block:nth-child(5) p, .conditions-list .conditions-list__block:nth-child(8) p, .conditions-list .conditions-list__block:nth-child(9) p, .conditions-list .conditions-list__block:nth-child(12) p {
        color: rgba(255, 255, 255, 0.8);
    }

    .conditions-list .conditions-list__block:nth-child(1) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(1) .conditions-list__block_title, .conditions-list .conditions-list__block:nth-child(4) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(4) .conditions-list__block_title, .conditions-list .conditions-list__block:nth-child(5) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(5) .conditions-list__block_title, .conditions-list .conditions-list__block:nth-child(8) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(8) .conditions-list__block_title, .conditions-list .conditions-list__block:nth-child(9) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(9) .conditions-list__block_title, .conditions-list .conditions-list__block:nth-child(12) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(12) .conditions-list__block_title {
        color: white;
    }
}

.conditions-list .btn-green,
.conditions-list .btn-white {
    margin-top: 32px;
    max-width: max-content;
}

@media screen and (max-width: 768px) {
    .conditions-list .btn-green,
    .conditions-list .btn-white {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-list .btn-green,
    .conditions-list .btn-white {
        font-size: 18px;
    }
}

.conditions-list .btn-green svg,
.conditions-list .btn-white svg {
    width: 24px;
    height: 24px;
}

.conditions-list .conditions-list__block_subtitle {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px;
}

@media screen and (max-width: 1024px) {
    .conditions-list .conditions-list__block_subtitle {
        font-size: 15px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list .conditions-list__block_subtitle {
        font-size: 16px;
    }
}

.credits {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 40px;
}

@media screen and (max-width: 1280px) {
    .credits {
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .credits {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .credits {
        margin-top: 7px;
    }
}

.credits__col {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 1280px) {
    .credits__col {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 768px) {
    .credits__col {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .credits__col {
        gap: 0;
    }
}

@media screen and (max-width: 450px) {
    .credits__col:nth-last-child(1) .credits__block:nth-last-child(1) {
        padding-bottom: 0;
        border-bottom: unset;
    }
}

.credits__block {
    width: 100%;
    border-radius: 24px;
    background: #f5f5f7;
    padding: 20px 80px 24px 24px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
}

@media screen and (max-width: 1280px) {
    .credits__block {
        padding: 15px 60px 15px 15px;
    }
}

@media screen and (max-width: 450px) {
    .credits__block {
        padding: 0;
        margin: 20px 0 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #c3c3c3;
        background: unset;
        border-radius: 0;
    }
}

.credits__block .credits__block_chars {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
}

.credits__block .credits__block_char:nth-child(1), .credits__block .credits__block_char:nth-child(2), .credits__block .credits__block_char:nth-child(3), .credits__block .credits__block_char:nth-child(4) {
    display: flex;
}

@media screen and (max-width: 450px) {
    .credits__block .credits__block_char:nth-child(4) {
        display: none;
    }
}

.credits__block.dropped .credits__block_btn {
    display: block;
}

.credits__block.dropped .credits__block_char {
    display: flex;
}

.credits__block.dropped .credits__block_trigger {
    background-color: #89AA28;
    border-color: #89AA28;
}

.credits__block.dropped .credits__block_trigger svg {
    transform: scale(1, 1);
}

.credits__block.dropped .credits__block_trigger svg path {
    fill: #ffffff;
}

.credits__block .credits__block_trigger {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .credits__block .credits__block_trigger {
        right: 10px;
        top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .credits__block .credits__block_trigger {
        right: 15px;
        top: 15px;
    }
}

@media screen and (max-width: 450px) {
    .credits__block .credits__block_trigger {
        width: 32px;
        height: 32px;
        right: 0;
        top: -2px;
    }
}

.credits__block .credits__block_trigger:hover {
    border-color: #89aa28;
}

.credits__block .credits__block_trigger svg {
    transition: 0.3s;
    transform: scale(1, -1);
}

@media screen and (max-width: 450px) {
    .credits__block .credits__block_trigger svg {
        width: 12px;
    }
}

.credits__block .credits__block_trigger svg path {
    fill: #1d1d1f;
}

.credits__block_char {
    width: calc((100% - 24px) / 3);
    display: none;
    flex-direction: column;
    gap: 4px;
}

@media screen and (max-width: 1280px) {
    .credits__block_char {
        width: calc((100% - 12px) / 2);
    }
}

.credits__block_char.info {
    width: 100%;
}

.credits__block_char p,
.credits__block_char a {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.credits__block_char a:hover {
    color: #718c21;
}

.credits__block_char .credits__block_subtile {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.credits__block_btn {
    width: 100%;
    margin-top: 8px;
    display: none;
}

.credits__block_btn .btn-green {
    width: max-content;
}

.credits__block_logo {
    width: 132px;
}

@media screen and (max-width: 450px) {
    .credits__block_logo {
        width: 103px;
    }
}

.credits__block_logo img {
    width: 100%;
    height: auto;
    display: block;
}

.credits__block_droppable {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s;
    overflow: hidden;
}

.credits__block_droppable-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    min-height: 0;
}

.district-intro {
    margin-top: 40px;
}

.disctrict-adv {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (max-width: 768px) {
    .disctrict-adv {
        gap: 32px;
    }
}

.disctrict-adv__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv__list {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .disctrict-adv__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv__list {
        gap: 16px;
    }
}

@media screen and (max-width: 600px) {
    .disctrict-adv__list {
        grid-template-columns: 1fr;
    }
}

.disctrict-adv-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv-item {
        padding: 16px;
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv-item {
        padding: 15px;
    }
}

.disctrict-adv-item__icon {
    flex: none;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv-item__icon {
        width: 70px;
        height: 70px;
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv-item__icon {
        width: 56px;
        height: 56px;
    }
}

.disctrict-adv-item__icon svg {
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke: #89AA28;
}

.disctrict-adv-item__icon img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.disctrict-adv-item__title {
    color: #1d1d1f;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 12px;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv-item__title {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv-item__title {
        font-size: 20px;
    }
}

.disctrict-adv-item__text {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.district-info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (max-width: 768px) {
    .district-info {
        gap: 32px;
    }
}

.district-info .house-page__parameters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .district-info .house-page__parameters {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .district-info .house-page__parameters {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .district-info .house-page__parameters {
        gap: 16px;
    }
}

@media screen and (max-width: 600px) {
    .district-info .house-page__parameters {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameters {
        gap: 0;
    }
}

.district-info .house-page__parameter {
    width: 100%;
    height: 100%;
    padding: 24px 32px 24px 24px;
    border-radius: 20px;
}

@media screen and (max-width: 1280px) {
    .district-info .house-page__parameter {
        padding: 24px 32px 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter {
        border-radius: 0;
        padding: 0 0 16px;
        height: fit-content;
    }
}

.district-info .house-page__parameter_icon {
    flex: none;
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 1280px) {
    .district-info .house-page__parameter_icon {
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter_icon {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter_title {
        padding: 0;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter_text {
        padding-left: 36px;
        padding-top: 2px;
    }
}

.concept__cards {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .concept__cards {
        gap: 16px;
    }
}

@media screen and (max-width: 450px) {
    .concept__cards {
        margin-top: 32px;
    }
}

.concept__card {
    width: calc((100% - 60px) / 3);
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

@media screen and (max-width: 1280px) {
    .concept__card {
        padding: 16px;
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .concept__card {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 450px) {
    .concept__card {
        width: 100%;
        max-width: 328px;
        gap: 24px;
        padding: 15px;
    }
}

.concept__card p,
.concept__card .concept__card_title {
    color: #1d1d1f;
    font-size: min(32px, 1.8vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1280px) {
    .concept__card p,
    .concept__card .concept__card_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .concept__card p,
    .concept__card .concept__card_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .concept__card p,
    .concept__card .concept__card_title {
        font-size: 20px;
        line-height: 130%;
    }
}

.concept__card svg,
.concept__card img {
    width: min(80px, 5vw);
    height: min(80px, 5vw);
    display: block;
    object-fit: contain;
}

@media screen and (max-width: 1280px) {
    .concept__card svg,
    .concept__card img {
        width: 55px;
        height: 55px;
    }
}

@media screen and (max-width: 1024px) {
    .concept__card svg,
    .concept__card img {
        width: 48px;
        height: 48px;
    }
}

.house-intro.art {
    position: relative;
}

.house-intro.art .house-intro__img {
    overflow-y: visible;
}

.house-intro.art .art-text {
    position: absolute;
    border-radius: 18px;
    background: #f5f5f7;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 292px;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text {
        width: 240px;
        padding: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.art .art-text {
        width: 230px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro.art .art-text {
        border-radius: 12px;
        padding: 7px;
        width: 180px;
        gap: 5px;
    }
}

.house-intro.art .svg-img {
    flex-wrap: nowrap;
}

.house-intro.art .svg-wrapper__inner {
    width: unset;
}

.house-intro.art .svg-wrapper {
    overflow: unset;
    position: unset;
}

@media screen and (max-width: 450px) {
    .house-intro.art .svg-img img {
        height: 530px;
        width: auto;
    }
}

.house-intro.art .art-text1 {
    left: 4%;
    bottom: 69.5%;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text1 {
        left: 2%;
    }
}

.house-intro.art .art-text2 {
    left: 20.4%;
    bottom: 81.5%;
}

.house-intro.art .art-text3 {
    left: 44.9%;
    bottom: 75.5%;
}

.house-intro.art .art-text4 {
    left: 65.9%;
    bottom: 68%;
}

.house-intro.art .art-text5 {
    left: 18.6%;
    top: 65.5%;
}

.house-intro.art .art-text6 {
    left: 47.6%;
    top: 76.5%;
}

.house-intro.art .art-text__name {
    color: #c76c94;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text__name {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.art .art-text__name {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro.art .art-text__name {
        font-size: 10px;
    }
}

.house-intro.art .art-text__descr {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text__descr {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.art .art-text__descr {
        font-size: 11px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    .house-intro.art .art-text__descr {
        font-size: 9px;
        line-height: 1.3;
    }
}

.formats-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 68px;
}

@media screen and (max-width: 768px) {
    .formats-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .formats-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 52px;
    }
}

.formats-slider .formats {
    gap: 0;
    flex-wrap: nowrap;
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .formats-slider .formats {
        margin-top: 24px;
    }
}

.formats-slider .format-block {
    width: auto;
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .formats-slider .format-block {
        width: calc(50vw - 20px - 8px);
        height: 400px;
    }
}

@media screen and (max-width: 600px) {
    .formats-slider .format-block {
        width: min(308px, 100dvw - 32px);
    }
}

@media screen and (max-width: 450px) {
    .main-page .container-main:nth-child(1) .banner {
        margin-top: -56px;
    }
}

.banner {
    border-radius: 20px;
    position: relative;
    min-height: min(650px, 47vw);
    width: 100%;
    padding: 40px;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .banner {
        min-height: min(650px, 50vw);
    }
}

@media screen and (max-width: 1024px) {
    .banner {
        padding: 20px;
        min-height: min(650px, 65vw);
    }
}

@media screen and (max-width: 768px) {
    .banner {
        padding: 0;
        border-radius: unset;
    }
}

.banner .banner__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

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

.banner__img {
    display: none;
}

@media screen and (max-width: 768px) {
    .banner__img {
        display: block;
        width: 100%;
        height: 80vw;
        border-radius: 20px;
        overflow: hidden;
        margin-top: 8px;
    }
}

@media screen and (max-width: 450px) {
    .banner__img {
        height: 97vw;
    }
}

.banner__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner__content {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(6px);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 2;
    max-width: min(696px, 100%);
}

@media screen and (max-width: 1024px) {
    .banner__content {
        padding: 20px 16px;
    }
}

@media screen and (max-width: 768px) {
    .banner__content {
        background: unset;
        border-radius: 0;
        backdrop-filter: unset;
        padding: 0;
    }
}

.banner__content .breadcrumbs {
    margin-top: 0;
}

.banner__info_top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px 16px;
}

@media screen and (max-width: 768px) {
    .banner__info_top {
        position: relative;
        width: 100%;
    }
}

.banner__info_top.col {
    flex-direction: column-reverse;
}

.banner__info_title {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1280px) {
    .banner__info_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .banner__info_title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 33.8px */
    }
}

.banner__info {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 450px) {
    .banner__info {
        line-height: 24px;
    }
}

.banner__info .btn-green {
    margin-top: 8px;
    max-width: max-content;
}

.banner__info .btn-green svg {
    width: 24px;
    height: 24px;
}

.banner__tags {
    display: flex;
    gap: 8px 16px;
}

@media screen and (max-width: 768px) {
    .banner__tags {
        position: absolute;
        top: calc(100% + 48px);
        right: 24px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.banner__tag {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    display: block;
    padding: 8px 16px;
    color: #89aa28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.infoblock {
    display: flex;
    padding: 40px 60px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 20px;
    background: #f5f5f7;
    gap: 20px;
}

@media screen and (max-width: 1280px) {
    .infoblock {
        padding: min(40px, 4vw) min(60px, 5vw);
    }
}

@media screen and (max-width: 768px) {
    .infoblock {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .infoblock {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .infoblock .main-page__title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.infoblock__img {
    display: block;
    width: min(423px, 22.1vw);
    min-width: min(423px, 22.1vw);
    height: min(403px, 21vw);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .infoblock__img {
        width: 300px;
        min-width: 300px;
        height: 285px;
    }
}

@media screen and (max-width: 450px) {
    .infoblock__img {
        width: 100%;
        height: 340px;
    }
}

.infoblock__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.infoblock__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: #1d1d1f;
    font-size: min(24px, 1.26vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 808px;
}

@media screen and (max-width: 1280px) {
    .infoblock__content {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .infoblock__content {
        font-size: 16px;
    }
}

.facing__point_close {
    display: none;
}

@media screen and (max-width: 768px) {
    .facing__point_close {
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2987 5.70973C17.9087 5.31973 17.2787 5.31973 16.8887 5.70973L11.9988 10.5897L7.10875 5.69973C6.71875 5.30973 6.08875 5.30973 5.69875 5.69973C5.30875 6.08973 5.30875 6.71973 5.69875 7.10973L10.5888 11.9997L5.69875 16.8897C5.30875 17.2797 5.30875 17.9097 5.69875 18.2997C6.08875 18.6897 6.71875 18.6897 7.10875 18.2997L11.9988 13.4097L16.8887 18.2997C17.2787 18.6897 17.9087 18.6897 18.2987 18.2997C18.6887 17.9097 18.6887 17.2797 18.2987 16.8897L13.4087 11.9997L18.2987 7.10973C18.6787 6.72973 18.6787 6.08973 18.2987 5.70973Z' fill='%23343C4B'/%3E%3C/svg%3E");
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 8px;
        right: 8px;
    }
}

@media screen and (max-width: 768px) {
    .facing {
        position: relative;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) and (max-width: 600px) {
    .facing {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.facing .house-intro__img_hint {
    display: none;
}

@media screen and (max-width: 768px) {
    .facing .house-intro__img_hint {
        display: flex;
        position: absolute;
        height: calc(100% - 70px);
        width: 100%;
        left: 0;
        top: 70px;
        transition: opacity 0.3s;
    }
}

@media screen and (max-width: 600px) {
    .facing .house-intro__img_hint {
        height: calc(100% - 67px);
        top: 67px;
    }
}

.facing .house-intro__img_hint.hide {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.facing.concrete .facing__point:nth-child(1) {
    left: 61%;
    top: 25.3%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(1) .facing__point_dot {
        left: 61%;
        top: 25.3%;
    }
}

.facing.concrete .facing__point:nth-child(2) {
    left: 33%;
    top: 42.5%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(2) .facing__point_dot {
        left: 33%;
        top: 42.5%;
    }
}

.facing.concrete .facing__point:nth-child(3) {
    left: 47%;
    top: 28%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(3) .facing__point_dot {
        left: 47%;
        top: 28%;
    }
}

.facing.concrete .facing__point:nth-child(4) {
    left: 54.5%;
    top: 35%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(4) .facing__point_dot {
        left: 54.5%;
        top: 35%;
    }
}

.facing.concrete .facing__point:nth-child(5) {
    left: 52.4%;
    top: 49.5%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(5) .facing__point_dot {
        left: 52.4%;
        top: 49.5%;
    }
}

.facing.concrete .facing__point_dot {
    background: rgba(210, 255, 78, 0.2);
}

.facing.concrete .facing__point_dot::before {
    background: rgb(178, 228, 30);
}

.facing.concrete .facing__point_dot::after {
    background: rgba(210, 255, 78, 0.2);
}

.facing__wrap {
    margin-top: 32px;
    position: relative;
    width: 100%;
    aspect-ratio: 1/0.53;
}

@media screen and (max-width: 768px) {
    .facing__wrap {
        aspect-ratio: unset;
        width: calc(100% + 40px);
        margin-left: -20px;
        height: 100%;
        overflow-x: scroll;
    }
}

@media screen and (max-width: 768px) and (max-width: 600px) {
    .facing__wrap {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
}

.facing__wrap_photo {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .facing__wrap_photo {
        height: max-content;
        overflow: unset;
        width: fit-content;
        border-radius: 0;
        position: relative;
    }
}

.facing__wrap_photo img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .facing__wrap_photo img {
        height: 680px;
        width: auto;
    }
}

.facing__points {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.facing__points .facing__point {
    position: absolute;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point {
        position: static;
    }
}

.facing__points .facing__point:hover .facing__point_block {
    pointer-events: all;
    opacity: 1;
}

.facing__points .facing__point:nth-child(1) {
    left: 28.5%;
    top: 79%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(1) .facing__point_dot {
        left: 28.5%;
        top: 79%;
    }
}

.facing__points .facing__point:nth-child(1) .facing__point_dot::after {
    animation-delay: 0.1s;
}

.facing__points .facing__point:nth-child(2) {
    left: 53%;
    top: 46%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(2) .facing__point_dot {
        left: 53%;
        top: 46%;
    }
}

.facing__points .facing__point:nth-child(2) .facing__point_dot::after {
    animation-delay: 0.3s;
}

.facing__points .facing__point:nth-child(3) {
    left: 59%;
    top: 90%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(3) .facing__point_dot {
        left: 59%;
        top: 90%;
    }
}

.facing__points .facing__point:nth-child(3) .facing__point_dot::after {
    animation-delay: 0.45s;
}

.facing__points .facing__point:nth-child(4) {
    left: 75%;
    top: 32%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(4) .facing__point_dot {
        left: 75%;
        top: 32%;
    }
}

.facing__point_block {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    max-width: max-content;
    width: 300px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    padding: 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .facing__point_block {
        opacity: 1;
        pointer-events: all;
        bottom: 0;
        left: 0;
        transform: translateY(103%);
        width: 100%;
        max-width: 100%;
        border-radius: 12px 12px 0 0;
        z-index: 2;
        box-shadow: unset;
        padding: 24px 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-bottom: 1px solid rgba(128, 128, 128, 0.1098039216);
    }
}

@media screen and (max-width: 768px) {
    .facing__point_block.show {
        transform: translateY(0);
    }
}

.facing__point_dot {
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
    border-radius: 100%;
    background: rgba(137, 170, 40, 0.2);
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .facing__point_dot {
        position: absolute;
    }
}

.facing__point_dot::before {
    content: "";
    width: 18px;
    height: 18px;
    position: relative;
    display: block;
    border-radius: 100%;
    background: #89aa28;
    position: absolute;
    left: 7px;
    top: 7px;
}

.facing__point_dot::after {
    content: "";
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #89aa28;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: pulse 1.4s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.2;
    }
}

.collections__block {
    display: none;
    flex-direction: column;
}

@media screen and (max-width: 450px) {
    .collections__block {
        flex-direction: column-reverse;
    }
}

.collections__block.active {
    display: flex;
}

.collections__slider {
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .collections__slider {
        margin-top: 16px;
    }
}

@media screen and (max-width: 450px) {
    .collections__slider ~ .collections__wrap {
        margin-top: 0;
    }
}

.collections__slide {
    padding: 6px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 2px solid transparent;
    max-width: max-content;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .collections__slide {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.collections__slide:hover {
    color: #89aa28;
}

.collections__slide.active {
    color: var(--Primary-Main, #89aa28);
    border-color: #89aa28;
}

.collections__wrap {
    margin-top: 32px;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .collections__wrap {
        margin-top: 20px;
    }
}

.collections__block_text {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    columns: 2;
    column-gap: 60px;
}

@media screen and (max-width: 1280px) {
    .collections__block_text {
        font-size: 16px;
        column-gap: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .collections__block_text {
        column-gap: 30px;
    }
}

@media screen and (max-width: 600px) {
    .collections__block_text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        columns: unset;
    }
}

.collections__block_text p {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .collections__block_text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .collections__block_text p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.collections__block_text a {
    color: #89aa28;
    text-decoration: underline;
}

.collections__block_text a:hover {
    text-decoration: none;
}

.collections__block_text ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin: 0;
    margin-top: 12px;
}

@media screen and (max-width: 1280px) {
    .collections__block_text ul {
        gap: 6px;
    }
}

.collections__block_text ul li {
    padding-left: 24px;
    position: relative;
}

.collections__block_text ul li::before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #89aa28;
    position: absolute;
    left: 0;
    top: 11px;
}

.collections__block_text ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: decimal;
    padding-left: 20px;
    margin-top: 12px;
}

@media screen and (max-width: 1280px) {
    .collections__block_text ol {
        gap: 6px;
    }
}

.collections__block_text ol li {
    position: relative;
    list-style: decimal;
}

.collections__block_text ol li::marker {
    background: #89aa28;
    color: #89AA28;
}

.collections__block_slider {
    width: 100%;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .collections__block_slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
        padding-bottom: 68px;
    }
}

@media screen and (max-width: 768px) and (max-width: 600px) {
    .collections__block_slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px 68px;
    }
}

@media screen and (max-width: 768px) and (max-width: 450px) {
    .collections__block_slider {
        padding-bottom: 58px;
        margin-top: 24px;
    }
}

.collections__block_slider .swiper-wrapper {
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .collections__block_slider .swiper-wrapper {
        gap: 20px;
    }
}

@media (min-width: 769px) {
    .collections__block_slider .swiper-wrapper {
        transform: unset !important;
    }
}

@media screen and (max-width: 768px) {
    .collections__block_slider .swiper-wrapper {
        gap: 0;
    }
}

.collections__block_slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 768px) {
    .collections__block_slider .swiper-pagination {
        display: flex;
    }
}

.collections__block_slider .swiper-pagination-bullets {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .collections__block_slider .swiper-pagination-bullets {
        gap: 8px;
    }
}

.collections__block_slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .collections__block_slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.collections__block_slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.collections__block_slider .swiper-pagination-bullet-active {
    background: #89aa28;
}

.collections__block_slide {
    width: calc((100% - 60px) / 3);
    height: auto;
    overflow: hidden;
    flex-grow: 1;
}

@media screen and (max-width: 1280px) {
    .collections__block_slide {
        width: calc((100% - 40px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .collections__block_slide {
        width: min(300px, 100vw - 32px);
    }
}

@media (min-width: 769px) {
    .collections__block_slide {
        margin-right: 0 !important;
    }
}

.collections__block_slide img {
    width: 100%;
    height: min(650px, 31vw);
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

@media (max-width: 1440px) {
    .collections__block_slide img {
        height: min(650px, 41vw);
    }
}

@media screen and (max-width: 768px) {
    .collections__block_slide img {
        height: 400px;
    }
}

.collections__block_footnote {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 12px;
    padding: 0 20px;
}

.faq .btn-white {
    font-size: 18px;
    margin-top: 16px;
    height: 48px;
}

.faq__wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 997px;
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .faq__wrap {
        margin-top: 32px;
    }
}

.faq__el {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    padding: 24px;
    background: #f5f5f7;
}

@media screen and (max-width: 450px) {
    .faq__el {
        padding: 16px;
    }
}

.faq__el[hidden] {
    display: none;
}

.faq__el.drop .faq__block_inner {
    padding-top: 20px;
}

.faq__el.drop .faq__block {
    grid-template-rows: 1fr;
}

.faq__el.drop .faq__trigger::after {
    transform: scale(1, -1);
}

.faq__trigger {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}

@media screen and (max-width: 450px) {
    .faq__trigger {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
    }
}

.faq__trigger::after {
    content: "";
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.faq__block {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s;
    overflow: hidden;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__inner {
        max-height: 236px;
    }
}

@media screen and (max-width: 450px) {
    .hidden-text-block.show-text .hidden-text-block__inner {
        max-height: unset;
    }
}

.faq__block_inner {
    min-height: 0px;
    transition: 0.3s;
}

.faq__block_inner * {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq__block_inner a {
    color: #89AA28;
}

.faq__block_inner a:hover {
    color: #718C21;
}

.constructor {
    padding: 32px 40px;
    border-radius: 20px;
    background: #f5f5f7;
    width: 100%;
    overflow: clip;
}

@media screen and (max-width: 1280px) {
    .constructor {
        padding: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor {
        position: relative;
    }
}

@media screen and (max-width: 450px) {
    .constructor {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 24px 16px;
    }
}

.constructor.final .constructor__tabs {
    display: none;
}

.constructor.final .constructor__block.active {
    display: none;
}

.constructor.final .constructor__block.final {
    display: flex;
    position: relative;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
    margin-top: 32px;
}

@media screen and (max-width: 1024px) {
    .constructor.final .constructor__block.final {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 450px) {
    .constructor.final .constructor__block.final {
        margin-top: 34px;
        gap: 0;
    }
}

.constructor__wrap {
    position: relative;
}

.constructor__block {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    display: flex;
    gap: 24px;
}

@media screen and (max-width: 1280px) {
    .constructor__block {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__block {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .constructor__block {
        gap: 40px;
    }
}

.constructor__block.active {
    position: relative;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
}

.constructor__block.final .constructor__right {
    border-radius: 20px;
    background: #fff;
    padding-top: 20px;
    padding-left: 32px;
}

@media (max-width: 1440px) {
    .constructor__block.final .constructor__right {
        padding-left: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__block.final .constructor__right {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__right {
        background: transparent;
        padding: 0;
        border-radius: unset;
    }
}

.constructor__block.final .constructor__right_scrollable {
    overflow-y: auto;
    max-height: 100%;
    margin-bottom: 16px;
    margin-right: 16px;
    padding-right: 10px;
}

@media screen and (max-width: 1024px) {
    .constructor__block.final .constructor__right_scrollable {
        margin-right: 6px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__right_scrollable {
        margin-right: 0;
        padding-right: 0;
    }
}

.constructor__block.final .constructor__right_scrollable::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: transparent;
}

.constructor__block.final .constructor__right_scrollable::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 4px;
}

.constructor__block.final .constructor__right_scrollable::-webkit-scrollbar-corner {
    background: transparent;
}

.constructor__block.final .constructor__left {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.constructor__block.final .constructor__left p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.constructor__block.final .constructor__left .constructor__title {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__left .constructor__title {
        font-size: 22px;
    }
}

.constructor__block.final .constructor__left .callback__form {
    margin-top: 16px;
    flex-grow: 1;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.constructor__block.final .constructor__left .callback__form_inp {
    width: 100%;
    max-width: 320px;
    flex-grow: unset;
}

.constructor__block.final .constructor__left .callback__form-btn {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}

.constructor__block.final .constructor__left .callback__form-btn button {
    max-width: max-content;
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__left .callback__form-btn button {
        width: 100%;
        max-width: unset;
    }
}

.constructor__block.final .constructor__left .callback__form_check {
    margin-top: 0;
}

.constructor__block.final .constructor__left .grey-text {
    margin-top: -16px;
}

.moz .final .constructor__right_scrollable {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.final__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 20px;
    flex-wrap: wrap;
}

.final__top_title {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .final__top_title {
        font-size: 20px;
    }
}

.final__back {
    color: #89aa28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color 0.3s;
}

.final__back:hover {
    color: #718C21;
}

.final-checked {
    margin-top: -8px;
}

.final-checked .final-step:nth-last-child(1) {
    border-bottom: unset;
}

.lb-disable-scrolling {
    padding-right: var(--scrW);
}

.lb-disable-scrolling .header__inner {
    margin-right: var(--scrW);
}

.lightboxOverlay {
    background: rgba(29, 29, 31, 0.4);
    opacity: 1;
}

.lightbox {
    position: fixed;
    top: 0 !important;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox .lb-dataContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    padding-top: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 768px) {
    .lightbox .lb-dataContainer {
        padding-top: 10px;
        padding-right: 10px;
    }
}

.lightbox .lb-close {
    width: 48px;
    height: 48px;
    opacity: 1;
}

.lightbox .lb-outerContainer {
    border-radius: 8px;
}

.lightbox .lb-nav a.lb-prev {
    opacity: 1;
    width: 60px;
    background-size: 40px;
    background-position-x: right;
}

.lightbox .lb-nav a.lb-next {
    opacity: 1;
    width: 60px;
    background-size: 40px;
    background-position-x: left;
}

.final-step {
    padding: 24px 0;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
    position: relative;
    padding-left: min(244px, 204px + 2.1vw);
    min-height: 202px;
}

@media (max-width: 1440px) {
    .final-step {
        gap: 20px 10px;
    }
}

@media screen and (max-width: 1280px) {
    .final-step {
        padding-left: 280px;
        min-height: 244px;
        gap: 12px;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1024px) {
    .final-step {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .final-step {
        padding-left: 224px;
    }
}

@media screen and (max-width: 600px) {
    .final-step {
        padding-left: 0;
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .final-step {
        padding: 32px 0 20px;
        gap: 24px;
    }
}

.final-step .swiper {
    position: absolute;
    left: 0;
    top: 24px;
    height: 154px;
    width: 204px;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .final-step .swiper {
        width: 260px;
        height: 196px;
    }
}

@media screen and (max-width: 768px) {
    .final-step .swiper {
        height: 154px;
        width: 204px;
    }
}

@media screen and (max-width: 600px) {
    .final-step .swiper {
        order: 1;
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
        height: 50vw;
    }
}

@media screen and (max-width: 450px) {
    .final-step .swiper {
        height: 69vw;
        margin-bottom: -8px;
    }
}

.final-step .swiper::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    right: 8px;
    top: 8px;
    background-image: url("/local/templates/new_template_newbor/css/./../img/zoom.png");
    z-index: 3;
    transform: translate3d(0, 0, 1px);
    pointer-events: none;
}

.final-step .swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.final-step .swiper .swiper-pagination {
    padding: 10px;
    margin: 0 auto;
    display: flex;
    max-width: max-content;
    bottom: 8px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.8);
    gap: 12px;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 450px) {
    .final-step .swiper .swiper-pagination {
        bottom: 12px;
        gap: 8px;
    }
}

.final-step .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    width: 8px;
    height: 8px;
    background: #c3c3c3;
    opacity: 1;
}

.final-step .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #89AA28;
}

.final-col {
    width: calc(50% - 12px);
    min-width: 225px;
}

@media (max-width: 1440px) {
    .final-col {
        width: calc(50% - 5px);
        min-width: 190px;
    }
}

@media screen and (max-width: 1280px) {
    .final-col {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .final-col {
        width: calc(50% - 6px);
        min-width: 170px;
    }
}

@media screen and (max-width: 768px) {
    .final-col {
        min-width: 180px;
        flex-grow: 1;
    }
}

@media screen and (max-width: 600px) {
    .final-col {
        order: 2;
        width: 100%;
    }
}

.final-col .constructor__left_info {
    width: 100%;
}

.final-col .constructor__label {
    pointer-events: none;
    cursor: default;
    height: auto;
    min-height: unset;
    display: block;
    margin-top: 8px;
    width: 100%;
}

.final-col .constructor__label_block {
    border: unset;
    padding: 0;
    border-radius: 0;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .final-col .constructor__label_block {
        background: unset;
        min-height: unset;
    }
}

.final-col .constructor__title {
    font-size: 18px;
}

@media screen and (max-width: 450px) {
    .final-col .constructor__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .final-col .constructor__left_info {
        gap: 6px;
    }
}

.final-col .constructor__left_info .constructor__title {
    font-size: 20px;
}

@media (max-width: 1440px) {
    .final-col .constructor__left_info .constructor__title {
        font-size: 18px;
    }
}

.constructor__tabs {
    margin-top: 32px;
    padding-bottom: 24px;
    min-width: unset;
}

@media screen and (max-width: 1280px) {
    .constructor__tabs {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__tabs {
        position: sticky;
        top: 0;
        background: #f5f5f7;
        z-index: 4;
        margin-top: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__tabs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 12px 16px;
    }
}

.constructor__tab {
    height: 48px;
    margin-bottom: 2px;
    max-width: max-content;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 22px;
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.3s, background 0.3s, border 0.3s;
}

@media screen and (max-width: 1280px) {
    .constructor__tab {
        font-size: 16px;
        padding: 10px 18px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__tab {
        padding: 13px 22px;
        font-size: 18px;
    }
}

.constructor__tab:hover {
    border-color: #89aa28;
    color: #89aa28;
}

.constructor__tab:hover .constructor__tab_icon {
    fill: #89aa28;
}

.constructor__tab.success .constructor__tab_icon {
    display: block;
}

.constructor__tab.active {
    background: #89aa28;
    border-color: #89aa28;
    color: white;
}

.constructor__tab.active .constructor__tab_icon {
    fill: white;
}

.constructor__tab_icon {
    width: 20px;
    height: 20px;
    fill: #89aa28;
    transition: fill 0.3s;
    display: none;
    margin-left: -8px;
}

.constructor__left {
    width: calc(42% - min(84px, 4.4vw));
    min-width: calc(42% - min(84px, 4.4vw));
}

@media screen and (max-width: 1280px) {
    .constructor__left {
        width: calc(42% - 24px);
        min-width: calc(42% - 24px);
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left {
        width: 100%;
    }
}

.constructor__title {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .constructor__title {
        font-size: 18px;
    }
}

.constructor__left_row {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    max-width: calc(100% - 16px);
}

@media screen and (max-width: 1280px) {
    .constructor__left_row {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left_row {
        width: calc(50% - 10px);
        max-width: unset;
    }
}

@media screen and (max-width: 768px) {
    .constructor__left_row {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .constructor__left_row {
        font-size: 16px;
    }
}

.constructor__left_inputs {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .constructor__left_inputs {
        gap: 12px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__left_inputs {
        flex-direction: column;
        gap: 16px;
    }
}

.constructor__label {
    width: calc(50% - 8px);
    min-width: 175px;
    height: auto;
    min-height: 60px;
}

@media screen and (max-width: 1280px) {
    .constructor__label {
        width: calc(50% - 6px);
        min-width: 164px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__label {
        max-width: 260px;
        min-width: 158px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__label {
        width: 100%;
        max-width: 400px;
        min-height: 64px;
    }
}

.constructor__left_inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: min(514px, 36vw - 88px);
    max-height: min(514px, 36vw - 88px);
    overflow-y: auto;
}

@media (max-width: 1440px) {
    .constructor__left_inner {
        height: min(514px, 38vw - 88px);
        max-height: min(514px, 38vw - 88px);
    }
}

@media screen and (max-width: 1280px) {
    .constructor__left_inner {
        height: min(514px, 42vw - 88px);
        max-height: min(514px, 42vw - 88px);
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left_inner {
        height: auto;
        max-height: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .constructor__left_inner {
        flex-direction: column;
    }
}

.constructor__left_inner::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: transparent;
}

.constructor__left_inner::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 4px;
}

.constructor__left_inner::-webkit-scrollbar-corner {
    background: transparent;
}

.moz .constructor__left_inner {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.constructor__label {
    position: relative;
}

.constructor__label input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    left: -1px;
}

.constructor__label input:checked ~ .constructor__label_block {
    border-color: #89AA28;
    color: #1d1d1f;
}

.constructor__label_block {
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid transparent;
    background: #fff;
    padding: 10px 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: color 0.3s, border 0.3s;
}

@media screen and (max-width: 1280px) {
    .constructor__label_block {
        padding: 10px;
        font-size: 13px;
    }
}

@media screen and (max-width: 768px) {
    .constructor__label_block {
        padding: 10px 16px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__label_block {
        min-height: 64px;
        font-size: 16px;
    }
}

.constructor__label_block:hover {
    color: #89AA28;
}

.constructor__label_bg {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 100%;
}

.constructor__next {
    margin-top: 40px;
    max-width: max-content;
}

@media screen and (max-width: 1024px) {
    .constructor__next {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

@media screen and (max-width: 450px) {
    .constructor__next {
        left: 50%;
        transform: translateX(-50%);
    }
}

.constructor__next svg {
    width: 24px;
    height: 24px;
}

.constructor__right {
    width: 58%;
    min-width: 58%;
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: min(602px, 36vw);
}

@media (max-width: 1440px) {
    .constructor__right {
        max-height: min(602px, 38vw);
    }
}

@media screen and (max-width: 1280px) {
    .constructor__right {
        max-height: min(602px, 42vw);
    }
}

@media screen and (max-width: 1024px) {
    .constructor__right {
        width: 100%;
        height: unset;
        max-height: unset;
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__right {
        margin-bottom: 88px;
    }
}

.constructor__right .constructor__right_footnote {
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 0 20px;
}

@media screen and (max-width: 1280px) {
    .constructor__right .constructor__right_footnote {
        padding: 0 12px;
    }
}

@media screen and (max-width: 600px) {
    .constructor__right .constructor__right_footnote {
        padding: 0;
    }
}

.constructor__right_slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    flex-grow: 1;
    height: -moz-available;
}

@media screen and (max-width: 1024px) {
    .constructor__right_slider {
        height: 58vw;
    }
}

@media screen and (max-width: 600px) {
    .constructor__right_slider {
        height: calc(62vw + 52px);
        padding-bottom: 52px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__right_slider {
        height: 452px;
    }
}

.constructor__right_slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .constructor__right_slider .swiper-pagination {
        display: flex;
        max-width: max-content;
        left: 50%;
        border-radius: 28px;
        background: #ffffff;
        bottom: 0;
        padding: 12px;
        gap: 12px;
        position: static;
        margin: 16px auto 0;
    }
}

@media screen and (max-width: 450px) {
    .constructor__right_slider .swiper-pagination {
        gap: 8px;
    }
}

.constructor__right_slider .swiper-pagination .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .constructor__right_slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.constructor__right_slider .swiper-pagination .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.constructor__right_slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #89aa28;
}

.constructor__right_slider .swiper-slide {
    width: 100%;
    height: 100%;
    display: block;
}

.constructor__right_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
}

.constructor__right-btn {
    border-radius: 60px;
    background: #f5f5f7;
    width: 70px;
    height: 70px;
    margin: 0;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

@media screen and (max-width: 1280px) {
    .constructor__right-btn {
        width: 60px;
        height: 60px;
        right: 10px;
    }
}

@media screen and (max-width: 600px) {
    .constructor__right-btn {
        display: none;
    }
}

.constructor__right-btn::after {
    content: none;
}

.constructor__right-btn.swiper-button-prev {
    left: 20px;
    right: unset;
}

@media screen and (max-width: 1280px) {
    .constructor__right-btn.swiper-button-prev {
        left: 10px;
    }
}

.constructor__right-btn.swiper-button-prev svg {
    transform: scale(-1, 1);
}

.constructor__right-btn svg {
    width: 48px;
    height: 48px;
}

.constructor__left_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .constructor__left_info {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left_info {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 768px) {
    .constructor__left_info {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .constructor__left_info {
        font-size: 16px;
    }
}

.constructor__left_info ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.constructor__left_info ul li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.constructor__left_info ul li::before {
    content: "";
    width: 10px;
    min-width: 10px;
    background: #89AA28;
    height: 3px;
    display: block;
    border-radius: 3px;
    margin-top: 8px;
}

.constructor__wrap .callback > div {
    max-width: unset;
}

.constructor__wrap .callback {
    padding: 0;
    border-radius: unset;
    width: 100%;
    margin-left: 0;
}

.img-comp-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1/0.53;
    margin-top: 40px;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f7;
}

@media screen and (max-width: 600px) {
    .img-comp-container {
        aspect-ratio: 1/1.11;
    }
}

@media screen and (max-width: 450px) {
    .img-comp-container {
        width: calc(100% + 32px);
        margin-left: -16px;
        border-radius: 0;
    }
}

.img-comp-img__text {
    position: absolute;
    top: 70px;
    width: 290px;
    right: 60px;
    padding: 16px 20px;
    border-radius: 20px;
    background: #e9e9e9;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .img-comp-img__text {
        right: 20px;
        top: 20px;
        width: 240px;
    }
}

@media screen and (max-width: 1024px) {
    .img-comp-img__text {
        padding: 12px;
        font-size: 16px;
        width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .img-comp-img__text {
        font-size: 14px;
        width: 180px;
    }
}

@media screen and (max-width: 450px) {
    .img-comp-img__text {
        font-weight: 700;
        top: 12px;
        right: 12px;
        padding: 0;
        background: unset;
        border-radius: 0;
        width: 132px;
    }
}

.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.img-comp-img picture {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.img-comp-slider {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    width: 3px;
    height: 100%;
    stroke-width: 3px;
    top: 0 !important;
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.6));
    background: linear-gradient(to bottom, white 0% 47%, transparent 47% 53%, white 53% 100%);
}

@media screen and (max-width: 1024px) {
    .img-comp-slider {
        background: linear-gradient(to bottom, white 0% 46%, transparent 46% 54%, white 54% 100%);
    }
}

.img-comp-slider::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 68px;
    height: 7.1%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='68' height='57' viewBox='0 0 68 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.3786 32.2794C26.341 33.6709 25.3223 35.9737 25.3223 39.188C25.3223 44.0093 31.2489 52.2505 36.5932 52.2505C41.9374 52.2505 45.0369 52.2505 50.2677 52.2505C55.4987 52.2505 58.6758 47.6778 58.6758 44.0093C58.6758 39.0773 58.6758 34.1452 58.6758 29.2131C58.6758 27.0839 56.9529 25.3561 54.8236 25.3501C52.702 25.3442 50.9773 27.0593 50.9713 29.1809C50.9713 29.1844 50.9713 29.188 50.9713 29.1916V29.3121' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M37.6797 28.5005V23.5219C37.6797 21.6828 39.1706 20.1919 41.0097 20.1919C42.8488 20.1919 44.3397 21.6828 44.3397 23.5219V29.0077' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.3105 29.2821V25.8969C44.3105 24.0578 45.8015 22.5669 47.6405 22.5669C49.4796 22.5669 50.9705 24.0578 50.9705 25.8969V29.6919' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.7793 9.5H65.6855' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M37.7793 9.5H65.6855' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M59.75 14.8438L61.7292 13.0625L65.6875 9.5L61.7292 5.9375L59.75 4.15625' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.0391 34.9668V9.09966C30.0391 6.98974 31.7495 5.2793 33.8595 5.2793C35.9694 5.2793 37.6798 6.98974 37.6798 9.09966V28.0824' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M29.9082 9.5H2.00195' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M7.9375 14.8438L5.9583 13.0625L2 9.5L5.9583 5.9375L7.9375 4.15625' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1024px) {
    .img-comp-slider::before {
        height: 10%;
    }
}

.img-comp-overlay .img-comp-img__text {
    right: unset;
    left: 60px;
}

@media screen and (max-width: 1280px) {
    .img-comp-overlay .img-comp-img__text {
        left: 20px;
    }
}

@media screen and (max-width: 450px) {
    .img-comp-overlay .img-comp-img__text {
        left: 12px;
        width: 162px;
    }
}

.quarters {
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .quarters {
        margin-top: 16px;
    }
}

.quarters .quarters__block {
    display: none;
}

.quarters .quarters__block.active {
    display: block;
}

.quarters .collections__slider {
    margin-top: 20px;
}

.quarters .collections__slider .collections__slide {
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid var(--stroke-line-light, #c3c3c3);
    background: #fff;
}

.quarters .collections__slider .collections__slide.active {
    border: 1px solid rgba(112, 112, 112, 0.1);
    background: #89aa28;
    color: white;
}

.quarters .quarters__tabs {
    border-bottom: 1px solid var(--stroke-line-light, #c3c3c3);
    width: 100%;
}

.quarters .quarters__tab {
    padding: 13px 22px;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: max-content;
    position: relative;
}

@media (hover: hover) {
    .quarters .quarters__tab:hover {
        color: #89AA28;
    }
}

.quarters .quarters__tab::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    height: 2px;
    bottom: -1px;
    width: 100%;
    background: #89AA28;
    transition: transform 0.3s;
}

.quarters .quarters__tab.active {
    color: #1d1d1f;
}

.quarters .quarters__tab.active::before {
    transform: translateX(-50%) scaleX(1);
}

.banner__content.min {
    min-width: 425px;
    max-width: 684px;
    width: max-content;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
}

@media screen and (max-width: 768px) {
    .banner__content.min {
        max-width: 100%;
        min-width: unset;
        width: 100%;
        height: 80vw;
        position: relative;
        padding: 16px;
    }
}

@media screen and (max-width: 450px) {
    .banner__content.min {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min::before {
        content: "";
        border-radius: 20px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .banner__img {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .banner__content.min .banner__img {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .btn-green {
        position: absolute;
        bottom: 16px;
        right: 16px;
        z-index: 2;
        gap: 0;
        font-size: 0;
        width: 48px;
        min-width: 48px;
        height: 48px;
        border-radius: 100%;
        padding: 0;
        justify-content: center;
        background: rgba(255, 255, 255, 0.8);
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .btn-green svg {
        fill: #707070;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .banner__info_top,
    .banner__content.min .hidden-text-block {
        position: relative;
        z-index: 2;
        color: white;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .banner__info_title {
        color: white;
    }
}

.banner + .swiper-similar {
    padding-bottom: 0;
}

.banner + .swiper-similar .swiper-pagination-bullets {
    position: static;
    transform: unset;
    margin: 32px auto 0;
}

.banner + .swiper-similar .swiper-pagination-bullets.swiper-pagination-lock {
    margin: 0;
}

@media screen and (max-width: 450px) {
    .banner.parking-banner .banner__content::before {
        content: none;
    }

    .banner.parking-banner .banner__content.min {
        height: unset;
        padding: 0;
    }

    .banner.parking-banner .banner__img {
        position: relative;
        left: unset;
        top: unset;
        z-index: 1;
    }

    .banner.parking-banner .banner__img::before {
        content: "";
        border-radius: 20px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        order: 1;
        background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
    }

    .banner.parking-banner .banner__info_top {
        order: 2;
        position: absolute;
        top: 16px;
        left: 16px;
        max-width: calc(100% - 32px);
    }

    .banner.parking-banner .hidden-text-block {
        order: 3;
        color: #1d1d1f;
    }

    .banner.parking-banner .btn-green {
        bottom: unset;
        top: 228px;
    }
}

.swiper-similar__hash.green {
    max-width: max-content;
    border-radius: 8px;
    background: #89aa28;
    padding: 5px 12px;
    max-width: calc(100% - 10px);
}

@media screen and (max-width: 450px) {
    .swiper-similar__hash.green {
        width: calc(100vw - 64px);
        max-width: max-content;
    }
}

.swiper-similar__hash.green .swiper-similar__hash_text {
    color: white;
}

.swiper-similar__slide_prices.old {
    margin-top: 16px;
}

.swiper-similar__slide_prices.old .swiper-similar__slide_price-usd,
.swiper-similar__slide_prices.old .swiper-similar__slide_price-byn {
    color: #8b8b8b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.swiper-similar__slide_prices.sale {
    margin-top: 8px;
    position: relative;
    padding-left: 20px;
}

@media screen and (max-width: 450px) {
    .swiper-similar__slide_prices.sale {
        border: unset;
        padding-top: 0;
    }
}

.swiper-similar__slide_prices.sale::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M6 15.5L7 10.5L3 9L10 1.5L9 6.5L13 8L6 15.5Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.anniversary {
    padding-top: 0;
    padding-bottom: 0;
    aspect-ratio: unset;
    min-height: min(650px, 34vw);
    display: flex;
}

@media screen and (max-width: 600px) {
    .anniversary {
        min-height: unset;
    }
}

@media screen and (max-width: 450px) {
    .anniversary {
        margin-top: -56px;
    }
}

.anniversary .conditions-intro__bottom {
    width: min(1430px, 100vw - 490px);
    flex-grow: 1;
    padding-top: 20px;
}

@media (max-width: 1440px) {
    .anniversary .conditions-intro__bottom {
        width: calc(100vw - 120px);
    }
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__bottom {
        width: calc(100vw - 40px);
    }
}

@media screen and (max-width: 600px) {
    .anniversary .conditions-intro__bottom {
        margin-top: 0;
        width: 100%;
    }
}

.anniversary .conditions-intro__bottom ul {
    gap: 24px min(32px, 1.7vw);
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__bottom ul {
        gap: 16px;
    }
}

.anniversary .conditions-intro__bottom ul li {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #89aa28;
    background: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__bottom ul li {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 450px) {
    .anniversary .conditions-intro__bottom ul li {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .anniversary .conditions-intro__bottom ul p {
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }
}

@media screen and (max-width: 450px) {
    .anniversary .conditions-intro__bottom ul .conditions-intro__condition {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: left;
    }
}

.anniversary .conditions-intro__content {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: min(696px, 60%);
}

@media (max-width: 1440px) {
    .anniversary .conditions-intro__content {
        max-width: min(710px, 55%);
    }
}

@media screen and (max-width: 1024px) {
    .anniversary .conditions-intro__content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__content {
        padding-right: 10px;
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .anniversary .conditions-intro__content {
        max-width: unset;
        width: 100%;
        padding-right: 0;
    }
}

.anniversary .conditions-intro {
    min-height: max-content;
}

.anniversary .conditions-intro__condition {
    flex-grow: 1;
    margin-top: 4px;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .anniversary .conditions-intro__condition {
        font-size: 16px;
    }
}

.anniversary .conditions-intro__more {
    align-self: flex-end;
    color: #89aa28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.anniversary .conditions-intro__more:hover {
    text-decoration: none;
}

.anniversary-p.container-main {
    margin-top: 16px;
}

.anniversary-p.container-main .big-title {
    max-width: 1120px;
}

.big-title {
    color: #1d1d1f;
    font-size: min(60px, 3.2vw);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

@media (max-width: 1440px) {
    .big-title {
        font-size: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .big-title {
        font-size: 44px;
    }
}

@media screen and (max-width: 768px) {
    .big-title {
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {
    .big-title {
        font-size: 34px;
    }
}

@media screen and (max-width: 450px) {
    .big-title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.green-text {
    color: #89aa28;
}

.btn-purple {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: min(16px, 0.85vw) min(32px, 1.7vw);
    height: min(70px, 5.5vw);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: #c4afd5;
    user-select: none;
    max-width: max-content;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .btn-purple {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .btn-purple {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .btn-purple {
        height: 55px;
        padding: 10px 16px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    .btn-purple {
        font-size: 18px;
        padding: 12px 22px;
        height: 48px;
        line-height: 1.2;
        text-align: center;
    }
}

@media (hover: hover) {
    .btn-purple:hover {
        background-color: #d799ff;
    }

    .btn-purple:active {
        background-color: #eacaff;
    }
}

.btn-purple svg {
    width: 32px;
    height: 32px;
    fill: white;
}

@media screen and (max-width: 600px) {
    .btn-purple svg {
        width: 24px;
        height: 24px;
    }
}

.anniversary-p__top {
    margin-top: 32px;
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .anniversary-p__top {
        gap: 32px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-p__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-p__top {
        margin-top: 24px;
        gap: 24px;
    }
}

.anniversary-p__text {
    color: #1d1d1f;
    font-size: min(24px, 1.3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .anniversary-p__text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .anniversary-p__text {
        font-size: 20px;
        line-height: 140%;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-p__text {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-p__text {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .anniversary-p__text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.full-block-slider {
    overflow: hidden;
    margin-top: -40px;
    cursor: grab;
}

@media screen and (max-width: 768px) {
    .full-block-slider {
        margin-top: -24px;
    }
}

@media screen and (max-width: 600px) {
    .full-block-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.full-block-slider .swiper-slide {
    width: 100%;
    height: min(650px, 34vw);
    overflow: hidden;
    border-radius: 20px;
}

@media (max-width: 1440px) {
    .full-block-slider .swiper-slide {
        height: 42vw;
    }
}

@media screen and (max-width: 768px) {
    .full-block-slider .swiper-slide {
        height: 52vw;
    }
}

@media screen and (max-width: 600px) {
    .full-block-slider .swiper-slide {
        height: unset;
        aspect-ratio: 0.77/1;
        width: min(308px, 100vw - 32px);
    }
}

.full-block-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.full-block-slider .swiper-pagination-bullets {
    display: flex;
    max-width: max-content;
    left: unset;
    position: static;
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
    margin: 32px auto 0;
}

@media screen and (max-width: 600px) {
    .full-block-slider .swiper-pagination-bullets {
        margin-top: 16px;
    }
}

@media screen and (max-width: 450px) {
    .full-block-slider .swiper-pagination-bullets {
        gap: 8px;
    }
}

.full-block-slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .full-block-slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.full-block-slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.full-block-slider .swiper-pagination-bullet-active {
    background: #89aa28;
}

.high-slider {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding: 0 40px;
    position: relative;
}

@media (max-width: 1440px) {
    .high-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

.high-slider .main-page__title {
    margin-bottom: 24px;
    color: #1d1d1f;
    font-size: min(54px, 2.9vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .high-slider .main-page__title {
        font-size: 42px;
    }
}

@media screen and (max-width: 768px) {
    .high-slider .main-page__title {
        font-size: 38px;
    }
}

@media screen and (max-width: 600px) {
    .high-slider .main-page__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 450px) {
    .high-slider .main-page__title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 24px;
    }
}

.high-slider .high-slider__swiper {
    position: static;
    width: 100%;
    height: unset;
}

@media screen and (max-width: 768px) {
    .high-slider .high-slider__swiper {
        aspect-ratio: unset;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.high-slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .high-slider .swiper-pagination {
        display: flex;
        max-width: max-content;
        left: unset;
        position: static;
        border-radius: 28px;
        background: #f5f5f7;
        bottom: 0;
        padding: 12px;
        gap: 12px;
        margin: 16px auto 0;
    }

    .high-slider .swiper-pagination .swiper-pagination-bullet {
        background: #d9d9d9;
        cursor: pointer;
        transition: 0.3s;
        width: 12px;
        height: 12px;
        margin: 0 !important;
        opacity: 1;
    }

    .high-slider .swiper-pagination .swiper-pagination-bullet:hover {
        background: rgba(138, 170, 40, 0.7607843137);
    }

    .high-slider .swiper-pagination .swiper-pagination-bullet-active {
        background: #89aa28;
    }
}

.high-slider .swiper-wrapper {
    width: max-content;
}

.high-slider .swiper-slide {
    width: 100%;
    aspect-ratio: 1/0.707;
    overflow: hidden;
    border: 1px solid #c3c3c3;
    border-radius: 20px;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-slide {
        position: relative;
        pointer-events: all;
    }
}

@media screen and (max-width: 600px) {
    .high-slider .swiper-slide {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-slide::before {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 8px;
        right: 8px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 100%;
        transform: translate3d(0, 0, 1px);
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.875H13.875' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.875 7.875V13.875' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4434 16.4438L20.9996 21.0001' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.high-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.high-slider .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    right: 0;
    bottom: min(534px, 27.85vw);
    transform: translateY(50%);
    top: unset;
    transition: 0.3s;
    margin: 0;
}

@media (max-width: 1440px) {
    .high-slider .swiper-button-next {
        bottom: 34vw;
    }
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-button-next {
        display: none;
    }
}

.high-slider .swiper-button-next::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-next::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.high-slider .swiper-button-next:hover {
    background: #c4afd5;
}

.high-slider .swiper-button-next:hover::after {
    color: white;
}

.high-slider .swiper-button-prev {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    left: 0;
    bottom: min(534px, 27.85vw);
    transform: translateY(50%);
    top: unset;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .high-slider .swiper-button-prev {
        bottom: 34vw;
    }
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-button-prev {
        display: none;
    }
}

.high-slider .swiper-button-prev::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(-2px);
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-prev::after {
        font-size: 16px;
        transform: translateX(-1px);
    }
}

.high-slider .swiper-button-prev:hover {
    background: #c4afd5;
}

.high-slider .swiper-button-prev:hover::after {
    color: white;
}

.high-slider .swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.high-slider .swiper-button-disabled:hover {
    background: #f5f5f7;
}

.high-slider .swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.high-slider__top {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 100px;
    margin-bottom: 26px;
}

@media (max-width: 1440px) {
    .high-slider__top {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .high-slider__top {
        gap: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .high-slider__top {
        font-size: 20px;
        line-height: 140%;
    }
}

@media screen and (max-width: 768px) {
    .high-slider__top {
        flex-direction: column;
        gap: 10px;
        align-items: flex-end;
    }
}

@media screen and (max-width: 600px) {
    .high-slider__top {
        font-size: 18px;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 450px) {
    .high-slider__top {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.high-slider__top p {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .high-slider__top p {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .high-slider__top p {
        font-size: 20px;
        line-height: 140%;
    }
}

@media screen and (max-width: 768px) {
    .high-slider__top p {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .high-slider__top p {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .high-slider__top p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.high-slider__top_nav {
    width: 160px;
    min-width: 160px;
    padding: 16px 32px;
    gap: 32px;
    display: flex;
    border-radius: 100px;
    border: 1px solid #c4afd5;
}

@media screen and (max-width: 768px) {
    .high-slider__top_nav {
        width: auto;
        min-width: unset;
        padding: 12px 25px;
    }
}

@media screen and (max-width: 600px) {
    .high-slider__top_nav {
        display: none;
    }
}

.high-slider__top_nav svg {
    display: block;
    width: 32px;
    height: 32px;
    fill: #c4afd5;
    transition: fill 0.3s;
}

.high-slider__top_nav .high-slider__top_prev {
    transform: scale(-1, 1);
}

.high-slider__top_nav .high-slider__top_btn:hover svg {
    fill: #d799ff;
}

.high-slider__top_nav .high-slider__top_btn.lock {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.anniversary-columns {
    display: flex;
    align-items: stretch;
    gap: 56px 30px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .anniversary-columns {
        flex-direction: column;
    }
}

.anniversary-col {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .anniversary-col {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-col .btn-purple {
        margin: 0 auto;
    }
}

.anniversary-col__title {
    color: #1d1d1f;
    font-size: min(50px, 2.65vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    min-height: min(126px, 6.7vw);
}

@media (max-width: 1440px) {
    .anniversary-col__title {
        font-size: 42px;
        min-height: 105px;
    }
}

@media screen and (max-width: 1280px) {
    .anniversary-col__title {
        font-size: 38px;
        min-height: 95px;
    }
}

@media screen and (max-width: 1024px) {
    .anniversary-col__title {
        font-size: 32px;
        min-height: 80px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-col__title {
        min-height: unset;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-col__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .anniversary-col__title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.anniversary-col__title .green-text {
    display: block;
}

.anniversary-col__img {
    margin-top: 32px;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: 1/0.676;
}

@media screen and (max-width: 1024px) {
    .anniversary-col__img {
        margin-top: 24px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-col__img {
        min-height: 400px;
    }
}

.anniversary-col__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.anniversary-col__text {
    flex-grow: 1;
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 24px;
    margin-bottom: 40px;
}

@media (max-width: 1440px) {
    .anniversary-col__text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .anniversary-col__text {
        font-size: 20px;
        line-height: 140%;
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-col__text {
        margin-bottom: 32px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.anniversary-frame {
    width: 100%;
    aspect-ratio: 1/0.43;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 104px;
}

@media screen and (max-width: 1280px) {
    .anniversary-frame {
        margin-top: 64px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-frame {
        aspect-ratio: 1/0.55;
        min-height: 400px;
    }
}

.anniversary-frame iframe,
.anniversary-frame video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.highModal .lb-nav {
    opacity: 0;
}

:root {
    --cardH: min(650px, 33.9vw);
}

@media (max-width: 1440px) {
    :root {
        --cardH: 43vw;
    }
}

.project-intro {
    width: 100%;
    margin-top: 16px;
    overflow: hidden;
    position: relative;
    margin-bottom: -1px;
}

.project-intro::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75.54%, #FFF 95.21%);
    z-index: 2;
}

.project-intro img {
    width: 100%;
    height: 1/0.625;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.project-cards {
    margin-top: 80px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 600px) {
    .project-cards {
        margin-top: 56px;
    }
}

@media screen and (max-width: 450px) {
    .project-cards {
        overflow: visible;
    }
}

.project-cards .main-page__title {
    width: calc(50% - min(50px, 2.6vw));
}

@media screen and (max-width: 1024px) {
    .project-cards .main-page__title {
        width: auto;
    }
}

.project-cards__wrap {
    margin-top: min(60px, 3.2vw);
    width: 100%;
    overflow: visible;
    position: static;
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap {
        margin-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__wrap {
        margin-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .project-cards__wrap {
        overflow: hidden;
        margin-left: -16px;
        width: calc(100% + 32px);
    }
}

.project-cards__wrap .swiper-pagination-bullets {
    display: none;
    max-width: max-content;
    left: unset;
    position: static;
    border-radius: 28px;
    background: #F5F5F7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
    margin: 32px auto 0;
}

@media (max-width: 700px) {
    .project-cards__wrap .swiper-pagination-bullets {
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__wrap .swiper-pagination-bullets {
        margin-top: 16px;
    }
}

.project-cards__wrap .swiper-pagination-bullet {
    background: #D9D9D9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.project-cards__wrap .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.project-cards__wrap .swiper-pagination-bullet-active {
    background: #89AA28;
}

.project-cards__wrap .swiper-wrapper {
    width: 100%;
    display: flex;
    gap: min(60px, 3.2vw) min(101px, 5.3vw);
    flex-wrap: wrap;
    position: static;
    transform: unset;
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .swiper-wrapper {
        flex-direction: column;
        gap: 40px min(100px, 5.2vw);
    }
}

@media screen and (max-width: 768px) {
    .project-cards__wrap .swiper-wrapper {
        gap: 32px 24px;
    }
}

@media (max-width: 700px) {
    .project-cards__wrap .swiper-wrapper {
        gap: unset;
        flex-direction: row;
        flex-wrap: unset;
    }
}

@media (min-width: 701px) {
    .project-cards__wrap .swiper-wrapper {
        transform: unset !important;
    }
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(odd) {
        flex-direction: row-reverse;
    }
}

@media (max-width: 700px) {
    .project-cards__wrap .project-cards__block:nth-child(odd) {
        flex-direction: column;
    }
}

.project-cards__wrap .project-cards__block:nth-child(even) {
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(even) {
        position: relative;
        top: unset;
        right: unset;
    }
}

.project-cards__wrap .project-cards__block:nth-child(4) {
    top: calc(var(--cardH) + min(60px, 3.2vw));
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(4) {
        top: unset;
    }
}

.project-cards__wrap .project-cards__block:nth-child(6) {
    top: calc((var(--cardH) + min(60px, 3.2vw)) * 2);
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(6) {
        top: unset;
    }
}

.project-cards__wrap .project-cards__block:nth-child(8) {
    top: calc((var(--cardH) + min(60px, 3.2vw)) * 3);
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(8) {
        top: unset;
    }
}

.project-cards__block_title {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .project-cards__block_title {
        color: #1D1D1F;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__block_title {
        font-size: 20px;
        font-weight: 700;
    }
}

.project-cards__block {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: calc(50% - min(50px, 2.6vw));
    height: var(--cardH);
}

@media screen and (max-width: 1024px) {
    .project-cards__block {
        display: flex;
        height: auto;
        width: 100%;
        justify-content: space-between;
        border-radius: unset;
    }
}

@media (max-width: 700px) {
    .project-cards__block {
        flex-direction: column;
        width: 414px;
        max-width: 100vw;
        height: auto;
        border-radius: 20px;
        background: #F5F5F7;
        padding: 24px 16px;
    }
}

.project-cards__block:hover .project-cards__block_text-outer {
    grid-template-rows: 1fr;
}

.project-cards__block:hover::before {
    opacity: 1;
}

.project-cards__block::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (max-width: 1024px) {
    .project-cards__block::before {
        content: none;
    }
}

.project-cards__block .project-cards__block_img {
    z-index: 1;
    position: relative;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .project-cards__block .project-cards__block_img {
        width: calc(50% - min(50px, 2.6vw));
        border-radius: 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .project-cards__block .project-cards__block_img {
        width: calc(50% - 12px);
    }
}

@media (max-width: 700px) {
    .project-cards__block .project-cards__block_img {
        width: 100%;
        height: 340px;
        margin-top: 24px;
    }
}

.project-cards__block .project-cards__block_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.project-cards__block .project-cards__block_text {
    position: absolute;
    z-index: 3;
    left: 32px;
    bottom: 32px;
    width: calc(100% - 64px);
    border-radius: 12px;
    background: rgba(108, 108, 108, 0.6);
    padding: 16px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .project-cards__block .project-cards__block_text {
        position: static;
        width: calc(50% - min(50px, 2.6vw));
        background: unset;
        color: #707070;
        padding: 0;
        border-radius: unset;
    }
}

@media screen and (max-width: 768px) {
    .project-cards__block .project-cards__block_text {
        width: calc(50% - 12px);
    }
}

@media (max-width: 700px) {
    .project-cards__block .project-cards__block_text {
        width: 100%;
    }
}

.project-cards__block_text-outer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid 0.3s;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .project-cards__block_text-outer {
        grid-template-rows: 1fr;
        transition: unset;
    }
}

.project-cards__block_text-inner {
    min-height: 0px;
}

.project-cards__block_text-inner p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
}

@media screen and (max-width: 1024px) {
    .project-cards__block_text-inner p {
        color: #707070;
        margin-top: 16px;
        font-size: min(18px, 1.8vw);
    }
}

@media screen and (max-width: 768px) {
    .project-cards__block_text-inner p {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__block_text-inner p {
        margin-top: 8px;
        color: #1D1D1F;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
}

.project-cards__block_text-inner a {
    color: #89AA28;
    font-size: inherit;
    line-height: inherit;
    transition: color 0.3s;
}

.project-cards__block_text-inner a:hover {
    color: #718C21;
}

.disctrict-adv.project .disctrict-adv__list {
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .disctrict-adv.project .disctrict-adv__list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.disctrict-adv.project .disctrict-adv-item {
    padding: 32px;
}

@media screen and (max-width: 768px) {
    .disctrict-adv.project .disctrict-adv-item {
        padding: 24px;
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .disctrict-adv.project .disctrict-adv-item {
        padding: 16px;
    }
}

.disctrict-adv.project .disctrict-adv-item__icon {
    margin-bottom: 40px;
}

@media (max-width: 1440px) {
    .disctrict-adv.project .disctrict-adv-item__icon {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 450px) {
    .disctrict-adv.project .disctrict-adv-item__icon {
        margin-bottom: 16px;
    }
}

.disctrict-adv.project .disctrict-adv-item__title {
    margin-bottom: 16px;
}

@media screen and (max-width: 450px) {
    .disctrict-adv.project .disctrict-adv-item__title {
        margin-bottom: 12px;
    }
}

.disctrict-adv.project .disctrict-adv-item__text {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media (max-width: 1440px) {
    .disctrict-adv.project .disctrict-adv-item__text {
        font-size: 16px;
    }
}

.project-default {
    display: flex;
    align-items: stretch;
    gap: 68px;
}

@media screen and (max-width: 1024px) {
    .project-default {
        gap: 24px;
    }
}

@media screen and (max-width: 768px) {
    .project-default {
        flex-direction: column;
    }
}

.project-default .main-page__title {
    flex-grow: unset;
}

.project-default__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: calc(50% - 18px);
}

@media screen and (max-width: 1024px) {
    .project-default__info {
        gap: 24px;
    }
}

@media screen and (max-width: 768px) {
    .project-default__info {
        width: 100%;
    }
}

.project-default__img {
    width: calc(50% - min(50px, 2.6vw));
    height: 500px;
    flex-grow: 1;
    max-height: var(--cardH);
}

@media screen and (max-width: 600px) {
    .project-default__img {
        width: 100%;
        height: unset;
        aspect-ratio: 1/0.91;
        max-height: unset;
    }
}

.project-default__img img {
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.project-facing {
    background: #F5F5F7;
    padding-top: min(100px, 5.2vw);
    padding-bottom: min(100px, 5.2vw);
    margin-top: 80px;
}

@media screen and (max-width: 600px) {
    .project-facing {
        margin-top: 56px;
        background: unset;
        padding: 0;
    }
}

.project-facing .container-main {
    margin-top: 0;
}

.project-facing__wrap {
    padding-left: calc(50% + min(50px, 2.6vw));
    position: relative;
    min-height: var(--cardH);
}

@media (max-width: 1440px) {
    .project-facing__wrap {
        padding-left: calc(39% + min(50px, 2.6vw));
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__wrap {
        padding-left: 0;
    }
}

.project-facing__wrap .project-facing__img {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - min(50px, 2.6vw));
    height: var(--cardH);
    border-radius: 20px;
    overflow: hidden;
    pointer-events: none;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .project-facing__wrap .project-facing__img {
        width: calc(39% - min(50px, 2.6vw));
        height: 36vw;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__wrap .project-facing__img {
        position: static;
        width: calc(50% - min(50px, 2.6vw));
        height: unset;
        aspect-ratio: 1/0.92;
    }
}

@media screen and (max-width: 768px) {
    .project-facing__wrap .project-facing__img {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .project-facing__wrap .project-facing__img {
        aspect-ratio: 1/0.91;
        max-height: unset;
        height: unset;
        pointer-events: all;
        width: 100%;
    }
}

.project-facing__wrap .project-facing__img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.7s;
}

@media screen and (max-width: 1024px) {
    .project-facing__wrap .project-facing__img img {
        opacity: 1;
        transition: unset;
    }
}

.project-facing__top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.project-facing__top p {
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 600px) {
    .project-facing__top p {
        font-family: 16px;
    }
}

.project-facing__top p a {
    color: #89AA28;
    transition: color 0.3s;
}

.project-facing__top p a:hover {
    color: #718C21;
}

.project-facing__list {
    margin-top: 40px;
}

@media screen and (max-width: 1024px) {
    .project-facing__list {
        min-height: unset !important;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__list {
        margin-top: 24px;
    }
}

.project-facing__list ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
}

@media (max-height: 1440px) {
    .project-facing__list ul {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__list ul {
        gap: 48px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__list ul {
        gap: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__list ul .project-facing__item:nth-child(odd) .project-facing__row {
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__list ul .project-facing__item:nth-child(odd) .project-facing__row {
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__list ul .project-facing__item:nth-child(odd) .project-facing__title {
        left: 20px;
    }
}

.project-facing__title {
    color: #89AA28;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    transition: color 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .project-facing__title {
        max-width: calc(50% - min(50px, 2.6vw) - 40px);
        position: absolute;
        left: calc(50% + min(50px, 2.6vw) + 20px);
        top: 20px;
        background: rgba(255, 255, 255, 0.7411764706);
        border-radius: 6px;
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        padding: 10px 14px;
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .project-facing__title {
        left: calc(50% + 32px);
        max-width: calc(50% - 54px);
        font-size: 18px;
        padding: 8px 10px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__title {
        position: static;
        max-width: unset;
        padding: 0;
        border-radius: unset;
        background: unset;
        backdrop-filter: unset;
        -webkit-backdrop-filter: unset;
        color: #1D1D1F;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        max-width: calc(100% - 46px);
    }
}

.project-facing__title:hover {
    color: #718C21;
}

@media screen and (max-width: 1024px) {
    .project-facing__item {
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__item::before {
        content: "";
        transition: background 0.3s;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 100%;
        border: 1px solid #C3C3C3;
        background-size: 12px 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.39961 1.49741L0.984297 0.912719L5.9895 5.91792L11.0149 0.91272L11.5996 1.49741L5.9895 7.08729L0.39961 1.49741Z' fill='%231D1D1F'/%3E%3C/svg%3E%0A");
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__item .project-facing__row {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 24px min(100px, 5.2vw);
    }
}

@media screen and (max-width: 768px) {
    .project-facing__item .project-facing__row {
        gap: 24px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__item .project-facing__row {
        min-height: 0px;
        flex-direction: column;
        flex-wrap: unset;
        align-items: flex-start;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__item .project-facing__row_outer {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid 0.5s;
        overflow: hidden;
    }
}

.project-facing__hidden {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.7s grid;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .project-facing__hidden {
        grid-template-rows: 1fr;
        width: calc(50% - min(50px, 2.6vw));
    }
}

@media screen and (max-width: 768px) {
    .project-facing__hidden {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .project-facing__hidden {
        width: 100%;
        display: block;
        transition: unset;
        margin-top: 19px;
    }
}

.project-facing__text {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    min-height: 0px;
}

@media (max-height: 1440px) {
    .project-facing__text {
        font-size: 16px;
        line-height: 140%;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__text {
        font-size: min(18px, 1.8vw);
        line-height: 150%;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .project-facing__text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__text {
        max-height: max-content;
    }
}

.project-facing__text p {
    margin-top: 16px;
}

@media (max-height: 1440px) {
    .project-facing__text p {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__text p {
        margin-top: 0;
    }
}

.project-facing__text a {
    color: #89AA28;
    transition: color 0.3s;
}

.project-facing__text a:hover {
    color: #718C21;
}

.visible .project-facing__item.active .project-facing__title {
    color: rgb(29, 29, 31);
}

@media screen and (max-width: 1024px) {
    .visible .project-facing__item.active .project-facing__title {
        color: #89AA28;
    }
}

.visible .project-facing__item.active .project-facing__hidden {
    grid-template-rows: 1fr;
}

.visible .project-facing__item.active .project-facing__img img {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .project-facing__item.active .project-facing__row_outer {
        grid-template-rows: 1fr;
    }
}

.project-facing__item.active::before {
    border-color: rgb(137, 170, 40);
    background-color: rgb(137, 170, 40);
    transform: scale(1, -1);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.39961 1.49741L0.984297 0.912719L5.9895 5.91792L11.0149 0.91272L11.5996 1.49741L5.9895 7.08729L0.39961 1.49741Z' fill='white'/%3E%3C/svg%3E");
}

.compare-p {
    margin-top: 40px;
}

.compare-p__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: min(370px, 100%);
    margin: 0 auto;
}

.compare-p__empty p {
    color: #707070;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .compare-p__empty p {
        font-size: 16px;
    }
}

.compare-p__empty .compare__text {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .compare-p__empty .compare__text {
        font-size: 20px;
    }
}

.compare-p__empty .btn-green {
    margin-top: 16px;
}

.compare-p__ico {
    width: 90px;
    height: 90px;
}

@media screen and (max-width: 600px) {
    .compare-p__ico {
        width: 80px;
        height: 80px;
    }
}

.compare-p__ico img,
.compare-p__ico svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.compare__tab {
    padding: 6px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 2px solid transparent;
    max-width: max-content;
    transition: 0.3s;
    white-space: nowrap;
}

.compare__tab:hover {
    color: #89aa28;
}

.compare__tab.active {
    color: var(--Primary-Main, #89aa28);
    border-color: #89aa28;
}

.compare__tabs {
    width: 100%;
    display: flex;
    overflow-x: auto;
}

@media screen and (max-width: 600px) {
    .compare__tabs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

.compare__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

.compare__tabs::-webkit-scrollbar-thumb {
    border-radius: 100%;
    background: transparent;
}

.compare__tabs::-webkit-scrollbar-corner {
    background: transparent;
}

.compare__top {
    position: sticky;
    top: 0;
    z-index: 21;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 16px;
    padding-left: max(205px, 50vw - 755px);
    padding-right: max(205px, 50vw - 755px);
    background: white;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .compare__top {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__top {
        padding-bottom: 56px;
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .compare__top {
        top: -88px;
    }
}

@media screen and (max-width: 600px) {
    .compare__top {
        top: -130px;
    }
}

@media screen and (max-width: 450px) {
    .compare__top {
        padding-left: 16px;
        padding-right: 16px;
        top: -163px;
    }
}

.compare__top.fixed {
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
}

.compare__top_side {
    width: 260px;
    background: white;
    z-index: 20;
    position: relative;
    padding-top: 16px;
}

@media screen and (max-width: 1024px) {
    .compare__top_side {
        width: 100%;
        padding-top: 24px;
    }
}

.compare__top_side::before {
    content: "";
    width: max(210px, 50vw - 750px);
    height: 100%;
    position: absolute;
    right: 99%;
    top: 0;
    z-index: 1;
    background: white;
}

@media (max-width: 1440px) {
    .compare__top_side::before {
        width: 21px;
        right: calc(100% - 1px);
    }
}

@media screen and (max-width: 1024px) {
    .compare__top_side::before {
        content: none;
    }
}

.compare__top_side-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 36px;
    height: 100%;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .compare__top_side-inner {
        padding: 0;
        flex-direction: row;
        gap: 24px;
        justify-content: space-between;
    }
}

@media screen and (max-width: 600px) {
    .compare__top_side-inner {
        flex-direction: column;
    }
}

.compare__top_controls {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 1024px) {
    .compare__top_controls {
        flex-direction: row;
    }
}

@media screen and (max-width: 450px) {
    .compare__top_controls {
        flex-direction: column;
    }
}

.compare__top_controls.tab2 {
    display: none;
}

.compare__top_label {
    position: relative;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    transition: color 0.3s;
}

.compare__top_label:hover {
    color: rgb(137, 170, 40);
}

.compare__top_label .compare__top_radio {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid rgb(195, 195, 195);
    transition: background 0.3s;
    position: relative;
}

.compare__top_label input {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.compare__top_label input:checked ~ .compare__top_radio {
    background: rgb(137, 170, 40);
    border-color: rgb(137, 170, 40);
}

.compare__top_label input:checked ~ .compare__top_radio::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 100%;
}

.draggable-slider {
    width: calc(100% - 260px);
    overflow: unset;
    position: static;
    padding-left: 8px;
    padding-top: 16px;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .draggable-slider {
        width: calc(100% + 8px);
        margin-left: -4px;
        padding-left: 0;
    }
}

@media screen and (max-width: 450px) {
    .draggable-slider {
        width: 100%;
        margin: 0;
        overflow: hidden;
    }
}

.draggable-slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 1024px) {
    .draggable-slider .swiper-pagination {
        display: flex;
        top: calc(100% - 44px);
        left: 50%;
        max-width: max-content;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        gap: 12px;
        padding: 12px;
        border-radius: 28px;
        background: #f5f5f7;
        height: 36px;
    }
}

@media screen and (max-width: 1024px) and (max-width: 450px) {
    .draggable-slider .swiper-pagination {
        gap: 8px;
    }
}

.draggable-slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    display: block;
    width: 12px;
    height: 12px;
    opacity: 1;
    background: rgb(195, 195, 195);
}

@media screen and (max-width: 450px) {
    .draggable-slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.draggable-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(137, 170, 40);
}

.draggable-slider.progress {
    background: white;
}

.draggable-slider.progress .swiper-wrapper {
    opacity: 0.4;
}

.draggable-slider.progress::before {
    content: "";
    z-index: 30;
    position: absolute;
    width: 40px;
    height: 40px;
    left: calc(50% + 66px);
    top: calc(50% - 57px);
    border: 5px solid rgba(137, 170, 40, 0.6196078431);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.draggable-slider .swiper-button-prev,
.draggable-slider .swiper-button-next {
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: -1;
}

.draggable-holder {
    --width: 310px;
    --height: 250px;
    width: var(--width);
    min-height: var(--height);
}

@media (max-width: 1440px) {
    .draggable-holder {
        --width: 280px;
        --height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-holder {
        --height: 180px;
        --width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-holder {
        --width: 168px;
    }
}

@media screen and (max-width: 450px) {
    .draggable-holder {
        width: 100%;
        min-height: unset;
    }
}

.draggable-holder:hover {
    z-index: 2;
}

.draggable-holder.disabled::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 113px;
    color: var(--State-Error, #e3473d);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 16px;
    border-radius: 100px;
    background: #ffd8d6;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .draggable-holder.disabled::after {
        top: 101px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-holder.disabled::after {
        top: 88px;
        font-size: 16px;
        padding: 4px 10px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-holder.disabled::after {
        top: 58px;
    }
}

@media screen and (max-width: 450px) {
    .draggable-holder.disabled::after {
        top: 38%;
    }
}

.draggable-holder.disabled .draggable-card__img {
    opacity: 0.4;
}

.draggable-holder.disabled .draggable-card__link {
    opacity: 0.4;
    pointer-events: none;
}

.draggable-card {
    position: relative;
    background: white;
    width: var(--width);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 12px;
    padding: 8px;
    transition: box-shadow 0.3s;
}

@media screen and (max-width: 1024px) {
    .draggable-card {
        padding: 8px 4px;
        gap: 12px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card {
        padding: 0 4px;
        border-radius: 0;
    }
}

@media screen and (max-width: 450px) {
    .draggable-card {
        padding: 0;
        width: 100%;
    }
}

.draggable-card:hover {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
}

@media screen and (max-width: 1024px) {
    .draggable-card:hover {
        box-shadow: unset;
    }
}

.draggable-card .to-fav {
    position: absolute;
    top: 75px;
    right: 14px;
    z-index: 2;
    transform: translateZ(1px);
    background: #f5f5f7;
}

@media screen and (max-width: 1024px) {
    .draggable-card .to-fav {
        right: 10px;
        top: 64px;
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card .to-fav {
        right: 12px;
        top: 54px;
    }
}

.draggable-card .to-fav.in-fav {
    background: #89AA28;
}

@media (hover: hover) {
    .draggable-card .to-fav:hover {
        z-index: 3;
    }
}

.draggable-card.start-drag {
    opacity: 0.2;
}

.draggable-card.dublicate {
    z-index: 1000;
    font-family: "OpenSans";
    --width: 310px;
    --height: 250px;
    transform: translate(-8px, -8px);
}

@media (max-width: 1440px) {
    .draggable-card.dublicate {
        --width: 280px;
        --height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-card.dublicate {
        --height: 180px;
        --width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card.dublicate {
        --width: 168px;
    }
}

.draggable-card.disabled::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -8px);
    top: 121px;
    color: var(--State-Error, #e3473d);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 16px;
    border-radius: 100px;
    background: #ffd8d6;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .draggable-card.disabled::after {
        top: 101px;
    }
}

.draggable-card.disabled img {
    opacity: 0.4;
}

.compare-creator {
    width: var(--width);
    padding: 8px;
    border-radius: 12px;
    transition: box-shadow 0.3s;
    --width: 310px;
    --height: 250px;
}

@media (max-width: 1440px) {
    .compare-creator {
        --width: 280px;
        --height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .compare-creator {
        --height: 180px;
        --width: 240px;
        padding: 8px 4px;
    }
}

@media screen and (max-width: 600px) {
    .compare-creator {
        padding: 0 4px;
        --width: 168px;
    }
}

@media screen and (max-width: 450px) {
    .compare-creator {
        padding: 0;
    }
}

.compare-creator:hover {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
}

.compare-creator__inner {
    height: var(--height);
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--Primary-Main, #89aa28);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .compare-creator__inner {
        font-size: 14px;
        gap: 6px;
    }
}

@media screen and (max-width: 450px) {
    .compare-creator__inner {
        height: 37.1vw;
        padding: 6px;
    }
}

.compare-creator__plus {
    display: block;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    background: var(--Background-Light, #f5f5f7);
    position: relative;
}

@media screen and (max-width: 600px) {
    .compare-creator__plus {
        width: 40px;
        height: 40px;
    }
}

.compare-creator__plus::before {
    content: "";
    width: 2px;
    height: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 1px);
    border-radius: 14px;
    background-color: rgb(137, 170, 40);
}

.compare-creator__plus::after {
    content: "";
    height: 2px;
    width: 18px;
    position: absolute;
    left: calc(50% - 9px);
    top: calc(50% - 1px);
    border-radius: 14px;
    background-color: rgb(137, 170, 40);
}

.draggable-card__link {
    color: var(--text-icon-dark-primary, #1d1d1f);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: color 0.3s;
}

@media screen and (max-width: 768px) {
    .draggable-card__link {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.draggable-card__link:hover {
    text-decoration: underline;
    color: #89aa28;
}

.draggable-card__del {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #f5f5f7;
    z-index: 2;
    transform: translateZ(1px);
}

@media screen and (max-width: 1024px) {
    .draggable-card__del {
        width: 40px;
        height: 40px;
        right: 10px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card__del {
        right: 12px;
        top: 8px;
    }
}

@media (hover: hover) {
    .draggable-card__del:hover {
        z-index: 3;
    }

    .draggable-card__del:hover svg {
        stroke: rgb(113, 140, 33);
    }

    .draggable-card__del:hover span {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s;
    }
}

.draggable-card__del svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.draggable-card__del span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .draggable-card__del span {
        display: none;
    }
}

.draggable-card__zoom {
    position: absolute;
    top: 136px;
    right: 14px;
    width: 45px;
    height: 45px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #f5f5f7;
}

@media screen and (max-width: 1024px) {
    .draggable-card__zoom {
        width: 40px;
        height: 40px;
        right: 10px;
        top: 114px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card__zoom {
        right: 12px;
        top: 100px;
    }
}

.draggable-card__zoom:hover svg {
    stroke: rgb(113, 140, 33);
}

.draggable-card__zoom svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.draggable-card__img {
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 14px;
    width: 100%;
    height: var(--height);
    cursor: grab;
}

@media screen and (max-width: 1024px) {
    .draggable-card__img {
        padding: 8px;
    }
}

@media screen and (max-width: 450px) {
    .draggable-card__img {
        height: 37.1vw;
    }
}

.draggable-card__img span {
    width: 100%;
    height: 100%;
}

.draggable-card__img img,
.draggable-card__img svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.draggable-card__img .img2 {
    display: none;
}

.draggable-card__img .hide {
    display: none;
}

.draggable-card__img .show {
    display: block;
}

.draggable-nav {
    position: absolute;
    width: calc(100% - max(205px, 50vw - 755px) - max(205px, 50vw - 755px) - 253px);
    max-width: min(1510px, 100vw - 410px);
    height: 40px;
    left: calc(max(205px, 50vw - 755px) + 261px);
    top: 170px;
    z-index: 25;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .draggable-nav {
        max-width: 100vw;
        width: calc(100% - 296px);
        left: 296px;
        top: 150px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-nav {
        display: none;
    }
}

.draggable-nav .swiper-button-next {
    top: 0px;
    width: 40px;
    height: 40px;
    border-radius: 60px;
    background: #89aa28;
    right: 0;
    transform: translateX(30px);
    transition: 0.3s;
    margin: 0;
    pointer-events: all;
}

@media (max-width: 1440px) {
    .draggable-nav .swiper-button-next {
        transform: unset;
        right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-nav .swiper-button-next {
        position: static;
    }
}

.draggable-nav .swiper-button-next::after {
    font-size: 13px;
    color: white;
    transition: 0.3s;
    transform: translateX(1px);
}

@media screen and (max-width: 1280px) {
    .draggable-nav .swiper-button-next::after {
        font-size: 12px;
    }
}

.draggable-nav .swiper-button-next:hover {
    background: #718C21;
}

.draggable-nav .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 60px;
    left: 0;
    transform: translateX(-100%);
    background: #89aa28;
    top: 0;
    transition: 0.3s;
    margin: 0;
    pointer-events: all;
}

@media (max-width: 1440px) {
    .draggable-nav .swiper-button-prev {
        left: -4px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-nav .swiper-button-prev {
        position: static;
    }
}

.draggable-nav .swiper-button-prev::after {
    font-size: 13px;
    color: white;
    transition: 0.3s;
    transform: translateX(-1px);
}

@media screen and (max-width: 1280px) {
    .draggable-nav .swiper-button-prev::after {
        font-size: 12px;
    }
}

.draggable-nav .swiper-button-prev:hover {
    background: #718C21;
}

.draggable-nav .disabled {
    opacity: 0;
}

@media screen and (max-width: 1024px) {
    .draggable-nav .disabled {
        opacity: 0.4;
    }
}

.draggable-nav .disabled:hover {
    background: #89AA28;
}

.compare__clear-all {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    color: #89aa28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .compare__clear-all {
        padding: 0;
    }
}

.compare__clear-all svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.compare__bottom {
    position: relative;
    display: flex;
    padding-top: 40px;
    margin-left: max(205px, 50vw - 755px);
    padding-right: max(205px, 50vw - 755px);
    overflow: hidden;
}

@media (max-width: 1440px) {
    .compare__bottom {
        margin-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__bottom {
        padding-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .compare__bottom {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }
}

.compare__bottom_side {
    width: 260px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    z-index: 20;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .compare__bottom_side {
        width: 0;
    }
}

.compare__bottom_side .compare__bottom_side-cell:nth-child(odd) {
    background: rgb(245, 245, 247);
}

.compare__outer {
    position: relative;
    width: 100%;
    overflow-x: clip;
}

.compare__outer::after {
    content: "";
    z-index: 23;
    position: absolute;
    right: -1px;
    top: 0;
    width: 206px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #fff 25.61%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1440px) {
    .compare__outer::after {
        content: none;
    }
}

.compare__table-swiper {
    width: calc(100% - 253px);
    overflow: unset;
    position: static;
    padding-left: 8px;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper {
        width: 100%;
        padding-left: 0;
    }
}

.compare__table-swiper .swiper-slide {
    position: relative;
    background: white;
    width: 310px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 1440px) {
    .compare__table-swiper .swiper-slide {
        width: 280px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide {
        width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .swiper-slide {
        width: 160px;
    }
}

.compare__table-swiper .swiper-slide:hover {
    z-index: 2;
}

.compare__table-swiper .swiper-slide .compare__table_cell:nth-child(odd) {
    background: rgb(245, 245, 247);
}

.compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
    padding: 20px 24px 20px 36px;
}

@media (max-width: 1440px) {
    .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
        padding: 20px 16px 20px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
        padding: 28px 16px 20px;
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
        padding: 37px 8px 20px 16px;
    }
}

.compare__table-swiper .swiper-slide.disabled .compare__table_txt,
.compare__table-swiper .swiper-slide.disabled .apartment__info_top-price {
    opacity: 0.4;
}

.compare__table-swiper .swiper-slide.disabled .tooltip {
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide .tooltip-block {
        transform: translateX(104%);
        top: calc(100% - 26px);
        right: 12px;
        left: unset;
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .swiper-slide .tooltip-block {
        font-size: 12px;
        padding: 9px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide .tooltip-block__svg {
        display: none;
    }
}

.compare__table-swiper .price-usd {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .price-usd {
        font-size: 14px;
    }
}

.compare__table-swiper .price-byn {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .price-byn {
        font-size: 14px;
    }
}

.compare__table-swiper .apartment__info_top-price {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 4px 18px;
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .apartment__info_top-price {
        flex-direction: column;
        align-items: flex-start;
    }
}

.compare__table-swiper .apartment__info_top-price .price-usd {
    position: relative;
}

.compare__table-swiper .apartment__info_top-price .price-usd .tooltip {
    right: -10px;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price .price-usd .tooltip {
        right: -8px;
    }
}

.compare__table-swiper .apartment__info_top-price.sale {
    position: relative;
}

.compare__table-swiper .apartment__info_top-price.sale::before {
    top: 4px;
    width: 15px;
    height: 15px;
}

.compare__table-swiper .apartment__info_top-price.old {
    justify-content: flex-start;
    margin-top: 4px;
    padding-left: 20px;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price.old {
        margin-top: 0;
    }
}

.compare__table-swiper .apartment__info_top-price.old .price-usd,
.compare__table-swiper .apartment__info_top-price.old .price-byn {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: line-through;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price.old .price-usd,
    .compare__table-swiper .apartment__info_top-price.old .price-byn {
        font-size: 14px;
    }
}

.compare__table-swiper .apartment__info_top-price .tooltip-block {
    max-width: 270px;
    top: 100%;
    transform: translateX(63%);
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price .tooltip-block {
        max-width: 240px;
        transform: translateX(59%);
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .apartment__info_top-price .tooltip-block {
        max-width: 153px;
    }
}

.compare__table-swiper .apartment__info_top-price .tooltip-block__svg {
    left: 41%;
}

.compare__table_txt {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .compare__table_txt {
        font-size: 14px;
        line-height: 130%;
    }
}

a.compare__table_txt {
    transition: color 0.3s;
}

a.compare__table_txt:hover {
    color: #89AA28;
}

.compare__bottom_side-cell {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    padding: 20px 16px;
    width: calc(100% + 8px);
    min-height: 66px;
}

@media screen and (max-width: 1024px) {
    .compare__bottom_side-cell {
        padding: 0;
        width: 0;
        position: relative;
        color: #707070;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

@media screen and (max-width: 1024px) {
    .compare__bottom_side-cell span {
        position: absolute;
        left: 16px;
        top: 4px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 600px) {
    .compare__bottom_side-cell span {
        top: 8px;
    }
}

.compare__bottom_side-cell.setH {
    min-height: var(--h);
}

.compare__table_cell {
    padding: 20px 24px 20px 32px;
    min-height: 66px;
}

@media (max-width: 1440px) {
    .compare__table_cell {
        padding: 20px 16px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table_cell {
        padding: 28px 16px 20px;
        position: relative;
        z-index: 0;
    }
}

@media screen and (max-width: 600px) {
    .compare__table_cell {
        padding: 37px 8px 20px 16px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table_cell:hover {
        z-index: 3;
    }
}

.compare__table_cell.setH {
    min-height: var(--h);
}

.compare__table_cell .sale {
    padding-left: 16px;
}

.compare__table_cell .sale::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.5 11.25L5.25 7.5L2.25 6.375L7.5 0.75L6.75 4.5L9.75 5.625L4.5 11.25Z' fill='%23FFC815' stroke='%23FFC815' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: contain;
}

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

.compare__bottom.filtered .compare__table_cell,
.compare__bottom.filtered .compare__bottom_side-cell {
    background: white !important;
}

.compare__bottom.filtered .even {
    background: rgb(245, 245, 247) !important;
}

.compare__outer[data-block=compare-layout] .compare__top_controls.tab1 {
    display: none;
}

.compare__outer[data-block=compare-layout] .compare__top_controls.tab2 {
    display: flex;
}

.compare__outer[data-block=compare-layout] .compare__bottom {
    display: none;
}

.compare__outer[data-block=compare-layout] .draggable-holder {
    --width: 496px;
    --height: 400px;
}

@media (max-width: 1440px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        --width: 400px;
        --height: 323px;
    }
}

@media screen and (max-width: 1280px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        --width: 360px;
        --height: 291px;
    }
}

@media screen and (max-width: 600px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        --width: 300px;
        --height: 271px;
    }
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        width: 100% !important;
        margin: 0 !important;
        --width: 100%;
        --height: 76vw;
    }
}

.compare__outer[data-block=compare-layout] .draggable-card__img {
    padding: 8px;
    border: unset;
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-card__img {
        height: 76vw;
        border-radius: 22px;
        border: 1px solid #c3c3c3;
    }
}

.compare__outer[data-block=compare-layout] .draggable-card__zoom {
    display: flex;
}

.compare__outer[data-block=compare-layout] .draggable-holder.disabled::after {
    top: 208px;
}

@media (max-width: 1440px) {
    .compare__outer[data-block=compare-layout] .draggable-holder.disabled::after {
        top: 140px;
    }
}

.compare__outer[data-block=compare-layout] .swiper-slide.compare-creator {
    display: none;
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-slider .swiper-pagination {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-slider .swiper-wrapper {
        display: flex;
        flex-direction: column;
        transform: unset !important;
        height: auto !important;
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .compare__top {
        padding-bottom: 0;
    }
}

.view2 .draggable-card {
    padding: 8px 32px;
}

@media screen and (max-width: 450px) {
    .view2 .draggable-card {
        padding: 0;
    }
}

.view2 .draggable-card.dublicate {
    --width: 496px;
    --height: 400px;
    transform: translate(-32px, -8px);
}

@media (max-width: 1440px) {
    .view2 .draggable-card.dublicate {
        --width: 400px;
        --height: 323px;
    }
}

@media screen and (max-width: 1280px) {
    .view2 .draggable-card.dublicate {
        --width: 360px;
        --height: 291px;
    }
}

@media screen and (max-width: 600px) {
    .view2 .draggable-card.dublicate {
        --width: 300px;
        --height: 271px;
    }
}

.view2 .dublicate .draggable-card__img {
    padding: 0;
    border: unset;
}

.view2 .dublicate.disabled::after {
    top: 208px;
    transform: translate(-50%, 0);
}

@media (max-width: 1440px) {
    .view2 .dublicate.disabled::after {
        top: 140px;
    }
}

.view2 .draggable-nav {
    top: 255px;
}

@media (max-width: 1440px) {
    .view2 .draggable-nav {
        top: 188px;
    }
}

.view2 .dublicate .draggable-card__zoom {
    display: flex;
}

.view2 .fixed {
    box-shadow: unset;
}

.view2 .lightbox .lb-image {
    width: min(832px, 90vw) !important;
    height: min(568px, 90vh) !important;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
    border-color: transparent;
}

@media screen and (max-width: 600px) {
    .view2 .lightbox .lb-image {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 600px) {
    .view2 .lb-nav {
        top: calc(100% - 50px);
        height: 40px;
        display: flex;
        justify-content: center;
        gap: 24px;
    }
}

@media (max-width: 1660px) {
    .container-main,
    .header,
    .footer__top {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1024px) {
    .container-main,
    .header,
    .footer__top {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.mt16 {
    margin-top: 16px;
}

.mt40 {
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .mt40 {
        margin-top: 24px;
    }
}

.visually-hidden {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.text-container {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "OpenSans";
}

@media screen and (max-width: 600px) {
    .text-container {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.text-container.mt16 {
    margin-top: 16px;
}

.text-container button {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #89AA28;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
}

.text-container button span {
    cursor: pointer;
}

.text-container button:hover {
    background: #718C21;
}

.text-container button:active {
    background: #94B533;
}

.text-container h2 {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    .text-container h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .text-container h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .text-container h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    .text-container h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .text-container h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .text-container h2 {
        font-size: 26px;
        font-weight: 700;
    }
}

.text-container h3 {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 450px) {
    .text-container h3 {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
}

.text-container h4 {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-container h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }
}

.text-container h5 {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-container h5 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-container h6 {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .text-container h6 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-container p {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .text-container p {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.text-container a {
    color: #89aa28;
    text-decoration: underline;
}

.text-container a:hover {
    text-decoration: none;
}

.text-container ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
}

.text-container ul li {
    padding-left: 24px;
    position: relative;
}

.text-container ul li::before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #89aa28;
    position: absolute;
    left: 0;
    top: 11px;
}

.text-container ol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: decimal;
    padding-left: 20px;
}

.text-container ol li {
    position: relative;
    list-style: decimal;
}

.text-container ol li::marker {
    background: #89aa28;
    color: #89AA28;
}

.text-container table th {
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.text-container table th p {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.text-container table td {
    min-width: 201px;
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text-container table td p {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text-p__container {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "OpenSans";
}

@media screen and (max-width: 600px) {
    .text-p__container {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.text-p__container.mt16 {
    margin-top: 16px;
}

.text-p__container button {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #89AA28;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
}

.text-p__container button span {
    cursor: pointer;
}

.text-p__container button:hover {
    background: #718C21;
}

.text-p__container button:active {
    background: #94B533;
}

.text-p__container h2 {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    .text-p__container h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .text-p__container h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .text-p__container h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    .text-p__container h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .text-p__container h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .text-p__container h2 {
        font-size: 26px;
        font-weight: 700;
    }
}

.text-p__container h3 {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 450px) {
    .text-p__container h3 {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
}

.text-p__container h4 {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-p__container h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }
}

.text-p__container h5 {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-p__container h5 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-p__container h6 {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .text-p__container h6 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-p__container p {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .text-p__container p {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.text-p__container a {
    color: #89aa28;
    text-decoration: underline;
}

.text-p__container a:hover {
    text-decoration: none;
}

.text-p__container ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    margin: 0;
}

.text-p__container ul li {
    padding-left: 24px;
    position: relative;
}

.text-p__container ul li::before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #89aa28;
    position: absolute;
    left: 0;
    top: 11px;
}

.text-p__container ol {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    margin: 0;
    list-style: decimal;
    padding-left: 20px;
}

.text-p__container ol li {
    position: relative;
    list-style: decimal;
}

.text-p__container ol li::marker {
    background: #89aa28;
    color: #89AA28;
}

.text-p__container .table-wrap {
    width: 100%;
    overflow-x: auto;
    margin-top: 24px;
}

.text-p__container .table-wrap::-webkit-scrollbar {
    height: 6px;
    background: transparent;
}

.text-p__container .table-wrap::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.text-p__container .table-wrap::-webkit-scrollbar-corner {
    background: transparent;
}

.text-p__container table {
    width: max-content;
    border-collapse: collapse;
}

.text-p__container table tr:nth-last-child(1) td {
    border-bottom: unset;
}

.text-p__container table th {
    min-width: 201px;
    max-width: max(36vw, 300px);
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    background: rgba(137, 170, 40, 0.2);
}

@media screen and (max-width: 768px) {
    .text-p__container table th {
        min-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .text-p__container table th {
        padding: 12px 10px;
        font-size: 14px;
    }
}

.text-p__container table th p {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.text-p__container table td {
    min-width: 201px;
    max-width: max(36vw, 300px);
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-bottom: 1px solid #8b8b8b;
}

@media screen and (max-width: 768px) {
    .text-p__container table td {
        min-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .text-p__container table td {
        padding: 12px 10px;
        font-size: 13px;
    }
}

.text-p__container table td p {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text-p__container img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

@media screen and (max-width: 600px) {
    .text-p__container img {
        aspect-ratio: 1.4/1;
        object-fit: cover;
        object-position: center;
    }
}

.text-p__container iframe,
.text-p__container video {
    width: 1125px;
    max-width: 100%;
    aspect-ratio: 1/0.56;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

@media screen and (max-width: 600px) {
    .text-p__container iframe,
    .text-p__container video {
        aspect-ratio: 1.4/1;
    }
}

.grey-text__container {
    border-radius: 20px;
    background: #f5f5f7;
    padding: 40px;
    margin: 24px auto;
    max-width: min(1510px, 100% - 410px);
}

@media (max-width: 1440px) {
    .grey-text__container {
        max-width: calc(100% - 40px);
    }
}

@media screen and (max-width: 600px) {
    .grey-text__container {
        padding: 20px;
    }
}

.grey-text__container ~ .text-p__container {
    margin-top: 24px;
}

.moz .table-wrap {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.iti.iti--container {
    z-index: 10000;
}

.compare-pop-up {
    position: fixed;
    max-width: 252px;
    bottom: 50px;
    right: 50px;
    border-radius: 12px;
    background: var(--Background-Light, #f5f5f7);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 16px;
    gap: 12px;
    z-index: 2000;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}

.compare-pop-up.show {
    transform: translateY(0);
    opacity: 1;
}

.compare-pop-up .compare-pop-up__icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    fill: none;
    stroke: #89AA28;
}

.compare-pop-up .compare-pop-up__icon svg,
.compare-pop-up .compare-pop-up__icon img {
    width: 100%;
    height: 100%;
}

.compare-pop-up .compare-pop-up__content {
    font-family: "OpenSans";
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.compare-pop-up .compare-pop-up__content a {
    color: var(--Primary-Main, #89aa28);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.compare-pop-up .compare-pop-up__content a:hover {
    color: #718C21;
    text-decoration: none;
}

.iti.iti--container {
    top: 100% !important;
    left: 0 !important;
    bottom: unset !important;
    position: absolute !important;
    right: unset !important;
    height: 230px;
}

.p404 {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

@media screen and (max-width: 450px) {
    .p404 {
        margin-top: -30px;
    }
}

.p404 .p404__bg {
    width: 100%;
}

.p404 .p404__bg img {
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    aspect-ratio: 1/0.464;
}

@media screen and (max-width: 450px) {
    .p404 .p404__bg img {
        aspect-ratio: unset;
        height: auto;
    }
}

.p404 .p404__content {
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 10.5%;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
    .p404 .p404__content {
        bottom: 24px;
    }
}

@media screen and (max-width: 768px) {
    .p404 .p404__content {
        position: static;
        transform: unset;
        bottom: unset;
        left: unset;
    }
}

.p404 .p404__title {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .p404 .p404__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .p404 .p404__title {
        position: absolute;
        top: 33vw;
        width: 96%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 450px) {
    .p404 .p404__title {
        top: 40vw;
    }
}

.p404 .p404__btns {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: min(71px, 3.7vw);
}

@media screen and (max-width: 1280px) {
    .p404 .p404__btns {
        margin-top: 3.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .p404 .p404__btns {
        margin-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .p404 .p404__btns {
        gap: 10px 16px;
    }
}

@media screen and (max-width: 450px) {
    .p404 .p404__btns {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.p404 .p404__btns .btn-green {
    white-space: nowrap;
}

@media screen and (max-width: 450px) {
    .p404 .p404__btns .btn-green {
        text-align: center;
        justify-content: center;
    }
}

.compass {
    position: absolute;
    left: 100px;
    top: 60px;
    width: 123px;
    height: 123px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 10;
    padding: 9px 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .compass {
        left: unset;
        right: 10px;
        top: unset;
        bottom: 25px;
        width: 58px;
        height: 58px;
        padding: 7px;
    }
}

@media screen and (max-width: 450px) {
    .compass {
        right: 16px;
        bottom: 16px;
    }
}

.compass img,
.compass svg {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 1024px) {
    .genplan.svg-img {
        width: 100vw;
    }
}

.genplan .svg-img-filter {
    min-width: 174px;
}

@media screen and (max-width: 600px) {
    .genplan .svg-img-filter {
        right: unset;
        max-width: 210px;
    }
}

@media screen and (max-width: 450px) {
    .genplan .svg-img-filter {
        left: 16px !important;
        bottom: 16px !important;
    }
}

.preloader-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background-color: rgba(255, 255, 255, 0.7058823529);
    backdrop-filter: blur(4px);
}

.preloader-inner {
    margin: auto;
    position: relative;
    width: 200px;
    height: 150px;
}

.preloader-inner .line-1 {
    position: absolute;
    width: 209px;
    height: 2px;
    bottom: 111px;
    left: -132px;
    transform: rotate(-53deg);
    border-radius: 10px;
}

.preloader-inner .line-1::before {
    content: "";
    background-color: #000;
    position: absolute;
    height: 2px;
    width: 100%;
    max-width: 0;
    top: 0;
    left: 0;
    animation-name: l1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    transition: opacity 0.3s;
}

.preloader-inner .line-2 {
    position: absolute;
    height: 2px;
    width: 104px;
    top: -14px;
    left: 24px;
    transform: rotate(39deg);
    border-radius: 10px;
}

.preloader-inner .line-2::before {
    position: absolute;
    content: "";
    background-color: #000;
    height: 2px;
    max-width: 0;
    width: 100%;
    top: 0;
    left: 0;
    animation-name: l2;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    transition: opacity 0.3s;
}

.preloader-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes l1 {
    0% {
        max-width: 0;
    }
    1% {
        max-width: 0;
    }
    30% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}

@keyframes l2 {
    0% {
        max-width: 0;
    }
    30% {
        max-width: 0;
    }
    31% {
        max-width: 0;
    }
    40% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .preloader-wrap {
        padding-left: 30px;
    }
}

.to-top {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1019607843);
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 100;
    right: 27px;
    bottom: 177px;
    opacity: 0;
    transform: translateX(50%);
    transition: all 0.3s ease;
    user-select: none;
    visibility: hidden;
}

.to-top.active {
    visibility: visible;
    user-select: auto;
    opacity: 1;
    transform: translateX(0);
}

.to-top svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: #707070;
}

@media (max-width: 768px) {
    .to-top {
        display: flex;
    }
}

.sprite-stroke {
    fill: none;
    stroke: currentColor;
    flex: none;
}

.sprite-fill {
    fill: currentColor;
    stroke: none;
    flex: none;
}

.text-block {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .text-block {
        font-size: 16px;
        line-height: 140%;
    }
}

.btn-nav-slide {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
    flex: none;
    transition: all 0.3s ease;
    fill: #1D1D1F;
    stroke: #1D1D1F;
}

@media (hover: hover) {
    .btn-nav-slide:hover {
        background-color: #718C21;
        fill: #fff;
        stroke: #fff;
    }
}

.btn-nav-slide svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.5px;
}

.slider-nav {
    border-radius: 28px;
    background: #F5F5F7;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: max-content;
}

.slider-nav:has(.swiper-pagination-lock) {
    display: none !important;
}

.slider-nav--center {
    margin: 32px auto 0;
}

@media (max-width: 1024px) {
    .slider-nav--center {
        margin-top: 16px;
    }
}

.slider-nav__next, .slider-nav__prev {
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex: none;
}

.slider-nav__next.swiper-button-disabled svg, .slider-nav__prev.swiper-button-disabled svg {
    stroke: #8B8B8B;
}

.slider-nav__next svg, .slider-nav__prev svg {
    width: 100%;
    height: 100%;
    stroke-width: 1.5px;
    stroke: #1D1D1F;
}

.slider-nav__pagination {
    position: static;
    font-size: 16px;
    line-height: 1.4;
    color: #C3C3C3;
}

.slider-nav__pagination span {
    color: #1D1D1F;
}

.custom-toggle {
    display: flex;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.custom-toggle__box input {
    display: none;
}

.custom-toggle__box input:checked ~ .custom-toggle__control {
    background-color: #89AA28;
}

.custom-toggle__box input:checked ~ .custom-toggle__control::before {
    transform: translateX(100%);
}

.custom-toggle__control {
    background-color: #AFAFAF;
    border-radius: 16px;
    width: 40px;
    height: 22px;
    position: relative;
}

.custom-toggle__control::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    top: 2px;
    left: 2px;
    transition: all 0.3s ease;
}

.custom-toggle__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
}

.link-arrow {
    font-size: 16px;
    color: #89aa28;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.3s;
    font-weight: 500;
    height: min-content;
    line-height: 1;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.link-arrow.--btn {
    padding: 13px 24px;
    border-radius: 100px;
    border: 1px solid #89AA28;
}

@media (max-width: 768px) {
    .link-arrow.--btn {
        padding: 13px 20px;
        font-weight: 600;
    }
}

.link-arrow:hover {
    color: #718C21;
}

.link-arrow.--btn:hover {
    background: #89AA28;
    color: white;
    border-color: #89AA28;
}

.link-arrow svg {
    flex: none;
    width: 24px;
    height: 24px;
}

[data-tab-content]:not(._active) {
    display: none !important;
}


.flat .flat-card .flat-card__imgs .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flat .flat-card .flat-card__imgs .swiper-slide img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;

}

.flat .flat-card .flat-card__imgs .swiper-slide{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.flat .flat-card .flat-card__imgs .swiper-slide{
    height: min(271px, 77vw);
}



.list-view .flat .flat-card .flat-card__imgs .swiper-slide img {
    width: 100%;
    height: 100%;
}


/* MODAL CALLBACK MOB START*/

.callback-mob {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
}

.callback-mob__top {
    background: linear-gradient(253.09deg, #F5F5F7 0%, #F5F5F7 33.98%);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    padding: 16px;
}

.callback-mob__top-tel {
    color: #1D1D1F;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.callback-mob__top-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #8B8B8B;
    position: relative;
    z-index: 1;
}

.callback-mob__top-btn {
    margin-top: 16px;
    position: relative;
    z-index: 1;
}

.callback-mob__top-decor{
    position: absolute;
    top: 15px;
    right: 0;
    height: 138px;
    width: auto;
    object-fit: contain;
}

.callback-mob .callback{
    margin: 0;
    width: 100%;
}
.callback-mob .callback__title{
    color: #1D1D1F;
    margin-bottom: 0;
}

.callback-mob__bottom{
    background: linear-gradient(253.09deg, #F5F5F7 0%, #F5F5F7 33.98%);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    padding: 16px 20px;
}

.callback-mob__bottom-text{
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    max-width: 199px;
    position: relative;
    z-index: 1;
}

.callback-mob__bottom-decor{
    position: absolute;
    top: 5px;
    right: 0;
    height: 100%;
}

.callback-mob__socials{
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
    padding: 16px 30px 24px;
}

/*  MODAL CALLBACK MOB END */


/* End */


/* Start:/local/templates/new_template_newbor/css/modal-lead.css?178282488811357*/
.modal-layout {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "OpenSans";
  opacity: 0;
  transition: opacity 1.1s;
}
.modal-layout.show {
  opacity: 1;
}
.modal-layout .modal-lead {
  position: relative;
  width: 880px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead {
    max-width: min(100% - 32px, 400px);
  }
}
.modal-layout .modal-lead__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.modal-layout .modal-lead__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
.modal-layout .modal-lead__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__content {
    flex-direction: column;
  }
}
.modal-layout .modal-lead__content .modal-lead__content_left {
  padding: 60px 32px 60px 50px;
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__content .modal-lead__content_left {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__content .modal-lead__content_left {
    flex-direction: column-reverse;
    width: 100%;
    padding: 24px 20px;
    gap: 16px;
  }
}
.modal-layout .modal-lead__content .modal-lead__content_right {
  border-radius: 20px;
  background: rgba(108, 108, 108, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 60px 50px;
  width: calc(50% + 10px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__content .modal-lead__content_right {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__content .modal-lead__content_right {
    width: 100%;
    padding: 24px 16px;
  }
}
.modal-layout .main-hero__form_fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
}
.modal-layout .modal-lead__close {
  position: absolute;
  right: 16px;
  top: 20px;
  z-index: 3;
  width: 24px;
  height: 25px;
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__close {
    top: 24px;
    right: 20px;
  }
}
@media (hover: hover) {
  .modal-layout .modal-lead__close:hover path {
    stroke: #94B533;
  }
}
.modal-layout .modal-lead__close path {
  transition: 0.3s;
}
.modal-layout .modal-lead__close img,
.modal-layout .modal-lead__close svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}
.modal-layout .modal-lead__top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__top {
    gap: 12px;
  }
}
.modal-layout .modal-lead__title {
  color: var(--text-icon-light-primary, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__title {
    max-width: 290px;
  }
}
.modal-layout .modal-lead__text {
  color: var(--text-icon-light-primary, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__text {
    font-size: 14px;
    line-height: 130%;
  }
}
.modal-layout .modal-lead__logo {
  width: 101px;
  height: 60px;
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__logo {
    width: 54px;
    height: 32px;
  }
}
.modal-layout .modal-lead__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.modal-layout .modal-lead__result {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__result {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 600px) {
  .modal-layout .modal-lead__result {
    padding: 24px 16px;
  }
}
.modal-layout .modal-lead__result.hide {
  display: none;
}
.modal-layout .modal-lead__result .modal-lead__result_title {
  color: var(--text-icon-light-primary, #fff);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__result .modal-lead__result_title {
    font-size: 22px;
    line-height: 120%;
  }
}
.modal-layout .modal-lead__result .modal-lead__result_text {
  color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .modal-layout .modal-lead__result .modal-lead__result_text {
    font-size: 16px;
  }
}
.modal-layout .modal-lead__result .modal-lead__result_text a {
  transition: color 0.3s;
  color: white;
  text-decoration: underline;
}
@media (hover: hover) {
  .modal-layout .modal-lead__result .modal-lead__result_text a:hover {
    color: #94B533;
  }
}
.modal-layout .modal-lead__result .btn {
  margin-top: 40px;
  background: white;
  color: #89AA28;
  padding: 12px 22px;
  border-radius: 100px;
  transition: background 0.3s;
}
@media screen and (max-width: 450px) {
  .modal-layout .modal-lead__result .btn {
    margin-top: 16px;
  }
}
@media (hover: hover) {
  .modal-layout .modal-lead__result .btn:hover {
    background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
  }
}
.modal-layout .main-hero__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.modal-layout .main-hero__form.hide {
  opacity: 0;
  pointer-events: none;
}
.modal-layout .main-hero__form .btn {
  border-radius: 100px;
  background: var(--Background-Wight, #fff);
  margin-top: 40px;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #134485;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: background 0.3s;
}
@media screen and (max-width: 450px) {
  .modal-layout .main-hero__form .btn {
    margin-top: 32px;
  }
}
@media (hover: hover) {
  .modal-layout .main-hero__form .btn:hover {
    background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
  }
}
.modal-layout .main-hero__form .callback__form_inp {
  width: 100%;
  padding: 0;
}
.modal-layout .main-hero__form .callback__form_inp .callback__form_name {
  color: var(--text-icon-light-primary, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.modal-layout .main-hero__form .callback__form_inp input {
  color: white;
  border-color: white;
  height: 44px;
}
.modal-layout .main-hero__form .callback__form_inp input::placeholder {
  color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
}
.modal-layout .main-hero__form .callback__form_inp .input-wrap {
  margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .modal-layout .main-hero__form .callback__form_inp .input-wrap {
    margin-top: 0;
  }
}
.modal-layout .main-hero__form .callback__form_inp .input-wrap._err input {
  border-color: #e3473d;
}
@media screen and (max-width: 600px) {
  .modal-layout .main-hero__form .callback__form_inp .input-wrap input {
    height: 48px;
    padding: 12px 16px;
  }
}
.modal-layout .main-hero__form .btn-white {
  margin: 32px 0 40px;
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--Background-Wight, #fff);
  height: 48px;
  color: #89AA28;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 600px) {
  .modal-layout .main-hero__form .btn-white {
    max-width: unset;
    width: 100%;
    margin: 24px 0;
  }
}
.modal-layout .main-hero__form .btn-white:hover {
  background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
  border-color: transparent;
}
.modal-layout .main-hero__form .callback__form_check {
  margin-top: 16px;
  color: var(--text-icon-light-primary, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .modal-layout .main-hero__form .callback__form_check {
    margin-top: 24px;
  }
}
.modal-layout .main-hero__form .callback__form_check._err span::before {
  border-color: #e3473d;
}
.modal-layout .main-hero__form .callback__form_check a {
  text-decoration: underline;
  transition: color 0.3s;
  color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}
@media (hover: hover) {
  .modal-layout .main-hero__form .callback__form_check a:hover {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
    text-decoration: underline;
  }
}
.modal-layout .main-hero__form .iti__selected-flag {
  color: white;
  user-select: none;
}
.modal-layout .main-hero__form .iti__arrow {
  border: unset;
  width: 1px;
  height: calc(100% - 18px);
  background: white;
}
.modal-layout .main-hero__form .checkbox span {
  padding-left: 24px;
}
.modal-layout .main-hero__form .checkbox span::before {
  background: unset;
  border: 1px solid var(--Background-Wight, #fff);
  top: 0;
  transform: unset;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.modal-layout .main-hero__form .checkbox input:checked ~ span::before {
  background-color: #89AA28;
  border-color: #89AA28;
  background-size: 15px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%2389AA28'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.modal-layout .main-hero__form .grey-text {
  color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal-layout .main-hero__form .grey-text a {
  text-decoration: underline;
  transition: color 0.3s;
  color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}
@media (hover: hover) {
  .modal-layout .main-hero__form .grey-text a:hover {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
  }
}
/* End */


/* Start:/local/templates/new_template_newbor/css/custom.css?178282488855656*/
.constructor__right_slider .swiper-slide img {
    border-radius: 20px;
}

.quarter-content img,
.features-2 img {
    width: 100%;
}

.excursia-form {
    margin-top: 25px;
    max-width: fit-content;
}

.excursion.content-bg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.request {
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.credit-calculator__step_row.flex-start.flex-start__hiden {
    display: none;
}

.infrastructure__block a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    height: auto;
    width: 100%;
    overflow: hidden;
    max-width: unset;
    border-radius: 20px;
    background: #f5f5f7;
}

.infrastructure__block .btn-green {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #89AA28;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
    max-width: max-content;
}

.infrastructure__block .btn-green:hover {
    background: rgb(113, 140, 33);
}

/*.apartment__info_row a:hover {*/
/*    text-decoration: underline black;*/
/*}*/


.request-btn {
    max-width: 350px;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px;
    background: #89AA28;
    border-radius: 100px;
    width: 100%;
    transition: 0.3s;
}

.input-wrap._err textarea {
    border-color: #E3473D;
}

@media (max-width: 1701px) {
    .request-btn {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .request-btn {
        padding: 12px 20px;
    }
}

@media screen and (max-width: 1280px) {
    .request-btn {
        font-size: 16px;
        margin-top: 0;
        grid-area: 1/2/span 1/span 1;
        max-width: max-content;
        padding: 12px 24px;
    }
}

@media screen and (max-width: 768px) {
    .request-btn {
        font-size: 14px;
        padding: 12px 16px;
    }
}

@media screen and (max-width: 450px) {
    .request-btn {
        width: 100%;
        max-width: unset;
        justify-content: center;
        font-size: min(18px, 5vw);
    }
}

.request-btn:hover {
    background: #718C21;
}

.request-btn:active {
    background: #94B533;
}

.itemscope {
    display: none;
}

.request-btn svg,
.request-btn img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    fill: white;
}


.small-text-block-news .main-page__title {
    /*max-width: 923px;*/
    /*padding-bottom: 72px;*/
}

.small-text-block-news p {
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #222222;
    margin-bottom: 32px;
}

.last-news__item {
    width: 100%;
    display: flex;
    margin-bottom: 48px;
}

.last-news h3 {
    margin-top: 16px;
    font-weight: bold;
    font-size: 32px;
    line-height: 130%;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 37px;
    margin-bottom: 50px;
}

.last-news__img {
    width: 211px;
    height: 211px;
    overflow: hidden;
    flex-shrink: 0;
}

.main-news__item .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 24px 32px;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.08);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-news__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.last-news__text {
    padding-left: 32px;
}

.last-news__text h6 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 130%;
    color: #222222;
    font-weight: bold;
}

.btn-b-t {
    color: #222222;
    font-size: 18px;
    line-height: 130%;
    border: 1px solid #222222;
    padding: 13px 40px 20px;
    background-color: transparent;
    transition: .3s;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

.btn-b-t:hover {
    background-color: #222222;
    color: #fff;
}

.container-news {
    /*max-width: 1304px;*/
    margin: 0 auto;
    width: 100%;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    font-size: 16px;
}

.kvart-slider .swiper-wrapper {
    height: auto;
}

section.floor.floor-block {
    /*padding-top: 50px;*/
}

.social-objects .swiper-pagination-fraction.swiper-pagination::before {
    margin-top: 2px;
}

.flats-block__form > div {
    width: 100%;
}

.flats-block__form .input-country {
    background: white;
}

.input-country input::-webkit-input-placeholder {
    color: black !important;
}

.input-country input:-ms-input-placeholder {
    color: black !important;
}

.input-country input::-ms-input-placeholder {
    color: black !important;
}

.input-country input::placeholder {
    color: black !important;
}

.input-block.input-block-100 {
    margin-top: 80px;
}

.flats-block__form-input input[type="text"],
.flats-block__form .input-block .jq-selectbox__select-text {
    color: black;
}

.flats-block__form .input-block .jq-selectbox .jq-selectbox__trigger-arrow {
    background-image: url(/local/templates/new_template_newbor/css/../img/svg/ar-sm-b.svg);
}

#panel {
    z-index: 10000;
    position: absolute;
}

.large-text-block img {
    height: auto;
}

.small-text-block {
    padding-bottom: 0px;
}

.small-text-block table {
    margin-bottom: 30px;
}

.small-text-block table td {
    padding: 10px;
}

.resp_form-wrap {
    width: 100%;
    text-align: center;
    display: flex;
}

.resp_form-wrap .flats-block__form-zag {
    align-items: center;
    width: 100%;
    position: inherit;
}

.main-screen__slider-block.text_page img {
    display: block;
}


.last-news__img img {
    width: auto;
}

.svg-img .svg-wrapper svg:not(.icon) a.disabled.hover {
    fill: #ffffff70!important;
}

.svg-img .svg-wrapper svg:not(.icon) a.disabled:hover path {
    fill: #ffffff70;
}
.svg-img .svg-wrapper svg:not(.icon):not(.house-label-svg) a.disabled.hover path {
    fill: #ffffff70!important;
}

.quarter-info__name,
.quarter-info__sale {
    position: relative;
    z-index: 1;
}

.bx-breadcrumb-item a span::after {
    display: none;
}

article.mt .floor-block {
    padding-top: 200px;
}

.features {
    background-color: #89aa27;
}

#purch_block_list_wrap {
    width: 100%;
}

.main-screen__slider-block img {
    filter: none !important;
}

.buy-way-table__col:nth-child(1) {
    align-items: center;
}

.slick-slide {
    height: auto;
}

.card-top__center .image-popup {
    align-items: center;
}


.main-screen__cube-block:nth-child(4) {
    background-color: #53565a;
    opacity: 0.75;
}

.bx-breadcrumb-item .fa-angle-right:before {
    content: "-";
}

article.mt .svg-wrapper__inner.parking {
    max-width: 80%;
}

.conditions-block .link-more {
    margin: 0 0 0 70%;
}

.credits__caption .link-more {
    margin: 20px 0 20px 70%;
}

.conditions .conditions-block .link-more .icon {
    width: 8px;
    height: 12px;
    margin-left: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    fill: #222222;
}

.conditions .conditions-block .link-more:hover .icon {
    margin-left: 13px;
    fill: #89aa28;
}

.genplan-bg {
    animation: bg-hide 2s 1 ease-in-out;
}

#comp_9b96db60c5e5bff1706cedb9d7a35b7c .popup-left .img .icon {
    display: none;
}

.popup-left {
    min-height: unset;
}


.svg-img-istruct {
    right: 100px;
    left: auto;
}

.svg-img-filter {
    left: auto;
    right: 350px;
}

.card-top__left-block .link-gr-t {
    margin-right: 8px;
    padding: 7px 14px 9px;
    pointer-events: auto;
}

.input-block textarea {
    border: 1px solid #cccccc;
    height: 151px;
    width: 100%;
    padding: 10px 10px;
}

.online-consult.popup-left {
    padding: 40px 30px;
}

.jq-selectbox__select-text {
    height: auto;
}

article.mt .floor .svg-nav-img img:last-child {
    width: 100%;
    max-width: 150px;
}

article.mt .floor .svg-nav-img {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

article.mt .floor .svg-nav-img img:last-child {
    max-width: 250px;
}


.istruct--bluel .circle {
    background-color: #99d6ea;
}

.istruct--greenl .circle {
    background-color: #74bb20;
}

.istruct--grey .circle {
    background-color: #55555b;
}

.istruct .icon-bank,
.istruct .icon-dummy,
.istruct .icon-services {
    /* width: 22px;
      height: 22px; */
    fill: #fff;
}

.istruct .icon-bank,
.istruct .icon-dummy {
    width: 40px;
    height: 40px;
    fill: #fff;
}

.infr-genplan__list {
    top: 40px;
    bottom: auto;
}

.infr-genplan__list button {
    background-color: #fff;
}

button .svg-wrap {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-infr--shop .svg-wrap {
    background: #ff6b00;
}

.btn-infr--relax .svg-wrap {
    background: #fad560;
}

.btn-infr--entertainment .svg-wrap {
    background: #005b7e;
}

.infr-genplan__list .btn-infr--health .svg-wrap {
    background: #00ad68;
}

.btn-infr--health .svg-wrap {
    background: #00ad68;
}

.btn-infr--child .svg-wrap {
    background-color: #5d4b7a;
}

.btn-infr--horse .svg-wrap {
    background-color: #5d4b7a;
}

.btn-infr--services .svg-wrap {
    background-color: #74bb20;
}

.infr-genplan__list button span {
    color: black;
}

.infr-genplan__list button span {
    color: black;
}

.infr-map__list button .icon {
    margin-right: 0;
    fill: white;
}

.table__col:first-child .img-wrap {
    min-width: 100px;
}

.table__col:first-child .img-wrap img {
    max-width: 100%;
}

.table__col:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hide {
    display: none;
}

.calc-row.rate-data.red {
    color: #f50000;
    font-weight: bold;
}

.mfp-response-form .popup-container {
    min-height: auto;
}

.page-zag span {
    font-size: 16px;
    line-height: 150%;
    color: #888888;
}

.view-history {
    overflow: hidden;
}

.view-history .slick-list {
    overflow: visible;
}

.card-fixed {
    display: none;
}

.input-block .recaptcha {
    width: auto !important;
}

.g-recaptcha,
.g-recaptcha > div {
    margin: 0 auto;
}

.content-page-slider {
    margin: 0 auto;
    max-width: 850px;
    position: relative;
    padding-top: 30px;
}

.content-page-slider .slick-arrow {
    top: 0;
    transition: 0.5s;
}

.content-page-slider .slick-arrow.slick-disabled {
    opacity: 0.5;
}

.content-page-slider .slick-arrow.slick-next {
    right: 0;
}

.content-page-slider .slick-arrow.slick-next {
    right: 0;
}

.content-page-slider .slick-arrow.slick-prev {
    right: 30px;
    left: auto;
}

.online-consult-form .g-recaptcha,
.g-recaptcha > div {
    margin: 5px auto 15px;
}

.online-consult-form .inline-form__submit {
    text-align: center;
}


.large-text-block iframe {
    width: 100%;
}

.card__status span {
    color: #ffff;
}

.card-top .twentytwenty .image-popup {
    height: 64px !important;
    transform: translate(-50%, -50%);
}

article.mt .floor-block .card-top {
    height: auto;
}

.card-top__center {
    max-height: inherit;
}

label.svg-img-istruct.witout-button {
    padding: 0;
    text-align: center;
}

label.svg-img-istruct.witout-button a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.twentytwenty-container img {
    width: 100%;
}

.card__status a {
    color: #89aa28;
}

.card-top__center .btn-green {
    display: block;
}

.svg-img-block__zag .svg-img-block__zag--h1-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3125;
    color: #000;
}

article.mt .floor .svg-wrapper__inner .flat-detail__row span.h6-title-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #222222;
}

.svg-img .svg-wrapper svg:not(.icon) a:not(.disabled) {
    opacity: 1;
}

.text-page-h2-title-info,
.text-page-h3-title-info {
    font-weight: bold;
}

.main-page-h1-hidden-title {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

.container .small-text-block iframe {
    width: 100%;
}

.outline {
    margin-bottom: 40px;
}

.calculator__range .calc-block .ui-single-cur {
    border: 1px solid #89aa28;
}

.bx-breadcrumb {
    width: 100%;
}

#price-block-wrap {
    width: 100%;
}

.card-top .card-top__info .card-top__left-block {
    align-content: space-between;
}

.card-top .card-top__info .card-top__left-block .desc {
    float: left;
}

.card-top__finishing .finishing-desc.no-img {
    width: 100%;
}

.snow-wrp {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 9999999;
}

.snowfall-flakes {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50%;
}

.card-top .card-bottom__info .type-info:hover {
    color: #fff;
    background-color: #89aa28;
}

.preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #f7f7f6;
    left: 0;
    top: 0;
    z-index: 99;
    /* background-color: #fff; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/* line 14, dev/sass/modules/preloader.scss */
.preloader._off {
    opacity: 0;
    z-index: -20;
}

/* line 19, dev/sass/modules/preloader.scss */
.sk-double-bounce {
    width: 30px;
    height: 30px;
    position: relative;
    margin: auto;
}

.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #89aa28;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-double-bounce 2s infinite ease-in-out;
    animation: sk-double-bounce 2s infinite ease-in-out;
}

.sk-double-bounce .sk-double-bounce-2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-double-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-double-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.new_y {
    height: 75px !important;
}

.main-screen__slider-block.light::before {
    background-color: rgba(0, 0, 0, 0.1);
}

.snowfall-flakes {
    width: 5px !important;
    height: 5px !important;
}

.logo_hid {
    display: none;
}

.header.fixed--header .logo_hid {
    display: block;
}

.header.fixed--header .main_hid {
    display: none;
}

.card-top__left .card-top__finishing .finishing-desc .finishing-name {
    margin-bottom: 10px;
}

.finishing-val a {
    color: #89aa28;
}

.finishing-val a:hover {
    color: #97c01f;
}

.iframe__wrap {
    position: relative;
    width: 100%;
    padding-top: 56%;
    margin-bottom: 15px;
}

.iframe__wrap iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.catalog-filter__option li.active {
    border-color: #89aa28;
    background-color: #89aa28;
    color: #fff;
}

.check--circle .jq-checkbox.checked {
    border-color: #89aa28;
    background-color: #89aa28;
}

.catalog-filter .check--circle.checked > span {
    color: #fff;
}

.additional-category-links-wrapper {
}

.additional-category-links_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
}

.additional-category-links_item {
    position: relative;
    overflow: hidden;
    height: 340px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.additional-category-links_item__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}

.additional-category-links_item__bg::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.2);
}

.additional-category-links_item:hover
.additional-category-links_item__bg::before {
    background-color: rgba(0, 0, 0, 0.4);
}

.additional-category-links_item:hover .additional-category-links_item__bg {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.additional-category-links_item__title {
    position: absolute;
    padding: 20px;
    color: #fff;
    font-size: 24px;
    line-height: 130%;
    font-weight: bold;
    z-index: 2;
}

.main-screen__cube-block:nth-child(4) {
    opacity: 1;
}

.main-user-consent-request-announce {
    cursor: pointer;
    color: #333;
    font-size: 13px;
    line-height: 15px;
}

.error .jq-checkbox,
.error-online .jq-checkbox {
    border-color: #fc7b7b !important;
}

.actions-detail .small-text-block.center {
    padding: 30px 0 0 0;
}

.actions-detail .catalog-content__container.inner-catalog_page {
    padding: 50px 0;
}

.container .small-text-block.center {
    padding: 50px 0px 0px 0px;
}

.main-news__item img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.main-news__item:hover img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.02);
}

form .main-user-consent-request-announce a {
    color: #89aa28;
    font-size: 14px;
}

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

.block1 ul li {
    list-style-type: disc;
    font-size: 16px;
    line-height: 150%;
}

.block_item {
    padding: 20px;
}


/*новый квиз*/
/* line 3, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp {
    position: relative;
    overflow: hidden;
}

/* line 6, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab {
    position: absolute;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* line 10, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

/* line 14, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-wrp {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 50px 50px 0px 50px;
    background-position: center;
}

/* line 22, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-wrp.--bg {
    position: relative;
}

/* line 24, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-wrp.--bg::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 0;
}

/* line 35, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-wrp .quiz-form {
    max-width: 500px;
}

/* line 38, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-wrp .link-green {
    height: auto;
}

/* line 43, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-quest {
    margin-bottom: 40px;
}

/* line 46, dev/sass/pages/quiz-new.scss */
.quiz.--new
.quiz__container
.quiz__wrp
.quiz-tab__left-quest.-four
.quiz-list__radio-item {
    width: 25%;
}


/* line 54, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-footer {
    padding: 35px 50px;
}

/* line 60, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-head {
    position: relative;
    z-index: 1;
}

/* line 63, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-head .zag {
    color: white;
    text-align: center;
}

/* line 69, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-tab.active {
    position: static;
    opacity: 1;
}

/* line 75, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio {
    padding-right: 0;
}

/* line 77, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item {
    width: calc(100% / 3);
    border: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* line 86, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item .jq-radio {
    display: none;
}

/* line 89, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item .val {
    color: white;
    margin-bottom: auto;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
}

/* line 98, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item .img.--sm {
    max-width: 120px;
}

/* line 102, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item.active .val {
    color: #89aa28;
}

/* line 107, dev/sass/pages/quiz-new.scss */
.quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item:hover .val {
    color: #89aa28;
}

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 15px;
    z-index: 9999999999;
    transition: 0.5s;
    box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 75%);
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.9) 0%,
            rgba(255, 255, 255, 0.81) 100%
    );
}

.cookie._hidden {
    transform: translateY(100%);
}

.cookie-info {
    font-size: 12px;
    color: #000;
    margin-left: 20px;
    max-width: 900px;
}

.cookie-info a {
    color: inherit;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    transition: 0.3s;
}

.cookie-info a:hover {
    color: #cfcfcf;
    border-color: #cfcfcf;
}

.cookie-btn {
    padding: 2px 10px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    transition: 0.3s;
    border-radius: 5px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

.cookie-btn:hover {
    color: #000;
    background-color: #fff;
}

.header-bottom {
    border-top: 1px solid #e0e0e0;
}


.header__trigger {
    align-items: center;
}

.header__nav_link.green {
    text-align: center;
}

.header__nav_item.center {
    display: flex;
    align-items: center;
    position: relative;
}

.genplan_h1-title {
    color: #333;
    line-height: 100%;
    margin-bottom: 15px;
    /*margin-left: 10px;*/
}

h1.request-content {
    margin-bottom: 0;
}

.input-country .jq-selectbox__trigger-arrow {
    top: 50%;
    transform: translateY(-50%);
}

.input-country .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    transform: translateY(-50%) rotateX(180deg) !important;
}

.parking .conditions-block .link-more {
    margin: 0 0 0 0;
}

.header-white {
    background-color: #fff;
}

.text-block-wrap {
    padding: 10px;
}

.flats .flats__wrap .flat-card__prices-block_changeable{
    align-items: start;
}

.header-button {
    text-align: center;
}

.page-text .house-params {
    margin-bottom: 0;
}

section .conditions {
    margin-top: 0;
}

.like-h1_black {
    font-size: 48px;
    line-height: 110%;
    color: #000000;
    margin-bottom: 40px;
    font-weight: 600;
}

.page-zag_like-h1 {
    margin-bottom: 0px;
    color: #4f4f4f;
    font-size: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    line-height: 130%;
}

.page-text.tm {
    padding: 0px 20px;
}

.page-text.tm .link-more {
    margin: 0px 0px;
}

.main-screen__cube-block.black .main-screen__cube-zag,
.main-screen__cube-block.black .main-screen__cube-img span {
    color: #222222;
}

.main-screen__cube-block.black .main-screen__cube-img > svg {
    fill: #222222;
}

.main-screen__cube-block.white .main-screen__cube-zag,
.main-screen__cube-block.white .main-screen__cube-img span {
    color: #ffffff;
}

.main-screen__cube-block.white .main-screen__cube-img > svg {
    fill: #ffffff;
}

.genplan .svg-label-for-mob {
    display: none;
}

.small-text-block table {
    display: block;
    max-width: 100%;
    overflow: auto;
}

article.mt .floor .svg-img {
    text-align: center;
}

article.mt .floor .svg-nav-img {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    max-width: unset;
}

article.mt .floor .svg-nav-img img {
    width: 100%;
    max-width: unset !important;
}

.quarter-info__text {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 16px;
    z-index: 999;
    position: relative;
}

.main-screen__cube-block.white .main-screen__cube-zag,
.main-screen__cube-block.white
.main-screen__cube-img
span.main-screen__cube-zag {
    color: #ffffff !important;
}


.social-block .social-block__items {
    display: flex;
    justify-content: center;
}

.social-block .social-block__items .social-block__item {
    padding: 5px;
}

.social-block .social-block__title {
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
}

form .main-user-consent-request-announce a.grey {
    color: grey;
}

.svg-img:not(.genplan) .svg-img-filter {
    right: 20px;
}

.flats-block__form .main-user-consent-request-announce a.link {
    color: #fff;
    text-decoration: underline;
}

.flats-block__form .main-user-consent-request-announce a.link:hover {
    text-decoration: none;
}

.flats-block__form .main-user-consent-request-announce {
    color: #fff;
}

.grecaptcha-badge {
    display: none;
}

label.catalog-filter__item {
    color: #1D1D1F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px;
    display: block;
}

.social-objects .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.svg-img .svg-wrapper .svg-wrapper__inner_svg .floor-block.free path {
    fill: rgba(137, 170, 40, 0.15);
    stroke: #89AA28;
    stroke-width: 2px;
}

.svg-img .svg-wrapper .svg-wrapper__inner_svg .floor-block.saled path {
    fill: rgba(209, 60, 60, 0.15);
    stroke: #D13C3C;
    stroke-width: 2px;
}

.svg-img .svg-wrapper .svg-wrapper__inner_svg .floor-block.free:hover path {
    fill: rgba(137, 170, 40, 0.4);
    stroke: #89AA28;
    stroke-width: 2px;
}

.svg-img .svg-wrapper .svg-wrapper__inner_svg .floor-block.saled:hover path {
    fill: rgba(209, 60, 60, 0.4);
    stroke: #D13C3C;
    stroke-width: 2px;
}

.catalog-filter__item.w100 {
    width: fit-content;
}

.info-slider .info-slider__link {
    left: unset;
}

.smart.catalog-filter__item_title {
    color: #1d1d1f;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: 140%;
    margin-bottom: 12px;
    display: block;
}

.agreement {
    margin-top: 24px;
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.infrastructure__wrapper.swiper-wrapper {
    padding-bottom: 0px;
}



.main-page__object_price::before {
    background: unset;
}

.footer__address a {
    width: max-content;
}

.header__nav_link.green:hover {
    color: white;
    background: #718C21;
}

.detail-info-descr__free_info {
    flex-direction: column;
}

.master-plan__wrap .btn-white {
    background: rgba(255, 255, 255);
}

.social-objects__bg {
    width: 100%
}

.footer__logo {
    fill: #D5D3D1;
}

article.mt .floor .svg-nav-img.compass-no-resize {
    width: unset;
}

.agreement-text {
    padding-top: 6px;
}

.footer_another_logo a img {
    width: 135px
}

.parking__el_arr {
    pointer-events: all;
}

.callback-form {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.callback-form.show-modal .modal-inner {
    opacity: 1;
}


.callback-form .modal-inner {
    padding: 40px;
    border-radius: 20px;
    background-color: #f5f5f7;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: clip;
    opacity: 0;
    transition: 0.5s;
    width: 400px;
    max-width: 100vw;
}

.callback-form .modal__close:not(.btn-green) {
    top: 17px;
    right: 17px;
    /*width: 30px;*/
    /*height: 30px;*/
}

.callback-form .modal__close:not(.btn-green)::after {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: -1;
}

.callback-form .modal__close:not(.btn-green) svg {
    fill: #343c4b;
}

.callback-form .callback__form_name {
    line-height: 130%;
}

.callback-form .callback {
    width: 100%;
    margin: 0;
    padding: 0;
}

.div_form .callback-form .modal__callback-prev.modal__close:not(.btn-green){
    display: none;
}

.body:not(.show-back) .div_form .callback-form .modal__callback-prev.modal__close:not(.btn-green){
    display: none !important;
}

@media (max-width: 600px) {
    .div_form .callback-form .modal__callback-prev.modal__close:not(.btn-green){
        display: flex;
        align-items: center;
        right: auto;
        left: 16px;
        width: auto;
        height: auto;
        color: #89AA28;
        font-weight: 500;
        font-size: 18px;
        line-height: 140%;
    }

    .div_form .callback-form .modal__callback-prev.modal__close:not(.btn-green) svg{
        fill: none;
        stroke:#89AA28;
    }


    .div_form .callback-form .modal-inner{
        background-color: #fff;
    }

    .div_form .callback-form .callback{
        margin-top: 20px;
    }

    .div_form .callback-form .callback__main{
        padding: 20px 16px;
        background-color: #F5F5F7;
        border-radius: 16px;

    }

    .div_form  .callback-form .callback__title{
        margin-bottom: 16px;
    }
}



.callback-form .callback__title {
    color: #89AA28;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

.callback-form .callback__form_inp {
    width: 100%;
}

.callback-form .callback__form {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}


.callback-form .callback__form .btn-green {
    margin-top: 10px;
}

.callback-form .callback .callback__form_inp {
    order: 1;
}

.callback-form .callback .callback__form_check {
    order: 2;
    margin-top: 7px;

}

.callback-form .callback .grey-text {
    order: 3;
    margin-top: -19px;
    font-size: 12px;
}


.svg-img .svg-wrapper svg:not(.icon):not(.house-label-svg) path {
    fill: rgba(186, 215, 103, 0.4);
}

.svg-img .svg-wrapper .pink path {
    fill: rgba(199, 108, 148, 0.4) !important;
}

.svg-img .svg-wrapper .blue path {
    fill: rgb(57, 143, 201) !important;
}

.svg-img .svg-wrapper .green path {
    fill: rgba(186, 215, 103, 0.4) !important;
}

.svg-img .svg-wrapper .pink path :hover {
    outline: 0;
}

.svg-img .svg-wrapper .green path :hover {
    outline: 0
}

article.mt .floor.parking {
    padding-top: 5%;
    /*overflow-x: auto;*/
}

article.mt .floor.parking.sm .svg-wrapper__inner {
    padding: 0 80px;
}

.formats-wrap.finishing .formats:nth-child(odd) .format-block:nth-child(5) {
    width: calc((100% - 60px) / 3);
}

.input-wrap._err input {
    border-color: #E3473D!important;
}
.checkbox._err span::before{
    border-color: #E3473D!important;
}

@media (max-width: 1200px) {
    article.mt .floor.parking.sm .svg-wrapper__inner {
        padding: 0;
    }
}

@media (max-width: 1024px) {
    article.mt .floor.parking {
        max-width: 100%;
        overflow-x: auto;
    }
}

.top20, .top20 > .swiper-container {
    padding-top: 20px;
}

article.mt .floor .svg-nav-block a.active .icon {
    width: 20px;
}

.btn-small {
    max-width: fit-content;
}

.apartment__info_top-content .more_content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.apartment__info_top-content .more_content .flat_status_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-radius: 20px;
    border: 1px solid #FFF;
    height: 32px;
    margin-top: 3px;
}

.apartment__info_top-content .more_content .flat_status {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    padding-top: 1px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
}

.apartment__info__img_status {
    padding-left: 12px;
}

.project-facing.no-margin {
    margin-top: 0px;
}

.project-facing__wrap.reverse {
    padding-right: calc(50% + min(50px, 2.6vw));
    padding-left: unset;
}

.project-facing__wrap.reverse .project-facing__img {
    left: unset;
    right: 0;
}

.apartment__info_top-content .more_content .flat_status_wrapper img {
    max-width: unset;
}

.header__drop_link.green {
    padding: 10px 14px;
    border-radius: 8px;
    background: #89AA28;
    color: white;
    max-width: max-content;
}

.header__drop_link.green:hover {
    color: white;
    background: #718C21;
}


.info-slider + .container-main {
    margin-top: 80px;
}

.catalog-filter__container > .catalog-filter__item.filter-btns {
    margin-top: 0px;
}

.swiper-cont ~ .btn-white {
    margin-top: 32px;
}

/*.main-page__news_slider {*/
/*    padding-top: unset;*/
/*}*/

ul.footer__col_submenu {
    gap: unset;
    margin-top: 0px;
}

.moz .multiselect__options {
    scrollbar-width: none;
}

.callback__title {
    margin-bottom: 24px;
}

.genplan-container {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 0px;
    width: 100%;
    padding-left: 205px;
    padding-right: 205px;
    margin-top: 35px;
    margin-bottom: 40px;
}

.svg-img-filter {
    left: auto;
    right: 350px;
    border-radius: 1000px;
    font-size: 18px;
    width: fit-content;
    z-index: 1;
}

.house-intro.art .art-text6 {
    top: 81.5%;
}

.kvartal-intro {
    margin-top: 40px;
}

/*.apartment__imgs {*/
/*    padding: min(15px, 1.7vw);*/
/*}*/

.btn-colored.flat:hover {
    background: #89AA28;
    color: white;
    border-color: white;
    border: 1px solid;
}

.btn-colored.flat {
    border: 1px solid;
}

.infrastructure__wrapper.swiper-wrapper.parking {
    padding-bottom: 0px;
}

.credits {
    padding-bottom: 0px;
}

.news-detail-date {
    color: gray;
    font-size: small;
}

.catalog-pagination {
    margin: 0px 0;
}

.bot16 {
    margin-bottom: 16px;
}

.bot40 {
    margin-bottom: 16px;
}

.last-news {
    margin-top: 80px;
    margin-bottom: 20px;
}

.personal-data {
    text-align: justify;
    margin-top: 40px;
}

.article-list {
    padding-top: 15px;
    padding-bottom: 15px;
}

.article-list > ul {
    font-size: 19px;
}

.article-list > ul > li {
    list-style: none;
    font-size: 14pt;
}

.article-list > ul > li::before {
    content: "– ";
    padding-right: 5px;
    color: #89aa28;
    font-size: 30px;
}

.article-list.dot > ul > li {
    list-style: unset;
}

.article-list.dot > ul > li::before {
    content: unset;
    padding-right: 5px;
}

.article-text-title {
    font-size: 36pt;
    font-weight: bold;
    padding-bottom: 30px;
}

.article-text {
    font-size: 14pt;
}

.personal-data .small-text-block {
    max-width: unset;
}

.cookies-start .marketing-popup .popup-text-info__text {
    color: black;
}

.credits__block {
    flex-direction: column;
}

.formats {
    margin-top: 40px;
}

.flats__wrap.catalog-content #search-show-more {
    margin-top: 0px;
}

.container-main.report {
    margin-top: 40px;
}

.social-objects .swiper-pagination-current, .social-objects .swiper-pagination-total {
    margin-top: 2px;
}

.breadcrumbs .breadcrumbs__item.show {
    pointer-events: unset;
    cursor: unset;
}

.house-intro.dark .breadcrumbs__item.show .breadcrumbs__link {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}

.house-intro .breadcrumbs__item.show .breadcrumbs__link {
    color: #707070
}

.swiper-similar .swiper-slide:first-child .tooltip-block,.swiper-similar .swiper-slide-prev + .swiper-slide .tooltip-block{
    max-width: 258px;
}

@media screen and (max-width: 600px) {
    .swiper-similar .tooltip{
        position: static;
    }

    .swiper-similar .swiper-slide:first-child .tooltip-block,.swiper-similar .swiper-slide-prev + .swiper-slide .tooltip-block, .swiper-similar .tooltip-block{
        max-width: min(90vw, 300px);
        transform: translateX(-15px);
        left: 0;
        right: -20px;
        top: 100%;
    }
}

.swiper-similar__slide_name {
    justify-content: flex-start;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
}

.swiper-similar .swiper-slide{
    display: flex;
}

.move-control{
    display: flex;
    transition: all 0.3s ease;
}

.fade-block {
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 1;
    /*overflow: hidden;*/
    flex-shrink: 0;
}

.fade-block:after{
    display: none;
}

.fade-block.hidden {
    opacity: 0;
    padding: 0;
    margin: 0;
    transform: scale(0.8);
}

/*.compare__table_cell, .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell{*/
/*    padding: 20px 24px 20px 20px;*/
/*}*/

.callback-header .modal__close {
    width: 40px;
    height: 40px;
}

@media screen and (min-width: 1064px) and (max-width: 1920px) {
    article.mt .floor .svg-nav-block--floor {
        top: 2vh;
        transform: none;
    }

    article.mt .floor .svg-nav-block {
        top: 200px;
        transform: none;
    }

    .social-block__element.format-block.big {
        width: calc(66.6667% - 10px);
    }
}

@media screen and (min-width: 990px) and (max-width: 1920px) {
    article.mt .floor-block {
        height: auto;
    }

    article.mt .floor-block .card-top {
        height: calc(100vh - 320px);
    }

    article.mt .floor-block .svg-wrapper {
        height: calc(100vh - 325px) !important;
    }

    article.mt .floor-block .no-resize .svg-wrapper {
        height: auto !important;
        width: 90% !important;
    }

    article.mt .floor-block .no-resize .svg-wrapper .svg-wrapper__inner {
        width: 100%;
        height: auto;
    }

    article.mt .floor-block .no-resize .svg-wrapper .svg-wrapper__inner img {
        width: 100%;
        height: auto;
    }

    article.mt .floor-block .ml-no-resize .svg-wrapper {
        height: auto !important;
        width: 90% !important;
        max-width: 50vw;
    }

    article.mt .floor-block .ml-no-resize .svg-wrapper .svg-wrapper__inner {
        width: 100%;
        height: auto;
        max-width: 50vw;
    }

    article.mt .floor-block .ml-no-resize .svg-wrapper .svg-wrapper__inner img {
        width: 100%;
        height: auto;
        max-width: 50vw;
    }

    article.mt .floor-block .card-top .card-top__center {
        height: 100%;
    }

    article.mt .floor-block .card-top .card-top__center .image-popup {
        max-height: 100%;
        height: 100%;
    }

    article.mt .floor-block hr {
        display: none;
    }

    article.mt .floor-block .svg-img .svg-wrapper {
        margin: 0 auto;
        height: 100%;
        width: auto;
        min-height: unset;
    }

    article.mt .floor-block .svg-img .svg-wrapper__inner {
        max-width: unset;
        width: auto;
        height: 100%;
    }

    article.mt .floor-block .svg-img .svg-wrapper__inner img {
        max-width: unset;
        width: auto;
        height: 100%;
    }

    .card-top__bottom.text {
        padding-top: 50px;
    }

    article.mt .floor-block .card-top {
        min-height: 350px;
    }

    article.mt .floor-block .card-top.with-calc-submit {
        min-height: 450px;
    }
}

@media screen and (max-width: 1740px) and (min-width: 1441px) {
    .apartment__info_top-content .more_content {
        flex-direction: column;
    }

    .apartment__info_top-content .more_content .flat_status_wrapper {
        width: fit-content;
    }
}

@media screen and (max-width: 1680px) {
    .cookie {
        padding-right: 350px;
    }

    article.mt .floor .svg-nav-img {
        width: 450px;
        position: relative;
        margin: 25px auto;
    }

    .apartment.container-main:not(.mt16) {
        /*padding-left: 40px;*/
        /*padding-right: 40px;*/
    }
}

@media screen and (max-width: 1600px) {
    .svg-img-istruct {
        right: 50px;
        left: auto;
    }

    .svg-img-filter {
        left: auto;
        right: 250px;
    }

    .genplan .svg-img-istruct,
    .genplan .svg-img-filter {
        bottom: 5px;
    }
}

@media (max-width: 1440px) {
    .master-plan__wrap img {
        object-position: 20%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
    .main-screen__cube-block {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 1304px) {
    .calculator__form {
        padding: 65px 15px 15px;
    }
}

@media screen and (max-width: 1280px) {
    .container-main:not(.mt16) {
        padding-top: 56px;
        margin-top: unset;
    }
}

@media screen and (max-width: 1200px) {
    .floor-block .svg-img {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        overflow: hidden;
    }

    article.mt .floor .svg-wrapper {
        width: 100%;
        padding-bottom: 25px;
    }

    article.mt .floor .svg-nav-block,
    article.mt .floor .svg-nav-block--floor {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        transform: none;
    }

    article.mt .floor .svg-nav-img {
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width: 1180px) {
    .cookie {
        justify-content: left;
        padding-right: 100px;
        top: 0;
        bottom: auto;
    }
}

@media screen and (max-width: 1064px) {
    article.mt .svg-wrapper {
        max-width: 100%;
    }

    body article.mt .floor .svg-wrapper {
        max-width: 100%;
    }

    .svg-wrapper__inner.parking img {
        max-width: unset;
    }

    article.mt .floor .svg-nav-block--floor {
        left: 50%;
        right: unset;
    }

    .popup-container {
        min-height: 400px;
    }

    article.mt .floor .svg-wrapper {
        min-height: 0;
        max-width: 80%;
        padding-bottom: 100px;
    }

    article.mt .floor-block {
        /*padding-top: 0px;*/
        /*overflow-x: auto;*/
    }

    article.mt .floor-block .svg-img{
        width: 100%;
    }

    article.mt .floor .svg-nav-img {
        margin: 0;
        max-width: 20%;
        border-bottom: 0;
    }

    .svg-image__origin {
        width: 1064px !important;
    }

    .svg-img-block__zag .svg-img-block__zag--h1-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
    .apartment__info_top-content .more_content {
        flex-direction: column;
    }

    .apartment__info_top-content .more_content .flat_status_wrapper {
        width: fit-content;
    }
}

@media screen and (min-width: 990px) and (max-width: 1064px) {
    article.mt .floor-block .svg-wrapper {
        height: calc(100vh - 215px) !important;
    }

    article.mt .floor-block .svg-img .svg-wrapper__inner {
        margin-left: 0;
    }

    article.mt .floor-block .no-resize .svg-wrapper {
        height: auto !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 1024px) {
    .top30 {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .svg-img-istruct {
        left: 210px;
        right: auto;
    }

    .svg-img-filter {
        right: auto;
        left: 10px;
    }

    .genplan .svg-img-istruct,
    .genplan .svg-img-filter {
        bottom: 25px;
    }

    .block1 {
        flex-wrap: wrap;
    }

    .header__bottom {
        display: none !important;
    }
}

@media screen and (max-width: 990px) {
    .infr-genplan__list {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 300px;
    }

    .header__bottom {
        display: none;
    }

    button .svg-wrap {
        width: 30px;
        height: 30px;
    }

    .new_y {
        width: 50px;
        height: 37px !important;
    }

    .header {
        flex-wrap: wrap;
    }

    .cookie-info {
        margin-left: 10px;
    }

    .header-drop .header-bottom__menu li a {
        font-size: 18px;
    }
}

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

    .info-slider .swiper-pagination {
        bottom: -52px!important;
    }

    .info-slider .info-slider__link {
        display: block;
    }

    .cookie-info {
        line-height: 1.4;
    }
}
@media screen and (max-width: 768px) {
article.mt .floor-block {
    padding-top: 0px;
}
}
@media screen and (max-width: 660px) {
    .additional-category-links_item {
        height: 295px;
    }

    .infr-house .infrastructure__block_img {
        height: 260px;
    }

    .additional-category-links_content {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
}

@media screen and (max-width: 600px) {
    .full-block-slider .swiper-slide.anniversary {
        width: 100%;
    }

    .high-slider__swiper .swiper-slide.anniversary {
        width: 97%;
    }

    .high-slider__swiper .w100 {
        width: 100%;
    }

    .infrastructure-new.infr-house {
        padding-bottom: 40px;
    }

    .popup-left {
        min-height: 350px;
    }

    .genplan .svg-img-istruct,
    .genplan .svg-img-filter {
        bottom: 10px;
    }

    .genplan .svg-img-hint .hint[data-hint="2"] {
        left: 50vw;
    }

    article.mt .floor .svg-nav-img {
        position: static;
        margin: 0 auto 110px;
        max-width: 100%;
        padding-bottom: 0;
    }

    article.mt .floor .svg-wrapper {
        max-width: 100%;
        /* padding-bottom: 0; */
    }

    .infr-genplan__list {
        top: 10px;
        left: 10px;
    }

    .infr-genplan__list button span {
        display: none;
    }

    .infr-map__list {
        flex-direction: unset;
        flex-wrap: wrap;
        width: 100%;
        max-width: 224px;
        left: 50%;
        transform: translateX(-50%);
        top: 20px;
    }

    .svg-img button {
        min-width: 56px;
        min-height: 56px;
    }

    .svg-img-block__zag .svg-img-block__zag--h1-title {
        font-size: 28px;
    }

    /* line 14, dev/sass/pages/quiz-new.scss */
    .quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-wrp {
        padding: 20px 20px 0px 20px;
    }

    /* line 46, dev/sass/pages/quiz-new.scss */
    .quiz.--new
    .quiz__container
    .quiz__wrp
    .quiz-tab__left-quest.-four
    .quiz-list__radio-item {
        width: 100%;
    }

    /* line 54, dev/sass/pages/quiz-new.scss */
    .quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-footer {
        padding: 30px 20px;
    }

    /* line 77, dev/sass/pages/quiz-new.scss */
    .quiz.--new .quiz__container .quiz__wrp .quiz-list__radio-item {
        width: 100%;
    }

    .quiz.--new .quiz__container .quiz__wrp .quiz-tab__left-footer {
        padding: 30px 20px;
    }

    .quiz__container .quiz__wrp .quiz-tab__left-quest .quiz-list__radio-item {
        padding: 15px 0px 15px 0px;
    }

    .header-drop.is-active {
        top: 25px;
    }

    .cookie {
        flex-wrap: wrap;
    }

    .cookie-info {
        margin: 0 0 10px 0;
    }

    .floor-block .svg-img {
        display: flex;
        overflow: hidden;
        justify-content: flex-start;
    }

    article.mt .floor .svg-wrapper {
        width: 100%;
        margin-bottom: 50px;
        padding-bottom: 0;
    }

    article.mt .floor .svg-nav-block {
        margin-left: 25px;
    }

    article.mt .floor .svg-nav-img {
        width: 100%;
        margin: 60px 0 auto;
        padding-top: 0;
    }

    .callback-form {
        align-items: flex-end;
    }

    .callback-form.show-modal .modal-inner {
        transform: translateY(0%);
    }

    .callback-form .modal-inner {
        margin-top: auto;
        transform: translateY(100%);
        border-radius: 20px 20px 0 0;
        width: 100%;
        padding: 24px 16px;
    }

    .callback-form .modal__close:not(.btn-green) {
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
    }

    .callback-form .callback__title {
        font-size: 22px;
        color: #1D1D1F;
    }

    .callback-form .callback__form {
        gap: 24px;
    }

    .callback-form .callback__form .btn-green {
        margin-top: 14px;
    }

    .callback-form .callback .callback__form_check {
        order: 1;
        margin-top: 0;
    }

    .art .genplan-main-svg , .art .house-label-svg{
        width: 1400px !important;
    }

    .callback-form .callback .grey-text {
        order: 1;
        margin-top: -8px;
    }

    .social-slider {
        margin-bottom: 24px;
    }

    .infrastructure-new .infrastructure__wrapper.swiper-wrapper {
        margin-bottom: 16px;
    }

    .infrastructure__block_mob {
        margin-top: 10px;
    }


    .info-slider + .container-main {
        margin-top: 56px;
    }

    .mt-100 {
        margin-top: 100px;
    }

    .callback__title {
        margin-bottom: 0px;
    }

    .genplan-container {
        padding-left: unset;
        margin-top: unset;
    }

    .svg-img-filter {
        z-index: 2;
    }

    .bottom-more__link.current {
        color: #88a92a;
    }
}

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

    .excursia-number.district-info .house-page__parameter_title {
        padding-left: 36px;
    }

    .infrastructure-new.flat .infrastructure__wrapper.swiper-wrapper {
        margin-bottom: 50px;
    }

    .infrastructure-new.infr-house {
        padding-bottom: 48px;
    }

    .header__nav_sub-item {
        color: #1D1D1F;
    }

    .swiper-cont.house {
        padding-bottom: 52px;
    }

    .cookies-start .form {
        margin-bottom: 70px;
    }

    .container-main.report {
        padding-top: 24px;
    }

    .infrastructure__block.about-house {
        width: 85vw;
    }

    .swiper-cont {
        padding-bottom: 0px;
    }

    .main-page .house-intro.art .house-intro__img_hint {
        margin-top: 0px;
    }

    .genplan-container {
        padding-left: 16px;
    }

    .infrastructure__block_mob {
        margin-top: 22px;
    }

    .container-main.main-about-container {
        padding-top: 80px;
    }

    .infrastructure-new .swiper-container.bot15 {
        padding-bottom: 15px;
    }

    .last-news h3 {
        padding-bottom: 0px;
    }

    .last-news {
        margin-top: 56px;
    }

    .calculator-p.container-main {
        padding-top: 16px;
    }

    .intro-video.container-main {
        padding-top: 24px;
    }

    .live-infrastructure .infrastructure__block_title {
        margin-bottom: -12px;
    }

    .container-main.life-in-newbor {
        padding-top: 24px;
        margin-top: 24px;
    }

    .fullWidth {
        width: 100%
    }

    .infrastructure-new .infrastructure__wrapper.swiper-wrapper {
        margin-bottom: 0px;
    }

    .infrastructure-new.main .infrastructure__wrapper.swiper-wrapper {
        margin-bottom: 36px;
    }

    .parking__show-all.btn-white {
        margin-top: 0px;
    }

    .apartment__info_top-content {
        gap: 10px;
    }

    .apartment.container-main:not(.mt16) {
        padding-top: 16px;
    }

    .grid-list .grid-list__item {
        width: 100%;
    }

    .last-news .main-news__item.last-news__img {
        display: block;
    }

    .conditions-block .link-more {
        margin: 0 0 0 0;
    }

    .credits__caption .link-more {
        margin: 10px 0;
    }

    .header__nav_sub-item {
        padding-top: 7px;
        padding-left: 10px;
    }

    .concept__card {
        max-width: unset;
    }

    article.mt .floor.parking > .svg-img {
        width: unset;
        height: unset;
    }

    .filter-btns {
        z-index: 4;
    }

    /*.svg-img img {
        height: unset;
        width: auto;
    }*/

    .callback .grey-text {
        margin-top: 6px;
    }

    .main-page__news__arrow {
        display: block;
    }

    .agreement {
        margin-top: 8px;
    }

    .container-main.parking.parking-slider:not(.mt16) {
        padding-top: 0px;
    }

    .container-main.parking:not(.mt16) {
        padding-top: 24px;
    }

    article.mt .floor .svg-nav-img.compass-no-resize {
        width: 112px;
    }

}

.banner__info_top{
    flex-direction: column-reverse;
}

.banner__tags {
    display: flex;
    gap: 8px 16px;
}

.to-top {

    display: none;
}

@media screen and (max-width: 768px) {
    .banner__tags {
        position: absolute;
        top: calc(100% + 48px);
        right: 24px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .to-top {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0px 0px 15px 0px #0000001A;
        display: none;
        align-items: center;
        justify-content: center;
        position: fixed;
        z-index: 100;
        right: 27px;
        bottom: 177px;
        opacity: 0;
        transform: translateX(50%);
        transition: all 0.3s ease;
        user-select: none;
        visibility: hidden;
    }

    .to-top.active {
        visibility: visible;
        user-select: auto;
        opacity: 1;
        transform: translateX(0);
    }
    .to-top svg {
        width: 20px;
        height: 20px;
        fill: transparent;
        stroke: #707070;
    }

    .to-top {
        display: flex;
    }

}

.banner__tag {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    display: block;
    padding: 8px 16px;
    color: #89aa28;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}




/* End */


/* Start:/local/templates/new_template_newbor/redizain_css/genplan.css?178282488832366*/
/* line 2, dev/sass/modules/svg-map/genplan.scss */
.genplan-bg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: bg-hide 2.5s 1 ease-in-out;
  animation: bg-hide 2.5s 1 ease-in-out;
  opacity: 0;
  z-index: -1;
}

@media screen and (max-width: 1064px) {
  /* line 2, dev/sass/modules/svg-map/genplan.scss */
  .genplan-bg {
    display: none !important;
    -webkit-animation: none;
    animation: none;
  }
}
@media screen and (max-width: 1064px) {
  /* line 14, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-wrapper {
    overflow-y: hidden;
  }
}
@media screen and (max-width: 1064px) {
  /* line 19, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-wrapper__inner {
    /*width: 1600px !important;*/
    position: inherit;
  }
}
@media screen and (max-width: 600px) {
  /* line 19, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-wrapper__inner {
    /*width: 1400px !important;*/
  }
}
@media screen and (max-width: 1064px) {
  /* line 28, dev/sass/modules/svg-map/genplan.scss */
  .genplan-img {
    width: 1600px !important;
  }
}
@media screen and (max-width: 600px) {
  /* line 28, dev/sass/modules/svg-map/genplan.scss */
  .genplan-img {
    width: 1400px !important;
  }
}
@media screen and (max-width: 1064px) {
  /* line 37, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-info-block,
.genplan .svg-infra-link {
    position: absolute;
    top: 0;
  }
}
@media screen and (max-width: 1064px) {
  /* line 43, dev/sass/modules/svg-map/genplan.scss */
  .genplan .genplan-main-svg,
.genplan .house-label-svg {
    width: 1600px !important;
  }
}
@media screen and (max-width: 600px) {
  /* line 43, dev/sass/modules/svg-map/genplan.scss */
  .genplan .genplan-main-svg,
.genplan .house-label-svg {
    width: 1400px !important;
  }
}
@media screen and (max-width: 450px) {
  /* line 28, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-wrapper__inner {
    width: 100dvw;
  }
}
@media screen and (max-width: 600px) {
  /* line 51, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-filter {
    position: absolute;
    margin: 0;
    left: 1.5%;
    bottom: 1%;
    padding: 10px;
    width: 48%;
  }
}
@media screen and (max-width: 1064px) {
  /* line 62, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-istruct {
    bottom: 24px;
  }
}
@media screen and (max-width: 600px) {
  /* line 62, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-istruct {
    bottom: 1%;
    right: 1.5%;
    left: auto;
    padding: 10px 5px;
    width: 48%;
  }
}
/* line 74, dev/sass/modules/svg-map/genplan.scss */
.genplan .svg-img-hint {
  display: none;
}

@media screen and (max-width: 1064px) {
  /* line 74, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 80, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint svg {
    width: 26px;
    height: 20px;
  }
}
/* line 87, dev/sass/modules/svg-map/genplan.scss */
.genplan .svg-img-hint .hint span {
  font-weight: bold;
}

@media screen and (max-width: 1064px) {
  /* line 87, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint span {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  /* line 87, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint span {
    font-size: 13px;
    line-height: 120%;
    max-width: 70%;
  }
}
@media screen and (max-width: 1064px) {
  /* line 98, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint[data-hint="1"] {
    top: auto;
    bottom: 100px;
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  /* line 98, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint[data-hint="1"] {
    bottom: 80px;
  }
}
/* line 109, dev/sass/modules/svg-map/genplan.scss */
.genplan .svg-img-hint .hint[data-hint="2"] {
  left: 35%;
}

@media screen and (max-width: 1064px) {
  /* line 109, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint[data-hint="2"] {
    top: auto;
    bottom: 100px;
    left: 230px;
  }
}
@media screen and (max-width: 600px) {
  /* line 109, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint[data-hint="2"] {
    bottom: 80px;
    left: 160px;
  }
}
/* line 121, dev/sass/modules/svg-map/genplan.scss */
.genplan .svg-img-hint .hint[data-hint="3"] {
  left: 7%;
}

@media screen and (max-width: 1064px) {
  /* line 121, dev/sass/modules/svg-map/genplan.scss */
  .genplan .svg-img-hint .hint[data-hint="3"] {
    top: 28%;
    left: 30px;
  }
}
/* line 129, dev/sass/modules/svg-map/genplan.scss */
.genplan .svg-label-for-mob {
  display: none;
  position: absolute;
  font-size: 12px;
  line-height: 130%;
  color: #FFFFFF;
  padding: 6px 12px 10px;
  background-color: rgba(0, 0, 0, 0.82);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}

@media screen and (max-width: 1064px) {
  /* line 129, dev/sass/modules/svg-map/genplan.scss */
}
/* line 143, dev/sass/modules/svg-map/genplan.scss */
.genplan .svg-label-for-mob::before {
  content: "";
  position: absolute;
  left: calc(50% - 8.5px);
  bottom: -7px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 10px 0 10px;
  border-color: rgba(0, 0, 0, 0.82) transparent transparent transparent;
}

/* line 189, dev/sass/modules/svg-map/genplan.scss */
.quarter-info {
  position: absolute;
  z-index: 1;
  width: 181px;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  top: 0;
  padding: 8px 8px 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 12.98%, rgba(34, 34, 34, 0.25) 88.46%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  backdrop-filter: blur(4px);
}

/* line 199, dev/sass/modules/svg-map/genplan.scss */
.quarter-info.show,
.quarter-info.hover-show {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
}

/* line 205, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__img {
  width: 100%;
  height: 88px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.quarter-info__img:after {
  display: none;
}

/* line 223, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__img .close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/local/templates/new_template_newbor/redizain_css/../img/svg/cross.svg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 24px;
  background-size: 24px;
  display: none;
}

@media screen and (max-width: 1064px) {
  /* line 223, dev/sass/modules/svg-map/genplan.scss */
  .quarter-info__img .close {
    display: block;
  }
}
/* line 240, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__name {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  margin: 0;
}

/* line 248, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__sale {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: #89AA28;
  width: max-content;
}

.quarter-info__sale._sold {
  background-color: #e62727;
}

.quarter-info__price {
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}

/* line 255, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__state {
  color: #fff;
  font-size: 11px;
  opacity: 0.8;
  line-height: 1.45455;
}

/* line 263, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__flats {
  margin: 16px 24px 20px;
  padding-bottom: 26px;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 600px) {
  /* line 263, dev/sass/modules/svg-map/genplan.scss */
  .quarter-info__flats {
    margin: 10px;
    padding-bottom: 10px;
  }
}
/* line 272, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__flats ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  /* line 272, dev/sass/modules/svg-map/genplan.scss */
  .quarter-info__flats ul li {
    font-size: 12px;
    line-height: 1.6;
  }
}
/* line 285, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__format {
  margin: 20px 24px 26px;
}

@media screen and (max-width: 600px) {
  /* line 285, dev/sass/modules/svg-map/genplan.scss */
  .quarter-info__format {
    margin: 10px;
  }
}
/* line 291, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__format ul li {
  display: inline;
  font-size: 12px;
  line-height: 1.66667;
}

/* line 298, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__format ul li:not(:last-child)::after {
  content: ",";
}

/* line 304, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__format ul li span:nth-child(2) {
  color: #888;
}

/* line 312, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 26px 24px;
  padding: 12px 18px 16px;
  font-size: 12px;
  color: #89aa28;
  border: 1px solid #89aa28;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.33333;
}

@media screen and (max-width: 600px) {
  /* line 312, dev/sass/modules/svg-map/genplan.scss */
  .quarter-info__action {
    margin: 10px;
  }
}
/* line 325, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__action .icon {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  fill: #89aa28;
}

/* line 332, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__action span {
  width: calc(100% - 25px);
}

/* line 337, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
}

/* line 342, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple a {
  width: 100%;
}

/* line 344, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple a img {
  margin: 0 auto;
}

/* line 348, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple img {
  width: auto !important;
  margin-bottom: 10px;
}

/* line 352, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple .zag {
  font-size: 12px;
  line-height: 130%;
  color: #222222;
  font-weight: bold;
  margin-bottom: 10px;
  padding-right: 35px;
}

/* line 359, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple .zag .small {
  font-size: 12px;
  line-height: 150%;
  color: #888888;
  margin-top: 5px;
  font-weight: 100;
}

/* line 367, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple p {
  font-size: 12px;
  line-height: 150%;
  margin: 10px 0;
}

@media screen and (max-width: 600px) {
  /* line 367, dev/sass/modules/svg-map/genplan.scss */
  .quarter-info__simple p {
    margin: 5px 0 10px;
  }
}
/* line 375, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple .btn-b-t {
  padding: 7px 10px 12px;
  width: 100%;
  border: 1px solid #CCCCCC;
  font-size: 14px;
  line-height: 150%;
}

/* line 381, dev/sass/modules/svg-map/genplan.scss */
.quarter-info__simple .btn-b-t:hover {
  border-color: #222222;
}

/* line 388, dev/sass/modules/svg-map/genplan.scss */
.genplan-main-svg.hide {
  display: none;
}

/* line 391, dev/sass/modules/svg-map/genplan.scss */
.genplan-main-svg a.hover {
  opacity: 1 !important;
}

/* line 397, dev/sass/modules/svg-map/genplan.scss */
:root {
  --istructPadding: 10px;
}

/* line 400, dev/sass/modules/svg-map/genplan.scss */
.istruct {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: var(--istructPadding);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 800;
}

/* line 407, dev/sass/modules/svg-map/genplan.scss */
.istruct:hover {
  z-index: 999;
}

/* line 409, dev/sass/modules/svg-map/genplan.scss */
.istruct:hover .istruct-text {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1064px) {
  /* line 409, dev/sass/modules/svg-map/genplan.scss */
  .istruct:hover .istruct-text {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1064px) {
  /* line 407, dev/sass/modules/svg-map/genplan.scss */
  .istruct:hover {
    z-index: inherit;
  }
}
/* line 421, dev/sass/modules/svg-map/genplan.scss */
.istruct.open {
  z-index: 999 !important;
}

/* line 423, dev/sass/modules/svg-map/genplan.scss */
.istruct.open .istruct-text {
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 429, dev/sass/modules/svg-map/genplan.scss */
.istruct .close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/local/templates/new_template_newbor/redizain_css/../img/svg/cross.svg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 24px 24px;
  background-size: 24px;
  display: none;
}

@media screen and (max-width: 1064px) {
  /* line 429, dev/sass/modules/svg-map/genplan.scss */
  .istruct .close {
    display: block;
  }
}
/* line 444, dev/sass/modules/svg-map/genplan.scss */
.istruct .circle {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}

/* line 453, dev/sass/modules/svg-map/genplan.scss */
.istruct-text {
  width: 150px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
  background-color: #fff;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 463, dev/sass/modules/svg-map/genplan.scss */
.istruct-text.right {
  left: 100%;
}

/* line 466, dev/sass/modules/svg-map/genplan.scss */
.istruct-text.left {
  right: 100%;
}

@media screen and (max-width: 1064px) {
  /* line 453, dev/sass/modules/svg-map/genplan.scss */
  .istruct-text {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* line 474, dev/sass/modules/svg-map/genplan.scss */
.istruct.show {
  opacity: 1;
  visibility: visible;
}

/* line 479, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-cart {
  width: 19px;
  height: 16px;
  fill: #fff;
}

/* line 485, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-lunch {
  width: 24px;
  height: 14px;
  fill: #222;
}

/* line 491, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-coffee {
  width: 16px;
  height: 19px;
  fill: #222;
}

/* line 497, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-toy {
  width: 24px;
  height: 21px;
  fill: #fff;
}

/* line 503, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-health {
  width: 22px;
  height: 22px;
  fill: #fff;
}

/* line 509, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-gym {
  width: 24px;
  height: 12px;
  fill: #fff;
}

/* line 515, dev/sass/modules/svg-map/genplan.scss */
.istruct .icon-education {
  width: 22px;
  height: 15px;
  fill: #fff;
}

/* line 522, dev/sass/modules/svg-map/genplan.scss */
.istruct--green .circle {
  background-color: #00ad68;
}

/* line 529, dev/sass/modules/svg-map/genplan.scss */
.istruct--yellow .circle {
  background-color: #fad560;
}

/* line 536, dev/sass/modules/svg-map/genplan.scss */
.istruct--purple .circle {
  background-color: #5d4b7a;
}

/* line 543, dev/sass/modules/svg-map/genplan.scss */
.istruct--orange .circle {
  background-color: #ff6b00;
}

/* line 550, dev/sass/modules/svg-map/genplan.scss */
.istruct--aqua .circle {
  background-color: #005b7e;
}

/* line 556, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="1"] {
  top: calc(63% - var(--istructPadding));
  left: calc(3% - var(--istructPadding));
}

/* line 561, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="2"] {
  top: calc(49% - var(--istructPadding));
  left: calc(4.5% - var(--istructPadding));
}

/* line 566, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="3"] {
  top: calc(59% - var(--istructPadding));
  left: calc(9% - var(--istructPadding));
}

/* line 571, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="4"] {
  top: calc(76% - var(--istructPadding));
  left: calc(5% - var(--istructPadding));
}

/* line 576, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="5"] {
  top: calc(70% - var(--istructPadding));
  left: calc(12% - var(--istructPadding));
}

/* line 581, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="6"] {
  top: calc(42.5% - var(--istructPadding));
  left: calc(13.5% - var(--istructPadding));
}

/* line 586, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="7"] {
  top: calc(50% - var(--istructPadding));
  left: calc(17.5px - var(--istructPadding));
}

/* line 591, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="8"] {
  top: calc(53% - var(--istructPadding));
  left: calc(20% - var(--istructPadding));
}

/* line 596, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="9"] {
  top: calc(30% - var(--istructPadding));
  left: calc(40% - var(--istructPadding));
}

/* line 601, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="10"] {
  top: calc(72% - var(--istructPadding));
  left: calc(51.5% - var(--istructPadding));
}

/* line 606, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="11"] {
  top: calc(53.5% - var(--istructPadding));
  left: calc(60% - var(--istructPadding));
}

/* line 611, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="12"] {
  top: calc(36% - var(--istructPadding));
  left: calc(75.5% - var(--istructPadding));
}

/* line 616, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="13"] {
  top: calc(50% - var(--istructPadding));
  left: calc(89% - var(--istructPadding));
}

/* line 621, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="14"] {
  top: calc(55.5% - var(--istructPadding));
  left: calc(74.5% - var(--istructPadding));
}

/* line 626, dev/sass/modules/svg-map/genplan.scss */
.istruct[data-istruct="15"] {
  top: calc(24% - var(--istructPadding));
  left: calc(81.5% - var(--istructPadding));
}

/* line 1, dev/sass/modules/svg-map/house-img.scss */
.svg-img {
  position: relative;
}

@media screen and (max-width: 600px) {
  /* line 1, dev/sass/modules/svg-map/house-img.scss */
  .svg-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 9, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper {
  position: relative;
}

@media screen and (max-width: 1064px) {
  /* line 9, dev/sass/modules/svg-map/house-img.scss */
  .svg-img .svg-wrapper {
    overflow-x: auto;
  }
}
/* line 16, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper__inner {
  position: relative;
}

@media screen and (max-width: 1064px) {
  /* line 16, dev/sass/modules/svg-map/house-img.scss */
  .svg-img .svg-wrapper__inner {
    /*width: 1140px;*/
  }
}
/* line 24, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 1064px) {
  /* line 24, dev/sass/modules/svg-map/house-img.scss */
  .svg-img .svg-wrapper img {
    max-width: inherit;
    width: 100%;
  }
}
/* line 34, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper svg:not(.icon) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1064px) {
  /* line 34, dev/sass/modules/svg-map/house-img.scss */
  .svg-img .svg-wrapper svg:not(.icon) {
    width: 100%;
  }
}
/* line 47, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper svg:not(.icon) a {
  opacity: 0;
}

/* line 50, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper svg:not(.icon) a:hover {
  opacity: 1;
}

/* line 56, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper svg:not(.icon) a.disabled:hover path {
  fill: rgba(255, 255, 255, 0.4392156863);
}

/* line 62, dev/sass/modules/svg-map/house-img.scss */
.svg-img .svg-wrapper svg:not(.icon) a.active {
  opacity: 1;
}

/* line 67, dev/sass/modules/svg-map/house-img.scss */
/*.svg-img .svg-wrapper svg:not(.icon) path {*/
/*  fill: rgba(186, 215, 103, 0.4);*/
/*}*/
/* line 73, dev/sass/modules/svg-map/house-img.scss */
.svg-img-block {
  z-index: 1;
  position: absolute;
  /*top: 40px;
    left: 40px;*/
  top: 70px;
  left: max((100% - 1510px) / 2, 20px);
  background-color: transparent;
  padding: 16px 24px;
  border-radius: 20px;
  overflow: hidden;
}

.svg-img-block .breadcrumbs,
.svg-img-block__zag {
  position: relative;
  z-index: 2;
}

.svg-img-block .bx-breadcrumb {
  margin: 0;
  padding: 0;
}

.svg-img-block .bx-breadcrumb .bx-breadcrumb-item span {
  font-family: "OpenSans";
  color: #666;
}

.svg-img-block::before {
  content: "";
  position: absolute;
  left: -25px;
  top: -25px;
  width: calc(100% + 50px);
  height: calc(100% + 50px);
  border-radius: 20px;
  background: white;
  opacity: 0.5;
  filter: blur(6px);
}

.svg-img-block .svg-img-block__zag .svg-img-block__zag--h1-title {
  color: #424242;
  font-family: "OpenSans";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

/* line 81, dev/sass/modules/svg-map/house-img.scss */
.svg-img-block > :not(:last-child) {
  margin-bottom: 8px;
}

@media screen and (max-width: 1064px) {
  /* line 73, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-block {
    top: 24px;
    left: 24px;
  }
}
@media screen and (max-width: 768px) {
  /* line 73, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-block {
    position: static;
    padding: 40px 40px 36px;
  }
}
@media screen and (max-width: 600px) {
  /* line 73, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-block {
    padding: 32px 20px;
  }
}
/* line 99, dev/sass/modules/svg-map/house-img.scss */
.svg-img-block__zag {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3125;
}

@media screen and (max-width: 1064px) {
  /* line 99, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-block__zag {
    font-size: 24px;
  }
}
/* line 110, dev/sass/modules/svg-map/house-img.scss */
.svg-img-block__state {
  font-size: 14px;
  line-height: 1.5;
}

/* line 117, dev/sass/modules/svg-map/house-img.scss */
.svg-img-filter {
  width: 168px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 18px;
  position: absolute;
  left: 40px;
  bottom: 40px;
  border: none;
  background-color: #89aa28;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 999;
  line-height: 1.33333;
}

@media screen and (max-width: 1064px) {
  /* line 117, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-filter {
    left: 24px;
    bottom: 24px;
  }
}
@media screen and (max-width: 600px) {
  /* line 117, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-filter {
    position: static;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin: 20px;
  }
}
/* line 149, dev/sass/modules/svg-map/house-img.scss */
.svg-img-filter:hover {
  background-color: #97c01f;
}

/* line 153, dev/sass/modules/svg-map/house-img.scss */
.svg-img-filter .icon {
  width: 32px;
  height: 32px;
  fill: #fff;
  margin-right: 10px;
}

/* line 161, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct {
  position: absolute;
  left: 216px;
  bottom: 40px;
  background-color: #fff;
  width: 177px;
  height: 53px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 17px 18px 20px;
  font-size: 12px;
  cursor: pointer;
  z-index: 999;
  line-height: 1.33333;
}

/* line 178, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct:hover .jq-checkbox {
  background-color: #d9d9d9;
}

/* line 181, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct:hover .jq-checkbox.checked {
  background-color: #97c01f;
}

/* line 187, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct .jq-checkbox {
  width: 30px;
  height: 16px;
  border: none;
  background: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-right: 9px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 197, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct .jq-checkbox__div {
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 206, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct .jq-checkbox.checked {
  background-color: #89aa28;
}

/* line 209, dev/sass/modules/svg-map/house-img.scss */
.svg-img-istruct .jq-checkbox.checked .jq-checkbox__div {
  width: 10px;
  height: 10px;
  border: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-left: 17px;
}

/* line 220, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: absolute;
  right: 40px;
  bottom: 40px;
}

@media screen and (max-width: 1064px) {
  /* line 220, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-checkbox {
    bottom: 24px;
    right: 24px;
  }
}
@media screen and (max-width: 600px) {
  /* line 220, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-checkbox {
    position: static;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 20px 20px;
    width: 100%;
    border: 1px solid #f0f0f0;
  }
}
@media screen and (max-width: 600px) {
  /* line 240, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-checkbox label {
    width: 20%;
  }
}
/* line 246, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox label:hover span {
  color: #89aa28;
}

/* line 251, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox label span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 600px) {
  /* line 251, dev/sass/modules/svg-map/house-img.scss */
  .svg-img-checkbox label span {
    width: 100%;
  }
}
/* line 267, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox label:not(:last-child) span {
  border-right: 1px solid #f0f0f0;
}

/* line 272, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox label.disabled {
  pointer-events: none;
}

/* line 275, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox label.disabled span {
  background-color: #f0f0f0;
  color: #ccc;
}

/* line 281, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox label.active span {
  background-color: #97c01f;
  color: #fff;
  border-right-color: #89aa28;
}

/* line 289, dev/sass/modules/svg-map/house-img.scss */
.svg-img-checkbox input[type=checkbox] {
  display: none;
  pointer-events: none;
}

/* line 295, dev/sass/modules/svg-map/house-img.scss */
.svg-img .paddy {
  width: 72px;
  z-index: 1;
  position: absolute;
  background-color: #222;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px 6px;
  pointer-events: none;
  line-height: 1.27273;
}

/* line 307, dev/sass/modules/svg-map/house-img.scss */
.svg-img .paddy[data-num="1"] {
  top: 34%;
  left: 27%;
}

/* line 312, dev/sass/modules/svg-map/house-img.scss */
.svg-img .paddy[data-num="2"] {
  top: 17%;
  left: 55%;
}

/* line 318, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 330, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint.show {
  visibility: visible;
  opacity: 1;
}

/* line 335, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  color: #fff;
}

/* line 341, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint svg {
  width: 43px;
  height: 37px;
  fill: #fff;
  margin-right: 13px;
}

/* line 348, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint span {
  font-size: 24px;
  line-height: 1.29167;
}

/* line 354, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint[data-hint="1"] {
  left: 5%;
  top: 70%;
}

/* line 359, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint[data-hint="2"] {
  left: 25%;
  top: 70%;
}

/* line 364, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint[data-hint="3"] {
  left: 37%;
  top: 25%;
}

/* line 368, dev/sass/modules/svg-map/house-img.scss */
.svg-img-hint .hint[data-hint="3"] svg {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: 0;
  margin-left: 13px;
}

/* line 378, dev/sass/modules/svg-map/house-img.scss */
.svg-img.data-kv1 .dataKv1 {
  opacity: 1 !important;
}

/* line 383, dev/sass/modules/svg-map/house-img.scss */
.svg-img.data-kv2 .dataKv2 {
  opacity: 1 !important;
}

/* line 388, dev/sass/modules/svg-map/house-img.scss */
.svg-img.data-kv3 .dataKv3 {
  opacity: 1 !important;
}

/* line 393, dev/sass/modules/svg-map/house-img.scss */
.svg-img.data-kv4 .dataKv4 {
  opacity: 1 !important;
}

.genplan-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
  display: flex;
}
.genplan-overlay._hide {
  opacity: 0;
  transition: opacity 0.5s;
}
@media (min-width: 1024px) {
  .genplan-overlay {
    display: none;
  }
}
.genplan-overlay__inner {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 248px;
}
.genplan-overlay__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}
.genplan-overlay__anim {
  width: 48px;
  height: 48px;
  position: relative;
  margin-bottom: 16px;
}
.genplan-overlay__anim .hand-drag {
  position: absolute;
  left: 7px;
  top: 0;
  z-index: 1;
  height: 100%;
  width: auto;
  display: block;
  animation: moveHand 2s linear infinite;
}
.genplan-overlay__anim .hand-arrow {
  position: absolute;
  top: 4px;
  right: 6px;
  z-index: 0;
  width: 23px;
  height: auto;
}
@keyframes moveHand {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
/* End */


/* Start:/local/templates/new_template_newbor/redizain_css/new-house.css?178282488828543*/
a {
    text-decoration: none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
}

html{

}

html:has(.house-info.show), body:has(.house-info.show) {
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}


.banner-house {
    margin-top: 92px;
    --x: 60px;
    --y: 80px;
}

@media (max-width: 1280px) {
    .banner-house {
        margin-top: 50px;
    }
}

@media (max-width: 1024px) {
    .banner-house {
        padding: 0 !important;
        --x: 16px;
        --y: 16px;
    }

    .banner-house.init {
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        z-index: 0;
        padding-top: 0;
        overflow: hidden;
        will-change: transform;
        transition: all 0.2s;
    }

    .banner-house.hide{
        opacity: 0;
    }

}

@media (max-width: 600px) {
    .banner-house {
        margin-top: 0px;
    }
}

.banner-house .breadcrumbs-outer {
    margin-bottom: 16px;
}

@media (max-width: 1024px) {
    .banner-house .breadcrumbs-outer {
        padding-left: var(--x);
        padding-right: var(--x);
    }
}

.banner-house__inner {
    height: 700px;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .banner-house__inner {
        height: auto;
        border-radius: 0;
    }

    .banner-house__inner .banner-house__info {
        display: none;
    }
}

.banner-house__slider {
    position: relative;
    z-index: 0;
    height: 100%;
}

@media (max-width: 1024px) {
    .banner-house__slider {
        height: 60vw;
        border-radius: 24px 24px 0 0;
    }
}

@media (max-width: 600px) {
    .banner-house__slider {
        height: 100vw;
        min-height: 400px;
    }
}

.banner-house__slider::before {
    content: "";
    z-index: 2;
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 55.37%, rgba(0, 0, 0, 0.36) 87.02%);
}

.banner-house__slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-house__label {
    position: absolute;
    top: var(--x);
    left: var(--y);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 11px 20px;
    background-color: #FFFFFF;
    border-radius: 100px;
    font-weight: 500;
    font-size: 18px;
}

.banner-house__label a {
    font-size: 16px;
    color: #89AA28;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s;
}

.banner-house__label a:hover {
    color: #718C21;
}

@media (max-width: 1024px) {
    .banner-house-anchor-desc {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .banner-house-anchor-mob {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .banner-house__label {
        padding: 10px 16px;
        font-size: 16px;
    }

    .banner-house__label a {
        font-size: 14px;
    }

    .banner-house__label a svg {
        width: 20px;
        height: 20px;
    }
}

.banner-house__info {
    position: absolute;
    z-index: 2;
    bottom: var(--y);
    left: var(--x);
    color: #fff;
    max-width: 100%;
    right: calc(var(--x) + 180px);
}

@media (max-width: 1024px) {
    .banner-house__info {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        padding: var(--y);
        background-color: #fff;
        border-radius: 24px 24px 0 0;
        margin-top: -10px;
    }
}

.banner-house__info-title {
    color: #fff;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .banner-house__info-title {
        color: #1D1D1F;
        margin-bottom: 16px;
    }
}

.banner-house__info-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 1024px) {
    .banner-house__info-group {
        flex-wrap: wrap;
        gap: 4px;
    }
}

.banner-house__info-label {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(4px);
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 16px;
    border-radius: 100px;
    line-height: 1;
}

.banner-house__info-label span {
    font-weight: 700;
}

@media (max-width: 1280px) {
    .banner-house__info-label {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .banner-house__info-label {
        color: #1D1D1F;
        background: #E9E9E9;
        font-size: 12px;
        padding: 7px 12px;
    }
}

.banner-house__slider-nav {
    position: absolute;
    z-index: 2;
    bottom: var(--y);
    right: var(--x);
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 1024px) {
    .banner-house__slider-nav {
        right: 50%;
        transform: translateX(50%);
        bottom: 32px;
        background-color: #E9E9E9;
        padding: 5px 10px;
        border-radius: 100px;
    }
}

.banner-house__slider-nav .swiper-pagination {
    position: static;
    font-size: 14px;
    width: max-content;
    color: rgba(255, 255, 255, 0.5019607843);
}

@media (min-width: 1024px) {
    .banner-house__slider-nav .swiper-pagination {
        margin-right: 8px;
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(40px);
        padding: 5px 12px;
        border-radius: 100px;
    }
}

@media (max-width: 1024px) {
    .banner-house__slider-nav .swiper-pagination {
        color: #C3C3C3;
    }
}

.banner-house__slider-nav .swiper-pagination span {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
}

@media (max-width: 1024px) {
    .banner-house__slider-nav .swiper-pagination span {
        color: #1D1D1F;
    }
}

@media (max-width: 1024px) {
    .banner-house__slider-nav .swiper-prev,
    .banner-house__slider-nav .swiper-next {
        background-color: transparent;
        width: auto;
        height: auto;
    }

    .banner-house__slider-nav .swiper-prev svg,
    .banner-house__slider-nav .swiper-next svg {
        fill: #1D1D1F;
    }
}

@media (max-width: 1024px) {
    .banner-house__slider-nav .swiper-prev {
        order: -1;
    }
}

.about-block__inner {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    min-height: 500px;
}

@media (max-width: 1560px) {
    .about-block__inner {
        gap: 40px;
    }
}

@media (max-width: 1220px) {
    .about-block__inner {
        gap: 32px;
    }
}

@media (max-width: 900px) {
    .about-block__inner {
        flex-direction: column;
    }
}

.about-block__inner.hide .about-block__text {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about-block__inner.hide .option-more span::before {
    content: attr(data-show-text);
}

.about-block__inner.hide .option-more svg {
    transform: rotate(0);
}

.about-block__img {
    position: sticky;
    top: 100px;
    flex: 0 0 568px;
    overflow: hidden;
    border-radius: 32px;
}

@media (max-width: 1360px) {
    .about-block__img {
        flex: 0 0 400px;
    }
}

@media (max-width: 1024px) {
    .about-block__img {
        border-radius: 18px;
    }
}

@media (max-width: 900px) {
    .about-block__img {
        position: static;
    }
}

@media (max-width: 600px) {
    .about-block__img {
        flex: none;
    }
}

.about-block__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-block__content {
    position: sticky;
    top: 60px;
}


.about-block__title {
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .about-block__title {
        margin-bottom: 16px;
    }
}

.about-block__text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

@media (max-width: 1024px) {
    .about-block__text {
        font-size: 16px;
        line-height: 140%;
    }
}

.about-block__options {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.about-block__option {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #89AA28;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .about-block__option {
        font-size: 16px;
        line-height: 140%;
    }
}

.about-block__option:hover {
    color: #718C21;
}

.about-block__option svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.5px;
}

.about-block__option.option-more span::before {
    content: attr(data-hide-text);
    display: block;
}

.about-block__grid {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 28px 10px;
    margin-top: 40px;
}

@media (max-width: 1560px) {
    .about-block__grid {
        gap: 16px 10px;
    }
}

@media (max-width: 1240px) {
    .about-block__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .about-block__grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 24px;
        gap: 16px;
    }
}



@media (min-width: 1240px) {
    .about-block__box{
        width: calc(100% / 4 - 10px);
        min-width: max-content;
    }
    .about-block__box:nth-child(5), .about-block__box:nth-child(6), .about-block__box:nth-child(7) {
        width: auto;
    }
}

@media (max-width: 1560px) and  (min-width: 1240px) {
    .about-block__box{
        /*width: calc(100% / 4 - 10px);*/
        min-width: 14%;
    }
}


.about-block__box-value {
    font-weight: 500;
    font-size: min(30px, 2.6vw);
    line-height: 1.2;
    margin-bottom: 4px;
}


@media (max-width: 1560px) {
    .about-block__box-value {
        font-size: 26px;
    }
}


@media (max-width: 1024px) {
    .about-block__box-value {
        font-size: 18px;
        line-height: 1.3;
        font-weight: 700;
    }
}

.about-block__box-label {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #707070;
}

@media (max-width: 1360px) {
    .about-block__box-label {
        font-size: 16px;
    }
}

.about-block .house-intro {
    margin: 0;
}

.about-block.--vertical .about-block__inner {
    gap: 60px;
}

.about-block.--vertical .about-block__img {
    flex: 0 0 48vw;
}

@media (max-width: 1024px) {
    .about-block.--vertical .about-block__img {
        display: none;
    }
}

.about-block.--vertical .about-block__grid {
    gap: 28px;
    grid-template-columns: repeat(2, 1fr);
}

#purch_block_list {
    display: none;
}

#purch_block_list_wrap #purch_block_list {
    display: block;
}

.house-intro.dark .house-intro__info_elem-name,
.house-intro.dark .house-intro__info_elem-descr {
    color: #fff !important;
}

.house-intro.dark .house-intro__info_elem::before {
    background: rgba(108, 108, 108, 0.6) !important;
}

.icon-arrow {
    width: 32px;
    height: 32px;
    background-color: #89AA28;
    border-radius: 50%;
    border: 2px solid #fff;
}

.icon-arrow svg {
    width: 100%;
    height: 100%;
}

/*---------------- */
@media (min-width: 1024px) {
    .house-intro-mob {
        display: none;
    }


}

@media (max-width: 1024px) {
    .house-intro__img .house-intro__btn-mob,
    .house-intro.dark .house-intro__img .house-intro__btn-mob {
        background-color: #89AA28;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 8px;
        position: static;
        transform: translate(0);
        margin: 20px auto 0;
    }


    .house-intro__btn-mob svg {
        stroke: #fff;
    }

    .house-intro__img {
        overflow-x: clip;
        width: 100%;
        position: relative;
    }

    .svg-wrapper.hide-mob,
    .house-intro__img_hint.hide-mob {
        display: none;
    }

    .house-intro__info_bottom {
        position: static !important;
        margin: 24px 0 12px;
    }

    .house-intro__info_elems .house-intro__info_elem {
        padding: 6px 10px;
        color: #fff;
        border-radius: 8px;
        font-size: 14px;
    }

    .house-intro__info_elem p {
        font-weight: 400;
        line-height: 1.3;
    }

    .house-intro-mob_img {
        user-select: none;
    }

    .house-intro-mob {
        max-width: 100%;
        position: relative;
        /*background-color: #fff;*/
    }

    .house-intro-mob .banner-house__info {
        border-radius: 24px 24px 0 0;
        padding: 16px;
    }

    .house-intro-mob .zoom {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        display: flex;
        flex-direction: column;
        padding: 4px;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.3568627451);
    }

    .house-intro-mob .house-intro-mob_img {
        object-fit: contain;
        max-width: 100%;
        height: auto;
    }

    .house-intro-mob.--vertical .house-intro-mob_img {
        height: 100%;
        width: 100%;
    }

    .house-intro-mob__wrap {
        overflow: hidden;
        position: relative;
    }

    .house-intro__img .svg-img {
        width: 100%;
    }

    .house-info.show .house-info__inner {
        padding: 0;
        max-height: 98vh;
        overflow: auto;
    }

    .house-info .house-info__body {
        padding: 20px 16px;
    }

    body .house-info.floor .house-info__inner {
        padding-top: 0px;
    }

    .house-info__body .house-info__entrances,
    .house-info__body .house-info__floors {
        overflow-y: auto;
        max-height: 38vh;
    }

    .house-info__img {
        width: 100%;
        position: relative;
    }

    .house-info__img .svg-wrapper__inner_img {
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .house-info__close {
        z-index: 10;
    }

    .house-info__close svg {
        fill: #fff;
    }

    .house-info__body .house-info__back {
        position: static;
        margin-bottom: 10px;
    }

    .floor-block._active.saled path {
        fill: rgba(209, 60, 60, 0.4) !important;
        stroke: rgba(226, 48, 48, 0.5) !important;
    }

    .floor-block._active.free path {
        fill: rgba(172, 231, 0, 0.4) !important;
        stroke: #ace700 !important;
    }
}

@media (max-width: 1024px) {
    .house-intro__info_elems .house-intro__info_elem {
        padding: 6px 12px;
        color: #fff;
        background-color: #89AA28;
        border-radius: 4px;
    }
}

.varian-house .modal-inner {
    padding: 40px;
    max-width: 610px;
}

.varian-house .modal__close {
    width: 24px;
    height: 24px;
    top: 25px;
    right: 25px;
}

.varian-house .modal__close svg {
    fill: #8B8B8B;
}

.varian-house__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 16px;
}

.varian-house__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 40px;
}

.varian-house__info-text {
    color: #707070;
}

.varian-house__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 52px;
    row-gap: 32px;
    margin-top: 20px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 50vh;
}

.varian-house__grid::-webkit-scrollbar {
    width: 4px;
}

.varian-house__grid::-webkit-scrollbar-thumb {
    background-color: #89AA28;
    border-radius: 4px;
}

.varian-house__el {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (min-width: 768px) {
    .varian-house__el:hover .varian-house__el-img img {
        transform: scale(1.2);
    }

}


.varian-house__el-img {
    width: 90px;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    flex: none;
}

.varian-house__el-img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.6s ease-in-out;
}

.varian-house__el-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #1D1D1F;
}

.varian-house__el-info {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #707070;
}

@media (max-width: 1440px) {
    .varian-house__grid {
        max-height: 30vh;
    }
}

@media (max-width: 768px) {
    .varian-house {
        align-items: flex-end;
    }

    .varian-house .modal-inner {
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 24px 16px;
    }

    .varian-house .modal__close {
        top: 8px;
        right: 8px;
    }

    .varian-house__title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .varian-house__text {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 24px;
    }

    .varian-house__info-text {
        font-size: 14px;
        line-height: 1.3;
    }

    .varian-house__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        row-gap: 11px;
        margin-top: 16px;
        max-height: 70vh;
    }

    .varian-house__el-img {
        width: 70px;
        height: auto;
    }

    .varian-house__el-name {
        font-size: 20px;
    }

    .varian-house__el-info {
        font-size: 14px;
    }
}

@media (max-width: 460px) {
    .varian-house__grid {
        grid-template-columns: repeat(1, 1fr);
        max-height: 60vh;
    }
}

@media (max-width: 768px) {
    .box-tab-slider.container-main {
        padding-left: 0;
        padding-right: 0;
    }
}

.box-tab-slider__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .box-tab-slider__top {
        flex-direction: column;
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .box-tab-slider__top {
        padding: 0 16px;
    }
}

.box-tab-slider__title {
    width: max-content;
    max-width: 565px;
    flex: none;
    line-height: 1;
}

.box-tab-slider__text {
    max-width: 885px;
    font-size: 18px;
    line-height: 1.5;
}

.box-tab-slider__text-hide._hide:not(._show) {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .box-tab-slider__text {
        color: #707070;
        font-size: 16px;
        line-height: 1.4;
    }
}

.box-tab-slider .link-arrow {
    margin-top: 11px;
}

.box-tab-slider__tabs {
    display: flex;
    gap: 8px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 14px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .box-tab-slider__tabs {
        padding: 0 16px 10px;
    }
}

.box-tab-slider__tab {
    color: #707070;
    padding: 12px 20px;
    font-size: 18px;
    background-color: #f5f5f7;
    border-radius: 100px;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s;
    flex: none;
    line-height: 1;
}

.box-tab-slider__tab._active {
    background-color: #89aa28;
    color: #fff;
}

.box-tab-slider__slider {
    position: relative;
}

.box-tab-slider__slider:has(.swiper-prev.swiper-button-disabled) .swiper-prev, .box-tab-slider__slider:has(.swiper-next.swiper-button-disabled) .swiper-next {
    opacity: 0.5;
    cursor: auto;
    pointer-events: none;
}

.box-tab-slider__slider:has(.swiper-button-lock) .slider-nav {
    display: none;
}

@media (max-width: 768px) {
    .box-tab-slider__slider .swiper {
        padding: 0 16px;
    }
}

.box-tab-slider__slider .swiper-slide {
    border-radius: 20px;
    overflow: hidden;
}

.box-tab-slider__slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 650px;
    object-fit: cover;
}

@media (max-width: 1440px) {
    .box-tab-slider__slider .swiper-slide img {
        height: 40vw;
    }
}

@media (max-width: 768px) {
    .box-tab-slider__slider .swiper-slide img {
        height: 60vw;
        min-height: 400px;
    }
}

.box-tab-slider__slider .btn-nav-slide.swiper-prev,
.box-tab-slider__slider .btn-nav-slide.swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    background-color: #fff;
}

.box-tab-slider__slider .btn-nav-slide.swiper-prev:hover,
.box-tab-slider__slider .btn-nav-slide.swiper-next:hover {
    background-color: #89aa28;
}

@media (max-width: 768px) {
    .box-tab-slider__slider .btn-nav-slide.swiper-prev,
    .box-tab-slider__slider .btn-nav-slide.swiper-next {
        display: none;
    }
}

.box-tab-slider__slider .btn-nav-slide.swiper-prev {
    left: 10px;
}

.box-tab-slider__slider .btn-nav-slide.swiper-next {
    right: 10px;
}

.box-tab-slider__slider .swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
    pointer-events: none;
}

.box-tab-slider__slider .swiper-button-lock {
    display: none;
}

.box-tab-slider__show {
    cursor: pointer;
}

.box-tab-slider__show._show svg {
    transform: rotate(180deg);
}

.box-tab-slider__show._show span::before {
    content: attr(data-hide-text);
}

.box-tab-slider__show span::before {
    content: attr(data-show-text);
}

@media (max-width: 1024px) {
    .slider-banner {
        margin-bottom: 56px;
    }
}

@media (max-width: 768px) {
    .slider-banner {
        padding: 0;
    }
}

.slider-banner__top {
    margin-bottom: 32px;
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
}

.slider-banner__top .link-arrow {
    font-size: 18px;
    flex: none;
}

@media (max-width: 768px) {
    .slider-banner__top .link-arrow {
        font-size: 16px;
    }
}

.slider-banner__top .link-arrow span {
    display: block;
}

.slider-banner__top .link-arrow span::before {
    content: attr(data-text-desk);
}

@media (max-width: 768px) {
    .slider-banner__top .link-arrow span::before {
        content: attr(data-text-mob);
    }
}

@media (max-width: 768px) {
    .slider-banner__top {
        padding: 0 16px;
    }
}

.slider-banner__body {
    display: flex;
    --width: 359px;
    gap: 24px;
}

@media (max-width: 1220px) {
    .slider-banner__body {
        --width: 300px;
    }
}

@media (max-width: 1024px) {
    .slider-banner__body {
        flex-direction: column;
        --width: 100%;
        gap: 40px;
    }
}

.slider-banner__slider {
    position: relative;
    width: calc(100% - var(--width) - 24px);
}

@media (max-width: 1024px) {
    .slider-banner__slider {
        width: 100%;
    }
}

.slider-banner__slider .swiper {
    height: 100%;
    cursor: grab;
}

@media (max-width: 768px) {
    .slider-banner__slider .swiper {
        padding: 0 16px;
    }
}

.slider-banner__slider .swiper-slide {
    height: auto;
}

.slider-banner__slider .btn-nav-slide.swiper-prev,
.slider-banner__slider .btn-nav-slide.swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}

.slider-banner__slider .btn-nav-slide.swiper-prev:hover,
.slider-banner__slider .btn-nav-slide.swiper-next:hover {
    background-color: #89aa28;
}

@media (max-width: 1024px) {
    .slider-banner__slider .btn-nav-slide.swiper-prev,
    .slider-banner__slider .btn-nav-slide.swiper-next {
        display: none;
    }
}

.slider-banner__slider .btn-nav-slide.swiper-prev {
    left: 0;
    transform: translateY(-50%) translateX(-50%);
}

.slider-banner__slider .btn-nav-slide.swiper-next {
    right: 0;
    transform: translateY(-50%) translateX(50%);
}

@media (min-width: 1024px) {
    .slider-banner__nav {
        display: none;
    }
}

.slider-banner__banner {
    width: var(--width);
    min-height: 212px;
    flex: none;
    background-color: #89AA28;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    padding: 28px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .slider-banner__banner {
        margin: 0 16px;
        width: calc(100% - 32px);
        padding: 20px 16px;
    }
}

.slider-banner__banner-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 168px;
    display: block;
}

@media (max-width: 1220px) {
    .slider-banner__banner-img {
        height: 140px;
    }
}

.slider-banner__banner-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 16px;
    color: #fff;
}

@media (max-width: 1440px) {
    .slider-banner__banner-title {
        font-size: 20px;
    }
}

.slider-banner__banner-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 60px;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 1;
}

.slider-banner__banner-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    padding: 13px 24px;
    border: 1px solid rgba(255, 255, 255, 0.5019607843);
    border-radius: 100px;
    width: max-content;
    margin-top: auto;
    position: relative;
    z-index: 1;
    background-color: #89AA28;
    cursor: pointer;
}

@media (max-width: 768px) {
    .slider-banner__banner-link {
        border-radius: 50%;
        background-color: #fff;
        width: 48px;
        height: 48px;
        padding: 0;
        align-items: center;
        justify-content: center;
        display: flex;
    }
}

.slider-banner__banner-link svg {
    fill: #89AA28;
    stroke: #89AA28;
    stroke-width: 2px;
    width: 24px;
    height: 24px;
}

@media (min-width: 768px) {
    .slider-banner__banner-link svg {
        display: none;
    }
}

@media (max-width: 768px) {
    .slider-banner__banner-link span {
        display: none;
    }
}

@media (hover: hover) {
    .slider-banner__banner-link:hover {
        background-color: #718C21;
    }
}

.circ-card {
    background-color: #F5F5F7;
    border-radius: 32px;
    padding: 28px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .circ-card {
        padding: 16px;
    }
}

.circ-card__icon {
    width: auto;
    height: 50px;
    flex: none;
    display: inline-block;
    margin-bottom: 32px;
}

.circ-card__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 8px;
}

@media (max-width: 1440px) {
    .circ-card__title {
        font-size: 20px;
        line-height: 1.4;
    }
}

.circ-card__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #707070;
}

@media (max-width: 1440px) {
    .circ-card__text {
        font-size: 16px;
    }
}

.info-banner__inner {
    background-color: #89AA28;
    border-radius: 32px;
    min-height: 200px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 6vw;
    position: relative;
}

@media (max-width: 1024px) {
    .info-banner__inner {
        overflow: hidden;
    }
}

.info-banner__content {
    padding: 40px 60px;
    max-width: 628px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 1024px) {
    .info-banner__content {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 768px) {
    .info-banner__content {
        padding: 24px;
    }
}

.info-banner__title {
    color: #fff;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .info-banner__title {
        margin-bottom: 12px;
    }
}

.info-banner__text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .info-banner__text {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 24px;
    }
}

.info-banner__btn {
    margin-top: auto;
    background-color: #fff;
    color: #89AA28;
}

.info-banner__btn.link-arrow.--btn:hover {
    background-color: #fff;
    color: #6d861f;
}

.info-banner__img {
    width: 398px;
    height: auto;
    margin-top: -60px;
    object-fit: contain;
}

@media (max-width: 1220px) {
    .info-banner__img {
        width: 300px;
    }
}

@media (max-width: 1024px) {
    .info-banner__img {
        position: absolute;
        width: 200px;
        bottom: 0;
        right: 0;
        margin: 0;
        transform: translate(14%, 24%);
    }
}

@media (max-width: 768px) {
    .info-banner__img {
        width: 150px;
        transform: translate(10%, 22%);
    }
}
/* End */


/* Start:/local/templates/new_template_newbor/redizain_css/new-style.css?178282488846494*/

html:has(.show-modal) jdiv, html:has(.open-burger) jdiv {
    display: none !important;
}


@media (min-width: 1024px) {
    .parallax {
        background-attachment: fixed;
    }
}

.btn-arrow{
    width: 48px;
    height: 48px;
    border-radius:50%;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
    transition: 0.3s;
    transform: translate3D(100px, 0px, 1px);
    pointer-events: none;
}

.apartment__imgs_btns {
    gap: 20px;
}

@media (max-width: 1220px) {
    .apartment__imgs_tabs .apartment__imgs_tab {
        font-size: 16px;
        padding: 10px 16px;
    }
}

.apartment.container-main {
    overflow: visible;
    align-items: flex-start;
}

@media (max-width: 1100px) {
    .apartment.container-main {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .apartment.container-main {
        padding: 0;
        gap: 0;
    }
}

.apartment__info_prices-wrap .apartment__info_prices {
    flex-direction: column;
}

.apartment__info_prices-wrap .apartment__info_top-price {
    gap: 8px 16px;
    justify-content: space-between;
}

.apartment__info_prices-wrap .price {
    font-weight: 500;
    color: #89AA28;
    font-size: 24px;
}

@media (max-width: 600px) {
    .apartment__info_prices-wrap .price {
        font-size: 22px;
    }
}

.apartment__info_prices-wrap .price .tooltip-icon {
    color: #8B8B8B;
}

.apartment__info_prices-wrap .price-m2 {
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1F;
}

@media (max-width: 600px) {
    .apartment__info_prices-wrap .price-m2 {
        font-size: 16px;
        font-weight: 700;
    }
}

.apartment__info_prices-wrap .apartment__top-trigger {
    color: #1D1D1F;
}

@media (max-width: 450px) {
    .apartment__info_prices-wrap .apartment__top-trigger {
        margin-top: 0;
    }
}

.apartment__info_prices-wrap .apartment__top-trigger::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9.5L12 14.5L7 9.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.apartment__imgs .apartment__imgs_tabs {
    flex: none;
}

.apartment__imgs {
    width: 100%;
    max-width: calc(100% - 550px - 30px);
    padding: 32px;
    height: calc(100vh - 80px);
    max-height: 736px;
}

@media (max-width: 1440px) {
    .apartment__imgs {
        min-width: 0;
    }
}

@media (max-width: 1360px) {
    .apartment__imgs {
        max-width: 100%;
        width: 566px;
        flex: none;
        padding: 16px;
    }
}

@media (max-width: 1220px) {
    .apartment__imgs {
        width: 490px;
    }
}

@media (max-width: 1100px) {
    .apartment__imgs {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 600px) {
    .apartment__imgs {
        margin: 0;
        padding-bottom: 40px;
    }
}

.apartment__info {
    width: min(550px, 100%);
    padding: 0;
    flex: none;
    background-color: transparent;
    height: calc(100vh - 80px);
    max-height: 736px;
}

@media (max-width: 1360px) {
    .apartment__info {
        flex: 0 1 100%;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .apartment__info {
        margin-top: 0;
        max-height: none;
    }
}

@media (max-width: 600px) {
    .apartment__info {
        background-color: #fff;
        border-radius: 24px 24px 0 0;
        position: relative;
        z-index: 2;
        margin-top: -20px;
    }
}

.apartment__imgs_block {
    overflow: hidden;
}

.apartment__imgs_tab {
    cursor: pointer;
}

.new-compass {
    width: 100px;
    height: 100px;
    flex: none;
}

@media (max-width: 1360px) {
    .new-compass {
        position: absolute;
        top: 90px;
        right: 32px;
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 600px) {
    .new-compass {
        width: 50px;
        height: 50px;
        right: 16px;
    }
}

.new-compass img {
    width: 100%;
    height: 100%;
}

.apartment-wrap {
    width: 100%;
    height: 100%;
}

.apartment__imgs_block .apartment__imgs_img,
.apartment__imgs_slider {
    margin-top: 0;
    height: 100%;
}

.apartment__imgs_slider .swiper-nav {
    display: none;
}

@media (max-width: 768px) {
    .apartment__imgs_slider .swiper-nav {
        z-index: 2;
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        background-color: #E9E9E9;
        padding: 8px 10px;
        border-radius: 28px;
        gap: 10px;
    }
}

.apartment__imgs_slider .swiper-nav .swiper-next,
.apartment__imgs_slider .swiper-nav .swiper-prev {
    width: 24px;
    height: 24px;
}

.apartment__imgs_slider .swiper-nav .swiper-next svg,
.apartment__imgs_slider .swiper-nav .swiper-prev svg {
    width: 100%;
    height: 100%;
}

.apartment__imgs_slider .swiper-nav .swiper-button-disabled {
    opacity: 0.3;
}

.apartment__imgs_slider .swiper-nav .swiper-pagination {
    display: block;
    display: flex;
    align-items: center;
    flex: none;
    position: static;
    width: max-content;
    color: #C3C3C3;
}

.apartment__imgs_slider .swiper-nav .swiper-pagination span {
    padding: 0 3px;
    color: #1D1D1F;
}

@media (max-width: 768px) {
    .apartment__imgs_block .apartment__imgs_gallery {
        display: none;
    }
}

.apartment__imgs_blocks {
    height: calc(100% - 100px);
}


@media (max-width: 1360px) {
    .apartment__imgs_blocks {
        margin-top: 80px;
    }
}

@media (max-width: 1100px) {
    .apartment__imgs_blocks {
        max-height: none;
    }
}

.apartment__imgs_blocks .apartment-wrap,
.apartment__imgs_slider .swiper-wrapper,
.apartment__imgs_gallery {
    height: 100%;
    max-height: 460px;
}


@media (min-width: 1024px) {
    .apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img{
        height: 100%;
    }

    .apartment__imgs_blocks .apartment__imgs_block.vue-windows .apartment__imgs_img{
        height: min(681px, 35.5vw);
    }
}




.apartment__imgs_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.apartment__imgs_btn-icon {
    cursor: pointer;
}

.apartment__imgs_btns .apartment__imgs_btn .apartment__imgs_btn-icon {
    width: 24px;
    height: 24px;
    fill: #8b8b8b;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.share-panel.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.share-panel {
    position: absolute;
    top: 100%;
    right: 0;
    width: 245px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

.share-panel ul {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 22, 6, 0.1019607843);
    box-shadow: 0 0 10px 0 rgba(0, 22, 6, 0.1019607843);
    border-radius: 20px;
    margin-top: 4px;
    overflow: hidden;
}

.share-panel__link {
    display: block;
    padding: 15px 16px 15px 80px;
    position: relative;
    color: #1d1d1f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.share-panel__link::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.review {
    display: flex;
    align-items: center;
    color: #8b8b8b;
    font-size: 14px;
    gap: 10px;
    line-height: 1.3;
}

.review p {
    max-width: 218px;
}

@media (max-width: 1360px) {
    .review {
        position: absolute;
        top: 100px;
        left: 32px;
    }
}

@media (max-width: 600px) {
    .review {
        padding: 0;
        left: 16px;
        font-size: 12px;
        line-height: 1;
    }
}

.review span {
    color: #89aa28;
}

.apartment-modal {
    padding: 20px;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    overflow: hidden;
    overflow-y: auto;
}

.apartment-modal .slider-wrap {
    height: 100%;
}

.apartment-modal .apartment-wrap,
.apartment-modal .apartment__imgs_block,
.apartment-modal .apartment__imgs_blocks,
.apartment-modal .apartment__imgs_img,
.apartment-modal .box-slide,
.apartment-modal .modalApartmentSwiper,
.apartment-modal .modalApartmentSwiper .apartment-wrap,
.apartment-modal .modalApartmentSwiper img,
.apartment-modal .slider-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.apartment-modal .info-box-compass {
    position: relative;
    z-index: 3;
}

.apartment-modal .custom-s {
    z-index: 10;
}

.apartment-modal .modal-inner {
    max-width: 1510px;
    padding: 40px 32px 32px;
    background-color: #f5f5f7;
    margin: auto;
}

@media (min-width:1360px ) {
    .apartment-modal .modal-inner {
        height: 90%;
    }
}

.apartment-modal .modal__close {
    top: 31px;
    right: 31px;
}

.apartment-modal .modal__close svg {
    fill: #343c4b;
}

.apartment-modal .apartment__imgs_tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 31px;
}

.apartment-modal .apartment__imgs_blocks {

    margin-top: 0;
    overflow: hidden;
    padding-bottom: 10px;
}

@media (min-width: 1660px) {
    height: 68vh;
}

.apartment-modal .apartment-wrap {
    height: 100%;
    position: relative;
    z-index: 2;
}

.apartment-modal .apartment__imgs_block {
    padding: 0 300px 120px;
}

.apartment-modal .zoom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.apartment-modal .apartment__imgs_slider {
    margin-top: 0;
    height: auto;
}

.apartment-modal .apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img {
    margin-top: 0;
    height: 100%;
    background-color: #f5f5f7;
}


@media (min-width: 1360px) {
    .apartment-modal .apartment__imgs_blocks .apartment__imgs_block:has(.modalApartmentSwiper) {
        padding: 0 300px 0;
    }
}

@media (max-width: 768px) {
    .apartment-modal .apartment__imgs_blocks .apartment__imgs_block:has(.modalApartmentSwiper) {
        /*height: 400px;*/
    }
}


.apartment-modal .info-box-wrap {
    margin-top: -140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1660px) {
    .apartment-modal .info-box-wrap .tooltip-block{
        width: 250px;
        top: 100%;
    }
}

@media (max-width: 600px) {
    .apartment-modal .info-box-wrap .tooltip-block{
        right: -124px;
        top: calc(100% + -4px);
    }

    .apartment-modal .info-box-wrap .tooltip-block .tooltip-block__svg {
        left: calc(100% - 135px);
    }
}


.apartment-modal .info-box {
    background-color: #e0e0e0;
    padding: 24px;
    border-radius: 20px;
    width: 100%;
    max-width: 341px;
    position: relative;
    z-index: 3;
}

.apartment-modal .info-box__title-first {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}

.apartment-modal .info-box__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}

.apartment-modal .flat-card__prices-block_cur {
    -ms-grid-row: 1;
    grid-area: 1/-1;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.apartment-modal .flat-card__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px 8px;
    padding-left: 18px;
}

.apartment-modal .flat-card__prices_main {
    color: #89aa28;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding-right: 16px;
}

.apartment-modal .flat-card__prices_main::before {
    content: "";
    left: -18px;
    top: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.apartment-modal .flat-card__prices_main-sale {
    color: rgba(137, 170, 40, 0.5019607843);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
}

.apartment-modal .flat-card__prices_main-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    background: rgba(137, 170, 40, 0.5019607843);
}

.apartment-modal .tooltip {
    right: 0;
    top: 0;
    width: 16px;
}

.apartment-modal .tooltip-icon {
    width: 16px;
    height: 24px;
    color: rgba(137, 170, 40, 0.5019607843);
}

.apartment-modal .flat-card__prices_m2 {
    color: #89aa28;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.apartment-modal .flat-card__prices_m2-sale {
    color: rgba(137, 170, 40, 0.5019607843);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
}

.apartment-modal .flat-card__prices_m2-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    background: rgba(137, 170, 40, 0.5019607843);
}

.apartment-modal .info-box-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    position: absolute;
    left: -4px;
    top: -122%;
}

.apartment-modal .apartment__imgs_btn {
    background-color: transparent;
    width: 32px;
    height: 32px;
}

.apartment-modal .apartment__imgs_btn svg {
    stroke: #8b8b8b;
}

.apartment-modal .apartment__imgs_btn.to-fav.in-fav:not(:hover) svg {
    fill: #89AA28;
}

.apartment-modal .apartment__imgs_btn.to-compare.compared:not(:hover) svg {
    stroke: #89AA28;
}

.slider-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.modalApartmentSwiper {
    width: 100%;
    height: 100%;
    margin-bottom:40px;
    overflow: hidden;
}

.modalApartmentSwiper .box-slide {
    display: none;
    height: 100%;
}

.modalApartmentSwiper .box-slide.active {
    display: block;
}

.modalApartmentSwiper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    pointer-events: none;
    -o-object-position: center;
    object-position: center;
}

.modalNavApartmentSwiper {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin: 0 60px;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 6px;
}

.modalNavApartmentSwiper::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: 0 0;
}

.modalNavApartmentSwiper::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.modalNavApartmentSwiper::-webkit-scrollbar-corner {
    background: 0 0;
}

.modalNavApartmentSwiper .box-slide {
    border: 1px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    height: 87px;
    width: 127px;
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
}

.modalNavApartmentSwiper .box-slide.active {
    border: 1px solid #89aa28;
}

.modalNavApartmentSwiper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.apartment__parking-info {
    margin-top: 16px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #707070;
}

.apartment__parking-info a {
    color: #89aa28;
    text-decoration: underline;
}

.apartment__parking-info a:hover {
    color: #718c21;
}

.apartment__loupe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    border-radius: 12px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.apartment-wrap:hover .apartment__loupe {
    opacity: 1;
}

.apartment-modal.modal .apartment__imgs_blocks {
    margin-top: 0;
}

@media (min-width: 768px) {
    .hidden-desk {
        display: none !important;
    }

    .apartment-modal .zoom {
        background-color: #e0e0e0;
        padding: 10px;
        border-radius: 20px;
    }
}

@media (min-width: 600px) {

    .to-share:hover svg {
        stroke: #89AA28;
    }

    .to-share:hover .share-panel {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .share-panel__link:hover {
        background-color: rgba(112, 112, 112, 0.1019607843);
    }

    .apartment-modal .info-box-btns {
        background-color: #e0e0e0;
        padding: 10px;
        border-radius: 20px;
    }
}

@media (max-width: 1560px) {
    .modalApartmentSwiper {
        height: 60%;
    }
}

@media (max-width: 1360px) {
    .apartment-modal .apartment__imgs_block {
        padding: 0 200px;
    }

    .apartment-modal.modal.show-modal {
        display: flex !important;
        overflow: hidden;
        overflow-y: auto;
    }

    .apartment-modal .info-box-btns {
        top: -178%;
    }

    .apartment-modal .info-box-wrap {
        margin-top: 40px;
    }

    .modalNavApartmentSwiper {
        margin: 0;
    }
}

@media (max-width: 1024px) {

    .apartment-modal{
        padding: 20px 16px;
    }

    .apartment-modal .apartment-wrap {
        height: 100%;
    }

    .apartment-modal .info-box {
        position: relative;
        padding-right: 40px;
        max-width: 470px;
    }

    .apartment-modal .apartment__imgs_block {
        padding: 0 20px;
    }


    .apartment-modal .info-box-btns {
        left: auto;
        right: 14px;
        gap: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 768px) {
    .hidden-mob {
        display: none !important;
    }

    .apartment__imgs_block {
        overflow: visible;
    }

    .apartment-modal.modal .info-box-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 32px;
        margin-top: 32px;
    }

    .apartment-modal.modal .info-box {
        max-width: 100%;
    }

    .apartment-modal.modal .apartment__imgs_blocks {
        height: 360px;
        padding-bottom: 117px;
        margin-bottom: -117px;
    }

    @media (max-width: 768px) {
        .apartment-modal.modal .apartment__imgs_blocks {
            padding-bottom: 94px;
        }
    }

    .apartment-modal.modal .info-box-compass {
        width: 58px;
        height: 58px;
    }

    .apartment-modal.modal .info-box-compass img {
        width: 100%;
        height: 100%;
    }

    .apartment-modal.modal .apartment-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
    }

    .apartment-modal.modal .apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img {
        margin: auto;
    }

    .apartment-modal.modal .apartment__imgs_block {
        padding: 0;
    }

    .apartment-modal.modal .modalApartmentSwiper {
        height: 237px;
        margin-bottom: 12px;
    }

    .apartment-modal.modal .modalApartmentSwiper .apartment-wrap {
        overflow: visible;
    }

    .apartment-modal.modal .modalApartmentSwiper .apartment-wrap img {
        -o-object-fit: contain;
        object-fit: contain;
        border-radius: 20px;
    }

    .apartment-modal.modal .modalNavApartmentSwiper .box-slide {
        width: 75px !important;
        height: 50px;
    }

    .apartment-modal.modal .modal-inner {
        padding: 16px;
    }

    .apartment-modal.modal .info-box__title,
    .apartment-modal.modal .info-box__title-first {
        font-size: 18px;
    }

    .apartment-modal.modal .flat-card__prices_main {
        font-size: 18px;
    }

    .apartment-modal.modal .custom-s {
        margin-bottom: 20px;
        padding-right: 60px;
    }

    .apartment-modal.modal .custom-s__btn {
        width: 100%;
    }

    .apartment-modal.modal .custom-s__options {
        right: 60px;
        min-width: 100px;
    }

    .apartment-modal.modal .modal__close {
        width: 24px;
        height: 24px;
        top: 27px;
        right: 18px;
        z-index: 15;
        position: absolute;
    }

    .apartment-modal.modal .zoom {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        top: auto;
        bottom: -60px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
    }

    .apartment-modal.modal .slider-wrap {
        overflow: visible;
    }

    .apartment__loupe {
        opacity: 1;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 24px;
        height: 24px;
        border-radius: 8px;
    }

    .apartment__loupe svg {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content .apartment__info_top-content-line {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .apartment__info_top-content .btn-colored {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.apartment__imgs-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    width: 100%;
    margin-top: auto;
}

@media (max-width: 1360px) {
    .apartment__imgs-bottom {
        justify-content: center;
    }
}

.apartment__imgs-bottom .review {
    margin-right: auto;
}

.btn-layout {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #FFFFFF;
    border: 1px solid rgba(137, 170, 40, 0.2);
    padding: 6px 14px;
    border-radius: 8px;
    color: #1D1D1F;
    font-size: 16px;
    flex: none;
}

.btn-layout .icon-layout {
    width: 24px;
    height: 24px;
    fill: #89AA28;
}

.btn-layout .icon-arrow {
    width: 16px;
    height: 16px;
    fill: #707070;
}

.btn-layout:hover {
    background-color: #89AA28;
    color: white;
}

.btn-layout:hover .icon-layout,
.btn-layout:hover .icon-arrow {
    fill: #fff;
}

@media (max-width: 768px) {
    .btn-layout {
        font-size: 14px;
        padding: 4px 12px;
    }
}

.vue-windows .apartment-wrap {
    overflow: hidden;
}

.vue-windows .zoom {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    padding: 14px 10px;
    border-radius: 20px;
    background: rgba(250, 250, 250, 0.6);
    backdrop-filter: blur(4px);
    gap: 32px;
}

@media (max-width: 768px) {
    .vue-windows .zoom {
        gap: 14px;
        padding: 8px 7px;
        left: 10px;
    }

    .vue-windows .zoom button {
        width: 16px;
        height: 16px;
    }

    .vue-windows .zoom svg {
        width: 16px;
        height: 16px;
    }
}

.vue-windows .apartment-wrap {
    user-select: none;
}

.apartment__imgs_btn.more-btns svg {
    width: 24px;
    height: 24px;
    stroke: #8B8B8B;
}

.apartment__imgs_btn.more-btns.active svg {
    stroke: #8B8B8B;
}

.apartment__imgs_btn.to-print svg {
    width: 24px;
    height: 24px;
    stroke: #8B8B8B;
}

.apartment__imgs_btn.to-print:hover svg {
    stroke: #89AA28;
}

@media (max-width: 600px) {
    .apartment__imgs_tabs {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.info-box {
    background-color: #F5F5F7;
    border-radius: 32px;
    padding: 16px;
}

.info-box__top{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .info-box__top{
        margin-bottom: 16px;
        flex-wrap: wrap;
    }
}

.info-box__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;

}

@media (max-width: 600px) {
    .info-box__title {
        font-size: 20px;

    }
}

.info-top {
    margin-bottom: 16px;
    transition: box-shadow 0.5s;
    position: relative;
    z-index: 2;
}

@media (max-width: 600px) {
    .info-top {
        padding: 16px;
        background-color: transparent;
    }
}

.info-top._active {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
}

.info-top__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .info-top__head {
        display: none;
    }
}

.info-top__title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.info-top__title .tooltip {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}

.info-top__title .tooltip-icon {
    background-color: rgba(227, 71, 61, 0.1019607843);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px) {
    .info-top__title .tooltip-icon {
        width: 32px;
        height: 32px;
    }
}

.info-top__title .tooltip-icon svg {
    fill: transparent;
    stroke: red;
    width: 20px;
    height: 20px;
}

@media (max-width: 600px) {
    .info-top__title .tooltip-icon svg {
        width: 16px;
        height: 16px;
    }
}

.info-top__title .tooltip-block {
    top: auto;
    bottom: calc(100% + 10px);
    right: 50%;
}

.info-top__title .tooltip-block__svg {
    top: calc(100% + 8px);
    left: 50%;
    transform: translate(-50%, -100%) rotate(180deg);
}

.info-top__title .name {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
}

@media (max-width: 600px) {
    .info-top__title .name {
        font-size: 20px;
    }
}

.info-top__btns {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 20px;
}

@media (max-width: 600px) {
    .info-top__btns {
        flex-wrap: nowrap;
        justify-content: center;
    }
}

.info-top__btns .btn-green {
    padding: 13px;
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .info-top__btns .btn-green {
        margin: 0;
    }
}

.info-top__btns .btn-colored {
    flex: none;
    border: 1px solid #89AA28;
    text-align: center;
    justify-content: center;
    padding: 13px;
}

.info-top__btns .btn-colored:hover {
    border-color: #718C21;
}

@media (max-width: 1360px) {
    .info-top__btns .btn-colored {
        width: 100%;
        flex: auto;
    }
}

@media (max-width: 600px) {
    .info-top .info-top__btns {
        display: none;
    }
}

.fix-btns {
    display: none;
}

@media (max-width: 600px) {
    .fix-btns {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1001;
        background-color: #fff;
        padding: 14px 16px;
        border-radius: 20px 20px 0 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1019607843);
    }
}

.fix-btns .info-top__btns {
    margin: 0;
    font-family: "OpenSans";
}

.fix-btns .info-top__btns .btn-green {
    justify-content: center;
    font-size: 14px;
    padding: 10px;
    line-height: 1.3;
    padding: 9px 0;
}

.fix-btns .info-top__btns .btn-colored {
    font-size: 14px;
    padding: 9px 0;
    line-height: 1.3;
    height: auto;
}

.info-box-scroll {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    padding-right: 10px;
    padding-top: 30px;
    margin-top: -30px;
}

.info-box-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.info-box-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.info-box-scroll::-webkit-scrollbar-thumb {
    background: #E9E9E9;
    border-radius: 6px;
}

@media (max-width: 600px) {
    .info-box-scroll {
        overflow: visible;
        padding: 0;
        margin: 0;
    }
}

.info-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 600px) {
    .info-body {
        gap: 32px;
    }
}

@media (max-width: 600px) {
    .info-char {
        padding: 0 16px;
        background-color: transparent;
    }
}

.info-char__head {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

@media (max-width: 600px) {
    .info-char__head {
        gap: 12px;
    }
}

.info-char__col {
    width: 100%;
    padding-right: 24px;
    border-right: 1px solid #D7D7D8;
}

@media (max-width: 600px) {
    .info-char__col {
        padding-right: 12px;
    }
}

@media (max-width: 600px) {
    .info-char__col:first-child {
        width: max-content;
        flex: none;
    }
}

.info-char__col:last-child {
    padding-right: 0;
    border-right: none;
}

.info-char__col label {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #707070;
    display: block;
    margin-bottom: 6px;
}

@media (max-width: 600px) {
    .info-char__col label {
        font-size: 14px;
        line-height: 1.3;
    }
}

.info-char__col p {
    font-weight: 500;
    font-size: 18px;
    color: #1D1D1F;
}

@media (max-width: 600px) {
    .info-char__col p {
        font-size: 16px;
        font-weight: 600;
    }
}

.info-char__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-char__list li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.info-char__list li a {
    color: #89AA28;
    text-decoration: underline;
    transition: all 0.3s;
}

.info-char__list li a:hover {
    color: #718C21;
}

.info-char__label {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #707070;
}

@media (max-width: 600px) {
    .info-char__label {
        font-size: 14px;
        line-height: 1.3;
    }
}

.info-char__value {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-align: right;
}

@media (max-width: 600px) {
    .info-char__value {
        font-size: 16px;
    }
}

.info-plan__list {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-plan__el {
    display: grid;
    gap: 8px;
    grid-template-columns: 40px 84px 81px 75px 1fr 24px;
}

.info-plan__el._hidden {
    display: none !important;
}

@media (max-width: 600px) {
    .info-plan__el {
        grid-template-columns: 96px 60px 1fr 24px;
    }
}

.info-plan__el .col {
    display: flex;
    align-items: center;
}

@media (max-width: 600px) {
    .info-plan__el .col:first-child,
    .info-plan__el .col:nth-child(3) {
        display: none;
    }
}

.info-plan__el .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1D1D1F;
    text-align: center;
    width: 100%;
    display: block;
    padding: 0 3px;
}

.info-plan__el-img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    flex: none;
}

.info-plan__el:hover .info-plan__el-link {
    background-color: #89AA28;
    color: #fff;
}

.info-plan__el-link {
    width: 24px;
    height: 24px;
    border: 1px solid #89AA28;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #89AA28;
    border-radius: 50%;
    flex: none;
    transition: all 0.3s;
}

.info-plan__el-link svg {
    width: 8px;
    height: 8px;
}

.info-plan .info-top__btns .btn-colored {
    width: max-content;
    flex: none;
}

.info-text__wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-text__el {
    color: #707070;
    line-height: 1.4;
}

.info-text__el .title {
    font-size: 18px;
    line-height: 1.4;
    color: #1D1D1F;
    margin-bottom: 8px;
}

@media (max-width: 600px) {
    .info-text__el .title {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .info-text__el {
        font-size: 14px;
        line-height: 1.3;
    }
}

.info-text .info-top__btns .btn-colored {
    width: max-content;
    flex: none;
}

.panel-btns {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border-radius: 20px;
    padding: 4px 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1019607843);
    width: 245px;
    display: none;
}

.panel-btns.active {
    display: block;
}

.panel-btns .apartment__imgs_btn {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    height: auto;
}

.panel-btns .apartment__imgs_btn span {
    color: #1D1D1F;
}

.panel-btns .apartment__imgs_btn svg {
    width: 24px;
    height: 24px;
    stroke: #89aa28;
}

@media (max-width: 600px) {
    .features-section {
        padding: 0;
    }
}

.features {
    display: flex;
    gap: 80px;
    background-color: #F5F5F7;
    padding: 32px;
    border-radius: 22px;
}

@media (max-width: 1360px) {
    .features {
        gap: 24px;
    }
}

@media (max-width: 1024px) {
    .features {
        flex-direction: column-reverse;
    }
}

@media (max-width: 600px) {
    .features {
        padding: 20px 16px;
    }
}

.features__imgs-wrap {
    height: 500px;
    width: 604px;
    flex: none;
}

@media (max-width: 1360px) {
    .features__imgs-wrap {
        width: 400px;
        height: 420px;
    }
}

@media (max-width: 1024px) {
    .features__imgs-wrap {
        width: 100%;
        height: auto;
    }
}

.features__img {
    width: 100%;
    height: 100%;
}

.features__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px;
}

.features__img:not(._active), .features__content:not(._active) {
    display: none !important;
}

.features__box {
    display: flex;
    flex-direction: column;
}

.features__title {
    color: #1d1d1f;
    margin-bottom: 24px;
}

@media (max-width: 1440px) {
    .features__title {
        flex-grow: 0;
        font-size: min(48px, 2.6vw);
    }
}

@media (max-width: 1024px) {
    .features__title {
        font-size: 26px;
        line-height: 1.3;
    }
}

.features__tabs-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .features__tabs-wrap {
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 8px;
        margin-bottom: 16px;
    }
}

.features__tab {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 22px 6px 6px;
    border-radius: 100px;
    background-color: #fff;
    color: #707070;
    flex: none;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s;
    font-size: 18px;
}

@media (max-width: 1024px) {
    .features__tab {
        font-size: 16px;
    }
}

.features__tab:hover:not(._active) {
    color: #1D1D1F;
}

.features__tab._active {
    background-color: #89AA28;
    color: #fff;
}

.features__tab img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
}

.features__contents-wrap._truncated:not(._expanded) .features__content {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1360px) {
    .features__contents-wrap._truncated:not(._expanded) .features__content {
        -webkit-line-clamp: 6;
    }
}

.features__contents-wrap._truncated._expanded .features__more-btn svg {
    transform: rotate(180deg);
}

.features__contents-wrap._truncated._expanded .features__more-btn span::before {
    content: attr(data-hide-text);
}

.features__contents-wrap:not(._truncated) .features__more-btn {
    display: none !important;
}

.features__more-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #89AA28;
    font-size: 18px;
    margin-top: 20px;
}

.features__more-btn svg {
    transition: all 0.2s;
}

.features__more-btn span::before {
    content: attr(data-show-text);
}

.features__content {
    font-size: 18px;
    line-height: 1.5;
    color: #1D1D1F;
}

@media (max-width: 1024px) {
    .features__content {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .apartment-infrastructure {
        padding: 0;
    }
}

.apartment-infrastructure__top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.apartment-infrastructure__title {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    line-height: 1;
}

@media (max-width: 1024px) {
    .apartment-infrastructure__title {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media (max-width: 600px) {
    .apartment-infrastructure__title {
        padding: 0 16px;
    }
}

.apartment-infrastructure__desc {
    max-width: 794px;
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .apartment-infrastructure__desc {
        padding: 0 16px;
        font-size: 16px;
    }
}

.apartment-infrastructure__tabs-wrap {
    display: flex;
    gap: 8px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 14px;
    padding-bottom: 10px;
}

@media (max-width: 600px) {
    .apartment-infrastructure__tabs-wrap {
        padding: 0 16px 10px;
    }
}

.apartment-infrastructure__tab {
    color: #707070;
    padding: 12px 20px;
    font-size: 18px;
    background-color: #F5F5F7;
    border-radius: 100px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s;
    flex: none;
    line-height: 1;
}

.apartment-infrastructure__tab._active {
    background-color: #89AA28;
    color: #fff;
}

@media (max-width: 1024px) {
    .apartment-infrastructure__tab {
        font-size: 16px;
        padding: 12px 20px;
    }
}

.apartment-infrastructure__content {
    position: relative;
}

.apartment-infrastructure__filter {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 20px;
    bottom: 20px;
    z-index: 2;
    overflow: hidden;
}

.apartment-infrastructure__filter .swiper {
    overflow: visible;
}

.apartment-infrastructure__content:not(._active), .apartment-infrastructure__filter:not(._active) {
    display: none !important;
}

.apartment-infrastructure__filter.hide {
    display: none !important;
}

.apartment-infrastructure__map {
    width: 100%;
    position: relative;
}

@media (max-width: 600px) {
    .apartment-infrastructure__map {
        border-radius: 0;
    }
}

.apartment-infrastructure .plan {
    overflow: hidden;
    border-radius: 32px;
}

@media (max-width: 600px) {
    .apartment-infrastructure .plan {
        border-radius: 0;
    }
}

.apartment-infrastructure .map-apartment {
    width: 100%;
    height: 630px;
    border-radius: 32px;
}

@media (max-width: 1024px) {
    .apartment-infrastructure .map-apartment {
        height: 450px;
    }
}

.apartment-infrastructure .circle-house {
    width: 70px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    border: 3px solid #89AA28;
}

@media (max-width: 1000px) {
    .apartment-infrastructure .map-controls-swiper {
        display: block !important;
    }
}

.apartment-infrastructure .map-control {
    background-color: #fff;
}

.apartment-infrastructure .map-control.active {
    background-color: #89AA28;
}


.infrastructure-balloon{
    font-size: 14px;
    max-width: 340px;
}

@media (max-width: 460px) {
    .infrastructure-balloon{
        max-width:66vw;
        font-size: 12px;
    }
}

.infrastructure-balloon__head{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 16px;
}

.infrastructure-balloon__address{
    margin-bottom: 10px;
    font-weight: 600;
}

.infrastructure-balloon__head img {
    width: 60px;
    height: auto;
    display: block;
}

.infrastructure-balloon__head p {
    font-weight: 600;
}

.infrastructure-balloon__dates{
    margin-bottom: 10px;
}

.infrastructure-balloon__phones{
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #89AA28;
    margin-bottom: 10px;
}
.infrastructure-balloon__phones a {
    color: #89AA28;
}


.infrastructure-balloon__text{
    padding: 6px;
    border-radius: 10px;
    background-color: #F5F5F7;
}




/* MODAL BOOKLET START */


.booklet {
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.modal-booklet .callback__success .callback__return, .modal-booklet .callback__err .callback__return {
    margin: 40px auto 0;
}

.modal-booklet .callback__success .callback__title,
.modal-booklet .callback__success p,
.modal-booklet .callback__err .callback__title,
.modal-booklet .callback__err p {
    text-align: center;
}

.modal-booklet .modal-inner {
    padding: 40px;
}

.modal-booklet .modal__close {
    top: 17px;
    right: 17px;
    width: 30px;
    height: 30px;
}

.modal-booklet .modal__close svg {
    fill: #8B8B8B;
}

.modal-booklet .callback__form_check {
    font-size: 14px;
    margin: 0;
}

.modal-booklet .callback__form_check a {
    text-decoration: none;
}

.booklet {
}

.booklet__main {

}

.booklet__title {
    color: #89AA28;
    margin-bottom: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 32px;
}

.booklet__text {
    text-align: center;
    margin-bottom: 32px;
}

.booklet__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.booklet__form .callback__form_inp {
    width: 100%;
}

@media (max-width: 768px) {
    .modal-booklet .modal-inner {
        margin-top: auto;
        border-radius: 20px 20px 0 0;
        padding: 24px 16px;
        transform: translateY(100%);
        transition: transform 0.3s;
    }

    .modal-booklet.show-modal .modal-inner {
        transform: translateY(0);
    }

    .modal-booklet .modal__close {
        width: 24px;
        height: 24px;
        top: 8px;
        right: 8px;
    }

    .booklet__title {
        color: #1D1D1F;
        font-size: 22px;
        text-align: left;
    }

    .booklet__text {
        font-size: 14px;
        line-height: 130%;
        margin-bottom: 24px;
        text-align: left;
    }
}

@media screen and (max-width: 450px) {
    .booklet {
        width: 100%;
        margin-left: 0;
        gap: 0;
    }
}


/* MODAL BOOKLET END */



/* End */
/* /local/templates/new_template_newbor/css/custom_ml.css?17828248885195 */
/* /local/templates/new_template_newbor/fonts/fonts.family-Inter.css?17461714122185 */
/* /local/templates/new_template_newbor/components/bitrix/menu/top_horizontal_multilevel/style.css?173027804822 */
/* /local/templates/new_template_newbor/components/bitrix/menu/top_horizontal_multilevel_mobile/style.css?1749569335293 */
/* /local/templates/new_template_newbor/components/bitrix/form.result.new/new_form_telegram_bot/style.css?17828248884781 */
/* /local/templates/new_template_newbor/components/bitrix/news.detail/cookies_info/style.css?176622295936006 */
/* /local/templates/new_template_newbor/components/bitrix/form.result.new/new_form_telegram_bot_mobile/style.css?1730278048262 */
/* /local/templates/new_template_newbor/components/bitrix/form.result.new/new_callback/style.css?1730278048262 */
/* /local/templates/new_template_newbor/styles.css?178032287356 */
/* /local/templates/new_template_newbor/libs/intlTelInput.min.css?173027804820109 */
/* /local/templates/new_template_newbor/libs/simplebar.min.css?17302780483268 */
/* /local/templates/new_template_newbor/libs/swiper.min.css?173027804816467 */
/* /local/templates/new_template_newbor/css/quiz.css?171508566836228 */
/* /local/templates/new_template_newbor/css/fonts.css?17828248885434 */
/* /local/templates/new_template_newbor/css/reset.css?17828248888527 */
/* /local/templates/new_template_newbor/css/critical.css?1782827965626725 */
/* /local/templates/new_template_newbor/css/modal-lead.css?178282488811357 */
/* /local/templates/new_template_newbor/css/custom.css?178282488855656 */
/* /local/templates/new_template_newbor/redizain_css/genplan.css?178282488832366 */
/* /local/templates/new_template_newbor/redizain_css/new-house.css?178282488828543 */
/* /local/templates/new_template_newbor/redizain_css/new-style.css?178282488846494 */