@-moz-keyframes spin{
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

;

@-webkit-keyframes spin{
    from {
    -webkit-transform: rotate(0deg);
}

to {
    -webkit-transform: rotate(359deg);
}

}

@keyframes spin{
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.spin {
    -webkit-animation: spin 0.7s linear infinite;
    -moz-animation: spin 0.7s linear infinite;
    animation: spin 0.7s linear infinite;
}

.overlay {
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .overlay .spin {
        position: absolute;
        z-index: 10005;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -15px;
        color: #000;
        font-size: 30px;
    }