:root {
    --main-color-red: #f00;
    --main-color-anthracite: #232323;
    --main-color-white: #fff;
    --p-block: 24px;
}

.menu-links{
    display: flex;
    gap: 16px;
    overflow: auto;
    padding-bottom: 13px;
}

.menu-links *{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: var(--main-color-anthracite);
    background: var(--main-color-white);
    border-radius: 40px;
    padding: 10px 16px;
    box-shadow: 0 0 0 0 #d9d9d9;
    transition: box-shadow .3s;
}

.menu-links a:hover{
    box-shadow: 0 13px 16px -8px #d9d9d9;
}

.menu-links .active{
    box-shadow: inset 0 8px 8px -8px #a70000;
    background: var(--main-color-red);
    color: var(--main-color-white);
}

.article-few.news {
    background: #f4f4f4;
}

.article-few.news .block-news a {
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--main-color-white);
    padding: var(--p-block);
    height: 100%;
    box-sizing: border-box;
    margin-bottom: 33px;
}

.article-few.news .block-news a:after{
    content: attr(data-text);
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.72081 13.2826C8.65089 13.2129 8.59542 13.1301 8.55756 13.0389C8.51971 12.9478 8.50022 12.85 8.50022 12.7513C8.50022 12.6526 8.51971 12.5549 8.55756 12.4637C8.59542 12.3725 8.65089 12.2897 8.72081 12.2201L11.9389 9.00193H2.75144C2.55253 9.00193 2.36176 8.92291 2.22111 8.78226C2.08046 8.6416 2.00144 8.45084 2.00144 8.25193C2.00144 8.05301 2.08046 7.86225 2.22111 7.7216C2.36176 7.58094 2.55253 7.50193 2.75144 7.50193L11.9389 7.50193L8.72081 4.28255C8.57992 4.14165 8.50076 3.95056 8.50076 3.7513C8.50076 3.55204 8.57992 3.36095 8.72081 3.22005C8.86171 3.07915 9.05281 3 9.25206 3C9.45132 3 9.64242 3.07915 9.78331 3.22005L14.2833 7.72005C14.3532 7.78973 14.4087 7.87252 14.4466 7.96369C14.4844 8.05485 14.5039 8.15259 14.5039 8.2513C14.5039 8.35001 14.4844 8.44775 14.4466 8.53892C14.4087 8.63008 14.3532 8.71287 14.2833 8.78255L9.78331 13.2826C9.71364 13.3525 9.63084 13.4079 9.53968 13.4458C9.44851 13.4837 9.35077 13.5031 9.25206 13.5031C9.15335 13.5031 9.05561 13.4837 8.96445 13.4458C8.87329 13.4079 8.79049 13.3525 8.72081 13.2826Z' fill='%23232323' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right bottom -1px;
    background-size: 15px;
    text-transform: none;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 12px;
    line-height: 1.1;
    color: var(--main-color-anthracite);
    padding: 0 20px 0 0;
    width: max-content;
    bottom: 33px;
    transition: padding .3s;
}

.article-few.news .block-news a:hover:after{
    padding-right: 25px;
}

.article-few.news .block-news a .img{
    aspect-ratio: 460/303;
    display: block;
    position: relative;
    background-color: #d8d8d8;
    margin: calc(var(--p-block) * -1) calc(var(--p-block) * -1) 0;
    border-radius: 4px;
    overflow: hidden;
}

.article-few.news .block-news a img {
    aspect-ratio: 460/303;
    width: 100%;
    object-fit: cover;
}

.article-few.news .block-news a h2{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1em;
    height: 2.1em;
    color: var(--main-color-anthracite);
    margin-top: 16px;
}

.article-few.news .block-news a p{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    color: var(--main-color-anthracite);
    padding: 16px 0;
}

.article-few.news .block-news a p.date{
    opacity: .5;
    padding: 24px 0 0;
}

.article-few.news .view-all {
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    padding: 16px 32px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: var(--main-color-anthracite);
    /*display: block;*/
    height: unset;
    width: max-content;
    margin: 46px auto 0;
    display: none;
}

.article-few.news .pagination {
    justify-content: center;
}

.article-few.news .pagination li > * {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: var(--main-color-anthracite);
    border-radius: 40px;
    width: 35px;
    height: 35px;
}

.article-few.news .pagination li.prev,
.article-few.news .pagination li.next {
    display: none;
}

.article-few.news .pagination li > span:not(.points) {
    background: var(--main-color-anthracite);
    color: var(--main-color-white);
}

@media(max-width: 1199px){
    .article-one .article-few.news .uk-slider-container{
        width: 100vw;
        margin-left: -15px;
        padding: 0 15px;
    }
}

@media(max-width: 959px){
    .menu-links{
        margin: 0 -16px;
        padding: 0 16px 13px;
    }
}

@media(max-width: 399px){
    .article-few.news .block-news a h2 {
        font-size: 18px;
    }
}