div.blockUI.blockPage {
	border: 0;
    padding: 20px 10px 20px 5px;
    top: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    position: fixed;
}

.blockUI.blockPage .loader div {
	width: 15px;
    height: 15px;
    position: absolute;
    top: 45%;
    border-radius: 50%;
}

.blockUI.blockPage .loader div:nth-child(1){
	background-color: #00AF41;
	animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.blockUI.blockPage .loader div:nth-child(2) {
	background-color: #79863C;
	animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.blockUI.blockPage .loader div:nth-child(3) {
	background-color: #95D600;
	animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.blockUI.blockPage .loader div:nth-child(4) {
	background-color: #009982;
	animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

/* keyframes loader ********************************************* */
@-webkit-keyframes cssload-move {
    0% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}
@keyframes cssload-move {
    0% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}



@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #00AF41, 2em -2em 0 0 #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 0 #00AF41;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #00AF41, 2em -2em 0 .2em #00AF41, 3em 0 0 0 #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 0 #00AF41, 3em 0 0 .2em #00AF41, 2em 2em 0 0 #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 0 #00AF41, 2em 2em 0 .2em #00AF41, 0 3em 0 0 #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 0 #00AF41, 0 3em 0 .2em #00AF41, -2em 2em 0 0 #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 0 #00AF41, -2em 2em 0 .2em #00AF41, -3em 0 0 0 #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 0 #00AF41, -3em 0 0 .2em #00AF41, -2em -2em 0 0 #00AF41;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 0 #00AF41, -3em 0 0 0 #00AF41, -2em -2em 0 .2em #00AF41;
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #00AF41, 2em -2em 0 0 #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 0 #00AF41;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #00AF41, 2em -2em 0 .2em #00AF41, 3em 0 0 0 #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 0 #00AF41, 3em 0 0 .2em #00AF41, 2em 2em 0 0 #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 0 #00AF41, 2em 2em 0 .2em #00AF41, 0 3em 0 0 #00AF41, -2em 2em 0 -.5em #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 0 #00AF41, 0 3em 0 .2em #00AF41, -2em 2em 0 0 #00AF41, -3em 0 0 -.5em #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 0 #00AF41, -2em 2em 0 .2em #00AF41, -3em 0 0 0 #00AF41, -2em -2em 0 -.5em #00AF41;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 0 #00AF41, -3em 0 0 .2em #00AF41, -2em -2em 0 0 #00AF41;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #00AF41, 2em -2em 0 -.5em #00AF41, 3em 0 0 -.5em #00AF41, 2em 2em 0 -.5em #00AF41, 0 3em 0 -.5em #00AF41, -2em 2em 0 0 #00AF41, -3em 0 0 0 #00AF41, -2em -2em 0 .2em #00AF41;
    }
}


/* ************************************************************* */
