.done ul,.page-loading{animation-fill-mode:both}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOutLoad{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes fadeInLoad{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fx{0%{transform:scale(.5);opacity:0}50%{transform:scale(2);opacity:1}100%{opacity:0;transform:scale(1)}}.page-loading{background-color:rgba(88,105,118,.9);width:100vw;height:100vh;position:fixed;z-index:999;display:flex;align-items:center;justify-content:center}.done{animation-name:fadeOutLoad;animation-duration:.3s}.preload{animation-name:fadeInLoad;animation-duration:.5s}.done ul{animation-duration:.4s;animation-name:fadeOutLoad}.page-loading ul{list-style:none;padding:0;margin:-40px 0 0;width:40px;height:40px}.page-loading ul li{width:40px;height:40px;border-radius:50%;position:absolute;transform:scale(.5);opacity:0;animation:fx 1s ease infinite 0s}.page-loading ul li:nth-child(1){border:2px solid #FFF}.page-loading ul li:nth-child(2){animation:fx 1.5s ease infinite .3s;border:2px solid #FFF}.page-loading ul li:nth-child(3){animation:fx 2s ease infinite .6s;border:2px solid #FFF}