.loaded .main-wrapper { opacity: 0; }

.icon-load { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }

.loaded .icon-load { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }

.sk-folding-cube { width: 40px; height: 40px; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); }

.sk-cube { float: left; width: 50%; height: 50%; position: relative; background: #ffca00; -webkit-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); }

.sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 { -webkit-transform: scale(0.97) rotateZ(90deg); -ms-transform: scale(0.97) rotate(90deg); transform: scale(0.97) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 { -webkit-transform: scale(0.97) rotateZ(180deg); -ms-transform: scale(0.97) rotate(180deg); transform: scale(0.97) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 { -webkit-transform: scale(0.97) rotateZ(270deg); -ms-transform: scale(0.97) rotate(270deg); transform: scale(0.97) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before { -webkit-animation-delay: .3s; animation-delay: .3s; }

.sk-folding-cube .sk-cube3:before { -webkit-animation-delay: .6s; animation-delay: .6s; }

.sk-folding-cube .sk-cube4:before { -webkit-animation-delay: .9s; animation-delay: .9s; }

@-webkit-keyframes sk-foldCubeAngle { 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%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle { 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%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*# sourceMappingURL=preloader.css.map */
