/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?17938662011818*/
.page-link,
.page-link:hover {
    color : var(--theme-color-primary);
}

.page-item.active .page-link {
    color            : var(--theme-b-tx-primary);
    background-color : var(--theme-color-primary);
    border-color     : var(--theme-color-primary);
}

.page-link:focus {
    box-shadow : 0 0 0 0.2rem var(--theme-b-sd-primary);
}


.pagination {
    display         : flex;
    justify-content : space-between;
    align-items     : flex-start;
    margin-bottom   : 30px;
}

.pagination a, .page-text span {
    padding        : 0 10px;
    padding-bottom : 6px;
}

.pagination a:hover {
    color : #f39600;
}

.page-text, .page-text a {
    font-size       : 13px;
    font-weight     : normal;
    color           : #505050;
    text-decoration : none;
}

.number {
    font-weight : bold !important;
}

.active {
    color         : #f39600;
    border-bottom : 1.8px solid #f39600;
}

.items {
    padding-right : 40px;
}

.items span {
    padding : 0 4px;
}

.items_number {
    position         : relative;
    height           : 1.8px;
    width            : 90%;
    background-color : #dddddd;
    margin           : 0 auto;
    margin-top       : 6px;
}

.items_on_page {
    position         : absolute;
    top              : 0;
    left             : 0;
    height           : 1.8px;
    background-color : #f39600;
}

@media screen and (max-width : 700px) {
    .pagination {
        flex-direction  : row-reverse;
        flex-wrap       : wrap;
        justify-content : center;

    }

    .items {
        padding-left  : 7px;
        margin-top    : 30px;
        padding-right : 0;
        margin-right  : 0;
    }
}

@media screen and (max-width : 479px) {
    .navigate {
        display : none;
    }

    .page-text {
        margin-left  : 40px;
        margin-right : 40px;
    }
}
/* End */
/* /local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?17938662011818 */