@charset "utf-8";
/* CSS Document */
/*---------------------------------------
    Preloader section              
-----------------------------------------*/
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: none repeat scroll 0 0 #ffffff; }
.sk-rotating-plane { width: 50px; height: 50px; background-color: #222; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; }
 @-webkit-keyframes sk-rotatePlane {  0% {
 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
 50% {
 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
 100% {
 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
 @keyframes sk-rotatePlane {  0% {
 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
 50% {
 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
 100% {
 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
