.n048-hide { opacity: 0; transition: opacity 400ms; } .display_none { display: none !important; } .nl_reploader_father { z-index: 99999999; } .nl_reploader_father:before { content: ''; display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #282828; opacity: 100%; z-index: 99999998; } .n048-loader { z-index: 99999999; position: fixed; } @media screen and (min-width: 481px) { .n048-loader { top: 50%; left: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 480px) { .n048-loader { top: 50%; left: 50%; transform: translate(-50%, -50%); } } .nl_reploader_father svg, .nl_reploader_father svg path { width: 100px; stroke: #ffffff; fill: #ffffff; ; }                                               (function() { function t_ready(t) { "loading" != document.readyState ? t() : document.addEventListener ? document.addEventListener("DOMContentLoaded", t) : document.attachEvent("onreadystatechange", function() { "loading" != document.readyState && t() }) } t_ready(function () { setTimeout(function() { document.querySelector(".nl_reploader_father").classList.replace('n048-show', 'n048-hide'); setTimeout(function() { document.querySelector(".nl_reploader_father").classList.add('display_none'); }, 500); }, 4 * 1000); }); }());