/********** LOADER ************/
.loader-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 100000;
    margin: 0;
    padding: 0;
}
.loader-bg {
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    width: 51px;
    height: 51px;
    border: 2px #0E0E0E solid;
    background-color: #222;
    border-radius: 50%;
}

.loader {
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    width: 35px;
    height: 35px;
    border: 3px #ae2012 dotted;
    border-radius: 50%;
    animation: loader 6s infinite;
    animation-timing-function: linear;
}

.loader-circle-1 {
    position: absolute;
    left: calc(50% - 19px);
    top: calc(50% - 19px);
    width: 25px;
    height: 25px;
    /* border: 4px #222 solid; */
    background-color: #ae2012;
    border-radius: 50%;
}

.loader-circle-2 {
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    width: 17px;
    height: 17px;
    border: 2px #3F3F3F  solid;
    background-color: #222;
    border-radius: 50%;
}

@-moz-keyframes loader {
    0% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader {
    0% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
        transform: rotate(360deg);
    }
}