/* page loader 3 */
.loaders {
  width: 100px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px -50px;
}
.loaders div {
	width: 20px;
  height: 20px;
	background: #C00;
  border-radius: 50%;
  position: absolute; 

}
#d1 { -webkit-animation: animate 2s linear infinite; animation: animate 2s linear infinite;}
#d2 { -webkit-animation: animate 2s linear infinite -.4s; animation: animate 2s linear infinite -.4s; }
#d3 {-webkit-animation: animate 2s linear infinite -.8s;animation: animate 2s linear infinite -.8s; }
#d4 { -webkit-animation: animate 2s linear infinite -1.2s; animation: animate 2s linear infinite -1.2s; } 
#d5 { -webkit-animation: animate 2s linear infinite -1.6s; animation: animate 2s linear infinite -1.6s; }
@-webkit-keyframes animate {
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }
}

@-webkit-keyframes  {
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }
}