

/* 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/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/system.pagenavigation/load_more/style.css?176581535352 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-object-on-main/style.css?17658153532469 */
