#loader {
    position: fixed;
    background: rgba(255, 255, 255, 0.98);
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.loader-body {
   width:60px;
   height:30px;
   padding:0px;
   text-align:left;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -30px;
   margin-top: -15px;
}
.loader-body span {
   position:absolute;
   display:inline-block;
   width:30px;
   height:30px;
   border-radius:100%;
   -webkit-animation:preloader10 0.7s linear infinite alternate;
   animation:preloader10 0.7s linear infinite alternate;
   background: #ededed;
}
.loader-body span:last-child {
   animation-delay:-0.7s;
   -webkit-animation-delay:-0.7s;
   margin-left:20px;
   background: #1a1a1a;
}
@keyframes preloader10 {
   0% {transform: scale(0, 0);}
   100% {transform: scale(1, 1);}
}
@-webkit-keyframes preloader10 {
   0% {-webkit-transform: scale(0, 0);}
   100% {-webkit-transform: scale(1, 1);}
}