.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999999999999;
background-position: center center;
background-repeat: no-repeat;

}

.loader-one .loader-outter {
        position: absolute;
        border: 4px solid #9100f5;
        border-left-color: transparent;
        border-bottom: 0;
        width: 60px;
        height: 60px;
	    left: calc(50% - 30px);
        top: calc(50% - 30px);
        border-radius: 50%;
        -webkit-animation: loader-one-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
        animation: loader-one-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    }
    
    .loader-one .loader-inner {
        position: absolute;
        border: 4px solid #9100f5;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        border-right: 0;
        border-top-color: transparent;
        -webkit-animation: loader-one-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
        animation: loader-one-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    }

/* ----------------     KEYFRAMES    ----------------- */
    
    @-webkit-keyframes loader-one-outter {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes loader-one-outter {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes loader-one-inner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }
    
    @keyframes loader-one-inner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }