.paginator {
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
    color: #475669;
    background-color: #ffffff;
    font-family: 'apercu_pro', sans-serif;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    margin-top: 40px;
    border: 1px solid #475669;
}

.paginator:hover .paginator__spin {
    background-color: #ff8e41;
}

.paginator:hover {
    border-color: #ff8e41;
    color: #ff8e41
}

.paginator__animate {
    margin: 0 10px 0 10px;
    display: inline-block;
    text-align: center;
}

.paginator .paginator__spin {
    margin-right: 2px;
    margin-bottom: 1px;
    width: 7px;
    height: 7px;
    background-color: #475669;
    border-radius: 100%;
    display: inline-block;
}

.paginator.disabled {
    border: 1px solid #9E9E9E !important;
    color: #475669 !important;
    cursor: text !important;
}

.paginator.disabled .paginator__spin {
    background-color: #475669 !important;
}

.paginator__animate.active .paginator__spin {
    -webkit-animation: sk-bouncedelay 0.9s infinite ease-in-out both;
    animation: sk-bouncedelay 0.9s infinite ease-in-out both;
}

.paginator .paginator__spin:nth-child(1) {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.paginator .paginator__spin:nth-child(2) {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@media screen and (max-width: 767px) {
    .paginator {
        line-height: 24px;
        padding: 10px;
        font-size: 14px;
    }

    .paginator .paginator__spin {
        width: 4px;
        height: 4px;
    }
}