#loader-wrapper{background:#FFF;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999991;}
.loader-inner{bottom:0;height:64px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:100%;}
@-webkit-keyframes square-spin {
25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}
}
@keyframes square-spin {
25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);}
}
.square-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #fff;
border: 1px solid #0d2837;
-webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }