.preloader {
	position: fixed;
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	background: #fff;
	z-index: 10000;
}
.preloader.hidden {
	opacity: 0;
	transition: all .8s linear;
}

.preloader.custom {
	opacity: 0;
	-webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;	
}

.preloader.custom.show {
	opacity: 1;
}




.preloader__content {
	width: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	text-align: center;
}
.preloader__text {
	font-family: verdana;
	color: #b4b0c0;
	padding-top: 20px;
}

.spinner {
	width: 70px;
	text-align: center;
	display: inline-block;
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #e9e9e9;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}