.ajax-load__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ajax-load__wrap .ajax_load_btn {
    color: #10adf6;
    background-color: #fff;
    padding: 8px 16px;
    border: unset;
    border-radius: 10px;
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
}


.ajax-load__wrap .ajax_load_btn.loading i {
    -webkit-animation: spinner .5s ease-out infinite;
    animation: spinner .5s ease infinite;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ajax-load__wrap .ajax_load_btn:hover i {
    -webkit-animation: spinner .5s ease-out 1;
    animation: spinner .5s ease 1;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ajax-load__wrap .ajax_load_btn i {
    margin-right: 4px;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
}

.pagenavigation .total {
    color: #337ab7;
}

.pagenavigation .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.pagenavigation .text link {
    cursor: pointer;
}

.pagenavigation .text link:hover::before {
    color: #337ab7;
}

.pagenavigation .text link::before {
    content: '\f053';
    color: #10adf6;
    font-family: 'FontAwesome';
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
}

.pagenavigation .text link.next::before {
    content: '\f054';
}

.pagenavigation .text span,
.pagenavigation .text b,
.pagenavigation .text link,
.pagenavigation .text a {
    padding: 8px 20px;
    display: inline-block;
    background-color: #fff;
}

.pagenavigation .text span {
    color: rgba(40, 47, 54, .8);
}
.pagenavigation .text {
    margin-top: 10px;
}
.pagenavigation .text a {
    color: #10adf6;
}
.ajax-load__wrap .ajax_load_btn:hover,
.pagenavigation .text a:hover,
.pagenavigation .text link:hover {
    color: #337ab7;
    text-decoration: unset;
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
}

.pagenavigation .list-pages .current-page {
    color: #333 !important;
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 768px ){
    .ajax-load__wrap {
        display: none;
    }
}