.preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 99999;
	transition: 1s all;
	opacity: 1;
	visibility: visible;
}
.preloader.done {
	opacity: 0;
	visibility: hidden;
}
.loader {
	width: 80px;
    height: 80px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	border: 4px solid transparent;
    border-top-color: #9cc64d;
    border-bottom-color: #9cc64d;
	transform: translate(-50%,-50%);
	animation: 2s spin infinite linear;	
}

@keyframes spin {	
	0% {
        transform: translate(-50%,-50%) rotate(0deg) scale(1);
    }
    50% {
        transform: translate(-50%,-50%) rotate(30deg) scale(1.2);
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg) scale(1);
    }
}