/* Start:/local/templates/solution-redesign/components/bitrix/news.detail/tsz-object-banner_new/style.css?17494703725482*/
.hero {
    position: relative;
    width: 100%;
    height: calc(100vh - 74px);
    overflow: hidden;
}

.hero .container.container--nav {
    width: fit-content;
    right: 148px;
    margin-right: unset;
}

.hero.hero--with-block-stock {
    height: calc(100vh - 74px - 40px);
}

.hero--slider .container {
    position: absolute;
    inset: 0;
    z-index: 10;
}

.container.container--nav {
    /*  inset: unset;*/
    left: 0;
}

.hero:not(.hero--slider) .container:not(.container--nav) {
    height: 100%;
}

.hero:not(.hero--slider) .container.container--nav {
    position: relative;
    z-index: 10;
}

.hero__content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
    height: 100%;
    color: var(--c-gray-10);
    padding: 0 0 80px 0;
}

.hero__logo {
    margin: 56px 0 auto 0;
}

.hero__content h1 {
    max-width: 795px;
    color: var(--c-gray-10);
}

.hero-nav {
    position: absolute;
    bottom: 80px;
    right: 0;
    color: var(--c-gray-10);
}

.hero-nav button.button {
    opacity: .8;
}

.hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 18, 60, 0) 0%, rgba(1, 12, 37, 0.4) 100%);
}

.hero__bg {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hero__bg img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero.hero--slider::after {
    display: none;
}

.hero.hero--slider .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--banner-gradient);
}

.hero .badge-list {
    flex-wrap: wrap;
    max-width: 640px;
    margin: 0 0 8px 0;
}

.hero .badge-list.badge-list--column {
    align-items: flex-start;
}

@media (max-width: 1920px) {
    .hero {
        height: calc(100vh - 80px);
    }

    .hero.hero--with-block-stock {
        height: calc(100vh - 80px - 40px);
    }

    .hero__content {
        padding: 0 0 114px 0;
    }

    .hero__content h1 {
        max-width: 636px;
    }

    .hero-nav {
        right: -50px;
        bottom: 114px;
    }
}

@media (max-width: 1440px) {
    .hero {
        height: calc(100vh - 54px);
    }

    .hero.hero--with-block-stock {
        height: calc(100vh - 54px - 40px);
    }

    .hero__content {
        padding: 0 0 80px 0;
    }

    .hero__logo {
        width: 131px;
        margin: 48px 0 auto 0;
    }

    .hero-nav {
        bottom: 80px;
    }
}

@media (max-width: 1024px) {
    .hero {
        height: calc(100vh - 70px);
    }

    .hero.hero--with-block-stock {
        height: calc(100vh - 70px - 50px);
    }

    .hero__content {
        gap: 16px;
        padding: 0 0 136px 0;
    }

    .hero__logo {
        width: 101px;
        margin: 32px 0 auto 0;
    }

    .hero .badge-list {
        margin: 0 0 16px 0;
    }

    .hero-nav {
        bottom: 140px;
        right: -100px;
        left: unset;
    }
}

@media (min-width: 1440px) {
    .section--banner .banner-picture:not(.photo-preview) {
        display: none;
    }

    .hero {
        height: 866px;
    }
}

@media (max-width: 1440px) {
    .section--banner .banner-picture:not(.photo-desktop) {
       display: none;
    }
    .hero {
        height: 773px;
    }
}

@media (max-width: 1024px) {
    .section--banner .banner-picture:not(.photo-laptop) {
        display: none;
    }

    .section--banner .banner-picture.photo-laptop {
        display: flex;
    }

    .hero {
        height: 640px;
    }
}

@media (max-width: 768px) {
    .hero {
        height: 606px;
    }
}

@media (max-width: 576px) {
    .hero-nav {
        bottom: 36px;
        right: unset;
        left: -235px;
    }

    .hero-nav {
        bottom: 36px;
        right: unset;
        left: -150px;
        position: unset;
    }

    .hero .container.container--nav{
        display: flex;
        align-items: flex-end;
        padding-bottom: 40px !important;
        width: unset;
        right: unset;
    }
}

