.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)
 }
}