body > *:not(.preloader-plus) { opacity: 0; } body.complete > *:not(.preloader-plus) { opacity: 1; transition: all 1s ease; } .preloader-plus { position: fixed; top: 0; left: 0; width: 100%; height: 100%; width: 100vw; height: 100vh; opacity: 1; background-color: #fff; z-index: 999; transform: scale(1); transition: opacity 1s ease, transform 1s ease, left 0s ease; } .preloader-plus.complete { left: 1000%; } .preloader-plus * { opacity: 1; transform: translate(0, 0) scale(1); } .preloader-plus img { display: block; max-width: 100%; } .preloader-plus .preloader-site-title { padding: 0; } .preloader-plus .preloader-content { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .preloader-plus .preloader-content > :not(:last-child) { margin-bottom: 20px; } .preloader-plus .preloader-plus-custom-content p { margin: 0; } .preloader-plus .prog-bar-wrapper:not(.middle) { position: fixed; width: 100%; left: 50%; right: 50%; transform: translateX(-50%); } .preloader-plus .prog-bar { width: 0; height: 5px; background-color: #ff0000; transition: all 0.01s linear; } .preloader-plus .prog-bar-bg { position: absolute; width: 100%; height: 5px; } .preloader-plus .prog-bar.complete { width: 100%; } @keyframes preloader-rotation { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @keyframes preloader-fade { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 0; } } /*# sourceMappingURL=preloader-plus.css.map */