/* ==== Preloader ==== */

.preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:#25262A;
z-index: 9999;
}

.spinner {
position:absolute;
top:50%;
left:50%;
right:0;
width:70px;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

.spinner > div {
width:18px;
height:18px;
background:#f4f4f4;
display:inline-block;
-webkit-animation:bouncedelay 1.4s infinite ease-in-out;
animation:bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}

.spinner .bounce1 {
-webkit-animation-delay:-0.32s;
animation-delay:-0.32s;
}

.spinner .bounce2 {
-webkit-animation-delay:-0.16s;
animation-delay:-0.16s;
}

@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
0%, 80%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}