

/* Start:/local/templates/solution-redesign/components/bitrix/news.detail/tsz-object-banner/style.css?17658153533970*/
.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.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;
}

@media (max-width: 1919px) {
    .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 {
        bottom: 114px;
    }
}

@media (max-width: 1439px) {
    .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: 1023px) {
    .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: 36px;
        right: 0;
        left: unset;
    }
}

@media (min-width: 1441px) {
    .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: calc(75vh - 70px);
    }

    .hero {
        height: 606px;
    }
}

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

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


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-object-desc/style.css?17658153535479*/
.section--tab .tab-list {
    margin: 0 0 32px 0;
}

.section-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    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 {
    position: absolute;
    right: 8px;
    transform: translateY(-50%);
    top: 25px;
    color: var(--c-primary);
    z-index: 1000;
    border-radius: 50%;
    font-size: 23px;
    cursor: pointer;
    animation: 2s ease-in-out infinite arrow-bounce;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
}
@media (min-width: 1023px) {
    .tab-scroll-arrow--pc-show {
        display: none;
    }
}

@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/system.pagenavigation/load_more/style.css?176581535352*/
.button--load-more {
    margin: 32px auto 0 auto;
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-object-on-main/style.css?17658153532469*/
.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 {
    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 {
        height: 338px;
    }
}

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

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

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

@media (max-width: 1023px) {
    .complex-item__image img {
        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 */
/* /local/templates/solution-redesign/components/bitrix/news.detail/tsz-object-banner/style.css?17658153533970 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object-desc/style.css?17658153535479 */
/* /local/templates/solution-redesign/components/bitrix/system.pagenavigation/load_more/style.css?176581535352 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object-on-main/style.css?17658153532469 */
