div#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99999;
}
.loader {
	position: absolute;
    left: 0;
    top: 41%;
    margin: 0 auto;
    right: 0;
}
.loader h1 {
	color: #5e6d86;
	font-size: 36px;
	letter-spacing: 1px;
	font-weight: 400;
	text-align: center;
}
.loader {
	text-align: center;
}
.loader span {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 50px auto;
	background: black;
	border-radius: 50px;
	-webkit-animation: loader 0.9s infinite alternate;
	-moz-animation: loader 0.9s infinite alternate;
}
.loader span:nth-of-type(2) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
}
.loader span:nth-of-type(3) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
}
@-webkit-keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		opacity: 0.9;
		-webkit-transform: translateY(0);
	}
	100% {
		width: 24px;
		height: 24px;
		opacity: 0.1;
		-webkit-transform: translateY(-21px);
	}
}
@-moz-keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		opacity: 0.9;
		-moz-transform: translateY(0);
	}
	100% {
		width: 24px;
		height: 24px;
		opacity: 0.1;
		-moz-transform: translateY(-21px);
	}
}