/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-logo/style.css?174057421282*/
@media (max-width: 1023px) {
    .header__logo-icon {
        width: 40px;
    }
}
/* End */


/* Start:/local/templates/solution-redesign/styles.css?17405742136187*/
.parking img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}

.parking img + * {
    margin-top: 30px;
}

.parking__img {
    height: 100%;
    width: 100%;
}

@media (max-width: 1439px) {
    .parking__img {
        height: 560px;
    }
}

@media (max-width: 1023px) {
    .parking__img {
        height: 240px;
    }
}


.parking__info {
    height: 100%;
}

@media (max-width: 1439px) {
    .parking__info {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 1023px) {
    .parking__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 1439px) {
    .parking__info > * {
        height: 300px;
        max-height: 300px;
        width: calc(50% - 15px);
    }
}

@media (max-width: 1023px) {
    .parking__info > * {
        height: 240px;
        max-height: 240px;
        width: 100%;
    }
}

@media (max-width: 1439px) {
    .parking__info > *:last-child {
        margin-top: 0;
        margin-left: 30px;
    }
}

@media (max-width: 1023px) {
    .parking__info > *:last-child {
        margin-left: 0;
        margin-top: 24px;
    }
}

.parking__info-card {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(50% - 15px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f0f8ff;
    border-radius: 4px;
}

.parking__info-img {
    width: 100%;
}

@media (max-width: 1439px) {
    .parking__info-img {
        width: calc(50% - 15px);
    }
}

@media (max-width: 1023px) {
    .parking__info-img {
        width: 100%;
    }
}

.parking__info-title {
    font-size: 72px;
    line-height: 80px;
    font-weight: bold;
    color: #008bf8;
}

@media (min-width: 0) {
    .parking__info-desc {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }
}

@media (min-width: 768px) {
    .parking__info-desc {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }
}

@media (min-width: 1024px) {
    .parking__info-desc {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
    }
}

@media (min-width: 1440px) {
    .parking__info-desc {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
    }
}


.section__header-title {
    font-weight: 700;
    color: var(--c-gray-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0) {
    .section__header-title {
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 38px;
    }
}

@media (min-width: 1024px) {
    .section__header-title {
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
    }
}

@media (min-width: 1440px) {
    .section__header-title {
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        line-height: 40px;
    }
}

@media (min-width: 1920px) {
    .section__header-title {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
    }
}

.section__header-title + * {
    margin-top: 16px;
}

.section__header-desc {
    max-width: 67%;
}

.section__header-desc + * {
    margin-top: 24px;
}

@media (min-width: 0) {
    .section__header-desc {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--c-gray-100);
    }
}

@media (min-width: 768px) {
    .section__header-desc {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: var(--c-gray-100);
    }
}

@media (min-width: 1024px) {
    .section__header-desc {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
    }
}

@media (min-width: 1440px) {
    .section__header-desc {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: var(--c-gray-100);
    }
}

@media (min-width: 1920px) {
    .section__header-desc {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: var(--c-gray-100);
    }
}

@media (max-width: 1023px) {
    .section__header-desc {
        max-width: 100%;
    }
}

.section + .section--concat {
    position: relative;
    z-index: 2;
}

.section + .section--mt-40 {
    margin-top: 40px;
}

.section + .section--mt-32 {
    margin-top: 32px;
}

@media (max-width: 1023px) {
    .section + .section--mt-32 {
        margin-top: 24px;
    }
}

.header__logo,
.footer__logo {
    position: relative;
}

.header__logo-link,
.footer__logo-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.favorites__empty {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.favorites__empty-text {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: var(--c-gray-100);
}

@media (max-width: 1023px) {
    .favorites__empty-text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.favorites__header {
    margin-bottom: 24px;
}


.section-popular {
    padding-bottom: 120px;
}

@media (max-width: 1919px) {
    .section-popular {
        padding-bottom: 80px;
    }
}

@media (max-width: 1439px) {
    .section-popular {
        padding-bottom: 64px;
    }
}

@media (max-width: 1023px) {
    .section-popular {
        padding-bottom: 56px;
    }
}
/* End */


/* Start:/local/templates/solution-redesign/template_styles.css?1750142277125872*/
@font-face {
    font-family: "Simplon PZSP Mono Alt";
    src: local("Simplon PZSP Mono Alt Bold"), local("Simplon-PZSP-Mono-Alt_Bold"), url("/local/templates/solution-redesign/./static/fonts/SimplonPZSPMono-Alt.woff2") format("woff2"), url("/local/templates/solution-redesign/./static/fonts/SimplonPZSPMono-Alt.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Simplon PZSP Mono Base";
    src: local("Simplon PZSP Mono Base Bold"), local("Simplon-PZSP-Mono-Base_Bold"), url("/local/templates/solution-redesign/./static/fonts/SimplonPZSPMono-Base.woff2") format("woff2"), url("/local/templates/solution-redesign/./static/fonts/SimplonPZSPMono-Base.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Simplon PZSP";
    src: local("Simplon PZSP Regular"), local("Simplon-PZSP_Regular"), url("/local/templates/solution-redesign/./static/fonts/SimplonPZSP-Regular.woff2") format("woff2"), url("/local/templates/solution-redesign/./static/fonts/SimplonPZSP-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --c-primary: #4acbdd;
    --c-primary-dark: #00a6bd;
    --c-primary-light: #eaf6f8;
    --c-secondary: #000000;
    --c-success: #019907;
    --c-error: #ff4139;
    --c-error-bg: #fff3f0;
    --c-background: #ff9201;
    --c-gray-10: #ffffff;
    --c-gray-20: #f5f5f5;
    --c-gray-30: #ededed;
    --c-gray-40: #e0e0e0;
    --c-gray-50: #c2c2c2;
    --c-gray-60: #9e9e9e;
    --c-gray-70: #757575;
    --c-gray-80: #616161;
    --c-gray-90: #363534;
    --c-gray-100: #0c0c0c;
    --banner-gradient: linear-gradient(180deg, rgba(0, 18, 60, 0.40) 4.97%, rgba(0, 17, 55, 0.15) 20.00%, rgba(0, 16, 52, 0.06) 38.26%, rgba(0, 15, 48, 0.00) 52.74%, rgba(0, 13, 42, 0.06) 61.07%, rgba(1, 13, 41, 0.15) 70.18%, rgba(1, 12, 37, 0.40) 100%);
    --shadow-1: 0 4px 4px rgba(142, 141, 208, 0.16);
    --c-badge-dark-solid: rgba(12, 12, 12, 0.5);
    --c-badge-dark-outline: #121212;
    --c-badge-light-solid: rgba(255, 255, 255, 0.5);
    --c-remark-yellow: #fbcd00;
    --c-remark-blue: #091e2b;
    --c-radio-primary-dot: url("data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"%23009DDC\"/></svg>");
    --group-filter-width: 231px;
    --view-filter-width: 211px;
}

/* remark normalize start */

input, textarea, select, button, a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: none;
    border: none;
    margin: unset;
    padding: unset;
    text-decoration: none;
    box-shadow: none;
    color: initial;
}

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

*:hover, *:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

*:focus-visible,
*:focus {
    outline: unset;
}

html, body {
    height: 100%;
}

html body {
    display: flex;
    flex-direction: column;
    font-family: "Simplon PZSP", sans-serif;
    font-weight: 400;
    color: var(--c-gray-100);
}

h1, h2, h3, h4, h5, p, span, ul, ol, li, a {
    margin: 0;
    padding: 0;
}

:not(html, body)::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
}

/* Цвет полосы прокрутки */
:not(html, body)::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-40);
    border-radius: 4px;
}

/* Цвет полосы прокрутки при наведении */
:not(html, body)::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-gray-60);
}

/* remark normalize end */
/* typography section start */

h1, .h1 {
    font-family: "Simplon PZSP Mono Base", sans-serif;
    font-weight: 700;
    font-size: 84px;
    line-height: 92px;
}

h2, .h2 {
    font-family: "Simplon PZSP Mono Base", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

h3, .h3 {
    font-family: "Simplon PZSP Mono Base", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
}

h4, .h4,
a.h4,
.swiper-nav__pagination,
.link.link--phone {
    font-family: "Simplon PZSP Mono Base", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

p.numb, .numb {
    font-family: "Simplon PZSP Mono Base", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -3.2px;
}

p.r1, .r1,
p.r2, .r2,
p.r3, .r3,
p.r4, .r4,
a.r1,
a.r2,
a.r3,
a.r4,
.select-dropdown__item {
    font-weight: 400;
}

p.m1, .m1,
p.m2, .m2,
p.m3, .m3,
p.m4, .m4,
a.m1,
a.m2,
a.m3,
a.m4,
.link,
.tab,
.tag,
.checkbox-tag__label,
.filter-checkbox__label,
.input-wrap__field,
.input-wrap__label,
.filter-checkbox-list__label,
.select-wrap__label,
.slider__input-label,
.slider__input,
.slider-wrap__label,
.badge-wrap__label,
.toggle-checkbox__label,
.toggle-checkbox__sublabel,
.choice-list-panel__counter,
.badge--large,
.badge--medium,
.badge--large.badge--responsive,
.badge--small,
.map-list__item,
button.button.button--extended {
    font-weight: 400;
}

p.r1, .r1,
p.m1, .m1,
a.m1, a.r1,
.checkbox-tag__label,
.filter-checkbox__label,
.input-wrap__field,
.slider__input-label,
.slider__input,
.map-list__item,
button.button.button--extended {
    font-size: 18px;
    line-height: 26px;
}

p.r2, .r2,
p.m2, .m2,
a.m2, a.r2,
.link,
.tab--large .tab,
.input-wrap__label,
.filter-checkbox-list__label,
.select-dropdown__item,
.select-wrap__label,
.slider-wrap__label,
.badge-wrap__label,
.toggle-checkbox__label,
.toggle-checkbox__sublabel,
.choice-list-panel__counter,
.badge--large {
    font-size: 16px;
    line-height: 24px;
}

p.r3, .r3,
p.m3, .m3,
a.m3, a.r3,
.tab-small .tab,
.badge--medium,
.tag {
    font-size: 14px;
    line-height: 20px;
}

p.r4, .r4,
p.m4, .m4,
a.m4, a.r4,
.badge--large.badge--responsive,
.badge--small {
    font-size: 12px;
    line-height: 16px;
}

@media (max-width: 1919px) {
    h1, .h1 {
        font-size: 72px;
        line-height: 80px;
    }

    h2, .h2 {
        font-size: 36px;
        line-height: 40px;
    }

    h3, .h3 {
        font-size: 26px;
        line-height: 32px;
    }

    h4, .h4,
    a.h4,
    .swiper-nav__pagination,
    .link.link--phone {
        font-size: 22px;
        line-height: 26px;
    }

    p.numb, .numb {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -2.56px;
    }

    p.to-m4 {
        font-size: 12px;
        line-height: 16px;
    }

    p.to-r3 {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1439px) {
    h1, .h1 {
        font-size: 48px;
        line-height: 56px;
    }

    h2, .h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h3, .h3 {
        font-size: 24px;
        line-height: 32px;
    }

    p.numb, .numb {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -2.08px;
    }

    .tab--large.tab--responsive .tab {
        font-size: 14px;
        line-height: 20px;
    }

    p.r1-r3 {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1023px) {
    h1, .h1 {
        font-size: 36px;
        line-height: 46px;
    }

    h2, .h2 {
        font-size: 28px;
        line-height: 38px;
    }

    h3, .h3 {
        font-size: 22px;
        line-height: 32px;
    }

    h4, .h4,
    a.h4,
    .swiper-nav__pagination,
    .link.link--phone,
    h3.to-h4 {
        font-size: 18px;
        line-height: 22px;
    }

    p.numb, .numb {
        letter-spacing: unset;
    }

    p.r1, .r1,
    p.m1, .m1,
    a.m1, a.r1,
    .checkbox-tag__label,
    .filter-checkbox__label,
    .input-wrap__field,
    .slider__input-label,
    .slider__input,
    .map-list__item,
    button.button.button--extended {
        font-size: 16px;
        line-height: 24px;
    }

    p.r2, .r2,
    p.m2, .m2,
    a.m2, a.r2,
    .link,
    .tab--large .tab,
    .input-wrap__label,
    .filter-checkbox-list__label,
    .select-wrap__label,
    .badge-wrap__label,
    .toggle-checkbox__label,
    .toggle-checkbox__sublabel,
    .choice-list-panel__counter,
    .select-dropdown__item,
    .badge--large {
        font-size: 14px;
        line-height: 20px;
    }

    p.r3, .r3,
    p.m3, .m3,
    a.m3, a.r3,
    .tab-small .tab,
    .badge--medium,
    .tag,
    p.to-r3,
    p.r1-r3 {
        font-size: 12px;
        line-height: 16px;
    }

    p.r4, .r4,
    p.m4, .m4,
    a.m4, a.r4,
    .badge--large.badge--responsive,
    .badge--small,
    p.to-m4 {
        font-size: 10px;
        line-height: 14px;
    }
}

/* typography section end */
/* buttons section start */

.button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    border: 1px solid transparent;
    border-radius: 44px;
    white-space: nowrap;
    cursor: pointer;
    font-family: "Simplon PZSP Mono Base", sans-serif;
    font-weight: 700;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button.button--mobile {
    display: none;
}

.button.button--large {
    padding: 15px 31px;
    font-size: 18px;
    line-height: 26px;
}

.button.button--normal {
    padding: 11px 23px;
    font-size: 16px;
    line-height: 24px;
}

.button.button--icon {
    gap: 8px;
}

.button svg {
    width: 24px;
    height: 24px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button svg *[fill] {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button.button--normal svg {
    width: 16px;
    height: 16px;
}

.button.button--primary {
    color: var(--c-gray-100);
    background-color: var(--c-primary);
}

.button.button--primary svg *[fill] {
    fill: var(--c-gray-100);
}

.button.button--primary:hover {
    color: var(--c-gray-10);
    background-color: var(--c-primary-dark);
}

.button.button--primary:hover svg *[fill] {
    fill: var(--c-gray-10);
}

.button.button--primary:focus-visible {
    border-color: var(--c-gray-100);
}

.button.button--primary.disabled,
.button.button--primary:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--c-gray-60);
    background-color: var(--c-primary-light);
}

.button.button--primary.disabled svg *[fill],
.button.button--primary:disabled svg *[fill] {
    fill: var(--c-gray-60);
}

.button.button--large.button--secondary,
.button.button--normal.button--secondary {
    padding: unset;
    border: unset;
}

.button.button--secondary {
    color: var(--c-primary-dark);
    background-color: transparent;
}

.button.button--secondary svg *[fill] {
    fill: var(--c-primary-dark);
}

.button.button--secondary:hover {
    color: var(--c-primary);
}

.button.button--secondary:hover svg *[fill] {
    fill: var(--c-primary);
}

.button.button--secondary:focus-visible {
    color: var(--c-gray-100);
}

.button.button--secondary:focus-visible svg *[fill] {
    fill: var(--c-gray-100);
}

.button.button--secondary.disabled,
.button.button--secondary:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--c-gray-40);
}

.button.button--secondary.disabled svg *[fill],
.button.button--secondary:disabled svg *[fill] {
    fill: var(--c-gray-40);
}

.button.button--gray {
    color: var(--c-primary);
    background-color: var(--c-primary-light);
}

.button.button--gray svg *[fill] {
    fill: var(--c-primary);
}

.button.button--gray:hover {
    color: var(--c-gray-10);
    background-color: var(--c-primary);
}

.button.button--gray:hover svg *[fill] {
    fill: var(--c-gray-10);
}

.button.button--gray:focus-visible {
    color: var(--c-primary);
    border-color: var(--c-primary);
}

.button.button--gray:focus-visible svg *[fill] {
    fill: var(--c-primary);
}

.button.button--gray.disabled,
.button.button--gray:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--c-gray-70);
    background-color: var(--c-primary-light);
    opacity: .5;
}

.button.button--gray.disabled svg *[fill],
.button.button--gray:disabled svg *[fill] {
    fill: var(--c-gray-70);
}

.button.button--stroke {
    color: var(--c-gray-100);
    background-color: transparent;
    border-color: var(--c-primary);
}

.button.button--stroke svg *[fill] {
    fill: var(--c-gray-100);
}

.button.button--stroke:not(.no-hover):hover {
    color: var(--c-primary);
}

.button.button--stroke:not(.no-hover):hover svg *[fill] {
    fill: var(--c-primary);
}

.button.button--stroke:focus-visible {
    color: var(--c-gray-100);
    border-color: var(--c-gray-100);
}

.button.button--stroke:focus-visible svg *[fill] {
    fill: var(--c-gray-100);
}

.button.button--stroke.disabled,
.button.button--stroke:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--c-gray-10);
    background-color: var(--c-primary);
    opacity: .3;
}

