/*** Loading Transition ***/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  overflow: hidden;
}
.loader{
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  transform: translateY(-50%);
}
.loader span{
  display:block;
  bottom:0px;
  width: 6px;
  height: 5px;
  background:#e04f5d; 
  position:absolute;
  animation: loader 1.5s  infinite ease-in-out;
}
.loader span:nth-child(2){
  left:11px;
  animation-delay: .2s;
}
.loader span:nth-child(3){
  left:22px;
  animation-delay: .4s;
}
.loader span:nth-child(4){
  left:33px;
  animation-delay: .6s;
}
.loader span:nth-child(5){
  left:44px;
  animation-delay: .8s;
}
@keyframes loader {
  0% {height:5px;transform:translateY(0px);background:#e62d3f;}
  25% {height:30px;transform:translateY(15px);background:#e62d3f;}
  50% {height:5px;transform:translateY(0px);background:#ee2438;}
  100% {height:5px;transform:translateY(0px);background:#ee2438;}
}