/* Start:/bitrix/templates/keetree/components/bitrix/system.pagenavigation/.default/style.css?17104864842154*/
.navigation-site .navigation-pages{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    gap: 2px;
    justify-content: center;
    padding: 0 0;
}
.navigation-site{
    padding: 20px 0 0;
    color: #A1A1A1;
    border-top: 1px solid #EAECF0;
    margin-top: 20px;
}
.navigation-site .navigation-pages>a,
.navigation-site .navigation-pages>span{
    min-width: 2.22rem;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.22rem;
    text-align:center;
    border-radius: 8px;
}
.navigation-site .navigation-pages>a:not(.arrow-pages){
    color:#97d700;
}
.navigation-site .navigation-pages .nav-current-page,
.navigation-site .navigation-pages>a:hover{
    color:#97d700;
}
.navigation-site .navigation-pages>a:not(.arrow-pages):hover{
    color: #fff;
    background-color: rgba(96, 191, 25, 0.8);
}
.navigation-site .navigation-pages .nav-current-page{
    color: #fff;
    background-color: #97d700;
}
.navigation-site .navigation-pages .next_page,
.navigation-site .navigation-pages .previous_page{
    background-color: transparent;
    padding: 0;
    min-width: 20px;
    line-height: 2rem;
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.navigation-site .navigation-pages .next_page{
    right: 0;
}
.navigation-site .navigation-pages .previous_page{
    left: 0;
}
.navigation-site .navigation-pages .next_page .text-nav{
    padding-right: .4rem;
}
.navigation-site .navigation-pages .previous_page .text-nav{
    padding-left: .4rem;
}
.navigation-site .navigation-pages .disabled{
    opacity: .5;
}
.navigation-site .navigation-pages .next_page svg path,
.navigation-site .navigation-pages .previous_page svg path{
    transition: .3s;
}
.navigation-site .navigation-pages .arrow-pages:not(.disabled){
    color: #97d700;
}
.navigation-site .navigation-pages .arrow-pages:not(.disabled) svg path{
    stroke: #97d700;
}
.navigation-site .navigation-pages .arrow-pages:not(.disabled):hover{
    opacity: .8;
}
/* End */
/* /bitrix/templates/keetree/components/bitrix/system.pagenavigation/.default/style.css?17104864842154 */