

/* Start:/local/templates/solution-redesign/components/remark/realty.apartment/tsz-detail/style.css?174057421333544*/
.likely {
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}

.likely * {
    visibility: hidden;
}

.likely_visible {
    opacity: 1;
}

.likely_visible * {
    visibility: inherit;
}

.likely {
    font-size: 0 !important;
    font-weight: 400;
    font-family: Helvetica Neue, Arial, sans-serif;
    text-indent: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.likely, .likely * {
    display: inline-block;
}

.likely__widget {
    position: relative;
    white-space: nowrap;
}

.likely__button, .likely__counter {
    text-decoration: none;
    text-rendering: optimizeLegibility;
    margin: 0;
    outline: 0;
}

.likely__button {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.likely__counter {
    display: none;
    position: relative;
}

.likely_ready .likely__counter {
    display: inline-block;
}

.likely_ready .likely__counter_empty {
    display: none;
}

.likely__button, .likely__counter, .likely__icon, .likely__widget {
    vertical-align: top;
}

.likely__widget {
    -webkit-transition: background 0.33s ease-out, color 0.33s ease-out, fill 0.33s ease-out;
    transition: background 0.33s ease-out, color 0.33s ease-out, fill 0.33s ease-out;
}

.likely__widget:active, .likely__widget:focus, .likely__widget:hover {
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}

@media (hover: none) {
    .likely__widget:active, .likely__widget:focus, .likely__widget:hover {
        -webkit-transition: background 0.33s ease-out, color 0.33s ease-out, fill 0.33s ease-out;
        transition: background 0.33s ease-out, color 0.33s ease-out, fill 0.33s ease-out;
        cursor: unset;
    }
}
.likely__icon {
    position: relative;
    text-align: left;
}

.likely svg {
    position: absolute;
}

.likely__button, .likely__counter {
    line-height: inherit;
    cursor: inherit;
}

.likely__button:empty {
    display: none;
}

.likely__counter {
    text-align: center;
}

.likely .likely__widget {
    color: #000;
    background: hsla(0deg, 0%, 91%, 0.8);
}

.likely .likely__counter {
    background-size: 1px 1px;
    background-repeat: repeat-y;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent 0.5px, transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), transparent 0.5px, transparent);
}

.likely-light .likely__widget {
    color: #fff;
    fill: #fff;
    background: hsla(0deg, 0%, 93%, 0.16);
    text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
}

.likely-light .likely__counter {
    background-image: -webkit-linear-gradient(left, hsla(0deg, 0%, 100%, 0.4), hsla(0deg, 0%, 100%, 0) 0.5px, hsla(0deg, 0%, 100%, 0));
    background-image: linear-gradient(90deg, hsla(0deg, 0%, 100%, 0.4), hsla(0deg, 0%, 100%, 0) 0.5px, hsla(0deg, 0%, 100%, 0));
}

.likely__widget_facebook {
    fill: #1877f2;
}

.likely__widget_facebook:active, .likely__widget_facebook:focus, .likely__widget_facebook:hover {
    background: rgba(197, 221, 251, 0.8);
}

