/* Start:/local/templates/stalex2024/components/bitrix/news.detail/news/style.css?17601106641956*/
.article h1{line-height: 1em}
.article__header{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*2);padding-bottom: calc(var(--font-size-16)*3.5);border-bottom: 1px solid var(--light-gray)}
.article__description{display: flex;align-items: center;gap: var(--font-size-16);}
.article__type, .article__date{font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;font-weight: 400;}
.article__separator{width: 4px;height: 4px;background: var(--text-color-2);flex: 0 0 4px;border-radius: 50%;}
.article__date{color: var(--text-color-2);}

.article__body{display:flex;flex-direction:column;gap:calc(var(--font-size-16)*3.5);padding-top: calc(var(--font-size-16)*3.5);padding-bottom: calc(var(--font-size-16)*6.5625);border-bottom: 1px solid var(--light-gray)}
.article__body img {max-width: 100%;}
.article__slider{position: relative;}
.article__slider .swiper-slide{height: calc(var(--font-size-16)*45)}
.article__slider img{object-fit: cover}


.article__text{font-size: calc(var(--font-size-16)*1.25)}
.article__subTitle{margin-top: 0}
.article__text a{color: var(--brand-color)}

.article__header.hide-border {
    border-bottom: unset;
}

.article__detail-img-wrapper {
    margin-bottom: 20px;
}
.article__detail-img-wrapper + .container .article__body {
    border-top: 1px solid var(--light-gray);
}
.article__detail-img {
    width: 100%;
}

@media (min-width: 1000px) {
    .article__slider .arrowBtns .btn{position: absolute;top: 0;bottom: 0;margin: auto 0;z-index: 2;}
    .article__slider .arrowBtns .prev{left: calc(var(--font-size-16)*2.5)}
    .article__slider .arrowBtns .next{right: calc(var(--font-size-16)*2.5)}
}
@media (max-width: 1000px) {
    .article__slider .swiper-slide {height: 50vw;}
    .arrowBtns {display: flex;justify-content: center;padding-top: 20px;}
}
@media (max-width: 500px) {
    .article__header h1 {word-break: break-all;}
}

/* End */


/* Start:/local/templates/stalex2024/components/bitrix/news.list/slider_news/style.css?17601106642101*/
.newsSlide{display: flex;flex-direction: column;gap: 16px;}
.newsList .newsSlide{padding: calc(var(--font-size-16)*2) 0;border-top: 1px solid var(--text-color-2)}
.newsList .newsSlide:first-child{padding-top: 0;border-top:0;}
.newsSlider .newsSlide{padding: calc(var(--font-size-16)*2);border: 1px solid var(--light-gray);height: auto}
.newsSlide picture{display: flex;height: calc(var(--font-size-16)*20)}
.newsSlide img{object-fit: cover;width: 100%;transition: .2s linear}
.newsSlide__date{font-weight: 400;font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;color: var(--text-color-2);}
.newsSlide__name{transition: .2s linear}
.newsSlide__text{font-weight: 400;font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;color: var(--text-color-2);}
.newsList__footer .showMore{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    gap: 8px;
    width: 100%;
    height: 34px;
    background: #F5F5F5;
}
@media (min-width: 1000px) {
    .newsSlide__name{font-weight: 700;font-size: calc(var(--font-size-16)*1.5);line-height: 1.29em;letter-spacing: -0.01em;}
}
@media (max-width: 1000px) {
    .newsSlide picture{height: 22vw}
    .newsSlide__date{font-size: 12px}
    .newsSlide__text{font-size: 14px}
}
@media (max-width: 600px) {
    .newsSlide picture{height: 40vw}
}
@media (hover: hover) {
    .newsSlide.swiper-slide{position: relative}
    .newsSlide.swiper-slide:before{
        position: absolute;
        top: -1.5px;
        left: -1.5px;
        width: calc(100% + 3px);
        height: calc(100% + 3px);
        display: block;
        content: "";
        pointer-events: none;
        border: 3px solid var(--brand-color);
        z-index: 1;
        opacity: 0;
        box-sizing: border-box;
        transition: .2s linear;
    }
    .newsSlide.swiper-slide:hover:before{opacity: 1;}
    .newsSlide.swiper-slide:hover img {scale: 1.12;}
    .newsSlide__name:hover{color: var(--brand-color)}
}

/* End */
/* /local/templates/stalex2024/components/bitrix/news.detail/news/style.css?17601106641956 */
/* /local/templates/stalex2024/components/bitrix/news.list/slider_news/style.css?17601106642101 */