.button.button--stroke.disabled svg *[fill],
.button.button--stroke:disabled svg *[fill] {
    fill: var(--c-gray-10);
}

.button.button--icon-only {
    border-radius: 50%;
    min-height: 52px;
    min-width: 52px;
    max-height: 52px;
    max-width: 52px;
}

.button.button--icon-only.button--large {
    padding: 13px;
}

.button.button--secondary.button--icon-only.button--large {
    padding: 14px;
}

.button.button--icon-only.button--large svg {
    width: 24px;
    height: 24px;
}

.button.button--icon-only.button--normal {
    padding: 7px;
}

.button.button--secondary.button--icon-only.button--normal {
    padding: 8px;
}

.button.button--icon-only.button--normal svg {
    width: 16px;
    height: 16px;
}

.button.button--icon-only.button--stroke:not(.no-hover):hover {
    background-color: var(--c-primary);
}

.button.button--icon-only.button--stroke:not(.no-hover):hover svg *[fill] {
    fill: var(--c-gray-100);
}

.button.button--icon-only.button--secondary {
    background-color: var(--c-gray-10);
}

.button.button--icon-only.button--secondary svg *[fill] {
    fill: var(--c-primary);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button.button--icon-only.button--secondary:hover {
    background-color: var(--c-primary-dark);
}

.button.button--icon-only.button--secondary:hover svg *[fill] {
    fill: var(--c-gray-10);
}

.button.button--icon-only.button--secondary:focus-visible {
    background-color: var(--c-gray-40);
}

.button.button--icon-only.button--secondary:focus-visible svg *[fill] {
    fill: var(--c-primary-dark);
}

.button.button--icon-only.button--secondary.disabled,
.button.button--icon-only.button--secondary:disabled {
    background-color: var(--c-primary);
    opacity: .3;
}

.button.button--icon-only.button--secondary.disabled svg *[fill],
.button.button--icon-only.button--secondary:disabled svg *[fill] {
    fill: var(--c-gray-10);
}

@media (max-width: 1439px) {
    .button.button--large.button--responsive {
        padding: 11px 23px;
        font-size: 16px;
        line-height: 24px;
        height: 58px;
    }

    .button.button--large.button--responsive svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1023px) {
    .button.button--mobile {
        display: flex;
    }

    .button.button--secondary.button--icon-only.button--large.button--responsive {
        padding: 8px;
    }

    .button.button--icon-only.button--large.button--responsive svg {
        width: 24px;
        height: 24px;
    }
}

/* buttons section end */
/* links section start */

a.link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--c-primary-dark);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

a.link svg * {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

a.link:hover {
    color: var(--c-primary);
}

a.link:hover svg *[fill] {
    fill: var(--c-primary);
}

a.link.link--colored {
    color: var(--c-gray-100);
}

a.link.link--colored:hover {
    color: var(--c-gray-10);
    opacity: .6;
}

/* links section end */
/* tabs section start */

.tab-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    border-radius: 32px;
    background-color: var(--c-primary-light);
    max-width: 100%;
    overflow: auto;
}

.tab--large .tab {
    padding: 12px 24px;
}

.tab--small .tab {
    padding: 8px 16px;
}

.tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--c-gray-90);
    border-radius: 32px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.tab:not(.active):hover {
    color: var(--c-primary);
}

.tab.active {
    color: var(--c-gray-100);
    background-color: var(--c-primary);
}

@media (max-width: 1439px) {
    .tab--large.tab--responsive .tab {
        padding: 8px 16px;
    }
}

/* tabs section end */
/* pagination section start */

.pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pagination-pages {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pagination-pages__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 26px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.pagination-pages__item[href] {
    cursor: pointer;
}

.pagination-pages__item:not(.active)[href]:hover {
    color: var(--c-primary);
    background-color: var(--c-primary-light);
}

.pagination-pages__item.active {
    color: var(--c-gray-100);
    background-color: var(--c-primary);
}

/* pagination section end */
/* controls section start */

.checkbox-tags-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.checkbox-tag__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    border-radius: 16px;
    background-color: var(--c-primary-light);
    color: var(--c-gray-100);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.checkbox-tag__label:hover {
    background-color: var(--c-primary-dark);
    color: var(--c-gray-10);
}

.checkbox-tag__input:checked + .checkbox-tag__label {
    background-color: var(--c-primary);
    color: var(--c-gray-10);
}

.checkbox-tag__input:disabled + .checkbox-tag__label {
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--c-primary-light);
    color: var(--c-gray-50);
}

.custom-checkbox,
.custom-radio,
.toggle-checkbox {
    display: flex;
    width: fit-content;
}

.filter-checkbox {
    display: flex;
    width: 100%;
}

.custom-checkbox.custom-checkbox--left,
.custom-radio.custom-radio--left,
.toggle-checkbox.toggle-checkbox--left {
    width: 100%;
}

.custom-checkbox__input,
.custom-radio__input,
.toggle-checkbox__input,
.checkbox-tag__input,
.filter-checkbox__input {
    display: none;
}

.custom-checkbox__label,
.custom-radio__label,
.toggle-checkbox__label,
.select-wrap--multi .select-dropdown__item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 34px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.custom-checkbox.custom-checkbox--left .custom-checkbox__label,
.custom-radio.custom-radio--left .custom-radio__label,
.toggle-checkbox.toggle-checkbox--left .toggle-checkbox__label {
    padding: 0;
    width: 100%;
}

.toggle-checkbox.toggle-checkbox--left .toggle-checkbox__sublabel {
    margin: 0 0 0 8px;
    cursor: pointer;
}

.toggle-checkbox__label,
.toggle-checkbox__sublabel {
    color: var(--c-gray-80);
}

.custom-checkbox:not(.custom-checkbox--left) .custom-checkbox__label::before,
.select-wrap--multi .select-dropdown__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    outline: 2px solid transparent;
    border: 1px solid var(--c-gray-50);
    background-color: var(--c-gray-10);
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.custom-checkbox.custom-checkbox--left .custom-checkbox__label::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    outline: 2px solid transparent;
    border: 1px solid var(--c-gray-50);
    background-color: var(--c-gray-10);
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.custom-checkbox__input:checked ~ .custom-checkbox__label::before,
.custom-checkbox__input:checked ~ .custom-checkbox__label::after,
.select-wrap--multi .select-dropdown__item.active::before {
    border-color: var(--c-primary);
    background-color: var(--c-primary);
}

.custom-checkbox__input:disabled ~ .custom-checkbox__label,
.filter-checkbox__input:disabled ~ .filter-checkbox__label,
.custom-radio__input:disabled ~ .custom-radio__label,
.toggle-checkbox__input:disabled ~ .toggle-checkbox__label {
    cursor: not-allowed;
    pointer-events: none;
}

.custom-checkbox.has-error .custom-checkbox__input:not(:checked) ~ .custom-checkbox__label::before,
.custom-checkbox.has-error .custom-checkbox__input:not(:checked) ~ .custom-checkbox__label::after,
.custom-radio.has-error .custom-radio__input:not(:checked) ~ .custom-radio__label::before,
.custom-radio.has-error .custom-radio__input:not(:checked) ~ .custom-radio__label::after {
    border-color: var(--c-error);
}

.custom-checkbox__input:disabled:checked ~ .custom-checkbox__label::before {
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"%23C2C2C2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
}

.filter-checkbox-list {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.filter-checkbox__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 58px;
    background-color: var(--c-primary-light);
    border-radius: 16px;
    outline: 1px solid transparent;
    outline-offset: -1px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.filter-checkbox__label:hover {
    outline-color: var(--c-primary);
}

.filter-checkbox__input:checked ~ .filter-checkbox__label {
    background-color: var(--c-primary);
}

.filter-checkbox__input:disabled ~ .filter-checkbox__label {
    background-color: var(--c-primary-light);
    color: var(--c-gray-50);
}

.custom-radio:not(.custom-radio--left) .custom-radio__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    outline: 2px solid transparent;
    border: 1px solid var(--c-gray-50);
    background-color: var(--c-gray-10);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"white\"/></svg>");
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.custom-radio.custom-radio--left .custom-radio__label::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    outline: 2px solid transparent;
    border: 1px solid var(--c-gray-50);
    background-color: var(--c-gray-10);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"white\"/></svg>");
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.custom-radio__input:checked ~ .custom-radio__label::before,
.custom-radio__input:checked ~ .custom-radio__label::after {
    border-color: var(--c-primary);
    background-image: var(--c-radio-primary-dot);
}

.custom-radio__input:disabled:checked ~ .custom-radio__label::before {
    background-image: url("data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"%23C2C2C2\"/></svg>");
}

.custom-checkbox:hover .custom-checkbox__input:not(:disabled) ~ .custom-checkbox__label::before,
.custom-checkbox:hover .custom-checkbox__input:not(:disabled) ~ .custom-checkbox__label::after,
.custom-radio:hover .custom-radio__input:not(:disabled) ~ .custom-radio__label::before,
.custom-radio:hover .custom-radio__input:not(:disabled) ~ .custom-radio__label::after {
    border-color: var(--c-primary);
}

.custom-checkbox__input:disabled ~ .custom-checkbox__label::before,
.custom-checkbox__input:disabled ~ .custom-checkbox__label::after,
.custom-radio__input:disabled ~ .custom-radio__label::before,
.custom-radio__input:disabled ~ .custom-radio__label::after {
    border-color: var(--c-primary-light);
    background-color: var(--c-primary-light);
    background-image: unset;
}

.toggle-checkbox__label {
    padding: 0 0 0 58px;
}

.toggle-checkbox:not(.toggle-checkbox--left) .toggle-checkbox__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 24px;
    border-radius: 12px;
    outline: 2px solid transparent;
    background-color: var(--c-gray-50);
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\"/></svg>");
    background-position: 4px 4px;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.toggle-checkbox.toggle-checkbox--left .toggle-checkbox__label::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 24px;
    border-radius: 12px;
    outline: 2px solid transparent;
    background-color: var(--c-gray-50);
    background-image: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"white\"/></svg>");
    background-position: 4px 4px;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.toggle-checkbox:hover .toggle-checkbox__input:not(:disabled) ~ .toggle-checkbox__label::before,
.toggle-checkbox:hover .toggle-checkbox__input:not(:disabled) ~ .toggle-checkbox__label::after {
    box-shadow: var(--shadow-1);
}

.toggle-checkbox__input:checked ~ .toggle-checkbox__label::before,
.toggle-checkbox__input:checked ~ .toggle-checkbox__label::after {
    background-color: var(--c-primary);
    background-position: 28px 4px;
}

.toggle-checkbox__input:disabled ~ .toggle-checkbox__label::before,
.toggle-checkbox__input:disabled ~ .toggle-checkbox__label::after {
    background-color: var(--c-primary-light);
}

.toggle-checkbox__input:disabled:checked ~ .toggle-checkbox__label::before {
    background-position: 28px 4px;
}

