#preloader{
	position:fixed;
	top:0;
	left:0
	right:0;
	width:100%;
	height:100%;
	bottom:0;
	background-color:#fff;
	z-index:999999
	}
	
[data-loader="circle-side"]{
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	-webkit-animation:circle infinite .95s linear;
	-moz-animation:circle infinite .95s linear;
	-o-animation:circle infinite .95s linear;
	animation:circle infinite .95s linear;
	border:2px solid #333;
	border-top-color:rgba(0,0,0,0.2);
	border-right-color:rgba(0,0,0,0.2);
	border-bottom-color:rgba(0,0,0,0.2);
	border-radius:100%
	}
		
@-webkit-keyframes circle {
	0% {
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0)
		}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
		}
	}
	
@-moz-keyframes circle {
	0% {
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0)
		}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
		}
	}
	
@-o-keyframes circle { 
	0% {
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0)
		}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
		}
	}
	
@keyframes circle { 
	0% {
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0)
		}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
		}
	}
