.preloader{z-index:99999;justify-content:center;align-items:center;width:100%;padding:24px;transition:all 1.5s ease-in-out;display:flex}@media (width<=991px){.preloader{transition:all .8s ease-in-out}}.preloader-wrap{width:75px;height:75px;position:relative}.preloader-wrap .box{background-color:#506fba;border-radius:3px;width:50px;height:50px;animation:.6s linear infinite animate;position:absolute;top:0;left:0}.preloader-wrap .box.red{background-color:#f34b58;top:0;left:25px}.preloader-wrap .shadow{opacity:.1;background:#000;border-radius:50%;width:75px;height:5px;animation:.8s linear infinite shadow;position:absolute;top:59px;left:0}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes shadow{50%{transform:scaleX(1.2)}}