/* START CSS FOR LOADER */
@import url(//fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);

@-moz-keyframes spinClock { 
	100% { 
		-moz-transform: rotate(360deg); 
	}
}
@-webkit-keyframes spinClock { 
	100% { 
		-webkit-transform: rotate(360deg);
	} 
}
@keyframes spinClock { 
	100% {
		-webkit-transform: rotate(360deg); 
		transform:rotate(360deg); 
	} 
}
@-moz-keyframes spinCounter { 
	100% { 
		-moz-transform: rotate(-360deg); 
	} 
}
@-webkit-keyframes spinCounter { 
	100% { 
		-webkit-transform: rotate(-360deg); 
	}
}
@keyframes spinCounter { 
	100% { 
		-webkit-transform: rotate(-360deg); 
		transform:rotate(-360deg);
	}
}
.vamp_loading{
	display: 			none;
	opacity: 			.95;
	filter: 			alpha(opacity=95);
	width:				100%;
	height:				100%;
	z-index: 			100000;
	position:			fixed;
	top:				0;
	left:				0;
	text-align: 		center;
	background-color: 	#202028;
	color: 				#D2D2DB;
	font-size: 			20px;
	font-weight: 		200;
	/*padding-top: 200px;*/
	padding-top: 		160px;
}
.vamp_loading p {
	font-family: 		'Lato', sans-serif;
	font-weight: 		400;
	position: 			relative;
	z-index: 			100000;
}
.gearWrapper{
	/*width: 226px;*/
	width: 				auto; 
	text-align: 		center; 
	margin-right: 		auto; 
	margin-left: 		auto; 
	padding-top: 		10px;
}
.gear1{
	z-index:			10001;
	height: 			auto;
	width: 				auto;
	margin-bottom: 		-20px;
	-webkit-animation: 	spinClock 6s linear infinite;
	-moz-animation: 	spinClock 6s linear infinite;
	animation: 			spinClock 6s linear infinite;
}
.gear2{
	z-index:			10001;
	height: 			auto;
	width: 				auto;
	float: 				right;
	-webkit-animation: 	spinCounter 3s linear infinite;
	-moz-animation: 	spinCounter 3s linear infinite;
	animation: 			spinCounter 3s linear infinite;
}
.gear3{
	z-index:			10001;
	height: 			auto;
	width: 				auto;
	float: 				left;
	margin-top: 		-20px;
	-webkit-animation: 	spinCounter 2s linear infinite;
	-moz-animation: 	spinCounter 2s linear infinite;
	animation: 			spinCounter 2s linear infinite;
}