@media (max-width: 440px) {
    .section--banner .banner-picture:not(.photo-mobile) {
        display: none;
    }

    .section--banner .banner-picture.photo-mobile {
        display: flex;
    }
}

@media (max-width: 400px) {
    .hero-nav {
        bottom: 36px;
        right: unset;
        left: -150px;
        position: unset;
    }

    .hero .container.container--nav{
        display: flex;
        align-items: flex-end;
        padding-bottom: 40px !important;
        width: unset;
        right: unset;
    }
}

@media (max-width: 320px) {
    .hero-nav {
        bottom: 36px;
        right: unset;
        left: -135px;
    }
}

.button--3d {
    padding: 15px 24px 10px !important;
}

.button--3d svg {
    width: 49px !important;
    height: 31px !important;
}
/* 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-building-genplan/style.css?174367817313494*/

.genplan {
    position: relative;
    font-size: 0;
    width: calc(100vw - 58px);
   /* min-width: 1048px;*/
    margin: 0 auto;
}
@media (max-width: 1023px) {
    .genplan {
        display: inline-block;
    }
}
@media (max-width: 767px) {
    .genplan {
        min-width: initial;
        width: auto;
        height: 500px;
    }
}
.genplan-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 16px;
}
@media (max-width: 1023px) {
    .genplan-container {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}
.genplan-picture {
    width: 100%;
    border-radius: 4px;
}
@media (max-width: 767px) {
    .genplan-picture {
        height: 100%;
        width: initial;
    }
}
.genplan__labels {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.genplan__labels-item {
    color: #221e26;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #f1f7fa;
    -webkit-box-shadow: 0px 20px 20px -20px rgba(71, 167, 235, 0.5);
    box-shadow: 0px 20px 20px -20px rgba(71, 167, 235, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity ease-in-out 150ms;
    transition: opacity ease-in-out 150ms;
    will-change: opacity;
}
@media (min-width: 0) {
    .genplan__labels-item {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 768px) {
    .genplan__labels-item {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 1024px) {
    .genplan__labels-item {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
@media (min-width: 1440px) {
    .genplan__labels-item {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
.genplan__labels-item.active {
    opacity: 1;
}
.genplan__buildings {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.genplan__buildings-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    fill: #0a7ebf;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: opacity ease-in-out 300ms;
    transition: opacity ease-in-out 300ms;
    will-change: opacity;
}
.genplan__buildings-item:hover {
    opacity: 0.2;
}
.genplan__buildings-item:after {
    content: "11";
    position: absolute;
    left: 0;
    top: 0;
}
.genplan-tooltip {
    width: 232px;
    background: var(--c-gray-10);
    border-radius: 4px;
    padding: 16px;
    color: #221e26;
    text-align: left;
    position: relative;
}
.genplan-tooltip__tag {
    padding: 4px 12px;
    border-radius: 4px 23px 23px 4px;
    font-weight: 500;
    color: var(--c-gray-10);
    background: -webkit-gradient(linear, left top, right top, from(#ff007a), to(#ff7a00));
    background: -webkit-linear-gradient(left, #ff007a 0%, #ff7a00 100%);
    background: linear-gradient(90deg, #ff007a 0%, #ff7a00 100%);
    position: absolute;
    top: 0;
    left: 16px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
@media (min-width: 0) {
    .genplan-tooltip__tag {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__tag {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__tag {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__tag {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
.genplan-tooltip__header + * {
    margin-top: 8px;
}
.genplan-tooltip__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.genplan-tooltip__title {
    font-weight: bold;
}
@media (min-width: 0) {
    .genplan-tooltip__title {
        font-size: 16px;
        letter-spacing: 0em;
        line-height: 22px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__title {
        font-size: 16px;
        letter-spacing: 0em;
        line-height: 22px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__title {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__title {
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 24px;
    }
}
@media (min-width: 0) {
    .genplan-tooltip__date {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__date {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__date {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__date {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
.genplan-tooltip .progress {
    height: 1px;
    overflow: visible;
}
.genplan-tooltip .progress-bar {
    position: relative;
    overflow: visible;
}
.genplan-tooltip .progress-bar:after {
    content: "";
    height: 5px;
    position: absolute;
    width: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    background: #0a7ebf;
}
.genplan-tooltip__ready {
    font-weight: 500;
}
@media (min-width: 0) {
    .genplan-tooltip__ready {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__ready {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__ready {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__ready {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
.genplan-tooltip__ready-title {
    color: #0a7ebf;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 0) {
    .genplan-tooltip__ready-title {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__ready-title {
        font-size: 10px;
        letter-spacing: 0em;
        line-height: 14px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__ready-title {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__ready-title {
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 16px;
    }
}
.genplan-tooltip__ready-title + * {
    margin-top: 4px;
}
.genplan-tooltip__body {
    background: #f1f7fa;
    margin: -16px;
    margin-top: 16px;
    padding: 16px;
}
.genplan-tooltip__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.genplan-tooltip__item + .genplan-tooltip__item {
    margin-top: 12px;
}
.genplan-tooltip__item span:first-child {
    font-weight: normal;
}
@media (min-width: 0) {
    .genplan-tooltip__item span:first-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__item span:first-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__item span:first-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__item span:first-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
.genplan-tooltip__item span:last-child {
    font-weight: 500;
}
@media (min-width: 0) {
    .genplan-tooltip__item span:last-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .genplan-tooltip__item span:last-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1024px) {
    .genplan-tooltip__item span:last-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
@media (min-width: 1440px) {
    .genplan-tooltip__item span:last-child {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 18px;
    }
}
.genplan-tooltip__ready-progress {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #221e26;
}
.genplan-tooltip__ready-progress-complete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 0;
    border-radius: 2px;
    background-color: #0a7ebf;
    -webkit-transition: width ease-in-out 300ms;
    transition: width ease-in-out 300ms;
    will-change: width;
}
.genplan .tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.genplan .tooltip .arrow {
    display: none !important;
}
.genplan .tooltip-inner {
    max-width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    display: block;
}
.genplan .tooltip-inner:after, .genplan .tooltip-inner:before {
    content: none;
}


.genplan-back {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 100;
}

.genplan-back svg {
    pointer-events: none;
}

.genplan-back-floor {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 100;
}

.genplan-back-floor svg {
    pointer-events: none;
}

.genplan-container {
    overflow: hidden;
}

.genplan {
    /*min-height: 660px;*/
}

.genplan-container .preloader {
    z-index: 101;
    visibility: hidden;
}

.genplan-container .preloader.show {
    z-index: 101;
    visibility: visible;
}

.genplan__floors .genplan__section-item {
    fill: #000000;
}


.genplan-back-floor-plan {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 100;
}

.genplan-back-floor-plan svg {
    pointer-events: none;
}


.js-building-chess{
    cursor: pointer;
}

@media (max-width: 767px) {
    .genplan{
        overflow-x: scroll;
    }

    .genplan__labels.show{
        pointer-events: all;
    }

    .genplan-tooltip{
        padding-top: 20px;
    }

    .js-building-chess{
        cursor: default;
    }
}

.genplan__building-info{
    display: none;
    position: fixed;
    top: calc(50% - 65px);
    left: calc(50% - 116px);
}

.genplan__building-info.show{
    display: block;
}

.genplan__buildings.disabled{
    pointer-events: none;
}

.genplan-tooltip__close{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11111;
    cursor: pointer;
}

.tooltip-button{
    margin-top: 15px;
}

.genplan-swipe {
    display: none;
}

@media (max-width: 1023px) {
    .genplan-swipe {
        position: absolute;
        top: 15px;
        right: 15px;
        left: 15px;
        display: flex;
        justify-content: center;
        opacity: 1;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    .genplan-swipe__wrap {
        width: 100%;
        height: 100%;
        max-width: 310px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 15px;
        padding: 15px 13px;
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(6.3px);
    }
    .genplan-swipe__icon {
        width: 55px;
        height: 55px;
    }
    .genplan-swipe__text {
        font-size: 13px;
        line-height: 140%;
    }
}


/* 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-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_infrastructure/style.css?17405742131404*/
.map.map--infrastructure {
    height: 802px;
}

.map__icon--infrastructure {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--c-primary);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.map__icon--infrastructure:hover {
    background-color: var(--c-primary-dark);
}

.map__icon--infrastructure.hidden {
    display: none;
}

.map__icon--infrastructure img {
    width: 24px;
    height: 24px;
}

.map__icon--object {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border: 3px solid var(--c-primary);
    border-radius: 50%;
}

.map__icon--object::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);
}

.map__icon--object img {
    width: 58px;
    height: 58px;
}

@media (max-width: 1919px) {
    .map.map--infrastructure {
        height: 784px;
    }
}

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

@media (max-width: 1023px) {
    .map.map--infrastructure {
        height: 560px;
    }
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-map-legend/style.css?17405742122830*/
.section--infrastructure .section__body {
    position: relative;
}

.section--infrastructure h2 button.button {
    display: none;
}

.map-legend {
    position: absolute;
    top: 56px;
    left: 56px;
    z-index: 2;
    min-width: 462px;
    padding: 48px;
    background-color: var(--c-gray-10);
    border-radius: 16px;
    overflow-y: scroll;
    bottom: 56px;
}

.map-legend.active {
    display: flex;
}

.map-legend-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.map-legend-body button.button {
    width: 100%;
}

.map-legend__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

.map-legend__item p.m1 {
    color: var(--c-gray-80);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.map-legend__item:hover p.m1 {
    color: var(--c-gray-100);
}

.map-legend__item .item--counter {
    margin: 0 0 0 auto;
    color: var(--c-gray-60);
}

.map-legend__img {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: var(--c-primary-light);
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.map-legend__img img {
    width: 24px;
    height: 24px;
}

.map-legend__img img.actived {
    display: none;
}

.map-legend__item:hover .map-legend__img {
    background-color: var(--c-gray-30);
}

.map-legend__item.active .map-legend__img img {
    filter: brightness(10);
}

.map-legend__item.active .map-legend__img img {
    display: none;
}

.map-legend__item.active .map-legend__img img.actived {
    display: flex;
}

.map-legend__item.active .map-legend__img {
    background-color: var(--c-primary);
}

.map-legend__item.active p.m1 {
    color: var(--c-gray-100);
}

@media (max-width: 1919px) {
    .map-legend {
        top: 48px;
        left: 48px;
        min-width: 368px;
        padding: 32px;
    }
}

@media (max-width: 1439px) {
    .map-legend {
        top: 32px;
        left: 32px;
        min-width: 371px;
        padding: 24px;
    }
}

@media (max-width: 1023px) {
    .section--infrastructure .section__header h2 {
        flex-direction: column;
        align-items: start;
        gap: 24px;
    }

    .section--infrastructure h2 button.button {
        display: flex;
        width: 100%;
    }

    .map-legend {
        position: fixed;
        left: 12px;
        right: 12px;
        z-index: 4000;
        display: none;
        min-width: 350px;
        height: fit-content;
        padding: 24px 0 24px 24px;
        overflow-y: unset;
    }

    .map-legend-body {
        max-height: 350px;
        overflow-y: scroll;
        padding: 0 24px 0 0;
    }
}

.item--all.active {
    pointer-events: none;
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-building-progress/style.css?17405742122300*/
.construction-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 24px;
}

.construction-filter .select-wrap {
    margin: 0 0 32px 0;
}

.construction-filter .select-wrap--building {
    min-width: calc(25% - 18px);
}

.construction-filter .select-wrap--year {
    min-width: calc(25% - 18px);
}

.construction-filter .slider-nav {
    margin: 0 0 32px auto;
}

.construction-list-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    color: var(--c-gray-100);
}

.construction-list-item-image-wrap {
    overflow: hidden;
    border-radius: 16px;
}

.construction-list-item img,
.construction-list-item__image {
    width: 100%;
    height: 300px;
    border-radius: 16px;
}

.construction-list-item img {
    object-fit: cover;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}

.construction-list-item:hover img {
    transform: scale(1.1);
}

.construction-list-item__image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--c-primary);
}

.construction-list-item h3 {
    margin: 16px 0 0 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}

.construction-list-item:hover h3 {
    color: var(--c-primary);
}

.construction-list-item p {
    color: var(--c-gray-80);

}

.modal-dialog-online{
    min-width: 80%;
}

.modal-online{
    aspect-ratio: 16/9;
    border-radius: 20px !important;
}

.modal-online iframe{
    border-radius: 20px;
}

@media (max-width: 1919px) {
    .construction-list-item img,
    .construction-list-item__image {
        height: 270px;
    }
}

@media (max-width: 1439px) {
    .construction-filter .select-wrap--building,
    .construction-filter .select-wrap--year {
      /*  min-width: 137px;*/
    }

    .construction-list-item img,
    .construction-list-item__image {
        height: 220px;
    }
}

@media (max-width: 1023px) {
    .construction-filter .select-wrap--building,
    .construction-filter .select-wrap--year {
        min-width: calc(50% - 12px);
    }

    .construction-list-item img,
    .construction-list-item__image {
        max-width: unset;
        height: 160px;
    }
    .modal-dialog-online{
        min-width: 95%;
    }
}

/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-promo-list-new/style.css?17286403324786*/
.promo-list--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 30px;
}

.promo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    min-height: 572px;
    /*    padding: 48px;*/
    overflow: hidden;
    background: var(--c-primary-light);
    border-radius: 16px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

/*.col-lg-12 .promo-card,
.col-lg-6 .promo-card {
    min-height: 420px;
}*/

.promo-list--grid .promo-card {
    grid-row-start: 1;
    grid-row-end: 3;
    min-height: 268px;
    gap: 16px;
    display: flex;
}

.promo-list--grid .promo-card.promo-card--first,
.promo-list--grid .promo-card.promo-card--second {
    grid-row-end: unset;
}

.promo-list--grid .promo-card.promo-card--second {
    grid-row-start: 2;
}

.promo-card h3,
.promo-card p {
    max-width: 450px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.promo-card:not(.promo-card-1) p {
    color: var(--c-gray-90);
}

.promo-card.promo-card-1 p {
    color: var(--c-gray-20);
}

.promo-card:not(.promo-card-1):hover h3 {
    color: var(--c-primary);
}

.promo-card.promo-card-1:hover h3 {
    color: var(--c-gray-40);
}

.promo-card a {
    position: absolute;
    bottom: 48px;
    left: 48px;
}

.promo-card:hover a.button {
    background-color: var(--c-primary-dark);
}

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

.promo-card.promo-card-1 a,
.promo-card.promo-card--second a {
    position: initial;
    bottom: unset;
    left: unset;
    margin: auto 0 0 0;
}

.promo-card.promo-card-1 {
    background-color: var(--c-primary);
    color: var(--c-gray-100);
}

.promo-card.promo-card-1 .card-preview,
.promo-card.promo-card--second .card-preview {
    display: none;
}

.promo-card.promo-card-2 .promo-text-block--no-image{
    margin-top: 16px;
}

.promo-card.promo-card-3 .promo-text-block--no-image{
    margin-top: 16px;
}

@media (max-width: 1919px) {
    .promo-list--grid {
        row-gap: 24px;
    }

    .promo-card {
        /*  padding: 32px;*/
    }

    .promo-card.promo-card-1 {
        min-height: 238px;
    }

    .promo-list--grid .promo-card.promo-card--second {
        min-height: 290px;
    }
}

@media (max-width: 1439px) {
    .promo-list--grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .promo-list--grid .promo-card,
    .promo-card.promo-card-1,
    .promo-list--grid .promo-card.promo-card--second {
        min-height: unset;
        grid-row-start: unset;
        grid-row-end: unset;
    }

    .promo-card:nth-child(n+3) {
        display: none;
    }
}

@media (max-width: 1439px) {
    .promo-card {
        /* padding: 24px;*/
    }

    .promo-card a {
        position: initial;
        bottom: unset;
        left: unset;
        margin: auto 0 0 0;
    }
}

@media (max-width: 1023px) {
    .promo-list--grid {
        grid-template-columns: 1fr;
    }
}

.section__footer {
    display: none;
}

@media (max-width: 1023px) {
    .section__footer {
        margin-top: 24px;
        display: flex;
    }

    .section__footer a {
        width: 100%;
    }
}


.promo-card--two{
    min-height: 604px;
}

.promo-card-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
}

.promo-text-block{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 8px 48px 48px 48px;
    height: 100%;
}

.promo-text{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media(max-width: 1439px){
    .promo-card{
        min-height: 210px;
    }

    .promo-text-block{
        padding: 32px;
        gap: 16px;
    }

    .promo-card-image{
        display: none;
    }
}

.promo-card-1{
    background: var(--c-primary);
    color: var(--c-gray-10);
}

.promo-card-1 .promo-text-block{
    padding: 48px;
}

.promo-card.promo-card-1 p{
    color: var(--c-gray-10);
}

.promo-card-1 .promo-card-image{
    display: none;
}

@media (max-width: 1439px) {
    .promo-list .col-xl-12-custom {
        flex: 0 0 auto;
        width: 100%;
    }

    .promo-list .row{
        gap:32px;
    }
}

.promo-text-block{
    gap: 16px;
}

.promo-list--4 .col-12:nth-child(2){
    grid-column: 2;
    grid-row: 1 / 3;
}

.promo-list--4 .col-12:nth-child(3){
    grid-column: 3;
    grid-row: 1 / 3;
}

.promo-list--4 .promo-card-4 .promo-card-image{
    display: none;
}

.promo-list--4 .promo-card-4 .promo-text-block{
    padding: 48px;
}

@media (max-width: 1439px) {
    .promo-list--4{
        display: flex;
        flex-direction: column;
    }
}

.section--news .section__header {
    display: flex;
    justify-content: space-between;
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-diary/style.css?17141642092188*/
.diary-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 24px;
}

.diary-filter .select-wrap {
    margin: 0 0 32px 0;
}

.diary-filter .select-wrap--building {
    min-width: calc(25% - 18px);
}

.diary-filter .select-wrap--year {
    min-width: calc(25% - 18px);
}

.diary-filter .slider-nav {
    margin: 0 0 32px auto;
}

.diary-list-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    color: var(--c-gray-100);
}

.diary-list-item-image-wrap {
    overflow: hidden;
    border-radius: 16px;
}

.diary-list-item img,
.diary-list-item__image {
    width: 100%;
    height: 300px;
    border-radius: 16px;
}

.diary-list-item img {
    object-fit: cover;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}

.diary-list-item:hover img {
    transform: scale(1.1);
}

.diary-list-item__image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--c-primary);
}

.diary-list-item h3 {
    margin: 16px 0 0 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}

.diary-list-item:hover h3 {
    color: var(--c-primary);
}

.diary-list-item p {
    color: var(--c-gray-80);

}

.modal-dialog-online{
    min-width: 80%;
}

.diary-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 24px;
}

.modal-online{
    aspect-ratio: 16/9;
    border-radius: 20px !important;
}

.modal-online iframe{
    border-radius: 20px;
}

@media (max-width: 1919px) {
    .diary-list-item img,
    .diary-list-item__image {
        height: 270px;
    }
}

@media (max-width: 1439px) {
    .diary-filter .select-wrap--year {
  /*      min-width: 137px;*/
    }

    .diary-list-item img,
    .diary-list-item__image {
        height: 220px;
    }
}

@media (max-width: 1023px) {
    .diary-filter .select-wrap--building,
    .diary-filter .select-wrap--year {
        min-width: calc(50% - 12px);
    }

    .diary-list-item img,
    .diary-list-item__image {
        max-width: unset;
        height: 160px;
    }
    .modal-dialog-online{
        min-width: 95%;
    }
}

/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/system.pagenavigation/load_more/style.css?174057421352*/
.button--load-more {
    margin: 32px auto 0 auto;
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-object-another/style.css?17436781732753*/
.complex-list a.button {
    margin: 32px auto 0 auto;
}

.complex-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    cursor: pointer;
}

.complex-item__image {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
}

.complex-item__image img,
.complex-item__image picture {
    width: 100%;
    height: 420px;
    object-fit: cover;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.complex-item:hover .complex-item__image img {
    transform: scale(1.1);
}

.complex-item-tags {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    max-width: 60%;
    flex-wrap: wrap;
}

.complex-item-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.complex-item-text p {
    color: var(--c-gray-80);
}

.complex-item-text__name {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.complex-item-text__name > * {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.complex-item:hover .complex-item-text__name > * {
    color: var(--c-primary);
}

.complex-item-text__name > *:last-child {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.complex-item-text__name > *:last-child:not(:first-child)::before {
    content: '';
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--c-gray-50);
}

.complex-item-text__name h3,
.complex-item-text__name h4 {
    color: var(--c-gray-100);
}

@media (max-width: 1919px) {
    .complex-item__image img,
    .complex-item__image picture {
        height: 338px;
    }
}

@media (max-width: 1439px) {
    .complex-item {
        gap: 16px;
    }

    .complex-item__image img,
    .complex-item__image picture {
        height: 301px;
    }

    .complex-item-tags {
        max-width: 95%;
    }
}

@media (max-width: 1023px) {
    .complex-item__image img,
    .complex-item__image picture {
        height: 240px;
    }

    .complex-item__image {
        order: 1;
    }

    .complex-item-tags {
        position: static;
        order: 2;

    }

    .complex-item-text {
        order: 3;
    }

    .complex-item-text__name {
        flex-wrap: wrap;
        gap: unset;
        column-gap: 8px;
    }

    .complex-item-text__name > *:last-child {
        gap: 8px;
    }
}

@media (max-width: 576px) {

    .complex-item-tags {
        flex-wrap: nowrap;
        overflow-x: scroll;
        max-width: 100%;
    }

    .complex-item-text__name h4 {
        white-space: nowrap
    }

}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-object_docs/style.css?17405742131543*/
.docs > p {
    margin: 24px 0 0 0;
    max-width: 1064px;
}

.docs > a {
    margin: 24px 0 0 0;
}

.docs-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    padding: 31px;
    border: 1px solid var(--c-gray-50);
    border-radius: 16px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
}

.docs-item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.docs-item:hover {
    border-color: var(--c-primary);
}

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

.docs-item:hover a.button {
    color: var(--c-primary-dark);
}

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

.docs-item__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.docs-item__desc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.docs-item__desc p {
    color: var(--c-gray-80);
}

@media (max-width: 1919px) {
    .docs > p {
        max-width: 856px;
    }
}

@media (max-width: 1439px) {
    .docs > p {
        max-width: 616px;
    }

    .docs-item {
        padding: 16px;
    }

    .docs-item__desc {
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 1023px) {
    .docs > p {
        max-width: unset;
    }

    .docs > a {
        width: 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/bitrix/news.detail/tsz-object-banner_new/style.css?17494703725482 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object-desc/style.css?17436781735377 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-building-genplan/style.css?174367817313494 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-mortgage-calc-new/style.css?174644306711864 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-finishing/style.css?17404681391942 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object_infrastructure/style.css?17405742131404 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-map-legend/style.css?17405742122830 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-building-progress/style.css?17405742122300 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-promo-list-new/style.css?17286403324786 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-diary/style.css?17141642092188 */
/* /local/templates/solution-redesign/components/bitrix/system.pagenavigation/load_more/style.css?174057421352 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object-another/style.css?17436781732753 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object_docs/style.css?17405742131543 */
/* /local/templates/solution-redesign/components/bitrix/form.result.new/tsz-call-me/style.css?17405742121816 */