.custom-checkbox:focus-visible .custom-checkbox__label::before,
.custom-checkbox__input:focus-visible ~ .custom-checkbox__label::before,
.custom-checkbox__label:focus-visible::before,
.custom-checkbox:focus-visible .custom-checkbox__label::after,
.custom-checkbox__input:focus-visible ~ .custom-checkbox__label::after,
.custom-checkbox__label:focus-visible::after,
.custom-radio:focus-visible .custom-radio__label::before,
.custom-radio__input:focus-visible ~ .custom-radio__label::before,
.custom-radio__label:focus-visible::before,
.custom-radio:focus-visible .custom-radio__label::after,
.custom-radio__input:focus-visible ~ .custom-radio__label::after,
.custom-radio__label:focus-visible::after,
.toggle-checkbox:focus-visible .toggle-checkbox__label::before,
.toggle-checkbox__input:focus-visible ~ .toggle-checkbox__label::before,
.toggle-checkbox__label:focus-visible::before,
.toggle-checkbox:focus-visible .toggle-checkbox__label::after,
.toggle-checkbox__input:focus-visible ~ .toggle-checkbox__label::after,
.toggle-checkbox__label:focus-visible::after {
    outline: 2px solid var(--c-secondary);
}

@media (max-width: 1919px) {
    .filter-checkbox-list {
        gap: 4px;
    }
}

@media (max-width: 1439px) {
    .filter-checkbox-list {
        gap: 8px;
    }
}

/* controls section end */
/* inputs section start */

.input-wrap,
.select-wrap,
.checkbox-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-wrap__label,
.select-wrap__label,
.filter-checkbox-list__label,
.slider-wrap__label,
.badge-wrap__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: var(--c-gray-60);
}

.input-wrap__field {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 58px;
    padding: 14px 22px;
    border: 1px solid transparent;
    border-radius: 16px;
    background-color: var(--c-primary-light);
    color: var(--c-gray-60);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.input-wrap__field::placeholder {
    color: var(--c-gray-60);
}

.input-wrap__field:focus,
.input-wrap__field:hover {
    border-color: var(--c-primary);
}

.input-wrap__field:disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--c-gray-10);
    border-color: var(--c-gray-40);
}

.input-wrap__field.has-error {
    border-color: var(--c-error);
    background-color: var(--c-error-bg);
    color: var(--c-error);
}

.input-wrap__field.has-valid,
.input-wrap__field[value] {
    color: var(--c-gray-100);
}

.select-wrap,
.button-sort,
.button--mobile-sort {
    position: relative;
}

.button.button-sort {
    color: var(--c-primary);
}

.button.button-sort:hover {
    color: var(--c-primary-dark);
}

.button.button-sort:hover svg *[fill] {
    fill: var(--c-primary-dark);
}

.button--mobile-sort {
    width: 100%;
}

.select-field {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 58px;
    padding: 14px 22px;
    border: 1px solid transparent;
    border-radius: 16px;
    background-color: var(--c-primary-light);
    color: var(--c-gray-100);
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.select-field svg {
    position: absolute;
    top: 17px;
    right: 24px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.select-field svg *[fill] {
    fill: var(--c-gray-100);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.select-field:hover,
.select-wrap.active .select-field {
    border-color: var(--c-primary);
}

.select-field:hover svg *[fill] {
    fill: var(--c-primary);
}

.select-wrap.active .select-field svg,
.button-sort.active .button-sort-field svg,
.button--mobile-sort.active button svg {
    transform: rotate(180deg);
}

.select-field.disabled,
.select-field:disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--c-gray-10);
    border-color: var(--c-gray-40);
    color: var(--c-gray-60);
}

.select-field.disabled svg *[fill],
.select-field:disabled svg *[fill] {
    fill: var(--c-gray-60);
}

.select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    width: 100%;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 16px;
    border: 1px solid var(--c-gray-30);
    background-color: var(--c-gray-10);
    box-shadow: var(--shadow-1);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .2s, opacity .2s;
}

.button-sort .select-dropdown {
    min-width: 245px;
}

.select-wrap.active .select-dropdown,
.button-sort.active .select-dropdown,
.button--mobile-sort.active .select-dropdown {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scaleY(1);
}

.select-dropdown__item {
    padding: 12px 16px;
    color: var(--c-gray-100);
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.select-wrap--multi .select-dropdown__item,
.select-wrap--multi .select-dropdown__item:first-child {
    padding: 12px 16px 12px 50px;
}

.select-wrap--multi .select-dropdown__item::before {
    top: 12px;
    left: 16px;
}

.select-dropdown__item:first-child {
    padding: 11px 15px 12px 15px;
}

.select-wrap:not(.select-wrap--multi) .select-dropdown__item:hover {
    color: var(--c-primary);
}

.select-wrap--multi .select-dropdown__item:hover {
    background-color: var(--c-primary-light);
}

.select-wrap:not(.select-wrap--multi) .select-dropdown__item.active,
.button-sort .select-dropdown__item.active,
.button--mobile-sort .select-dropdown__item.active {
    background-color: var(--c-primary);
    color: var(--c-gray-100);
}

.select-dropdown__item.disabled,
.select-dropdown__item:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--c-gray-60);
    display: none;
}

.slider-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.slider {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 58px;
    border-radius: 16px;
    border: 1px solid transparent;
    background-color: var(--c-primary-light);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.slider.active {
    border-color: var(--c-primary);
}

.slider.disabled {
    background-color: var(--c-gray-10);
    border-color: var(--c-gray-40);
}

.slider-track {
    position: relative;
    height: 100%;
    margin: 0 32px;
}

.slider__track {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    transform: translateY(-50%);
}

.slider__range {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--c-primary);
    transform: translateY(-50%);
}

.slider.disabled .slider__range {
    background-color: var(--c-gray-40);
}

.slider__thumb {
    position: absolute;
    top: 100%;
    width: 16px;
    height: 16px;
    background-color: var(--c-primary);
    border-radius: 50%;
    transform: translateY(-50%) translateX(-8px);
    cursor: pointer;
    -webkit-transition: width .3s ease-in-out, height .3s ease-in-out;
    transition: width .3s ease-in-out, height .3s ease-in-out;
}

.slider:not(.disabled) .slider__thumb:hover {
    width: 20px;
    height: 20px;
}

.slider.disabled .slider__thumb {
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--c-gray-40);
}

.slider__thumb--left {
    touch-action: none;
    left: 0;
}

.slider__thumb--right {
    touch-action: none;
    right: 0;
    left: 100%;
}

.slider-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 16px 24px 0 24px;
}

.slider__input-wrapper {
    display: flex;
    align-items: center;
}

.slider__input-label {
    margin-right: 4px;
    color: var(--c-gray-60);
}

.slider.disabled .slider__input-label {
    color: var(--c-gray-60);
}

.slider__input {
    width: 113px;
    overflow: hidden;
}

.slider.disabled .slider__input {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--c-gray-60);
}

.button-sort-field {
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    .input-wrap__field {
        height: 56px;
    }
}

/* inputs section end */
/* badge section start */

.badge-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.badge {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: fit-content;
    border-radius: 100px;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.badge--large {
    padding: 7px 15px;
}

.badge--medium {
    padding: 7px 13px;
}

.badge--large.badge--responsive,
.badge--small {
    padding: 3px 9px;
}

.badge--dark.badge--solid,
.badge--dark.badge--outline.active {
    background-color: var(--c-badge-dark-solid);
    color: var(--c-gray-10);
}

.badge--dark.badge--outline {
    background-color: transparent;
    border-color: var(--c-badge-dark-outline);
    color: var(--c-badge-dark-outline);
}

.badge--light.badge--solid,
.badge--light.badge--outline.active {
    background-color: var(--c-badge-light-solid);
    color: var(--c-gray-100);
}

.badge--light.badge--outline {
    background-color: transparent;
    border-color: var(--c-gray-10);
    color: var(--c-gray-10);
}

.badge--grey.badge--solid,
.badge--grey.badge--outline.active {
    background-color: var(--c-gray-30);
    color: var(--c-gray-100);
}

.badge--grey.badge--outline {
    background-color: transparent;
    border-color: var(--c-gray-40);
    color: var(--c-gray-90);
}

.badge--promo.badge--solid,
.badge--promo.badge--outline.active {
    background-color: var(--c-secondary);
    color: var(--c-gray-10);
}

.badge--promo.badge--outline {
    background-color: transparent;
    border-color: var(--c-secondary);
    color: var(--c-gray-100);
}

.badge--group.badge--solid,
.badge--group.badge--outline.active {
    background-color: var(--c-primary);
    color: var(--c-gray-10);
}

.badge--group.badge--outline {
    background-color: transparent;
    border-color: var(--c-primary);
    color: var(--c-gray-100);
}

.badge-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.badge-wrap .badge-list {
    flex-wrap: wrap;
    row-gap: 16px;
}

.badge--has-tooltip {
    position: relative;
}

/* badge section end */
/* tag section start */

.tags-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.tag {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 44px;
    background: var(--c-gray-30);
    box-shadow: 0 10px 20px -30px rgba(0, 139, 248, 0.15);
}

/* tag section end */
/* header section start */

.header {
    position: relative;
    z-index: 999;
}

.header.animated {
    transition: ease-in-out .2s;
}

.header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header.show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.header-content {
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
    width: 100%;
    height: 100%;
    max-height: 74px;
    padding: 13px 32px 12px 32px;
    border-bottom: 1px solid var(--c-gray-40);
    background-color: var(--c-gray-10);
}

.header-nav {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
}

.header-nav__item {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-nav__item:first-child {
    margin: 0 auto 0 0;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.header-nav__item.hidden {
    opacity: 0;
    visibility: hidden;
}

.header-nav__menu:not(:first-child) {
    margin: 0 0 0 24px;
}

@media (max-width: 1023px) {
    .header-nav__item{
        width: 100%;
        justify-content: center;
    }
}

.header__menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    width: 24px;
    max-width: 24px;
}

.burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 16px;
    transition: .4s ease-in-out;
}

.burger.active {
    width: 20px;
}

.burger__line {
    display: block;
    width: 100%;
    border-top: 3px solid var(--c-gray-100);
    border-radius: 3px;
    transform-origin: 50% 50%;
    transition: .4s ease-in-out;
}

.burger__line:last-child {
    width: 50%;
}

.burger__line:nth-child(2) {
    opacity: 1;
}

.burger.active .burger__line:nth-child(1) {
    animation: burger-open-top 400ms ease-in-out forwards;
}

.burger.active .burger__line:nth-child(2) {
    opacity: 0;
}

.burger.active .burger__line:nth-child(3) {
    animation: burger-open-bot 400ms ease-in-out forwards;
}

.burger.closing .burger__line:nth-child(1) {
    animation: burger-close-top 400ms ease-in-out forwards;
}

.burger.closing .burger__line:nth-child(3) {
    animation: burger-close-bot 400ms ease-in-out forwards;
}

.link.link--menu,
a.link--phone {
    color: var(--c-gray-100);
}

.link.link--sub-menu {
    color: var(--c-gray-80);
}

.toggle-menu__footer {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
}

.toggle-menu {
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s ease 0.8s, background-color 0.2s ease 0.5s;
    transition: visibility 0s ease 0.8s, background-color 0.2s ease 0.5s;
}

@media (max-width: 1919px) {
    .header-content {
        max-height: 80px;
        padding: 16px 32px 15px 32px;
    }
}

@media (max-width: 1023px) {
    .toggle-menu {
        background-color: rgba(34, 30, 38, 0);
    }
}

@media (max-width: 1023px) {
    .header-content {
        max-height: 74px;
        gap: 28px;
        padding: 21px 12px 20px 12px;
    }

    .header__menu {
        order: 3;
    }

    .toggle-menu {
        height: 100vh;
        overflow: scroll;
    }
}

.toggle-menu__content {
    overflow: hidden;
}

@media (max-width: 1023px) {
    .toggle-menu__content {
        height: max-content;
    }
}

.toggle-menu__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 56px 0;
    background-color: var(--c-gray-10);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .9s cubic-bezier(0.22, 1, 0.36, 1);
    transition: -webkit-transform .9s cubic-bezier(0.22, 1, 0.36, 1);
}

@media screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari only override */
    ::i-block-chrome, .toggle-menu__wrapper {
        padding: 16px 0 270px 0 !important;
    }
}

@media (max-width: 1023px) {
    .toggle-menu__wrapper {
        gap: 32px;
        padding: 16px 0 100px 0;
        overflow: scroll;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .toggle-menu__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
}

.toggle-menu__backdrop {
    width: 100vw;
    height: 200vh;
    background: rgba(34, 30, 38, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0.5s;
    transition: opacity 0.3s ease-in-out 0.5s;
}

@media (max-width: 1023px) {
    .toggle-menu__backdrop {
        display: none;
    }
}

.toggle-menu.active {
    -webkit-transition: background-color 0.2s ease 0s;
    transition: background-color 0.2s ease 0s;
    visibility: visible;
}

@media (max-width: 1023px) {
    .toggle-menu.active {
        background-color: rgba(34, 30, 38, 0.6);
    }
}

.toggle-menu.active .toggle-menu__wrapper {
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    transition: -webkit-transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.toggle-menu.active .toggle-menu__backdrop {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

@media (max-width: 1439px) {
    .header-nav {
        justify-content: flex-end;
    }
}

/* header section end */
/* preloader section start */

.main-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/solution-redesign/./static/img/preloader.svg);
    background-color: var(--c-gray-10);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 150px;
    -webkit-transition: all ease-in-out 150ms;
    transition: all ease-in-out 150ms;
}

.main-preloader.show {
    opacity: 1;
    z-index: 11111;
}

.preloader-logo img {
    width: 280px;
}

@media (max-width: 767px) {
    .preloader-logo img {
        width: 175px;
    }
}

.page.no-active {
    overflow: hidden;
}

/* preloader section end */
/* footer section start */

.footer {
    padding: 56px 0;
    background-color: var(--c-primary-light);
}

.footer-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
    padding: 0 0 47px 0;
    border-bottom: 1px solid var(--c-gray-50);
}

.footer-info__social {
    margin: 0 0 0 auto;
}

.footer-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 48px 0 0 0;
}

