/*--------------------- ajax spinner ---------------------*/

@-webkit-keyframes ajax-spinner-animation {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes ajax-spinner-animation {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ajax-spinner {
    position: absolute;
    display: none;
    z-index: 2000;
}

.ajax-spinner div {
    top: 80px;
    left: 93px;
    width: 14px;
    height: 40px;
    background: #000;
    border-radius: 10px;
    position: absolute;
}

.ajax-spinner > div:nth-of-type(1) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.ajax-spinner > div:nth-of-type(2) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s;
}

.ajax-spinner > div:nth-of-type(3) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: -0.33333333333333337s;
    animation-delay: -0.33333333333333337s;
}

.ajax-spinner > div:nth-of-type(4) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.ajax-spinner > div:nth-of-type(5) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: -0.16666666666666669s;
    animation-delay: -0.16666666666666669s;
}

.ajax-spinner > div:nth-of-type(6) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: -0.08333333333333331s;
    animation-delay: -0.08333333333333331s;
}

.ajax-spinner > div:nth-of-type(7) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.ajax-spinner > div:nth-of-type(8) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: 0.08333333333333337s;
    animation-delay: 0.08333333333333337s;
}

.ajax-spinner > div:nth-of-type(9) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s;
}

.ajax-spinner > div:nth-of-type(10) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.ajax-spinner > div:nth-of-type(11) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: 0.33333333333333337s;
    animation-delay: 0.33333333333333337s;
}

.ajax-spinner > div:nth-of-type(12) {
    -webkit-animation: ajax-spinner-animation 1s linear infinite;
    animation: ajax-spinner-animation 1s linear infinite;
    -webkit-animation-delay: 0.41666666666666663s;
    animation-delay: 0.41666666666666663s;
}