/* spinner */

@keyframes circle_bounce {
    50% {
        background-color: #fff;
    }
    50% {
        background-color: #595959;
    }
}

.spinner {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9999 !important;
}

.circle {
    float: left;
    margin-left: 7px;
    width: 13px;
    height: 13px;
    border-radius: 100%;

    animation-name: circle_bounce;
    animation-duration: 2.25s;
    animation-iteration-count: infinite;
    animation-delay: 5s;
}

#delay1 {
    animation-delay: .45s;
}

#delay2 {
    animation-delay: 1.05s;
}

#delay3 {
    animation-delay: 1.35s;
}