#preloader{
background-color:#f6f6f6;
position:fixed;
top:0;
left:0;
right:0;
bottom:0; 
z-index:9999;
}
#preloader .logo-wrapper{
width:60px; 
height:60px; 
}
#preloader .logo-wrapper.spinner-animation{
margin:0 auto;
}
#preloader.background_image{
background-position:center center; 
background-size:cover; 
}
#preloader .black-overlay{
background-color:#000;
position:absolute;
top:0;
left:0;
right:0;
bottom:0; 
opacity:0.6
}
#preloader .white-overlay{
background-color:#FFF;
position:absolute;
top:0;
left:0;
right:0;
bottom:0; 
opacity:0.6
}
#preloader .spinner-animation{
-webkit-animation: pace-3d-spinner linear infinite 2s;
-moz-animation: pace-3d-spinner linear infinite 2s;
-ms-animation: pace-3d-spinner linear infinite 2s;
-o-animation: pace-3d-spinner linear infinite 2s;
animation: pace-3d-spinner linear infinite 2s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@-webkit-keyframes pace-3d-spinner {
from {
-webkit-transform: rotateY(0deg);
}
to {
-webkit-transform: rotateY(360deg);
}
}
@-moz-keyframes pace-3d-spinner {
from {
-moz-transform: rotateY(0deg);
}
to {
-moz-transform: rotateY(360deg);
}
}
@-ms-keyframes pace-3d-spinner {
from {
-ms-transform: rotateY(0deg);
}
to {
-ms-transform: rotateY(360deg);
}
}
@-o-keyframes pace-3d-spinner {
from {
-o-transform: rotateY(0deg);
}
to {
-o-transform: rotateY(360deg);
}
}
@keyframes pace-3d-spinner {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}