@media (hover: none) {
    .likely__widget_facebook:active, .likely__widget_facebook:focus, .likely__widget_facebook:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_facebook:active, .likely-light .likely__widget_facebook:focus, .likely-light .likely__widget_facebook:hover {
    text-shadow: #1877f2 0 0 0.25em;
    background: rgba(24, 119, 242, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_facebook:active, .likely-light .likely__widget_facebook:focus, .likely-light .likely__widget_facebook:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_linkedin {
    fill: #0a66c2;
}

.likely__widget_linkedin:active, .likely__widget_linkedin:focus, .likely__widget_linkedin:hover {
    background: rgba(193, 216, 239, 0.8);
}

@media (hover: none) {
    .likely__widget_linkedin:active, .likely__widget_linkedin:focus, .likely__widget_linkedin:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_linkedin:active, .likely-light .likely__widget_linkedin:focus, .likely-light .likely__widget_linkedin:hover {
    text-shadow: #0a66c2 0 0 0.25em;
    background: rgba(10, 102, 194, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_linkedin:active, .likely-light .likely__widget_linkedin:focus, .likely-light .likely__widget_linkedin:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_odnoklassniki {
    fill: #ee8208;
}

.likely__widget_odnoklassniki:active, .likely__widget_odnoklassniki:focus, .likely__widget_odnoklassniki:hover {
    background: hsla(32deg, 85%, 87%, 0.8);
}

@media (hover: none) {
    .likely__widget_odnoklassniki:active, .likely__widget_odnoklassniki:focus, .likely__widget_odnoklassniki:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_odnoklassniki:active, .likely-light .likely__widget_odnoklassniki:focus, .likely-light .likely__widget_odnoklassniki:hover {
    text-shadow: #ee8208 0 0 0.25em;
    background: rgba(238, 130, 8, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_odnoklassniki:active, .likely-light .likely__widget_odnoklassniki:focus, .likely-light .likely__widget_odnoklassniki:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_pinterest {
    fill: #e60019;
}

.likely__widget_pinterest:active, .likely__widget_pinterest:focus, .likely__widget_pinterest:hover {
    background: rgba(248, 191, 197, 0.8);
}

@media (hover: none) {
    .likely__widget_pinterest:active, .likely__widget_pinterest:focus, .likely__widget_pinterest:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_pinterest:active, .likely-light .likely__widget_pinterest:focus, .likely-light .likely__widget_pinterest:hover {
    text-shadow: #e60019 0 0 0.25em;
    background: rgba(230, 0, 25, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_pinterest:active, .likely-light .likely__widget_pinterest:focus, .likely-light .likely__widget_pinterest:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_reddit {
    fill: #ff4501;
}

.likely__widget_reddit:active, .likely__widget_reddit:focus, .likely__widget_reddit:hover {
    background: rgba(255, 208, 191, 0.8);
}

@media (hover: none) {
    .likely__widget_reddit:active, .likely__widget_reddit:focus, .likely__widget_reddit:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_reddit:active, .likely-light .likely__widget_reddit:focus, .likely-light .likely__widget_reddit:hover {
    text-shadow: #ff4501 0 0 0.25em;
    background: rgba(255, 69, 1, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_reddit:active, .likely-light .likely__widget_reddit:focus, .likely-light .likely__widget_reddit:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_telegram {
    fill: #35a3dc;
}

.likely__widget_telegram:active, .likely__widget_telegram:focus, .likely__widget_telegram:hover {
    background: rgba(204, 232, 246, 0.8);
}

@media (hover: none) {
    .likely__widget_telegram:active, .likely__widget_telegram:focus, .likely__widget_telegram:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_telegram:active, .likely-light .likely__widget_telegram:focus, .likely-light .likely__widget_telegram:hover {
    text-shadow: #35a3dc 0 0 0.25em;
    background: rgba(53, 163, 220, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_telegram:active, .likely-light .likely__widget_telegram:focus, .likely-light .likely__widget_telegram:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_twitter {
    fill: #1da1f2;
}

.likely__widget_twitter:active, .likely__widget_twitter:focus, .likely__widget_twitter:hover {
    background: rgba(198, 231, 251, 0.8);
}

@media (hover: none) {
    .likely__widget_twitter:active, .likely__widget_twitter:focus, .likely__widget_twitter:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_twitter:active, .likely-light .likely__widget_twitter:focus, .likely-light .likely__widget_twitter:hover {
    text-shadow: #1da1f2 0 0 0.25em;
    background: rgba(29, 161, 242, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_twitter:active, .likely-light .likely__widget_twitter:focus, .likely-light .likely__widget_twitter:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_viber {
    fill: #7360f2;
}

.likely__widget_viber:active, .likely__widget_viber:focus, .likely__widget_viber:hover {
    background: rgba(220, 215, 251, 0.8);
}

@media (hover: none) {
    .likely__widget_viber:active, .likely__widget_viber:focus, .likely__widget_viber:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_viber:active, .likely-light .likely__widget_viber:focus, .likely-light .likely__widget_viber:hover {
    text-shadow: #7360f2 0 0 0.25em;
    background: rgba(115, 96, 242, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_viber:active, .likely-light .likely__widget_viber:focus, .likely-light .likely__widget_viber:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_vkontakte {
    fill: #4680c2;
}

.likely__widget_vkontakte:active, .likely__widget_vkontakte:focus, .likely__widget_vkontakte:hover {
    background: rgba(208, 223, 239, 0.8);
}

@media (hover: none) {
    .likely__widget_vkontakte:active, .likely__widget_vkontakte:focus, .likely__widget_vkontakte:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_vkontakte:active, .likely-light .likely__widget_vkontakte:focus, .likely-light .likely__widget_vkontakte:hover {
    text-shadow: #4680c2 0 0 0.25em;
    background: rgba(70, 128, 194, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_vkontakte:active, .likely-light .likely__widget_vkontakte:focus, .likely-light .likely__widget_vkontakte:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely__widget_whatsapp {
    fill: #25d366;
}

.likely__widget_whatsapp:active, .likely__widget_whatsapp:focus, .likely__widget_whatsapp:hover {
    background: rgba(200, 244, 216, 0.8);
}

@media (hover: none) {
    .likely__widget_whatsapp:active, .likely__widget_whatsapp:focus, .likely__widget_whatsapp:hover {
        background: hsla(0deg, 0%, 91%, 0.8);
    }
}
.likely-light .likely__widget_whatsapp:active, .likely-light .likely__widget_whatsapp:focus, .likely-light .likely__widget_whatsapp:hover {
    text-shadow: #25d366 0 0 0.25em;
    background: rgba(37, 211, 102, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_whatsapp:active, .likely-light .likely__widget_whatsapp:focus, .likely-light .likely__widget_whatsapp:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: hsla(0deg, 0%, 93%, 0.16);
    }
}
.likely {
    margin: 0 -5px -10px;
}

.likely .likely__widget {
    line-height: 20px;
    font-size: 14px;
    border-radius: 3px;
    height: 22px;
    margin: 0 5px 10px;
}

.likely .likely__icon {
    width: 22px;
    height: 22px;
}

.likely .likely__button {
    padding: 1px 4px 1px 0;
}

.likely .likely__counter {
    padding: 1px 4px;
}

.likely svg {
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
}

.likely-big {
    margin: 0 -6px -12px;
}

.likely-big .likely__widget {
    line-height: 28px;
    font-size: 18px;
    border-radius: 4px;
    height: 32px;
    margin: 0 6px 12px;
}

.likely-big .likely__icon {
    width: 32px;
    height: 32px;
}

.likely-big .likely__button {
    padding: 2px 6px 2px 0;
}

.likely-big .likely__counter {
    padding: 2px 6px;
}

.likely-big svg {
    left: 4px;
    top: 4px;
    width: 24px;
    height: 24px;
}

.likely-small {
    margin: 0 -4px -8px;
}

.likely-small .likely__widget {
    line-height: 14px;
    font-size: 12px;
    border-radius: 2px;
    height: 18px;
    margin: 0 4px 8px;
}

.likely-small .likely__icon {
    width: 18px;
    height: 18px;
}

.likely-small .likely__button {
    padding: 2px 3px 2px 0;
}

.likely-small .likely__counter {
    padding: 2px 3px;
}

.likely-small svg {
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
}

.apartment-detail__title {
    font-weight: bold;
}
@media (min-width: 0) {
    .apartment-detail__title {
        font-size: 24px;
        letter-spacing: 0em;
        line-height: 30px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__title {
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 40px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__title {
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 40px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__title {
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 40px;
    }
}
.apartment-detail__title + * {
    margin-top: 8px;
}
@media (min-width: 0) {
    .apartment-detail__subtitle {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__subtitle {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__subtitle {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__subtitle {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
.apartment-detail__chess-title {
    display: none;
}
@media (max-width: 1023px) {
    .apartment-detail__chess-title {
        display: block;
        font-weight: bold;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (max-width: 1023px) and (min-width: 0) {
    .apartment-detail__chess-title {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .apartment-detail__chess-title {
        font-size: 22px;
        letter-spacing: 0em;
        line-height: 28px;
    }
}
@media (max-width: 1023px) and (min-width: 1024px) {
    .apartment-detail__chess-title {
        font-size: 22px;
        letter-spacing: 0em;
        line-height: 28px;
    }
}
@media (max-width: 1023px) and (min-width: 1440px) {
    .apartment-detail__chess-title {
        font-size: 22px;
        letter-spacing: 0em;
        line-height: 28px;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__chess-title + * {
        margin-top: 36px;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__chess {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--c-gray-10);
        padding: 24px 16px;
        height: 100%;
        overflow-y: scroll;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        -webkit-transition: 0.35s ease-in-out;
        transition: 0.35s ease-in-out;
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
    }
    .apartment-detail__chess.active {
        visibility: visible;
        opacity: 1;
    }
}
.apartment-detail__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .apartment-detail__header {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .apartment-detail__header .button {
        margin-top: 16px;
        width: 100%;
    }
}
.apartment-detail__header-action {
    display: none;
}
@media (max-width: 1023px) {
    .apartment-detail__header-action {
        display: block;
    }
}
@media (max-width: 767px) {
    .apartment-detail__header-action {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__header-description + .apartment-detail__header__header-info {
        margin-top: 20px;
    }
}
.apartment-detail__header + .apartment-detail__body {
    margin-top: 24px;
}
@media (max-width: 767px) {
    .apartment-detail__header + .apartment-detail__body {
        margin-top: 16px;
    }
}
.apartment-detail__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1439px) {
    .apartment-detail__info {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (max-width: 767px) {
    .apartment-detail__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__info + .apartment-detail__actions {
        margin-top: 16px;
    }
}
.apartment-detail__title {
    font-weight: bold;
}
.apartment-detail__title + .apartment-detail__description {
    margin-top: 10px;
}
.apartment-detail__description {
    width: 50%;
    font-weight: 500;
    border-right: 1px solid #cfe4f1;
}
@media (max-width: 1439px) {
    .apartment-detail__description {
        border-right: none;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__description {
        width: 50%;
        border-right: 1px solid #cfe4f1;
    }
}
@media (max-width: 767px) {
    .apartment-detail__description {
        width: 100%;
        border-right: none;
    }
}
.apartment-detail__title + .apartment-detail__plan, .apartment-detail__description + .apartment-detail__plan {
    margin-top: 0px;
}
.apartment-detail__plan + .apartment-detail__info {
    margin-top: 32px;
}
@media (max-width: 1023px) {
    .apartment-detail__plan + .apartment-detail__info {
        margin-top: 24px;
    }
}
.apartment-detail__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.apartment-detail__price-current {
    font-weight: bold;
}
@media (min-width: 0) {
    .apartment-detail__price-current {
        font-size: 24px;
        letter-spacing: 0em;
        line-height: 30px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__price-current {
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 40px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__price-current {
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 40px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__price-current {
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 40px;
    }
}
.apartment-detail__price-current + .apartment-detail__price__price-old {
    margin-top: 4px;
}
.apartment-detail__price-old {
    position: relative;
    font-weight: normal;
    text-decoration: line-through;
    opacity: 0.5;
}
@media (min-width: 0) {
    .apartment-detail__price-old {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__price-old {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__price-old {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__price-old {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
.apartment-detail__favourite {
    -webkit-transition: all ease-in-out 150ms;
    transition: all ease-in-out 150ms;
    fill: transparent;
    cursor: pointer;
}
.apartment-detail__price + .apartment-detail__mortgage {
    margin-top: 16px;
}
.apartment-detail__mortgage {
    font-weight: normal;
}
@media (min-width: 0) {
    .apartment-detail__mortgage {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__mortgage {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__mortgage {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__mortgage {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
.apartment-detail__mortgage-payment {
    color: #0a7ebf;
    border-bottom: 1px solid rgba(10, 126, 191, 0.5);
}
.apartment-detail__tags {
    margin-top: 24px;
}
@media (max-width: 1023px) {
    .apartment-detail__tags {
        margin-top: 16px;
    }
}
.apartment-detail__tags-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
}
.apartment-detail__tags-item {
    padding: 4px;
}
.apartment-detail__tags-item-inner {
    display: block;
    background: #f1f7fa;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
}
@media (min-width: 0) {
    .apartment-detail__tags-item-inner {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__tags-item-inner {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__tags-item-inner {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__tags-item-inner {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
.apartment-detail__description + .apartment-detail__properties {
    margin-left: 24px;
}
@media (max-width: 1439px) {
    .apartment-detail__description + .apartment-detail__properties {
        margin-left: 0;
        margin-top: 24px;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__description + .apartment-detail__properties {
        margin-left: 24px;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .apartment-detail__description + .apartment-detail__properties {
        margin-left: 0px;
        margin-top: 16px;
    }
}
.apartment-detail__share {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1439px) {
    .apartment-detail__share {
        height: 50px;
    }
}
.apartment-detail__share > * + * {
    margin-left: 15px;
}
.apartment-detail__share-item {
    display: block;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}
.apartment-detail__share-item svg {
    width: 24px;
    height: 24px;
    fill: #bce0ff;
    -webkit-transition: fill 0.35s ease-out, color 0.35s ease-out, background 0.35s ease-out, border-color 0.35s ease-out, opacity 0.35s ease-out;
    transition: fill 0.35s ease-out, color 0.35s ease-out, background 0.35s ease-out, border-color 0.35s ease-out, opacity 0.35s ease-out;
}
.apartment-detail__share-item svg:hover {
    -webkit-transition: none;
    transition: none;
}
.apartment-detail__share-item:hover svg {
    fill: #008bf8;
}
.apartment-detail__share-item:hover .likely {
    visibility: visible;
    opacity: 1;
}
.apartment-detail__share .likely {
    position: absolute;
    top: 0;
    left: calc(100% + 7px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #221e26;
    padding: 6px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}
.apartment-detail__share .likely__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.apartment-detail__share .likely__items > * + * {
    margin-left: 4px;
}
.apartment-detail__share .likely__items > * svg {
    position: static;
}
.apartment-detail__share .likely__name {
    color: var(--c-gray-10);
}
@media (min-width: 0) {
    .apartment-detail__share .likely__name {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__share .likely__name {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__share .likely__name {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__share .likely__name {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
.apartment-detail__share .likely__name + * {
    margin-top: 6px;
}
.apartment-detail__properties {
    width: calc(50% - 24px);
}
@media (max-width: 767px) {
    .apartment-detail__properties {
        width: 100%;
    }
}
.apartment-detail__properties-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.apartment-detail__properties-item + .apartment-detail__properties-item {
    margin-top: 12px;
}
.apartment-detail__properties-item-title {
    width: 135px;
}
@media (min-width: 0) {
    .apartment-detail__properties-item-title {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__properties-item-title {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__properties-item-title {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__properties-item-title {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (max-width: 1023px) {
    .apartment-detail__properties-item-title {
        width: 162px;
    }
}
.apartment-detail__properties-item-value {
    font-weight: 500;
}
@media (min-width: 0) {
    .apartment-detail__properties-item-value {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__properties-item-value {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__properties-item-value {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__properties-item-value {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
.apartment-detail__info + .apartment-detail__actions {
    margin-top: 24px;
}
@media (max-width: 1023px) {
    .apartment-detail__info + .apartment-detail__actions {
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .apartment-detail__info + .apartment-detail__actions {
        margin-top: 16px;
    }
}
.apartment-detail__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .apartment-detail__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.apartment-detail__actions .button--color-green {
    padding: 10px 20px;
}
@media (min-width: 0) {
    .apartment-detail__actions .button--color-green {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .apartment-detail__actions .button--color-green {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .apartment-detail__actions .button--color-green {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1440px) {
    .apartment-detail__actions .button--color-green {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (max-width: 767px) {
    .apartment-detail__actions-item {
        width: 100%;
    }
}
.apartment-detail__actions-item + .apartment-detail__actions-item {
    margin-left: 8px;
}
@media (max-width: 767px) {
    .apartment-detail__actions-item + .apartment-detail__actions-item {
        margin-left: 0px;
        margin-top: 8px;
    }
}


.apartment-detail__actions-items {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.apartment-detail__actions-items + .apartment-detail__actions-items {
    margin-top: 8px;
}

.apartment-detail__actions-item--big-button {
    width: 100%;
}

.apartment-detail__actions-item--big-button .button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 24px;
    gap: 8px;
    border: 1px solid #D81159;
    border-radius: 4px;
    color: #221E26;
    background-color: white !important;
}

.apartment-detail__actions-item--big-button:hover .button {
    background-color: #D81159 !important;
}

.apartment-detail__actions {
    flex-direction: column;
    align-items: baseline !important;
    width: fit-content;
}

@media (max-width: 767px) {
    .apartment-detail__actions {
        width: 100%;
    }

    .apartment-detail__actions-items {
        flex-direction: column;
    }
}

.page #rmb-iframe-modal {
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

.page #rmb-iframe-modal .modal_content .close_modal_window {
    color: transparent;
    right: 22px;
    top: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99999 5.58599L11.95 0.635986L13.364 2.04999L8.41399 6.99999L13.364 11.95L11.95 13.364L6.99999 8.41399L2.04999 13.364L0.635986 11.95L5.58599 6.99999L0.635986 2.04999L2.04999 0.635986L6.99999 5.58599Z' fill='%23221E26'/%3E%3C/svg%3E%0A");
}

.page #rmb-iframe-modal .modal_content {
    padding: 33px 20px;
    width: 385px;
    height: 500px;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

.page #rmb-iframe-modal iframe {
    height: 100%;
}

@media (max-width: 767px) {
    .page #rmb-iframe-modal .modal_content {
        width: 300px;
    }
}

.image--floor .apartment-svg__item {
    fill: #54AEBB!important;
    fill: transparent!important;
    stroke: transparent!important;
}

.image--floor .apartment-svg__item--another-Свободно{
    fill: transparent!important;
    cursor: pointer;
    fill-opacity: .3!important;
}

.image--floor .apartment-svg__item--another-Продано, .image--floor .apartment-svg__item--another-Резерв{
    fill: #818181 !important;
    cursor: pointer;
    fill-opacity: 0.8 !important;
}

.image--floor .apartment-svg__item:hover{
    stroke: #63C3D1!important;
}

.image--floor .apartment-svg__item:not(.image--floor .apartment-svg__item--another-Свободно,.image--floor .apartment-svg__item--another-Продано, .image--floor .apartment-svg__item--another-Резерв) {
    stroke: #00732C!important;
}

/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-finishing/style.css?17404681391942*/
.finishing-filter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.finishing-filter .select-wrap {
    min-width: 384px;
    margin: 0 0 32px 0;
}

.finishing-preview {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.finishing-preview img {
    width: 100%;
    max-width: 1608px;
    height: 750px;
    /* object-fit: fill !important; */
    object-fit: cover;
    border-radius: 16px;
}

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

.finishing--slider {
    border-radius: 16px;
}

.finishing-nav__arrow {
    position: absolute;
    top: calc(50% - 26px);
    z-index: 2;
}

.finishing-nav--prev {
    left: 48px;
}

.finishing-nav--next {
    right: 48px;
}

.finishing-filter .button {
    display: none;
}

.finishing-filter .button.show {
    display: flex;
}

.finishing-preview {
    display: none;
}

.finishing-preview.show {
    display: flex;
}

@media (max-width: 1919px) {
    .finishing-preview {
        gap: 24px;
    }

    .finishing-filter .select-wrap {
        min-width: 416px;
    }

    .finishing-preview img {
        height: 610px;
    }
}

@media (max-width: 1439px) {
    .finishing-filter .select-wrap {
        min-width: 296px;
    }

    .finishing-preview img {
        height: 440px;
    }

    .finishing-nav--prev {
        left: 32px;
    }

    .finishing-nav--next {
        right: 32px;
    }
}

@media (max-width: 1023px) {
    .finishing-filter a.button {
        display: none !important;
    }

    .finishing-filter .select-wrap {
        min-width: unset;
        width: 100%;
        margin: 0 0 24px 0;
    }

    .finishing-preview img {
        height: 240px;
    }

    .finishing-preview a.button {
        width: 100%;

    }

    .finishing-nav__arrow {
        top: calc(50% - 16px);
    }

    .finishing-nav--prev {
        left: 16px;
    }

    .finishing-nav--next {
        right: 16px;
    }
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-object-desc/style.css?17436781735377*/
.section--tab .tab-list {
    margin: 0 0 32px 0;
}

.section-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.section__tab .section-grid:not(.active) {
    display: none;
}

.section-grid img {
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
    max-width: 792px;
    min-height: 524px;
    display: block;
}

.section-grid.item--rtl img,
.section-grid.item--rtl picture {
    grid-column-start: 2;
}

.section__tab .section-grid img,
.section__tab .section-grid picture {
    min-height: 448px;
}

.section-grid__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 0 0 32px;
}

.section-grid__text > p {
    color: var(--c-gray-90);
}

.section-grid.item--rtl .section-grid__text {
    grid-column-start: 1;
    grid-row-start: 1;
    padding: 0 32px 0 0;
}

.section-grid__text a:not(.button--icon) {
    margin: 32px 0 0 0;
}

.section-grid__text .section-grid-address a {
    margin: 0;
}

.section-grid-desc {
    display: grid;
    gap: 24px;
    margin: 32px 0 0 0;
}

.section-grid-desc__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.section-grid-desc__item p.numb {
    color: var(--c-primary);
    font-size: 22px;
}

.section-grid-desc__item p {
    color: var(--c-gray-80);
}

.section-grid-address {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px 24px;
    margin: 32px 0 0 0;
    background-color: var(--c-primary-light);
    border-radius: 16px;
    position: relative;
}

.section-grid-address:hover .button {
    color: var(--c-primary-dark);
}

.section-grid-address:hover button.button svg *[fill] {
    fill: var(--c-primary-dark);
}

.section-grid-address a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-grid-address div.button.button--icon {
    margin: 0;
    padding: 0 0 0 15px;
    border-left: 1px solid var(--c-gray-60);
    border-radius: unset;
}

.section-hidden-text {
    display: none;
}

.section-hidden-text.active {
    display: block;
}

.button.button--hidden-text.active svg {
    transform: rotate(180deg);
}

@media (max-width: 1919px) {
    .section--tab .tab-list {
        margin: 0 0 24px 0;
    }

    .section-grid img {
        max-width: 636px;
        min-height: 550px;
    }

    .section__tab .section-grid img {
        min-height: 472px;
    }
}

@media (max-width: 1439px) {
    .section-grid img {
        max-width: 456px;
        min-height: 469px;
    }

    .section__tab .section-grid img {
        min-height: 456px;
    }

    .section-grid__text {
        padding: 0 0 0 24px;
    }

    .section-grid.item--rtl .section-grid__text {
        padding: 0 24px 0 0;
    }

    .section-grid-desc,
    .section-grid-address {
        margin: 8px 0 0 0;
    }

    .section-grid__text a:not(.button--icon) {
        margin: 5px 0 0 0;
    }

    .section-grid__text .section-grid-address a {
        margin: 0;
    }
}

@media (max-width: 1023px) {
    .section-grid {
        grid-template-columns: 1fr;
    }

    .section__tab .section-grid img,
    .section-grid.item--rtl .section-grid__text {
        grid-row-start: 2;
    }

    .section__tab .section-grid.item--rtl .section-grid__text {
        grid-row-start: 1;
    }

    .section-grid img,
    .section__tab .section-grid img {
        max-width: unset;
        width: 100%;
        min-height: unset;
        height: 240px;
    }

    .section-grid.item--rtl img {
        grid-row-start: 1;
        grid-column-start: 1;
    }

    .section__tab .section-grid.item--rtl img {
        grid-row-start: 2;
    }

    .section-grid__text,
    .section-grid.item--rtl .section-grid__text {
        padding: 0;
    }

    #o-proekte .section-grid-desc {
        grid-template-columns: 1fr !important;
    }

    .section-grid__text a:not(.button--icon) {
        width: 100%;
        margin: 8px 0 0 0;
    }

    .section-grid__text .section-grid-address a {
        margin: 0;
    }
}
.section--tab .section__body{
    position: relative;
}

.tab-scroll-arrow {
    display: none;
    position: absolute;
    right: -4px;
    transform: translateY(-50%);
    top: 21px;
    color: var(--c-primary);
    z-index: 1000;   
    padding: 8px;
    border-radius: 50%;
    font-size: 32px;
    cursor: pointer;
    animation: arrow-bounce 2s infinite ease-in-out;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}

@media (max-width: 768px) {
    .tab-scroll-arrow {
        display: block;
    }
}

@keyframes arrow-bounce {
    0% { transform: translateY(-50%) translateX(0); }
    50% { transform: translateY(-50%) translateX(10px); } /* Двигается вправо */
    100% { transform: translateY(-50%) translateX(0); } /* Возвращается назад */
}

@keyframes arrow-bounce {
    0% { transform: translateY(-50%) translateX(0); }
    50% { transform: translateY(-50%) translateX(10px); } /* Двигается вправо */
    100% { transform: translateY(-50%) translateX(0); } /* Возвращается назад */
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-mortgage-calc-new/style.css?174644306711864*/
.mortgage__calculator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 47px 31px;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
}

.mortgage__calculator-sum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.mortgage__calculator .button,
.mortgage__calculator .input-wrap {
    width: 100%;
    position: relative;
}

.mortgage__calculator p.r4 {
    color: var(--c-gray-60);
}

.mortgage__items .tab-list {
    margin: 0 0 24px 0;
}

.mortgage__items-tab:not(.active) {
    display: none;
}

.mortgage__items-tab {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mortgage__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 31px;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mortgage__item.active {
    border-color: var(--c-primary);
}

.badge--benefit {
    position: absolute;
    top: -18px;
    right: 32px;
}

.mortgage__item-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--c-gray-30);
}

.mortgage__item-logo img {
    width: 32px;
    height: 32px;
}

.mortgage__item-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 100%;
    width: 296px;
    gap: 8px;
}

.mortgage__item-desc .m2 {
    color: var(--c-gray-60);
}

.mortgage__item-props {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
}

.mortgage__item-prop {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
}

.mortgage__item-prop-name {
    color: var(--c-gray-70);
    min-width: 134px;
}

.mortgage__item-prop-value {
    min-width: 58px;
}

.mortgage__item-container {
    display: flex;
    align-items: center;
    gap: 24px;
}

.mortgage__item-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mortgage__item-prop-container {
    display: flex;
    align-items: center;
    gap: 48px;
}

.mortgage__item-prop-result {
    min-width: 144px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mortgage__item-footer {
    display: flex;
    width: 100%;
    max-height: 0;
    border-top: 1px solid var(--c-gray-50);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .2s, opacity .2s, max-height .2s, margin .2s;
}

.mortgage__item:hover .mortgage__item-footer,
.mortgage__item-footer.active,
.mortgage__item-accordion.active {
    max-height: 700px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scaleY(1);
}

.mortgage__item-footer-body {
    width: 100%;
}

.mortgage-desktop-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin-top: 24px;
}

.button--accordion.active svg {
    transform: rotate(180deg);
}

.mortgage__item-accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .2s, opacity .2s, max-height .2s, margin .2s;
}

.mortgage__item:hover .mortgage__item-accordion.show {
    display: flex;
}

.mortgage__item-accordion-text {
    margin: 16px 0 0 0;
    color: var(--c-gray-70);
}

.mortgage__item-accordion-row {
    display: flex;
    width: 100%;
    margin: 8px 0 0 0;
}

.mortgage__item-accordion-row + .mortgage__item-accordion-title {
    margin: 24px 0 0 0;
}

.mortgage__item-accordion-prop {
    width: 200px;
    color: var(--c-gray-70);
}

.mortgage__item-accordion-value {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mortgage__button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mortgage__item-prop-container--desktop .mortgage__item-prop-result .mortgage__item-prop-name {
    display: none;
}

.mortgage-mobile-buttons {
    display: none;
}

.input-wrap__field-container{
    position: relative;
}

.mortgage-calc__range-slider{
    position: absolute;left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    -webkit-appearance: none;
    width: 90%;
    height: 2px;
    background-color: rgb(217, 232, 237);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--c-primary)), to(var(--c-primary)));
    background-image: -webkit-linear-gradient(var(--c-primary), var(--c-primary));
    background-image: linear-gradient(var(--c-primary), var(--c-primary));
    background-size: 0 100%;
    background-repeat: no-repeat;
    accent-color: var(--c-primary);
}

.percent-pay{
    position: absolute;
    right: 0;
    color: var(--c-gray-60);
}

@media (max-width: 1919px) {
    .mortgage__calculator {
        padding: 31px 23px;
    }

    .mortgage__item {
        padding: 23px;
    }

    .mortgage__item-prop-container {
        gap: 48px;
    }

    .mortgage__item-prop-result {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 1439px) {
    .mortgage__calculator {
        padding: 23px;
    }

    .mortgage__calculator-sum {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .mortgage__item-body {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .mortgage__item-props {
        width: 100%;
        align-items: flex-start;
        flex-direction: row;
    }

    .mortgage__item-prop-container {
        width: 100%;
    }

    .mortgage__item-prop, .mortgage__item-prop-result {
        width: 50%;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .mortgage__item-prop-container {
        gap: 4px;
        flex-direction: column;
        align-items: flex-start;
    }

    .mortgage__item-prop-container--desktop {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mortgage__item-prop-container--desktop .mortgage__item-prop-result .mortgage__item-prop-name {
        display: block;
    }

    .mortgage__item-footer {
        display: flex;
        border: 0;
        margin-top: 0;
    }

    .button--accordion {
        display: none;
    }

    .mortgage__item-prop-result {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        width: 50%;
    }

    .mortgage__item-accordion {
        gap: 8px;
    }

    .mortgage__item-accordion-row {
        flex-direction: column;
        margin: 0 0 8px 0;
    }

    .mortgage__item-accordion.active {
        margin: 16px 0 0 0;
    }
}

@media (min-width: 1440px) {
    .mortgage__item.active .mortgage__item-body,
    .mortgage__item:hover .mortgage__item-body {
        padding-bottom: 24px;
    }

    .mortgage__item-accordion.active {
        padding-top: 24px;
    }
}

@media (max-width: 1023px) {
    .mortgage__calculator {
        padding: 16px;
    }

    .mortgage__calculator-sum {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .mortgage__item-body {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .mortgage__item-props {
        width: 100%;
        align-items: flex-start;
        flex-direction: row;
    }

    .mortgage__item-prop-container {
        width: 100%;
    }

    .mortgage__item-prop, .mortgage__item-prop-result {
        width: 45%;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .mortgage__item-prop-container {
        gap: 4px;
        flex-direction: column;
        align-items: flex-start;
    }

    .mortgage__item-prop-container--desktop {
        flex-direction: row;
    }

    .mortgage__item-prop-container--desktop .mortgage__item-prop-result .mortgage__item-prop-name {
        display: block;
    }

    .mortgage__item-footer {
        display: flex;
        border: 0;
        margin-top: 0;
    }

    .mortgage__item-footer-body .button {
        width: 100%;
    }

    .mortgage__item-prop-result {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        width: 100%;
    }

    .mortgage__item-desc {
        width: unset;
        gap: 4px;
    }

    .mortgage__item-logo {
        min-width: 48px;
        min-height: 48px;
        width: 48px;
        height: 48px;
    }

    .mortgage__item-container {
        align-items: flex-start;
    }

    .mortgage__button {
        width: 100%;
    }

    .mortgage__button a {
        width: 100%;
    }

    .mortgage-desktop-buttons {
        display: none;
    }

    .mortgage-mobile-buttons {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 15px 0 0 0;
        padding: 16px 0 0 0;
        border-top: 1px solid var(--c-gray-50);
    }
}

.hide-extra {
    display: none;
}

.used-extra {
    display: none;
}

.force-flex {
    display: flex !important;
}

.nalog-block {
    position: relative;
    width: 100%;
}

.nalog-svg.active path{
    fill: #4ACBDD;
}

.nalog-text{
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 220px;
    height: 220px;
    padding: 16px;
    background: #F5F5F5;
    border-radius: 16px;
    display: none;
    font-size: 14px;
    line-height: 24px;
    z-index: 2;
}

.nalog-text.active{
    display: block;
}

.mortgage__item-prop-name--custom{
    display: flex;
    align-items: center;
    gap: 5px;
}

.mortgage__item-prop-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-direction: row;
}

.mobile-show{
    display: none;
}

@media (max-width: 1439px) {
    .mobile-show{
        display: flex;
    }

    .mobile-hide{
        display: none!important;
    }

    .mortgage__item-prop-block{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 1023px) {
    .nalog-block{
        position: unset;
    }

    .mortgage__item{
        position: unset;
    }
}

.mobile-show .nalog-text{
    width: 100vw;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    background: #0c0c0c85;
    z-index: 1;
    position: fixed;
    left: 0;
    top: 0;
    flex-direction: column;
    gap: 8px;
}

.mobile-show .nalog-text.active{
    display: flex;
}

.nalog-container{
    width: 351px;
    min-height: 144px;
    padding: 16px;
    background: #F5F5F5;
    border-radius: 16px;
    font-size: 14px;
    line-height: 24px;
    z-index: 3;
}

.nalog-close{
    cursor: pointer;
}

.nalog-close path, .nalog-close rect, .nalog-close g{
    pointer-events: none;
}

.mortgage__item.action {
    background: var(--c-primary-light);
}
.mortgage__item.action .mortgage__item-desc .m2 {
    color: var(--c-gray-100);
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-another-aparts/style.css?17405742121622*/
.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;
    }
}
/* End */


/* Start:/local/templates/solution-redesign/components/remark/realty.apartments/tsz-popular/style.css?17405742131100*/
.nav-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-arrow__prev + .nav-arrow__next {
    margin-left: 8px;
}

.nav-arrow__progress {
    position: relative;
    width: 100%;
    height: 2px;
    margin-left: 16px;
    background: #f0f8ff;
}

.nav-arrow__progress .swiper-pagination-progressbar-fill {
    background: #0872c5;
}

.nav-arrow .button {
    border-radius: 44px;
    border: 1px solid var(--c-primary);
    display: flex;
    padding: 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.swiper-pagination-progressbar.swiper-pagination-horizontal {
    position: relative;
    height: 2px;
}

.nav-arrow__progress .swiper-pagination-progressbar-fill {
    background: var(--c-primary);
}

.swiper .swiper-slide {
    height: auto;
}

.similar > a.button {
    width: 100%;
    margin: 16px 0 0 0;
}

.choice-list-card a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%;
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/form.result.new/tsz-call-me/style.css?17405742121816*/
.rm-wrap {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.rm-text {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 520px;
    width: 520px;
    color: var(--c-gray-100);
}

.rm-form {
    width: 100%;
    padding: 48px;
    background-color: var(--c-gray-10);
    border-radius: 16px;
}

.rm-form__content {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 300px; /*261px*/
    gap: 24px;
    align-items: flex-end;
}

.rm-form__content .button {
    width: 100%;
}

.rm-form__content .input-wrap {
    width: 100%;
}

.rm-form__policy {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4;
}

.rm-form__success {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    height: 100%;
    padding: 24px 0;
}

@media (max-width: 1919px) {
    .rm-text {
        min-width: 416px;
        width: 416px;
    }

    .rm-form {
        padding: 32px;
    }
}

@media (max-width: 1439px) {
    .rm-wrap {
        flex-direction: column;
        gap: 32px;
    }

    .rm-text {
        gap: 16px;
        min-width: unset;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .rm-wrap {
        gap: 24px;
    }

    .rm-form {
        padding: 24px;
    }

    .rm-form__content {
        grid-template-columns: 1fr!important;
        gap: 16px;
    }

    .rm-form__policy {
        grid-column-start: unset;
        grid-column-end: unset;
    }

    div.rm-form__policy,
    div.rm-form__policy > a {
        margin: unset;
        font-weight: 500;
    }

    .rm-form__success {
        padding: 99px 0;
    }
}

.rm-form__content{
    /*grid-template-columns: 1fr 1fr;*/
}
/* End */
/* /local/templates/solution-redesign/components/remark/realty.apartment/tsz-detail/style.css?174057421333544 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-finishing/style.css?17404681391942 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object-desc/style.css?17436781735377 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-mortgage-calc-new/style.css?174644306711864 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-another-aparts/style.css?17405742121622 */
/* /local/templates/solution-redesign/components/remark/realty.apartments/tsz-popular/style.css?17405742131100 */
/* /local/templates/solution-redesign/components/bitrix/form.result.new/tsz-call-me/style.css?17405742121816 */
