/*Loader 1- Spinning */


#loader-1 #loader {
    position: fixed;
    height: 6vw;
    width: 6vw;
    z-index: 9999999 !important;
    top: 50%;
    left: 50%;
    margin: -6vh 0 0 -6vw;
    background: white;
    border: 3px solid transparent;
    border-top-color: #3498db;
    border-bottom-color: #3498db;
    border-right-color: #3498db;
    border-radius: 50%;
    border: none;
    -webkit-animation: spin 2.01s linear infinite;
    -moz-animation: spin 2.01s linear infinite;
    -o-animation: spin 2.01s linear infinite;
    animation: spin 2.01s linear infinite;
}

    #loader-1 #loader:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        left: 10%;
        right: 10%;
        border: 3px solid transparent;
        z-index: 2;
        border-top-color: #27278b;
        border-bottom-color: #27278b;
        border-right-color: #27278b;
        border-radius: 50%;
        -webkit-animation: spin 2.5s linear infinite;
        -moz-animation: spin 2.5s linear infinite;
        -o-animation: spin 2.5s linear infinite;
        animation: spin 2.5s linear infinite;
    }

    #loader-1 #loader:after {
        content: "";
        position: absolute;
        top: 25%;
        bottom: 25%;
        left: 25%;
        right: 25%;
        border: 3px solid transparent;
        border-top-color: #c3c3c3;
        border-bottom-color: #c3c3c3;
        border-left-color: #c3c3c3;
        z-index: 2;
        border-radius: 50%;
        -webkit-animation: spin 1.5s linear infinite;
        -moz-animation: spin 1.5 linear infinite;
        -o-animation: spin 1.5 linear infinite;
        animation: spin 1.5 linear infinite;
    }

/*Keyframes for spin animation */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    50% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}


@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    50% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    50% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    50% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}