/* Start:/local/templates/stalex2024/components/bitrix/system.pagenavigation/pagination/style.css?17601106641623*/
.pagination{display: flex;justify-content: space-between;align-items: center;margin-top: calc(var(--font-size-16)*3.5)}
.pagination__navigation{display: flex;align-items: center;gap: var(--font-size-16)}
.pagination .btn.btn-circle{width: calc(var(--font-size-16) * 2.5);height: calc(var(--font-size-16) * 2.5);}
.pagination .btn.btn-circle:after{width: calc(var(--font-size-16) * 0.3125);height: calc(var(--font-size-16) * 0.6875);}
.pagination__nums{padding: 0 var(--font-size-16);display: flex;align-items: center;gap:calc(var(--font-size-16)*2)}
.pagination__nums > *{position:relative;display: block;font-size: calc(var(--font-size-16)*1.25);font-weight: 400;line-height: 1.5em;letter-spacing: -0.02em;text-align: center;padding: 4px var(--font-size-16);transition: .2s linear}
.pagination__nums span:after{display: block;content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: var(--brand-color);transition: .2s linear;}
.pagination__count{font-weight: 500;font-size: var(--font-size-16);line-height: 1.25em;}
@media (max-width: 1000px) {
    .pagination{margin-top: 24px;justify-content: center}
    .pagination__navigation{width: 100%;max-width: 375px;justify-content: center}
    .pagination__count{display: none}
    .pagination__nums{justify-content: space-between;}
    .pagination__nums > *{font-size: var(--font-size-16);padding: 4px 5px}
}
@media (max-width: 480px) {
    .pagination__nums{gap: calc(var(--font-size-16)* 1.15);padding: 0 calc(var(--font-size-16) * 0.5);}
}
@media (hover:hover) {
    .pagination__nums > a:hover{color: var(--brand-color)}
}

/* End */


/* Start:/local/templates/stalex2024/components/bitrix/news.list/news/style.css?17601106642679*/
.newsTabs{display: flex;gap: var(--font-size-16);flex-wrap: wrap;margin-bottom: calc(var(--font-size-16)*3.5)}
.newsTabs a {
    padding:var(--font-size-16);
    font-weight: 700;
    font-size: calc(var(--font-size-16)*1.5);
    line-height: 1.29em;
    letter-spacing: -0.01em;
}
.newsTabs a.active{color: var(--text-color-3);background: var(--black);pointer-events: none;transition: .2s linear}
@media (hover: hover) {
    .newsTabs a:hover{color: var(--brand-color)}
}
@media (max-width: 1000px) {
    .newsTabs {gap: 10px;margin-bottom: calc(var(--font-size-16)*1.5);}
    .newsTabs a {padding: 12px;font-size: 14px;}
}

.news__list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
@media (max-width: 1000px) {
    .news__list{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 600px) {
    .news__list{grid-template-columns: repeat(1, 1fr)}
}

.newsCard{
    display: flex;
    flex-direction: column;
    gap: var(--font-size-16);
    border: 1px solid var(--light-gray);
    padding: calc(var(--font-size-16)*2.3125) calc(var(--font-size-16)*2);
}
.newsCard .h4{transition: .2s linear}
.newsCard picture{display: flex;height: calc(var(--font-size-16) * 20);}
.newsCard img{width: 100%;object-fit: cover;pointer-events: none;transition: .2s linear}
.newsCard__content{display: flex;flex-direction: column;gap: var(--font-size-16);padding-top: var(--font-size-16);flex: 1 1 auto}
.newsCard__content p, .newsCard__type, .newsCard__date{font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;font-weight: 400;}
.newsCard__content p{color: var(--text-color-2);}
.newsCard__footer{display: flex;align-items: center;gap: var(--font-size-16);}
.newsCard__separator{width: 4px;height: 4px;background: var(--text-color-2);flex: 0 0 4px;border-radius: 50%;}
.newsCard__date{color: var(--text-color-2);}
@media (max-width: 1000px) {
    .newsCard h4{font-size: 16px}
    .newsCard__content p, .newsCard__type, .newsCard__date{font-size: 12px}
}
@media (hover: hover) {
    .newsCard{position: relative}
    .newsCard: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;
    }
    .newsCard:hover:before{
        opacity: 1;
    }
    .newsCard:hover img {
        scale: 1.1;
    }
    .newsCard .h4:hover{color: var(--brand-color)}
}

/* End */
/* /local/templates/stalex2024/components/bitrix/system.pagenavigation/pagination/style.css?17601106641623 */
/* /local/templates/stalex2024/components/bitrix/news.list/news/style.css?17601106642679 */