.preloader-wrapper { position:relative;margin:110px auto;width:128px;height:128px; }

.preloader-wrapper div { position:absolute;background-color:#00AEEF;width:29px;height:29px;opacity:0.3;
   -moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;
   -moz-animation-name:preloader-animation;-ms-animation-name:preloader-animation;-o-animation-name:preloader-animation;-webkit-animation-name:preloader-animation;animation-name:preloader-animation;
   -moz-animation-duration:2.16s;-ms-animation-duration:2.16s;-o-animation-duration:2.16s;-webkit-animation-duration:2.16s;animation-duration:2.16s;
   -moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;
   -moz-animation-direction:linear;-ms-animation-direction:linear;-o-animation-direction:linear;-webkit-animation-direction:linear;animation-direction:linear;
}

.i1 { left:0;top:50px;
   -moz-animation-delay:0.81s;-ms-animation-delay:0.81s;-o-animation-delay:0.81s;-webkit-animation-delay:0.81s;animation-delay:0.81s;
}

.i2 { left:14px;top:14px;
   -moz-animation-delay:1.08s;-ms-animation-delay:1.08s;-o-animation-delay:1.08s;-webkit-animation-delay:1.08s;animation-delay:1.08s;
}

.i3 { top:0;left:50px;
   -moz-animation-delay:1.35s;-ms-animation-delay:1.35s;-o-animation-delay:1.35s;-webkit-animation-delay:1.35s;animation-delay:1.35s;
}

.i4 { right:14px;top:14px;
   -moz-animation-delay:1.62s;-ms-animation-delay:1.62s;-o-animation-delay:1.62s;-webkit-animation-delay:1.62s;animation-delay:1.62s;
}

.i5 { right:0;top:50px;
   -moz-animation-delay:1.89s;-ms-animation-delay:1.89s;-o-animation-delay:1.89s;-webkit-animation-delay:1.89s;animation-delay:1.89s;
}

.i6 { right:14px;bottom:14px;
   -moz-animation-delay:2.16s;-ms-animation-delay:2.16s;-o-animation-delay:2.16s;-webkit-animation-delay:2.16s;animation-delay:2.16s;
}

.i7 { left:50px;bottom:0;
   -moz-animation-delay:2.43s;-webkit-animation-delay:2.43s;-ms-animation-delay:2.43s;-o-animation-delay:2.43s;animation-delay:2.43s;
}

.i8 { left:14px;bottom:14px;
   -moz-animation-delay:2.7s;-webkit-animation-delay:2.7s;-ms-animation-delay:2.7s;-o-animation-delay:2.7s;animation-delay:2.7s;
}

@-moz-keyframes preloader-animation {
   0% { -moz-transform:scale(1) }
   50% { -moz-transform:scale(.3) }
   100% { -moz-transform:scale(1) }
}

@-webkit-keyframes preloader-animation {
   0% { -webkit-transform:scale(1) }
   100% { -webkit-transform:scale(.3) }
}

@-ms-keyframes preloader-animation {
   0% { -ms-transform:scale(1) }
   100% { -ms-transform:scale(.3) }
}

@-o-keyframes preloader-animation {
   0% { -o-transform:scale(1) }
   0% { -o-transform:scale(.3) }
}

@keyframes preloader-animation {
   0% { transform:scale(1) }
   50% { transform:scale(.3) }
   100% { transform:scale(1) }
}