.preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #111;
	transform-origin: bottom;
	z-index: 111111;
}
.preloader .black_wall {
	height: 100%;
	background-color: #222;
	transform-origin: top;
	animation: preloader_slide 0.5s ease-in-out 0s 1 normal both;
}
.preloader .loader {
	width: 100%;
	height: 3px;
	position: absolute;
	border-radius: 2px;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: #ffc41f;
	transform-origin: left;
	animation: loader_running 3s ease-in-out 1s infinite normal both;
}
.preloader.off {
	animation: preloader_slide 0.5s ease-in-out 0s 1 reverse both;
}
@keyframes loader_running {
	0% {
		transform: scaleX(0);
		transform-origin: left;
	}
	49% {
		transform: scaleX(1);
		transform-origin: left;
	}
	50% {
		transform: scaleX(1);
		transform-origin: right;
	}
	100% {
		transform-origin: right;
		transform: scaleX(0);
	}
}
@keyframes preloader_slide {
	from {
		transform: scaleY(0);
	}
	to {
		transform: scaleY(1);
	}
}