.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: #ded8cc; opacity: 100%; z-index: 99999998; } .n048-loader { z-index: 99999999; position: fixed; } .nl_reploader_father svg, .nl_reploader_father svg path { width: 100px; stroke: #000000; fill: #000000; ; }        (function() { function setPreloaderPosition() { let windowWidth = document.documentElement.clientWidth; let windowHeight = document.documentElement.clientHeight; if (document.querySelector("#nlm048-style")) { document.querySelector("#nlm048-style").remove(); } if (window.innerWidth > 480) { document.querySelector("body").insertAdjacentHTML("beforeend", `  .n048-loader { top: ${windowHeight/2}px; left: ${windowWidth/2}px; transform: translate(-50%, -50%); }  `); } else if (window.innerWidth < 481) { document.querySelector("body").insertAdjacentHTML("beforeend", `  .n048-loader { top: ${windowHeight/2}px; left: ${windowWidth/2}px; transform: translate(-50%, -50%); }  `); } } setPreloaderPosition(); window.addEventListener("resize", setPreloaderPosition); 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); }); }());