.footer-policy {
    margin: 48px 0 0 0;
}

.footer-policy p {
    max-width: 850px;
    color: var(--c-gray-60);
}

.footer__remark {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: fit-content;
    height: 100%;
    margin: 0 0 0 auto;
}

.footer__remark svg .bg,
.footer__remark svg .letters {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.footer__remark:hover svg .bg {
    fill: var(--c-remark-yellow);
}

.footer__remark:hover svg .letters {
    fill: var(--c-remark-blue);
}

@media (max-width: 1919px) {
    .footer {
        padding: 48px 0;
    }

    .footer-info {
        padding: 0 0 31px 0;
    }

    .footer-menu {
        margin: 32px 0 0 0;
    }

    .footer-policy {
        margin: 31px 0 0 0;
    }
}

@media (max-width: 1439px) {
    .footer {
        padding: 32px 0;
    }

    .footer-menu {
        flex-direction: column;
        gap: 32px;
    }
}

@media (max-width: 1023px) {
    .footer-info {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 24px;
        padding: 0 0 23px 0;
    }

    .footer-info__social {
        margin: 0 auto;
    }

    .footer-menu {
        flex-direction: column;
        gap: 32px;
        margin: 16px 0 0 0;
    }

    .footer-policy {
        margin: 24px 0 0 0;
    }

    .footer__remark {
        margin: unset;
    }
}

/* footer section end */
/* cookies section start */

.cookies {
    display: none;
}

/* cookies section end */
/* general section start */

.page__inner .section:not(.section--banner):first-child {
    padding: 48px 0 0 0;
}

.page__inner .section:not(.section--banner):first-child:last-child {
    padding: 48px 0 120px 0;
}

.section + .section {
    padding: 120px 0 0 0;
}

.section.section--only {
    padding: 120px 0 0 0;
}

.section + .section--last,
section.section:last-child {
    padding: 120px 0;
}

.section.section--primary {
    margin: 120px 0 0 0;
    padding: 120px 0;
    background-color: var(--c-primary);
}

.section.section--primary.section--last {
    margin: 120px 0;
}

.section__header h2,
.section__header .h2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.section__header + .section__body {
    margin: 32px 0 0 0;
}

.section__header.header--preview {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section__header.header--preview + .section__body {
    margin: 48px 0 0 0;
}

.section__header.header--preview p {
    max-width: 1064px;
}

.section__header.header--preview a.button {
    margin: 8px 0 0 0;
}

.card-preview {
    position: absolute;
    bottom: -318px;
    right: -384px;
    width: 768px;
    height: 636px;
    border-radius: 50%;
    overflow: hidden;
}

.card-preview img {
    width: 384px;
    height: 318px;
    object-fit: cover;
}

.overlaid {
    overflow: hidden !important;
}

.mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: none;
    background-color: var(--c-gray-100);
    opacity: .4;
}

.mobile-overlay.active {
    display: flex;
}

.mobile-button-close {
    position: absolute;
    top: -60px;
    left: calc(50% - 26px);
    display: none;
}

.hidden-gallery {
    display: none;
}

@media (max-width: 1919px) {
    .section + .section {
        padding: 80px 0 0 0;
    }

    .page__inner .section.section--last:not(.section--banner):last-child,
    .section + .section--last,
    section.section:last-child {
        padding: 80px 0;
    }

    .section.section--primary {
        margin: 80px 0 0 0;
        padding: 80px 0;
    }

    .section.section--primary.section--last {
        margin: 80px 0;
    }

    .section__header + .section__body {
        margin: 24px 0 0 0;
    }

    .card-preview {
        right: -304px;
        width: 608px;
    }

    .card-preview img {
        width: 304px;
    }

    .section__header.header--preview p {
        max-width: 966px;
    }
}

@media (max-width: 1439px) {
    .page__inner .section:not(.section--banner):first-child {
        padding: 32px 0 0 0;
    }

    .page__inner .section:not(.section--banner):first-child:last-child {
        padding: 32px 0 64px 0;
    }

    .section + .section {
        padding: 64px 0 0 0;
    }

    .page__inner .section.section--last:not(.section--banner):last-child,
    .section + .section--last,
    section.section:last-child {
        padding: 64px 0;
    }

    .section.section--primary {
        margin: 64px 0 0 0;
        padding: 64px 0;
    }

    .section.section--primary.section--last {
        margin: 64px 0;
    }

    .card-preview {
        display: none;
    }

    .section__header.header--preview p {
        max-width: 696px;
    }
}

@media (max-width: 1023px) {
    .page__inner .section:not(.section--banner):first-child {
        padding: 24px 0 0 0;
    }

    .page__inner .section:not(.section--banner):first-child:last-child {
        padding: 24px 0 56px 0;
    }

    .section + .section {
        padding: 56px 0 0 0;
    }

    .page__inner .section.section--last:not(.section--banner):last-child,
    .section + .section--last,
    section.section:last-child {
        padding: 56px 0;
    }

    .section.section--primary {
        margin: 56px 0 0 0;
        padding: 56px 0;
    }

    .section.section--primary.section--last {
        margin: 56px 0;
    }

    .section__body + a {
        width: 100%;
        margin: 24px 0 0 0;
    }

    .section--slider {
        position: relative;
        padding: 0 0 76px 0;
    }

    .section__header.header--preview a.button {
        width: 100%;
    }

    .mobile-button-close {
        display: flex;
    }

    .section--slider .section__body {
        padding: 0 0 76px 0;
    }
}

/* general section end */
/* animations section start */

@-webkit-keyframes burger-open-top {
    50% {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
        transform: translate3d(0, 7px, 0) rotate(45deg);
    }
}

@keyframes burger-open-top {
    50% {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
        transform: translate3d(0, 7px, 0) rotate(45deg);
    }
}

@-webkit-keyframes burger-open-bot {
    50% {
        width: 75%;
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    100% {
        width: 100%;
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

@keyframes burger-open-bot {
    50% {
        width: 75%;
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    100% {
        width: 100%;
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
}

@-webkit-keyframes burger-close-top {
    0% {
        -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
        transform: translate3d(0, 7px, 0) rotate(45deg);
    }
    50% {
        -webkit-transform: translate3d(0, 7px, 0) rotate(0deg);
        transform: translate3d(0, 7px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes burger-close-top {
    0% {
        -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
        transform: translate3d(0, 7px, 0) rotate(45deg);
    }
    50% {
        -webkit-transform: translate3d(0, 7px, 0) rotate(0deg);
        transform: translate3d(0, 7px, 0) rotate(0deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes burger-close-bot {
    0% {
        width: 100%;
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
    50% {
        width: 75%;
        -webkit-transform: translate3d(0, -6px, 0) rotate(0deg);
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        width: 50%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes burger-close-bot {
    0% {
        width: 100%;
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg);
    }
    50% {
        width: 75%;
        -webkit-transform: translate3d(0, -6px, 0) rotate(0deg);
        transform: translate3d(0, -6px, 0) rotate(0deg);
    }
    100% {
        width: 50%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* animations section end */
/* bitrix section start */

div#panel {
    position: relative;
    z-index: 1049;
}

div[id^=wait_] {
    display: none !important;
    background: none !important;
    border: 0 !important;
    color: var(--c-gray-100);
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal;
    letter-spacing: normal !important;
    line-height: normal;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-indent: 0 !important;
    width: 0 !important;
    height: 0 !important;
    word-spacing: normal !important;
    z-index: 0;
    content: "";
}

/* bitrix section end */
/* swiper section start */

.swiper {
    width: 100%;
}

.swiper-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px !important;
    background-color: var(--c-primary);
}

.swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: 2px !important;
}

@media (max-width: 1023px) {
    .slider-nav {
        position: absolute;
        bottom: 0;
        left: 12px;
        right: 12px;
    }

    .construction-filter .slider-nav {
        bottom: -32px;
    }

    .diary-filter .slider-nav {
        bottom: -32px;
    }

    .slider-nav .swiper-nav {
        width: fit-content;
        margin: 0 auto;
    }
}

/* swiper section end */
/* map section start */

.map {
    width: 100%;
    height: 700px;
    border-radius: 16px;
    overflow: hidden;
}

.ymaps-2-1-79-image {
    background-color: var(--c-primary);
    background-repeat: no-repeat;
    background-position: 0 !important;
    border: 3px solid var(--c-primary);
    border-radius: 50%;
}

.ymaps-2-1-79-image::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: calc(50% - 3.5px);
    z-index: -1;
    display: flex;
    width: 7px;
    height: 7px;
    background-color: var(--c-primary);
    transform: rotate(45deg);
}

@media (max-width: 1439px) {
    .map {
        height: 640px;
    }
}

@media (max-width: 1023px) {
    .map {
        height: 440px;
    }
}

/* map section end */
/* aparts preview section start */

.aparts-filter {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 31px;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
    position: relative;
}

.preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 16px;
    z-index: 11111;
}

.aparts-filter .preloader {
    top: 0;
    left: 0;
    z-index: 10;
}

.aparts-change {
    position: relative;
}

.aparts-change .preloader {
    width: calc(100% - 24px);
    border: 1px solid var(--c-gray-50);
}

.preloader.show {
    display: flex;
}

.aparts-filter__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aparts-filter .filter-checkbox__label {
    min-width: 65px;
    width: 100%;
}

.aparts-filter-preview {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-right: -16px;
}

.aparts-filter-preview-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    height: 403px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
}

.aparts-filter-preview-list__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: fit-content;
    padding: 15px;
    border: 1px solid var(--c-gray-50);
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.aparts-filter-preview-list__item:hover,
.aparts-filter-preview-list__item.active {
    border-color: var(--c-primary);
}

.aparts-filter-preview-list__item img {
    width: 187px;
    height: 127px;
    object-fit: contain;
}

.aparts-preview {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 31px;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
    height: 100%;
    min-height: 300px;
}

.aparts-preview-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px 0;
}

.aparts-preview-list p {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.aparts-preview-list p:not(:first-child)::before {
    content: "";
    display: flex;
    width: 8px;
    height: 8px;
    background-color: var(--c-gray-50);
    border-radius: 50%;
}

.aparts-preview img {
    max-width: 1000px;
    height: 427px;
    object-fit: contain;
}

.aparts-preview .tags-list {
    margin: 0 0 24px 0;
}

.aparts-preview-desc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin: 24px 0 0 0;
    height: 100%;
}

.aparts-preview-desc-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aparts-preview-desc-text p {
    color: var(--c-gray-60);
}

@media (max-width: 1919px) {
    .aparts-filter {
        padding: 23px;
    }

    .aparts-filter .filter-checkbox-list {
        gap: 8px;
    }

    .aparts-filter .filter-checkbox__label {
        width: 100%;
    }

    .aparts-filter-preview-list {
        height: 411px;
    }

    .aparts-filter-preview-list__item img {
        width: 144px;
        height: 103px;
    }
}

@media (max-width: 1439px) {
    .aparts-filter {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .aparts-filter .filter-checkbox__label {
        min-width: 70px;
        width: 100%;
    }

    .aparts-filter-preview {
        grid-column-start: 1;
        grid-column-end: 3;
        margin-right: unset;
    }

    .aparts-filter-preview-list {
        display: flex;
        flex-direction: row;
        height: 100%;
        overflow-y: inherit;
        overflow-x: scroll;
    }

    .aparts-preview {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
        padding: 23px;
    }

    .aparts-preview .tags-list .tag:last-child {
        display: none;
    }

    .aparts-preview img {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 5;
        max-width: 432px;
        height: 284px;
    }

    .aparts-preview-desc {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin: 0;
    }
}

@media (max-width: 1023px) {
    .aparts-filter {
        display: flex;
        flex-direction: column;
    }

    .aparts-filter .filter-checkbox__label {
        width: 100%;
        min-width: 50px;
        height: 54px;
    }

    .aparts-filter-preview-list__item img {
        height: 110px;
    }

    .aparts-preview {
        display: flex;
        flex-direction: column;
        padding: 23px 15px;
    }

    .aparts-preview img {
        order: -1;
        max-width: 100%;
        height: 294px;
        margin: 0 0 16px 0;
    }

    .aparts-preview-list {
        flex-wrap: wrap;
    }

    .aparts-preview .tags-list {
        margin: 0 0 16px 0;
    }

    .aparts-preview-desc a.button {
        width: 100%;
    }

    .aparts-filter-preview-list__item .m2.to-m4 {
        font-size: 12px;
        line-height: 16px;
    }

    .slider-wrap__label,
    .filter-checkbox-list__label,
    .select-wrap__label {
        font-size: 16px;
        line-height: 20px;
    }
}

/* aparts preview section end */

/* genplan section start */

.genplan {
    position: relative;
    border-radius: 16px;
}

/* временно */
.genplan-hidden {
    display: none !important;
}

.genplan > img {
    max-width: 1608px;
    width: 100%;
}

.button-back {
    position: absolute;
    top: 32px;
    left: 48px;
    z-index: 6;
}

.button-back .button.button--large.button--secondary {
    border: 1px solid var(--c-primary);
}

.genplan-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1608px;
    height: 100%;
}

.genplan-list__item {
    fill: var(--c-primary);
    fill-opacity: 0.3;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.genplan-list__item.floors {
    stroke: #0c0c0c;
    stroke-opacity: 0.8;
    stroke-width: 2; /* явно установите ширину обводки */
    stroke-linecap: round; /* более плавные окончания линий для полной видимости обводки */
    vector-effect: non-scaling-stroke; /* сохраняет ширину обводки постоянной, если SVG масштабируется */
}

.genplan-list__item.floors:nth-child(2n) {
    fill-opacity: 0.5;
}

.genplan-list__item.floors:hover {
    fill: white;
    fill-opacity: 0.5;
}


.genplan-list__item.active:hover {
    fill: var(--c-primary-dark);
    opacity: .4;
}

.genplan-list__item.disabled {
    fill: white;
    opacity: 0.8;
}

.badge--genplan {
    position: absolute;
    z-index: 2;
}

.genplan-card {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4000;
    display: none;
    flex-direction: column;
    width: fit-content;
    min-width: 320px;
    background-color: var(--c-gray-10);
    border-radius: 8px;
}

.genplan-card-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 24px 16px 24px;
    border-radius: 4px 4px 0 0;
}

.genplan-card-header__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.genplan-card-progress {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.genplan-card-progress__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.genplan-card-progress__title p:first-child {
    color: var(--c-gray-80);
}

.genplan-card-progress__title p:last-child {
    color: var(--c-gray-60);
}

.genplan-card-progress__line {
    position: relative;
    width: 100%;
    background-color: var(--c-primary-light);
    border-radius: 3px;
    height: 3px;
}

.genplan-card-progress__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--c-primary);
    border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.genplan-card-stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px 16px 24px;
    background-color: var(--c-primary-light);
    border-radius: 0 0 8px 8px;
}

.genplan-card-stats-prices {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.genplan-card-stats-prices__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.genplan-card-stats__status {
    font-size: 18px;
}

.genplan-card-mobile-button {
    display: none;
}

@media (max-width: 1023px) {
    .section--genplan h2 a {
        display: none;
    }

    .genplan {
        overflow-x: scroll;
        height: 560px;
    }

    .genplan > img {
        width: unset;
        height: 100%;
    }

    .genplan-list {
        max-width: 1068px;
        width: 100%;
    }

    .genplan-card-mobile-button {
        display: flex;
    }

    .genplan-card-mobile-button button.button {
        width: 100%;
    }

    .genplan-card {
        position: fixed;
        left: 18px;
        right: 18px;
        min-width: unset;
        width: auto;
    }
}

/* genplan section end */
/* project page start */

.page__top {
    position: relative;
}

.navigation-tabs {
    position: fixed;
    bottom: 20px;
    right: 0;
    left: 0;
    z-index: 102;
}

.navigation-tabs.hidden {
    display: none;
}

.navigation-tabs .tab-list {
    background-color: rgba(237, 237, 237, 0.7);
    border: 1px solid var(--c-gray-10);
    backdrop-filter: blur(6.5px);
    -webkit-backdrop-filter: blur(6.5px);
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .navigation-tabs {
        display: none;
    }
}

/* project page end */
/* choice general section start */

.section--choice .section__header + .section__body {
    margin-top: 48px;
}

.choice {
    display: grid;
    grid-template-columns: 384px 1fr;
    gap: 24px;
}

.choice .button--pagination {
    margin: 32px auto 0 auto;
}

.choice.choice--plans .button--pagination {
    margin: 40px auto 0 auto;
}

@media (max-width: 1919px) {
    .section--choice {
        position: relative;
    }

    .section--choice .section__header + .section__body {
        margin: 32px 0 0 0;
    }

    .choice {
        display: grid;
        grid-template-columns: 306px 1fr;
    }
}

@media (max-width: 1439px) {
    .choice {
        display: flex;
        flex-direction: column;
        gap: unset;
    }

    .section--choice .section__header + .section__body {
        margin: 24px 0 0 0;
    }
}

@media (max-width: 1023px) {
    .section--choice.section--scrolled {
        position: initial;
    }

    .section--choice.section--scrolled .choice-filter {
        height: 100vh;
        -webkit-transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
        transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
}

/* choice general section end */
/* choice filter section start */

/* choice filter section end */
/* choice panel section start */

.choice-list-panel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 16px 0;
}

.choice-list-panel__sort {
    display: flex;
    flex-direction: row;
    gap: 4px;
    /*margin-right: auto;*/
}

.choice-list-panel__sort .button.button--normal svg {
    width: 24px;
    height: 24px;
}

.choice-list-panel__counter {
    color: var(--c-primary-dark);
    white-space: nowrap;
    margin-right: auto;
}

.toggle-checkbox.toggle-checkbox--left.choice-list-panel__group {
    width: var(--group-filter-width);
}

.toggle-checkbox.toggle-checkbox--left.choice-list-panel__view {
    width: var(--view-filter-width);
}

.toggle-checkbox.toggle-checkbox--left.choice-list-panel__view .toggle-checkbox__label::before {
    background-color: var(--c-primary);
}

.toggle-checkbox__label.active,
.toggle-checkbox__sublabel.active,
.choice-list-panel__group .toggle-checkbox__input:checked ~ .toggle-checkbox__label {
    color: var(--c-primary-dark);
}

@media (max-width: 1919px) {
    .choice-list-panel {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .choice-list-panel__counter {
        order: 1;
        width: 100%;
        margin: 16px 0 0 0;
        text-align: center;
        margin-right: 0;
    }

    .toggle-checkbox.toggle-checkbox--left.choice-list-panel__group {
        margin: 0 auto;
    }
}

@media (max-width: 1439px) {
    .choice-list-panel__sort,
    .choice-list-panel__counter {
        display: none;
    }

    .choice-list-mobile-buttons {
        display: flex;
        flex-direction: row;
        gap: 16px;
        width: 100%;
        margin: 0 0 16px 0;
    }

    .choice-list-mobile-buttons button.button {
        width: 100%;
    }

    .choice-list-panel {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .toggle-checkbox.toggle-checkbox--left.choice-list-panel__group {
        margin: 0;
    }
}

@media (max-width: 1023px) {
    .choice-list-panel__group:not(.choice-list-mobile__group),
    .choice-list-panel__view {
        display: none;
    }

    .toggle-checkbox.toggle-checkbox--left.choice-list-panel__group.choice-list-mobile__group {
        display: flex;
        width: 235px;
        margin: 0 auto;
        padding: 8px 0;
    }

    .choice-list-mobile-buttons {
        flex-direction: column;
        align-items: center;
    }
}

/* choice panel section end */
/* choice grid list start */

.choice-list--grid .choice-list-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.choice--plans .choice-list--grid .choice-list-items {
    row-gap: 32px;
}

.choice-list-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    padding: 31px;
    color: var(--c-gray-100);
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
    background-color: var(--c-gray-10);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.choice-list-card:not(.no-hover):hover {
    border-color: var(--c-primary);
}

.choice-list-card__header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.choice-list-card__header:not(:has(+ .choice-list-card__image, + img)) {
    margin: 0 0 252px 0;
}

.choice-list-card__image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-width: 120px;
}

.choice-list-card__header h4,
.choice-list-card__header p {
    max-width: calc(100% - 40px);
}

.right-block .choice-list-card__header p{
    max-width: unset;
}

.button--favorite:not(.button--favorite-detail),
.badge--counter {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 2;
}

.badge.badge--counter {
    padding: 0;
    width: 36px;
    height: 36px;
}

.button--favorite svg,
.button--favorite svg *[stroke],
.button--header-favorite svg,
.button--header-favorite svg *[stroke] {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button--favorite:hover svg *[stroke],
.button--header-favorite:hover svg *[stroke] {
    stroke: var(--c-primary);
}

.button--favorite.active svg {
    animation-name: favorite;
    animation-duration: 750ms;
    animation-timing-function: ease-in-out;
    fill: var(--c-primary);
}

.button--favorite.active svg *[stroke] {
    animation-name: favoriteBorder;
    animation-duration: 750ms;
    animation-timing-function: ease-in-out;
    stroke: var(--c-primary);
}

@keyframes favorite {
    0% {
        fill: transparent;
        transform: scale(1);
    }

    35%,
    50% {
        transform: scale(0.4, 0.45);
    }

    51% {
        fill: var(--c-primary);
    }

    90% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes favoriteBorder {
    0%,
    25%,
    50% {
        stroke: var(--c-gray-100);
    }

    90%,
    100% {
        stroke: var(--c-primary);
    }
}

.choice-list-card img {
    max-width: 320px;
    height: 228px;
    object-fit: contain;
}

.choice-list-card h4:first-child::before {
    display: none;
}

.choice-list-card__payment {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.choice-list-card__price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 4px;
    column-gap: 16px;
}

.choice-list-card__price.price--has-old h3 {
    color: var(--c-secondary);
}

.choice-list-card__price p {
    height: 24px;
    text-decoration: line-through;
    opacity: .5;
}

.choice-list-card__mortgage {
    color: var(--c-gray-60);
}

.choice--plans .choice-list-card::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -8px;
    left: 24px;
    right: 24px;
    z-index: -1;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.choice--plans .choice-list-card:hover::after {
    border-color: var(--c-primary);
}

.button--favorite{
    cursor: pointer;
}

@media (max-width: 1919px) {
    .choice-list-card {
        gap: 16px;
        padding: 23px;
    }

    .button--favorite,
    .badge--counter {
        top: 24px;
        right: 24px;
    }

    .choice-list-card img {
        max-width: 258px;
        height: 184px;
    }

    .choice-list-card__price {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .choice-list--grid .choice-list-items {
        row-gap: 30px;
    }

    .choice-list-card__header:not(:has(+ .choice-list-card__image, + img)) {
        margin: 0 0 200px 0;
    }
}

@media (max-width: 1439px) {
    .choice-list-card img {
        max-width: 248px;
    }
}

@media (max-width: 1023px) {
    .badge.badge--counter {
        width: 32px;
        height: 32px;
    }

    .choice-list--grid .choice-list-items {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .choice-list-card img {
        max-width: 100%;
    }

    .choice-list-card__price {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .choice-list-card__price p {
        height: 20px;
    }
}

/* choice grid list end */
/* choice rows list start */

.choice-list-head {
    display: flex;
    flex-direction: row;
    gap: 24px;
    border-top: 1px solid var(--c-gray-50);
    padding: 23px 24px 0 24px;
    margin: 0 0 24px 0;
}

.choice-list-head p {
    color: var(--c-gray-80);
}

.choice-list-head__image {
    width: 120px;
}

.choice-list-head__rooms {
   /* width: 200px;*/
}

.choice-list-head__square,
.choice-list-head__house,
.choice-list-head__floor {
    width: 92px;
}

.choice-list-head__price {
    margin: 0 0 0 40px;
}

.choice-list--rows .choice-list-panel {
    margin: 0 0 23px 0;
}

.choice-list--rows .choice-list-items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.choice-list--rows .choice-list-card {
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 23px;
}

.choice-list--rows .choice-list-card img {
    max-width: 120px;
    height: 92px;
}

.choice-list--rows .choice-list-card__header {
    margin: 0;
    min-width: 200px;
}

.choice-list--rows .choice-list-card__header h4 {
    max-width: 200px;
    word-wrap: break-word;
}

.choice-list-card-house {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 92px;
}

.choice-list-card__square,
.choice-list-card__floor {
    min-width: 92px;
}

.choice-list--rows .choice-list-card__payment {
    position: relative;
    margin: 0 0 0 8px;
    padding: 0 0 0 31px;
}

.choice-list--rows .choice-list-card__payment::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 1px;
    height: calc(100% - 15px);
    background-color: var(--c-gray-50);
}

.choice-list--rows .choice-list-card__price {
    flex-direction: column;
    align-items: flex-start;
    gap: unset;
}

.choice-list--rows .button--favorite {
    top: calc(50% - 16px);
    right: 24px;
}

.choice-list--rows .badge--counter {
    top: 24px;
    left: 16px;
    right: unset;
}

.choice-list--rows .button--goto {
    margin: 0 0 0 auto;
}

.choice-list-card-mobile-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-height: 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .2s, opacity .2s, max-height .2s, margin .2s;
}

.choice-list--rows .choice-list-card.active .choice-list-card-mobile-footer {
    max-height: 700px;
    margin: 228px 0 0 0;
    opacity: 1;
    transform: scaleY(1);
}

.choice-list-card-mobile-footer button.button.button-link {
    width: 100%;
}

@media (max-width: 1919px) {
    .choice-list-head {
        gap: 16px;
    }

    .choice-list-head__image {
        width: 110px;
    }

    .choice-list-head__rooms {
        width: 180px;
    }

    .choice-list--rows .choice-list-panel {
        margin: 0 0 16px 0;
    }

    .choice-list--rows .choice-list-card img {
        max-width: 110px;
        height: 112px;
    }

    .choice-list--rows .choice-list-card__header {
        min-width: 180px;
    }

    .choice-list--rows .choice-list-card__payment {
        max-width: 210px;
    }

    .choice-list--rows .choice-list-card__mortgage {
        max-width: 160px;
    }
}

@media (max-width: 1439px) {
    .choice-list--rows .choice-list-mobile-buttons {
        margin: 0 0 24px 0;
    }

    .choice-list--rows .choice-list-head {
        display: none;
    }

    .choice-list--rows .choice-list-card {
        flex-wrap: wrap;
        gap: 4px;
        align-items: flex-end;
        padding: 31px 31px 31px 208px;
    }

    .choice-list--rows .choice-list-card .choice-list-card__image {
        position: absolute;
        top: 32px;
        left: 32px;
    }

    .choice-list--rows .choice-list-card img {
        max-width: 152px;
        height: 126px;
    }

    .choice-list--rows .choice-list-card__header {
        gap: 4px;
        min-width: unset;
    }

    .choice-list--rows .choice-list-card__header p {
        max-width: unset;
    }

    .choice-list-card-house {
        flex-direction: row;
        gap: unset;
        min-width: unset;
    }

    .choice-list-card-house p:last-child::before {
        content: ", ";
    }

    .choice-list--rows .choice-list-card__square {
        min-width: unset;
    }

    .choice-list--rows .choice-list-card__payment {
        gap: 4px;
        max-width: unset;
        width: 100%;
        padding: 0;
        margin: 12px 0 0 0;
    }

    .choice-list--rows .choice-list-card__payment::before {
        content: unset;
    }

    .choice-list--rows .choice-list-card__mortgage {
        max-width: unset;
    }

    .choice-list--rows .choice-list-card__price {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
        gap: 16px;
    }

    .choice-list--rows .choice-list-card__square,
    .choice-list--rows .choice-list-card-house,
    .choice-list--rows .choice-list-card__floor {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .choice-list--rows .choice-list-card__square::before,
    .choice-list--rows .choice-list-card-house::before,
    .choice-list--rows .choice-list-card__floor::before {
        content: "";
        display: flex;
        width: 8px;
        height: 8px;
        background-color: var(--c-gray-50);
        border-radius: 50%;
    }

    .choice-list--rows .button--goto {
        position: absolute;
        top: calc(50% - 16px);
    }

    .choice-list--rows .button--goto,
    .choice-list--rows .button--favorite {
        right: 32px;
    }

    .choice-list--rows .badge--counter {
        top: 16px;
    }
}

@media (max-width: 1023px) {
    .choice-list--rows .choice-list-card.active .choice-list-card-mobile-footer {
        margin: 212px 0 0 0;
    }

    .choice-list--rows .choice-list-card {
        column-gap: 8px;
        row-gap: 4px;
        padding: 23px;
    }

    .choice-list--rows .choice-list-card img {
        max-width: 75px;
        height: 158px;
    }

    .choice-list--rows .choice-list-card.active img {
        bottom: 89px;
    }

    .choice-list--rows .choice-list-card__price {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 4px;
    }

    .choice-list--rows .choice-list-card-house,
    .choice-list--rows .choice-list-card__floor {
        gap: 8px;
    }

    .choice-list--rows .choice-list-card__floor {
        width: 100%;
    }
}

/* choice rows list end */
/* choice plan detail start */

.choice-detail-card a.button {
    margin: 0 0 24px 0;
}

.choice-detail-card .choice-list-card {
    height: fit-content;
}

.choice--plan .choice-list-head {
    justify-content: unset;
    gap: 48px;
    border: unset;
    padding: 0 49px;
    margin: 0 0 24px 0;
}

.choice--plan .choice-list-head__square,
.choice--plan .choice-list-card__square,
.choice--plan .choice-list-head__number,
.choice--plan .choice-list-card__number,
.choice--plan .choice-list-head__floor,
.choice--plan .choice-list-card__floor {
    min-width: 120px;
}

.choice--plan .choice-list-head__price,
.choice--plan .choice-list-card__price {
    min-width: 216px;
}

.choice--plan .choice-list-head__price {
    margin: 0 0 0 48px;
}

.choice--plan .choice-list-head__square,
.choice--plan .choice-list-card__square,
.choice--plan .choice-list-head__number,
.choice--plan .choice-list-card__number {
    margin: 0 24px 0 0;
}

.choice--plan .choice-list--rows .choice-list-card {
    gap: 48px;
    padding: 32px 48px;
}

.choice--plan .choice-list--rows .choice-list-card__payment::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 1px;
    height: calc(100% - 15px);
    background-color: var(--c-gray-50);
}

.choice--plan .choice-list--rows .choice-list-card__payment {
    padding: 0 0 0 48px;
    margin: 0;
}

.choice--plan .choice-list--rows .button--favorite {
    position: absolute;
}

@media (max-width: 1919px) {
    .choice--plan .choice-list-head {
        gap: 24px;
        padding: 0 33px;
    }

    .choice--plan .choice-list--rows .choice-list-card {
        gap: 24px;
        padding: 23px 32px;
    }

    .choice--plan .choice-list-head__square,
    .choice--plan .choice-list-card__square,
    .choice--plan .choice-list-head__number,
    .choice--plan .choice-list-card__number,
    .choice--plan .choice-list-head__floor,
    .choice--plan .choice-list-card__floor {
        min-width: 104px;
        margin: unset;
    }

    .choice--plan .choice-list-head__price,
    .choice--plan .choice-list-card__price {
        min-width: 208px;
    }

    .choice--plan .choice-list-head__floor,
    .choice--plan .choice-list-card__floor {
        margin: 0 8px 0 0;
    }

    .choice--plan .choice-list-head__price {
        margin: 0 0 0 32px;
    }

    .choice--plan .choice-list--rows .choice-list-card__payment {
        padding: 0 0 0 32px;
    }
}

@media (max-width: 1439px) {
    .choice.choice--plan {
        gap: 24px;
    }

    .choice--plan .choice-list-head {
        display: none;
    }

    .choice--plan .choice-list-card img {
        margin: 0 auto;
    }

    .choice--plan .choice-list--rows .choice-list-card {
        padding: 31px;
    }

    .choice--plan .choice-list--rows .choice-list-card {
        flex-wrap: wrap;
        column-gap: unset;
        row-gap: 16px;
    }

    .choice--plan .choice-list-card__square,
    .choice--plan .choice-list-card__number,
    .choice--plan .choice-list-card__floor {
        min-width: unset;
        margin: unset;
    }

    .choice--plan .choice-list-card__number,
    .choice--plan .choice-list-card__floor {
        display: flex;
        align-items: center;
        gap: 4px;
        margin: 0 0 0 4px;
    }

    .choice--plan .choice-list-card__number::before,
    .choice--plan .choice-list-card__floor::before {
        content: "";
        display: flex;
        width: 8px;
        height: 8px;
        background-color: var(--c-gray-50);
        border-radius: 50%;
    }

    .choice--plan .choice-list--rows .choice-list-card__payment {
        gap: 4px;
        width: 100%;
        padding: 0;
    }

    .choice--plan .choice-list-items .choice-list-card__price {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
        gap: 16px;
    }

    .choice--plan .choice-list--rows .choice-list-card__payment::before {
        content: unset;
    }

    .choice--plan .choice-list-items .choice-list-card .badge-list {
        display: none;
    }

    .choice--plan .choice-list--rows .button--favorite {
        top: 32px;
        right: 32px;
    }
}

@media (max-width: 1023px) {
    .choice--plan .choice-list--rows .choice-list-card {
        row-gap: 8px;
        padding: 23px;
    }

    .choice--plan .choice-list-card__number,
    .choice--plan .choice-list-card__floor {
        gap: 8px;
    }

    .choice--plan .choice-list-card__number {
        margin: 0 0 0 8px;
    }

    .choice--plan .choice-list-card__floor {
        width: 100%;
        margin: 0;
    }

    .choice--plan .choice-list--rows .choice-list-card__payment {
        margin: 8px 0 0 0;
    }

    .choice-list--rows .button--favorite {
        top: 24px;
        right: 24px;
    }
}

/* choice plan detail end */
/* detail apart start */

.section--apartment .button--back {
    margin: 0 0 16px 0;
}

.section--apartment .section__header {
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin: 0 0 16px 0;
}

.section__buttons {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.section__buttons .button{
    z-index: 111;
}

.section__buttons .button--favorite svg {
    width: 24px;
    height: 24px;
}

.section--apartment .badge-list {
    margin: 0 0 24px 0;
}

.apartment {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.apartment-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    height: 714px;
    width: 100%;
    padding: 31px 127px;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
}

.apartment-image {
    position: relative;
    display: none;
}

.apartment-image.active {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: auto 0;
}

.apartment-image button.button {
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    z-index: 2;
    opacity: 0;
    box-shadow: 0 4px 32px 0 rgba(0, 16, 61, 0.16);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.apartment-image a.button {
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    z-index: 2;
    opacity: 0;
    box-shadow: 0 4px 32px 0 rgba(0, 16, 61, 0.16);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.apartment-image:hover button.button {
    opacity: 1;
}

.apartment-image:hover a.button {
    opacity: 1;
}

.apartment-preview img {
    max-width: 808px;
    height: 570px;
    /*object-fit: contain;*/
}

.apartment-rose {
    position: absolute;
    top: 32px;
    right: 32px;
    top: 0;
    right: -70px;
    width: 64px;
    height: 64px;
    z-index: 111;
}

.apartment-preview .apartment-rose img {
    height: unset;
}

.apartment-tabs {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: auto 0 0 0;
}

.apartment-information {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: 100%;
    max-width: 520px;
    padding: 48px;
    border-radius: 16px;
    background-color: var(--c-primary-light);
}

.apartment-information__price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    row-gap: 4px;
    flex-wrap: wrap;
    margin: 0 0 4px 0;
}

.apartment-information__price p {
    text-decoration: line-through;
}

.apartment-information__price p,
.apartment-information__mortgage p.m2 {
    width: 100%;
}

.apartment-information__mortgage p.m2 {
    color: var(--c-gray-60);
}

.apartment-information .link--project {
    margin: 0 0 23px 0;
}

.apartment-information__mortgage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    row-gap: 8px;
    flex-wrap: wrap;
    padding: 24px 0 23px 0;
    border-top: 1px solid var(--c-gray-50);
    border-bottom: 1px solid var(--c-gray-50);
    margin: 0 0 24px 0;
}

.apartment-information a.button--book {
    margin: 0 0 16px 0;
}

.apartment-information a.button {
    width: 100%;
}

.apartment-information-stats:not(.stats--extended) {
    margin: 23px 0 0 0;
    border-top: 1px solid var(--c-gray-50);
    padding: 24px 0 0 0;
}

.apartment-information-stats {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.apartment-information-stats.stats--extended {
    max-height: 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .2s, opacity .2s, max-height .3s;
}

.apartment-information-stats.stats--extended.active {
    max-height: 600px;
    opacity: 1;
    transform: scaleY(1);
}

.apartment-information-stats__item {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
}

.apartment-information-stats__item p {
    white-space: nowrap;
}

.apartment-information-stats__item .dotted {
    width: 100%;
    border-bottom: 1px dashed var(--c-gray-60);
}

.button--extended {
    margin: 24px 0 0 0;
    transition: margin .2s;
}

.button--extended.active {
    margin: 24px 0;
}

.button--extended.active svg {
    transform: rotate(180deg);
}

.apartment-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.apartment-svg__item {
    fill: var(--c-background);
    opacity: .4;
}

.image--window .apartment-svg__item{
    fill: #4ACBDD;
    opacity: .85;
}

@media (max-width: 1919px) {
    .apartment-preview {
        height: 672px;
        padding: 31px 80px;
    }

    .apartment-preview img {
        /*max-width: 600px;*/
        height: 528px;
    }

    .apartment-information {
        max-width: 416px;
        padding: 32px;
    }
}

@media (max-width: 1439px) {
    .apartment {
        flex-direction: column;
    }

    .apartment-preview {
        height: 560px;
        padding: 31px 128px;
    }

    .apartment-preview img {
        max-width: 680px;
        height: 416px;
    }

    .apartment-information {
        max-width: unset;
    }
}

.apartment-information .apartment-information__mortgage:nth-child(4),
.apartment-information .apartment-information__mortgage:nth-child(5){
    padding: 0px 0 23px 0;
    border-top:unset;
}

@media (max-width: 1023px) {
.section--apartment .button--back {
    margin: 0 0 24px 0;
}

.section--apartment .section__header {
    flex-direction: column;
    gap: 16px;
    margin: 0 0 24px 0;
}

.section--apartment .badge-list {
    flex-wrap: wrap;
}

.apartment-preview {
    height: 448px;
    padding: 23px 0;
    gap: unset;
}

.apartment-rose {
    top: -45px;
    left: 24px;
    right: unset;
}

.apartment-preview img {

    max-width: 100%;
    height: 264px;
}

.apartment-image,
.apartment-svg {
/*    padding: 0 23px;*/
}

.apartment-tabs {
    width: 100%;
    overflow-x: scroll;
    padding: 0 23px;
    min-height: 50px;
    margin: unset;
}

.apartment-information {
    padding: 24px;
}

.apartment-information__price {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 8px 0;
}

.apartment-information .link--project {
    margin: 0 0 16px 0;
}

.apartment-information__mortgage {
    padding: 16px 0 15px 0;
    margin: 0 0 16px 0;
}

.apartment-information-stats:not(.stats--extended) {
    margin: 15px 0 0 0;
    padding: 16px 0 0 0;
}

.button--extended {
    margin: 16px 0 0 0;
}

.button--extended.active {
    margin: 16px 0;
}
}

/* detail apart end */
/* another section start */

.another-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 48px;
    background-color: var(--c-primary-light);
    border-radius: 16px;
    overflow: hidden;
}

.another-item p {
    max-width: 422px;
    margin: 0 0 auto 0;
    color: var(--c-gray-90);
}

.another-item a.button {
    margin: 14px 0 0 0;
}

.another-item__preview {
    position: absolute;
    top: -29px;
    right: -146px;
    width: 420px;
    height: 420px;
    object-fit: cover;
    border-radius: 50%;
}

@media (max-width: 1919px) {
    .another-item {
        padding: 32px;
    }

    .another-item p {
        max-width: 351px;
    }

    .another-item a.button {
        margin: 24px 0 0 0;
    }

    .another-item__preview {
        top: -27px;
        right: -199px;
    }
}

@media (max-width: 1439px) {
    .another-item {
        padding: 48px;
    }

    .another-item p {
        max-width: 544px;
    }

    .another-item a.button {
        margin: 16px 0 0 0;
    }

    .another-item__preview {
        top: -29px;
        right: -124px;
    }
}

@media (max-width: 1023px) {
    .another-item {
        padding: 24px;
    }

    .another-item p {
        max-width: 100%;
    }

    .another-item a.button {
        width: 100%;
        margin: 16px 0 236px 0;
    }

    .another-item__preview {
        position: absolute;
        top: unset;
        right: unset;
        bottom: -149px;
        left: -5px;
        width: 361px;
        height: 361px;
    }
}

/* another section end */
/* tooltip section start */

.button-tooltip {
    position: absolute;
    bottom: calc(100% + 12px);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 24px 24px 24px;
    background-color: var(--c-gray-90);
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button-share:hover .button-tooltip,
.badge--has-tooltip:hover .button-tooltip {
    opacity: 1;
    visibility: visible;
}

.button-tooltip::after {
    content: "";
    position: absolute;
    bottom: -5.25px;
    left: calc(50% - 5.25px);
    width: 10.5px;
    height: 10.5px;
    transform: rotate(45deg);
    background-color: var(--c-gray-90);
}

.button-tooltip p {
    color: var(--c-gray-10);
}

.badge--has-tooltip .button-tooltip {
    bottom: calc(100% + 11px);
    flex-direction: row;
    padding: 16px 24px;
    background-color: var(--c-gray-90);
}

.badge--has-tooltip .button-tooltip::after {
    background-color: var(--c-gray-90);
}

/* tooltip section end */
/* share section start */

.button-share {
    position: relative;
}

.button-tooltip .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
    margin: 0 8px 0 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.button-tooltip .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item:hover {
    opacity: .6;
}

.button-tooltip .ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
    width: 32px;
    height: 32px;
}

.button-tooltip .ya-share2__list.ya-share2__list_direction_horizontal .ya-share2__badge {
    background-color: transparent;
}

.button-tooltip .ya-share2__container_shape_round.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
    background-size: initial;
}

.button-tooltip .ya-share2__item_service_telegram .ya-share2__icon {
    background: url("data:image/svg+xml,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM21.7638 24.269C21.9405 24.0413 22.0486 23.763 22.0741 23.4699C22.2275 22.6834 24.7238 9.57572 24.8772 8.14271C25.0306 6.7097 23.636 7.13533 23.1061 7.29881C22.5761 7.46229 6.83168 13.8129 5.93917 14.293C5.76849 14.3669 5.62105 14.4904 5.51409 14.6491C5.40713 14.8078 5.34505 14.9953 5.33483 15.1898C5.32462 15.3843 5.3667 15.5779 5.45638 15.7481C5.54607 15.9184 5.67956 16.0583 5.84145 16.1517C6.469 16.4124 10.6945 17.7467 10.6945 17.7467L20.0521 12.1074L13.1908 19.2253L12.2426 24.3094C12.254 24.3593 12.2678 24.4084 12.2843 24.4566C12.3597 24.5716 12.4571 24.6686 12.5701 24.7416C12.6831 24.8145 12.8093 24.8617 12.9405 24.8801C13.0718 24.8986 13.2055 24.8878 13.3326 24.8487C13.4597 24.8095 13.5776 24.7427 13.6789 24.6526C13.9857 24.3256 15.7011 21.1356 15.7011 21.1356C15.7011 21.1356 18.0717 22.9721 19.5918 24.249C19.7647 24.4798 19.9993 24.6506 20.265 24.7394C20.5308 24.8281 20.8155 24.8307 21.0827 24.7469C21.3498 24.663 21.5871 24.4966 21.7638 24.269Z\" fill=\"%23EDEDED\"/></svg>");
}

.button-tooltip .ya-share2__item_service_vkontakte .ya-share2__icon {
    background: url("data:image/svg+xml,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM26.4813 20.7677C26.5037 20.8047 26.5277 20.8509 26.5536 20.9065C26.5794 20.962 26.6054 21.0603 26.6317 21.2008C26.6574 21.3416 26.6558 21.4676 26.6261 21.5786C26.5963 21.6895 26.5039 21.7915 26.3483 21.884C26.1931 21.9764 25.9743 22.023 25.693 22.023L22.8496 22.0673C22.6717 22.1043 22.4644 22.0858 22.2278 22.0118C21.9908 21.9378 21.7983 21.8563 21.65 21.7674L21.4279 21.6341C21.2058 21.4784 20.9467 21.2416 20.6504 20.9232C20.3543 20.6048 20.1007 20.3181 19.8896 20.0625C19.6785 19.8071 19.4527 19.5922 19.212 19.4182C18.9711 19.244 18.762 19.1867 18.5842 19.2459C18.562 19.2535 18.5326 19.2661 18.4957 19.2848C18.4586 19.3033 18.3953 19.3571 18.3065 19.4459C18.218 19.5345 18.1384 19.6439 18.0678 19.7734C17.9973 19.9031 17.9342 20.0956 17.8788 20.351C17.8234 20.6064 17.7992 20.8933 17.8067 21.2117C17.8067 21.3226 17.7938 21.4246 17.7678 21.5171C17.7422 21.6095 17.7143 21.6782 17.6846 21.7224L17.6404 21.7781C17.507 21.9187 17.3108 22.0001 17.0517 22.0225H15.7743C15.2485 22.0519 14.708 21.9909 14.1526 21.839C13.5972 21.6873 13.1104 21.491 12.692 21.2506C12.2736 21.0097 11.8923 20.7654 11.5479 20.5172C11.2035 20.2692 10.9426 20.0563 10.7648 19.8786L10.4871 19.612C10.4131 19.538 10.3112 19.4271 10.1816 19.2788C10.052 19.1308 9.78734 18.7938 9.38744 18.2681C8.98755 17.7425 8.59509 17.1833 8.21005 16.5908C7.8251 15.9988 7.37148 15.2174 6.84946 14.2474C6.32745 13.2773 5.8443 12.2703 5.40001 11.2261C5.35555 11.1077 5.33333 11.0077 5.33333 10.9263C5.33333 10.8448 5.34454 10.7856 5.36675 10.7485L5.41122 10.6819C5.52233 10.5412 5.73334 10.4708 6.04434 10.4708L9.08777 10.4487C9.1767 10.4634 9.26175 10.4874 9.34325 10.5208C9.42464 10.5542 9.48396 10.5856 9.52092 10.6152L9.57652 10.6486C9.69498 10.7301 9.78388 10.8485 9.84305 11.004C9.99108 11.3742 10.1614 11.7575 10.354 12.1537C10.5466 12.5498 10.6983 12.8516 10.8093 13.0589L10.987 13.3811C11.2018 13.8254 11.4091 14.2104 11.609 14.5362C11.809 14.862 11.9886 15.1156 12.1478 15.2971C12.307 15.4786 12.4607 15.621 12.6087 15.7247C12.7568 15.8285 12.8826 15.8804 12.9863 15.8804C13.0899 15.8804 13.19 15.8616 13.2863 15.8247C13.301 15.8174 13.3195 15.7987 13.3417 15.7692C13.364 15.7396 13.4084 15.6581 13.4751 15.5249C13.5417 15.3916 13.5916 15.2176 13.6251 15.0028C13.6585 14.7881 13.6935 14.4883 13.7306 14.1031C13.7675 13.7181 13.7675 13.2553 13.7306 12.7147C13.7159 12.4186 13.6824 12.1483 13.6307 11.904C13.5788 11.6597 13.527 11.4893 13.4751 11.3931L13.4084 11.2596C13.2232 11.0079 12.9086 10.8487 12.4643 10.7821C12.368 10.7675 12.3866 10.6785 12.52 10.5156C12.6458 10.375 12.7865 10.2638 12.942 10.1825C13.3345 9.98994 14.2194 9.901 15.5966 9.91579C16.204 9.92326 16.7038 9.9713 17.0963 10.0601C17.2442 10.0972 17.3684 10.1472 17.4684 10.2101C17.5681 10.2732 17.6441 10.3619 17.6961 10.4767C17.7477 10.5916 17.7869 10.7101 17.8124 10.8322C17.8382 10.9544 17.8513 11.1228 17.8513 11.3376C17.8513 11.5523 17.8478 11.756 17.8402 11.9486C17.8327 12.1409 17.8236 12.402 17.8124 12.7315C17.8014 13.061 17.7959 13.3665 17.7959 13.6479C17.7959 13.7294 17.7924 13.8847 17.7847 14.1144C17.7772 14.3439 17.7756 14.5218 17.7791 14.6476C17.7828 14.7735 17.7959 14.9233 17.818 15.0975C17.8402 15.2715 17.8827 15.4159 17.9458 15.5307C18.0086 15.6455 18.0919 15.7361 18.1956 15.8028C18.255 15.8176 18.3179 15.8324 18.3846 15.8473C18.4511 15.8622 18.5473 15.8215 18.6732 15.7251C18.7993 15.6287 18.9398 15.5011 19.0954 15.3419C19.2508 15.1828 19.4433 14.9346 19.6728 14.5978C19.9026 14.2609 20.1543 13.8629 20.4283 13.4037C20.8727 12.6337 21.2686 11.8006 21.6169 10.9046C21.6465 10.8306 21.6835 10.7656 21.7277 10.7102C21.7722 10.6547 21.8129 10.6158 21.8499 10.5937L21.8941 10.5603L21.9498 10.5325L22.0942 10.4991C22.1906 10.4768 22.2646 10.4751 22.3165 10.4935L25.5153 10.4714C25.8042 10.4344 26.0411 10.4436 26.2264 10.4991C26.4113 10.5547 26.5261 10.6157 26.5705 10.6824L26.6367 10.7932C26.8071 11.2671 26.2517 12.3555 24.9705 14.0587C24.7929 14.2957 24.5524 14.6103 24.2486 15.0028C23.6712 15.7434 23.3377 16.2282 23.249 16.4577C23.1233 16.7615 23.1748 17.0613 23.4047 17.3575C23.5304 17.513 23.8305 17.8168 24.3043 18.2685H24.3155L24.3267 18.2796L24.3377 18.2905L24.3598 18.3128C25.4038 19.2828 26.1112 20.1011 26.4813 20.7677Z\" fill=\"%23EDEDED\"/></svg>");
}

.button-tooltip .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background: url("data:image/svg+xml,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM10.6897 10.6538C10.6897 7.73228 13.0886 5.33333 16.0101 5.33333C18.9316 5.33333 21.3305 7.73228 21.3305 10.6538C21.3305 13.5752 18.9316 15.9742 16.0101 15.9742C13.0886 15.9742 10.6897 13.5752 10.6897 10.6538ZM18.2903 10.6538C18.2903 9.37709 17.2867 8.37358 16.0101 8.37358C14.7334 8.37358 13.7299 9.37709 13.7299 10.6538C13.7299 11.9304 14.7334 12.9339 16.0101 12.9339C17.2867 12.9339 18.2903 11.9304 18.2903 10.6538ZM10.7075 17.7318C10.8678 17.043 11.4735 16.5561 12.1741 16.5502C12.4295 16.5442 12.6848 16.6096 12.9105 16.7283C13.8546 17.2152 14.8937 17.4943 16.0101 17.4943C17.1264 17.4943 18.1656 17.2152 19.1097 16.7283C19.8579 16.3423 20.7783 16.6333 21.1583 17.3815C21.5443 18.1297 21.2533 19.0441 20.5051 19.4301C19.9945 19.6973 19.4422 19.9051 18.8722 20.0833L20.9742 22.601C21.3424 23.0166 21.4493 23.5985 21.2652 24.1152C21.0811 24.6377 20.6298 25.0118 20.0835 25.1068C19.5372 25.1959 18.985 24.9821 18.6465 24.5486L16.0101 21.3896L13.3736 24.5486C13.0352 24.9821 12.4829 25.1959 11.9366 25.1068C11.3903 25.0118 10.9391 24.6377 10.755 24.1152C10.5709 23.5985 10.6778 23.0166 11.0459 22.601L13.148 20.0833C12.5779 19.9051 12.0257 19.6973 11.5091 19.4301C10.8856 19.1154 10.5531 18.4147 10.7075 17.7318Z\" fill=\"%23EDEDED\"/></svg>");
}

.button-tooltip .ya-share2__item_service_viber .ya-share2__icon {
    background: url("data:image/svg+xml,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM24.1 6.18958C25.3083 7.02083 26.1333 8.19583 26.55 9.68333C27.1625 11.8708 27.3396 14.2896 27.0896 17.0771C26.9479 18.6625 26.5708 20.0604 25.9333 21.3521C25.3229 22.5896 24.3062 23.5125 22.9146 24.0938C21.3937 24.7271 19.7792 24.8625 18.3854 24.9375C17.2354 25 16.0771 25.0438 14.9438 25.0667C14.8823 25.0675 14.8463 25.068 14.815 25.0803C14.771 25.0976 14.7361 25.138 14.6521 25.2354L14.5375 25.3625C13.6979 26.2792 11.3438 28.5542 11.2417 28.65L11.0875 28.8H10.1375L10.1333 28.2708C10.1333 28.2708 10.1187 25.7917 10.1333 24.5271C10.1354 24.3813 10.1354 24.3667 9.96042 24.2854C9.77083 24.1958 9.53958 24.1146 9.30208 24.0313C8.88333 23.8833 8.45 23.7292 8.1125 23.5167C6.78542 22.6813 5.89167 21.4104 5.37917 19.6313C4.85417 17.8063 4.6875 15.8375 4.87083 13.6125C4.95 12.65 5.0875 11.6417 5.29167 10.525C5.71042 8.22708 7.08125 6.52917 9.36458 5.47917C10.5292 4.94375 11.8063 4.6125 13.5021 4.40417C15.3125 4.18333 17.2104 4.22708 19.3062 4.53958C20.8208 4.76667 22.575 5.1375 24.1 6.18958ZM20.0521 21.7438C20.6667 21.4875 21.1875 21.0917 21.5375 20.5229C22.0146 19.7417 22.0208 19.2 21.2354 18.6229C21.0316 18.4736 20.8291 18.3219 20.6265 18.1702C20.3175 17.9388 20.0083 17.7073 19.6938 17.4833C18.9 16.9208 18.0396 16.8229 17.4479 17.8104C17.4229 17.8533 17.3856 17.8901 17.3492 17.9259C17.3432 17.9319 17.3372 17.9378 17.3312 17.9438C17.0292 18.2646 16.6562 18.3458 16.2604 18.1833C14.7583 17.5646 13.5958 16.5667 12.8958 15.0813C12.4854 14.2083 12.5979 13.7688 13.3687 13.1896C13.4458 13.1313 13.5187 13.0729 13.5896 13.0083C13.9271 12.7 14.0167 12.3333 13.8188 11.9188C13.3646 10.9729 12.7625 10.1292 12 9.40417C11.725 9.13958 11.3958 9.00833 11.025 9.09167C10.0542 9.30417 9.09375 10.0104 9.06667 11.2625C9.07616 11.3195 9.08212 11.3777 9.08807 11.4359C9.1004 11.5565 9.11269 11.6765 9.15625 11.7833C9.23753 11.9823 9.31606 12.1828 9.39463 12.3835C9.62218 12.9646 9.85005 13.5466 10.1458 14.0917C12.0708 17.6542 14.9854 20.1313 18.7 21.7042C19.1437 21.8917 19.6021 21.9313 20.0521 21.7438ZM16.0875 10.7104C16.2604 10.6813 16.4354 10.6667 16.6104 10.6667C18.3313 10.6667 19.7333 12.0688 19.7333 13.7896C19.7333 13.9667 19.7188 14.1417 19.6896 14.3125C19.6417 14.6021 19.8375 14.8771 20.1271 14.925C20.1583 14.9313 20.1875 14.9333 20.2167 14.9333C20.4729 14.9333 20.6979 14.7479 20.7417 14.4875C20.7812 14.2604 20.8 14.025 20.8 13.7896C20.8 11.4792 18.9208 9.6 16.6104 9.6C16.3771 9.6 16.1417 9.61875 15.9125 9.65833C15.6208 9.70625 15.425 9.98125 15.4729 10.2708C15.5229 10.5625 15.7958 10.7583 16.0875 10.7104ZM18.6667 14.4C18.9604 14.4 19.2 14.1604 19.2 13.8667C19.2 12.3958 18.0042 11.2 16.5333 11.2C16.2396 11.2 16 11.4396 16 11.7333C16 12.0271 16.2396 12.2667 16.5333 12.2667C17.4146 12.2667 18.1333 12.9854 18.1333 13.8667C18.1333 14.1604 18.3729 14.4 18.6667 14.4ZM21.725 15.4667C21.9688 15.4667 22.1896 15.3 22.2458 15.0521C22.3396 14.6333 22.3875 14.2021 22.3875 13.7688C22.3875 10.5875 19.8 8 16.6187 8C16.1854 8 15.7542 8.04792 15.3375 8.14375C15.05 8.20833 14.8687 8.49375 14.9354 8.78125C15 9.06875 15.2854 9.25 15.5729 9.18333C15.9125 9.10625 16.2646 9.06667 16.6187 9.06667C19.2104 9.06667 21.3208 11.1771 21.3208 13.7688C21.3208 14.1229 21.2812 14.475 21.2042 14.8146C21.1396 15.1021 21.3188 15.3875 21.6063 15.4542C21.6458 15.4625 21.6854 15.4667 21.725 15.4667Z\" fill=\"%23EDEDED\"/></svg>");
}

@media (min-width: 769px) {
    .ya-share2__item_service_viber {
        display: none !important;
    }
}

.button-tooltip .ya-share2__item_service_whatsapp .ya-share2__icon {
    background: url("data:image/svg+xml,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM4.96013 15.9998C4.96013 9.91241 9.91277 4.95977 16.0001 4.95977C22.0875 4.95977 27.0401 9.91241 27.0401 15.9998C27.0401 22.0871 22.0875 27.0398 16.0001 27.0398C14.1809 27.0398 12.3824 26.5876 10.7854 25.7303L5.55533 27.0258C5.51741 27.035 5.47853 27.0398 5.44013 27.0398C5.31197 27.0398 5.18717 26.9884 5.09549 26.8938C4.97645 26.7714 4.93181 26.5948 4.97789 26.4302L6.38237 21.419C5.45117 19.7697 4.96013 17.9006 4.96013 15.9998ZM19.6404 21.226C20.1848 21.1458 21.3176 20.5492 21.5537 19.8954C21.7899 19.2422 21.7899 18.6815 21.7188 18.5654C21.6618 18.4716 21.5284 18.408 21.3313 18.3138C21.2831 18.2908 21.2311 18.266 21.1755 18.2385C20.8923 18.0983 19.4988 17.4215 19.2387 17.3284C18.9785 17.2348 18.7894 17.1887 18.6008 17.4686C18.4121 17.7484 17.8688 18.3786 17.7036 18.5658C17.5385 18.7526 17.3729 18.7761 17.0897 18.6359C17.0433 18.613 16.9801 18.5858 16.9019 18.5523C16.5028 18.3813 15.7158 18.044 14.8107 17.2468C13.9678 16.5047 13.399 15.5884 13.2339 15.3081C13.0688 15.0278 13.2161 14.8766 13.3582 14.7369C13.4429 14.6535 13.5398 14.5369 13.6369 14.4202C13.6862 14.3608 13.7356 14.3015 13.7835 14.2463C13.9046 14.1068 13.9567 14.0014 14.0277 13.8577C14.04 13.8328 14.0528 13.8068 14.0667 13.7793C14.1608 13.5926 14.1137 13.4289 14.0427 13.2887C13.9962 13.1954 13.731 12.5579 13.4889 11.9756C13.366 11.6802 13.2491 11.399 13.1696 11.2103C12.9667 10.7283 12.7608 10.7296 12.5955 10.7306C12.5734 10.7307 12.5521 10.7309 12.5317 10.7298C12.3661 10.7222 12.1774 10.7198 11.9883 10.7198C11.7992 10.7198 11.4925 10.7898 11.2323 11.0702C11.2157 11.088 11.1973 11.1074 11.1772 11.1286C10.882 11.4395 10.2401 12.1154 10.2401 13.4049C10.2401 14.7737 11.2435 16.0964 11.3947 16.2958L11.3974 16.2993C11.4069 16.3117 11.4239 16.3358 11.4483 16.3704C11.7909 16.855 13.5853 19.3934 16.2392 20.5252C16.9155 20.8137 17.4435 20.9855 17.8549 21.1151C18.5336 21.3282 19.1518 21.2975 19.6404 21.226Z\" fill=\"%23EDEDED\"/></svg>");
}

.button-tooltip .ya-share2__item:not(.ya-share2__item_more):hover, .ya-share2__item.ya-share2__item_more > .ya-share2__link:hover, .ya-share2__item:not(.ya-share2__item_more):focus, .ya-share2__item.ya-share2__item_more > .ya-share2__link:focus {
    opacity: 1;
}

/* share section end */

.typography h3 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.entity-modal-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    border-bottom: 1px solid var(--c-gray-50);
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.entity-modal-name {
    color: var(--c-gray-100);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
}

.entity-modal-address {
    color: var(--c-gray-100);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.entity-modal-address span {
    width: 8px;
    height: 8px;
    background: #c2c2c2;
    border-radius: 50%;
    display: inline-block;
}

.entity-modal-price {
    color: var(--c-gray-100);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-top: 8px;
}

@media (max-width: 1023px) {
    .entity-modal-name {
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .entity-modal-address {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        flex-wrap: wrap;
    }

    .entity-modal-price {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
}

/* fancybox section start */

.fancybox__container .fancybox__backdrop {
    background-color: var(--c-gray-10);
}

/* fanycbox section end */
/*.footer-menu-list-item:nth-child(5) .footer-menu-list-sublist .link.link--sub-menu:nth-child(n+4) {
    color: var(--c-gray-100);
    font-size: 18px;
    line-height: 26px;
}*/

@media (max-width: 1024px) {
    .marquiz-widget {
        display: none;
    }
}

@media (max-width: 1919px)

.card-preview-new {
    right: -304px;
    width: 608px;
}

@media (max-width: 1439px) {
    .card-preview-new {
        display: none;
    }
}


.card-preview-new {
    height: 200px;
    align-self: stretch;
    border-radius: 16px;
    overflow: hidden;
}

.card-preview-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section--banner .swiper-pagination-fraction {
    color: #9E9E9E;
}

.button.button--color-white {
    color: var(--c-gray-10);
}

.button.button--color-white:hover {
    color: var(--c-primary);
}

.page.open{
    overflow: hidden;
}

@media(max-width: 1023px){
    .typography li{
        margin-left: 20px;
    }
}


.cookies {
    position: fixed;
    bottom: 30px;
    left: 0;
    width: 100%;
    -webkit-transform: translate(200px);
    transform: translate(200px);
    -webkit-animation: animationCookie 0.75s ease-in-out 0.5s;
    animation: animationCookie 0.75s ease-in-out 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    display: none;
    justify-content: center;
    z-index: 1000;
}

.cookies-container{
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), 0px 1px 8px 3px rgba(183, 183, 183, 0.25);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), 0px 1px 8px 3px rgba(183, 183, 183, 0.25);
    width: 1030px;
    border-radius: 16px;
    justify-content: space-between;
    gap: 32px;
    background: white;
    padding: 32px 48px 32px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cookies-left{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

@-webkit-keyframes animationCookie {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes animationCookie {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.cookies-msg {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 24px;
}

.cookies-msg a.link{
    display: block;
    width: fit-content;
    color: var(--c-gray-100);
}

.cookies-msg span{
    color: var(--c-primary);
}

.cookies .button--small{
    /*   background-color: var(--c-primary-light);
       color: var(--c-primary);
       padding: 12px 24px 12px 24px;
       font-size: 16px;
       line-height: 24px;*/
}

.cookies svg{
    min-width: 24px;
}

@media (max-width: 1439px) {
    .cookies-container {
        width: 936px;
        left: calc(50% - 468px);
    }
}

@media (max-width: 1023px) {
    .cookies-container {
        width: calc(100% - 40px);
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }

    .cookies-msg {
        font-size: 14px;
        line-height: 20px;
    }
}

.input-wrap-custom {
    display: inline-flex!important;
    margin-top: 5px;
}

.form-check-input {
    background-color: #fff!important;
    border: 1px solid Gray/10!important;
    width: 24px!important;
    height: 24px!important;
    border-radius: 4px!important;
}

.form-check-input:checked {
    background-color: #4ACBDD!important;
    border: unset!important;
}

.form-check-input:focus{
    border-color: unset!important;
    outline: unset!important;
    box-shadow: unset!important;
}

.blue-text{
    color: #00A6BD!important;
}

.input-wrap-custom label{
    padding: 3px;
    margin-left: 10px;
    height: 50px!important;
}

.hidden{
    display: none!important;
}

@media (max-width: 1023px) {
    .apartment-preview{
        align-items: end;
    }

    .apartment-rose{
      /*  position: unset;*/
    }

    .apartment-image{
        width: 100%;
        justify-content: center;
    }
}


.section-popular {
    padding-bottom: 120px!important;
}

@media (max-width: 1919px) {
    .section-popular {
        padding-bottom: 80px!important;
    }
}

@media (max-width: 1439px) {
    .section-popular {
        padding-bottom: 64px!important;
    }
}

@media (max-width: 1023px) {
    .section-popular {
        padding-bottom: 56px!important;
    }
}

.section-stock-list{
    padding: 16px!important;
}

.section-stock-list .section--stocks{
    margin: 0!important;
}

.image--floor .apartment-svg__item, .image--genplan .apartment-svg__item {
    fill: #00732C;
    fill-opacity: .6;
    stroke: #00732C;
    stroke-width: 4px;
    opacity: 1;
}

.apartment-preview .image--floor img{
    height: unset;
}

.section__header--docs .section__header-desc{
    margin-top: 16px;
}

.footer-info__mobile{
    display: none;
}

@media (max-width: 1023px) {
    .footer-info{
        display: none;
    }

    .footer-info__mobile{
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid var(--c-gray-50);
        gap: 24px;
        padding-bottom: 24px;
    }

    .footer-info__mobile .footer-menu-contacts{
        display: flex!important;
    }
}
.cookies-container{
    padding: 8px 36px 8px 36px;
}

@media (max-width: 787px) {
    .cookies-container .button.button--large.button--responsive{
        padding: 8px 16px 8px 16px;
        height: unset;
    }
    .cookies-container{
        padding: 12px;
        gap: 4px;
    }
}
@media (min-width: 768px) {
    .button--mb {
        display: none;
    }
}
.button--pc {
    display: flex;
}
@media (max-width: 768px) {
    .button--pc {
        display: none;
    }
}


h3, .h3 {
    font-family: "Simplon PZSP", sans-serif;
}
p.numb, .numb {
    font-family: "Simplon PZSP", sans-serif;
    letter-spacing: 0px;
    font-size: 20px;
}
.button {
    font-family: "Simplon PZSP", sans-serif;
}
.tab--large .tab {
    font-size: 17px;
}
.section-grid__text {
    font-size: 18px;
    line-height: 26px;
}
.section-grid__text p {
    font-size: 18px;
    line-height: 26px;
}
.section--flex p {
    font-size: 18px;
}
.section ul li {
    list-style-position: inside;
    list-style-type: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 7px;
    margin-top: 7px;
    font-size: 18px;
    line-height: 1.5;
    color: #444;
}
.section ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #4acbdd;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(235, 247, 249, 1);
}
.section ol {
    list-style-type: none;
    padding: 0;
    counter-reset: list-counter;
}
.section ol li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 7px;
    margin-top: 7px;
    font-size: 18px;
    line-height: 1.5;
    color: #444;
    transition: color 0.3s ease;
}
.section ol li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    left: 0;
    top: 14px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-color: #4acbdd;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(235, 247, 249, 1);
    font-size: 16px;
}
/* End */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-logo/style.css?174057421282 */
/* /local/templates/solution-redesign/styles.css?17405742136187 */
/* /local/templates/solution-redesign/template_styles.css?1750142277125872 */