@-webkit-keyframes foldthecube{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes foldthecube{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#fff}#preloader .preloader-wrap{display:block;position:relative;text-align:center;top:40%}#preloader .preloader-wrap .the-cube{width:50px;height:50px;margin:34px auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#preloader .preloader-wrap .the-cube .cube{-webkit-transform:rotate(45deg);transform:rotate(45deg);float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);background:#6730e3}#preloader .preloader-wrap .the-cube .cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#9629e6;-webkit-animation:foldthecube 2.4s linear infinite both;animation:foldthecube 2.4s linear infinite both;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}#preloader .preloader-wrap .the-cube .c2{-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg);background:#bf00dc}#preloader .preloader-wrap .the-cube .c2:before{-webkit-animation-delay:.3s;animation-delay:.3s}#preloader .preloader-wrap .the-cube .c3{-webkit-transform:scale(1.1) rotate(180deg);transform:scale(1.1) rotate(180deg);background:#6730e3}#preloader .preloader-wrap .the-cube .c3:before{-webkit-animation-delay:.6s;animation-delay:.6s}#preloader .preloader-wrap .the-cube .c4{-webkit-transform:scale(1.1) rotate(270deg);transform:scale(1.1) rotate(270deg);background:#bf00dc}#preloader .preloader-wrap .the-cube .c4:before{-webkit-animation-delay:.9s;animation-delay:.9s}