.pagination{
    margin: 5px auto;
    text-align: center;
    user-select: none;
}

.pagination .page:hover,
.pagination .page.active,
.pagination .first:hover,
.pagination .last:hover{
    color: #58585a;
}

.pagination .pages,
.pagination .first-dots,
.pagination .last-dots{
    display: inline-block;
    color: #fff;
}
.pagination .page,
.pagination .first,
.pagination .last{
    display: inline-block;
    padding: 0 20px;
    font-size: 28px;
    line-height: 44px;
    font-family: 'ProximaNovaCn-Bold';
    color: #e5b730;
    background: #fff;
    margin: 0 10px;
    cursor: pointer;
}

.pagination .prev,
.pagination .next{
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
}
.pagination .prev:before,
.pagination .next:before{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left:50%;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    cursor: pointer;
    content: '';
}
.pagination .prev:before{
    transform: translateX(-50%) rotate(45deg);
}
.pagination .next:before{
    transform: translateX(-50%) rotate(-135deg);
}
.pagination .prev:hover:before,
.pagination .next:hover:before{
    border-bottom: solid 2px #58585a;
    border-left: solid 2px #58585a;
}

.pagination.beginning .prev,
.pagination.beginning .first,
.pagination.beginning .first-dots,
.pagination.ending .last-dots,
.pagination.ending .last,
.pagination.ending .next{
    display: none;
}


.pagination .prev,
.pagination .first,
.pagination .first-dots,
.pagination .last-dots,
.pagination .last,
.pagination .next{
    display: inline-block;
}

.pagination.hidden{
    display: none;
}