

/* Start:/local/templates/stopexpress/components/bitrix/news.detail/banner3/style.css?17592264583751*/
.hero .wrap {
    height: calc(100vh - 21.19rem);
    min-height: 36.25rem;
}

.left {
    max-width: 70%;
}

.banner-image img {
    position: absolute;
    right: 0;
    aspect-ratio: 460/350;
}

.img-default,
.img-hover {
    transition: opacity 0.4s ease-in-out;
}
.img-default {
    transition: opacity 0.3s ease;
}

.img-hover {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.img-default:hover {
    opacity: 0;
}

.img-default:hover + .img-hover {
    opacity: 1;
}

.banner-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    max-width: calc(100% - 484px);
    height: 100%;
    max-height: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
}

.banner-block {
    max-width: 61%;
}

.banner-block > div {
    max-width: 50%;
}

.banner3-wrap .hero-text {
    max-width: 65%;
}

.banner-text {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 460px;
    height: calc(100% - 374px);
}

.img-hover {
    z-index: -1;
}

@media screen and (max-width: 1399px) {
    .banner-block {
        max-width: 65%;
    }
}

@media screen and (max-width: 1199px) {
    .banner-block {
        margin-top: 2rem;
    }

    .left {
        max-width: 50%;
    }

    .left > div:first-child {
        max-width: 80%;
    }

    .banner3-wrap .hero-text {
        max-width: 95%;
    }

    .banner3.overflow {
        overflow: auto;
    }

    .hero .wrap.banner3-wrap {
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .left {
        position: relative;
        max-width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .banner-bg {
        max-width: 100%;
    }

    .banner-image {
        position: relative;
    }

    .banner-image img {
        position: unset;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .banner-image img.img-hover {
        height: 100%;
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .img-default:hover {
        opacity: 0;
    }

    .banner-image {
        max-width: 40%;
    }

    .banner-text, .right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .banner-text {
        position: unset;
        height: auto;
        max-width: calc(60% - 1rem);
        flex-direction: column;
    }

    .right {
        width: 100%;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .banner-block {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .hero .wrap.banner3-wrap {
        padding: 0;
        max-height: unset;
    }

    .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .banner-image {
        max-width: 100%;
        width: 100%;
    }

    .banner-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .left > div:first-child {
        max-width: 100%;
    }

    .banner-text {
        max-width: 100%;
        margin-top: 1rem;
    }

    .banner-block > div:last-child {
        max-width: 60%;
    }
}

@media screen and (max-width: 480px) {
    .banner-block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .banner-block > div, .banner-block > div:last-child {
        max-width: 100%;
    }

    .banner-block > div:last-child {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 420px) {
    .banner-image {
        padding: 0 15px;
    }
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/news.list/block-1/style.css?1759226458448*/
.block-item {
    padding: 2.5rem 3.75rem;
}

.block-item__content {
    max-width: 54%;
}

.block-image {
    z-index: 1;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 991px) {
    .block-item__content {
        max-width: 100%;
    }

    .block-image {
        position: relative !important;
        max-width: 40%;
        display: block;
        margin-left: auto;
    }

    .block-item {
        padding: 2rem 1.5rem;
    }
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/news.list/advantages/style.css?1759226458752*/
.advantages-slider .swiper-slide {
    height: auto;
    padding: 1.5rem
}

.advantages-slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.advantages-slider .item img {
    height: 4rem;
    margin-bottom: 1.5rem;
    width: 4rem
}

.advantages-slider .item .text {
    margin-top: 1rem
}

.advantages-text {
    margin-top: 2rem
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/news.list/history/style.css?17592264583163*/
.years-content {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 2s ease, transform 2s ease;
    display: block;
    height: 0;
    overflow: hidden;
}

.years-content.active {
    opacity: 1;
    transform: translateY(0);
    height: auto;
}

.years-content > div > div:first-child {
    width: calc(100% / 3);
}

.years-content > div > div:last-child {
    width: 63%;
    margin-left: 2.5rem;
}

.years-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 450/240;
}

.history-year {
    position: relative;
    color: var(--gray-color2);
    text-align: center;
    min-height: 85px;
    max-width: calc(100% / 10.2 - 45px);
    transition: color 0.2s ease;
    outline: none !important;
}

.history-year.active {
    color: var(--font-black);
    transition: color 0.4 ease;
}

.years-content-text {
    padding-bottom: 20px;
}

.car {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 61px !important;
    height: 44px !important;
    transition: left 0.5s ease-in-out;
    z-index: 2;
    will-change: left;
    backface-visibility: hidden;
}

.years-content-wrap {
    margin-top: 30px; /* Отступ от слайдера */
}

.years-line {
    width: calc(100% - 100px);
    height: 1px;
    border: 1px dashed #000;
    bottom: 15px;
    left: 55px;
}

.circle {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}

.history-year svg circle {
    transition: stroke 0.3s ease-in-out;
}

.history-year-0.active svg circle {
    stroke: var(--red-color);
}

.years-content-wrap {
    position: relative;
}

.years-content-wrap .swiper-btns {
    position: absolute;
    gap: 1rem;
    margin-top: 0;
    bottom: 0;
    left: calc(100% / 3 + 40px);
}

/*.history-year.swiper-slide-visible:last-child:after {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(270deg, #f7f7f8 0%, rgba(247, 247, 248, 0) 100%);*/
/*}*/

@media screen and (max-width: 1199px) {
    .years-content-wrap .swiper-btns {
        bottom: -1rem;
    }
}

@media screen and (max-width: 991px) {
    .years-content__wrap {
        flex-wrap: wrap;
    }

    .history-year {
        max-width: calc(100% / 5.2 - 45px);
    }

    .years-content > div > div:first-child {
        width: 60%;
    }

    .years-content > div > div:last-child {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }

    .years-content-wrap .swiper-btns {
        left: 0;
        bottom: -3.5rem;
    }
}

@media screen and (max-width: 767px) {
    .years-content > div > div:first-child {
        width: 100%;
    }

    .history-year__title.title-md {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 480px) {
    .history-year {
        max-width: calc(100% / 3.2 - 45px);
    }
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/news.list/block-2/style.css?1759226458108*/
.block-bottom__item > div:last-child {
	margin-left: 3.5rem
}

.block-bottom__item {
	padding: 1rem 1.5rem
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/news.list/promo.slider/style.css?1759226458991*/
.stock-food-slider img {
    width: 100%
}

.stock-front .wrap {
    padding-bottom: 3.25rem
}

.stock-front-top {
    margin-bottom: 2.5rem
}

.stock-front-top .text-light {
    margin-right: 3.75rem
}

.promo-title {
    left: 2rem;
    bottom: 2rem;
}
@media screen and (max-width: 1199px) {
    .stock-front .wrap {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media screen and (max-width: 991px) {
    .stock-front-top {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .stock-front-top .text-light {
        width: 100%;
        margin-right: 0;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 480px) {
    .promo-slide {
        max-width: 60%;
    }
}

@media screen and (max-width: 380px) {
    .stock-front .wrap {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .promo-slide {
        max-width: 85%;
    }
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/news.list/gallery/style.css?17592264581093*/
.gallery-list__wrapper {
    margin: -0.75rem;
}

.list-image,  .list-image-0.appended, .list-image-1.appended {
    width: calc(100% / 3 - 1.5rem);
    margin: 0.75rem;
}

.list-image-0, .list-image-1 {
    width: calc(100% / 2 - 1.5rem);
}

.list-image, .list-image-0.appended, .list-image-1.appended {
    aspect-ratio: 424/420;
}

.list-image-0, .list-image-1 {
    aspect-ratio: 648/420;
}

.list-image a {
    background-position: 50%;
    background-size: cover;
    transition: background-size .5s ease-in-out;
}

.list-image a:hover {
    /*background-size: 110% 110%;*/
}

@media screen and (max-width: 991px) {
    .list-image,  .list-image-0.appended, .list-image-1.appended {
        width: calc(100% / 2 - 1.5rem);
        margin: 0.75rem;
    }

    .list-image-0, .list-image-1 {
        width: calc(100% - 1.5rem);
    }
}

@media screen and (max-width: 420px) {
    .list-image,  .list-image-0.appended, .list-image-1.appended {
        width: calc(100% - 1.5rem);
        margin: 0.75rem;
    }

    .list-image-0, .list-image-1 {
        width: calc(100% - 1.5rem);
    }
}
/* End */


/* Start:/local/templates/stopexpress/components/bitrix/system.pagenavigation/gallery/style.css?175922645837*/
.show-more {
    cursor: pointer;
}
/* End */
/* /local/templates/stopexpress/components/bitrix/news.detail/banner3/style.css?17592264583751 */
/* /local/templates/stopexpress/components/bitrix/news.list/block-1/style.css?1759226458448 */
/* /local/templates/stopexpress/components/bitrix/news.list/advantages/style.css?1759226458752 */
/* /local/templates/stopexpress/components/bitrix/news.list/history/style.css?17592264583163 */
/* /local/templates/stopexpress/components/bitrix/news.list/block-2/style.css?1759226458108 */
/* /local/templates/stopexpress/components/bitrix/news.list/promo.slider/style.css?1759226458991 */
/* /local/templates/stopexpress/components/bitrix/news.list/gallery/style.css?17592264581093 */
/* /local/templates/stopexpress/components/bitrix/system.pagenavigation/gallery/style.css?175922645837 */
