.tigid-preloader{ position: fixed; z-index: 5000; width: 100%; height: 100%; /* background-color: #241915; */ background-color: #f9f8f6; left: 0px; top: 0px; opacity: 1; transition: opacity 1.5s; } .tigid-preloader.hidden{ opacity: 0; } .tigid-preloader__logo{ position: absolute; width: 180px; height: 150px; top: 50%; left: 50%; margin-left: -90px; margin-top: -75px; background-image: url(../../../img/PI_LOGO_FULL.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.2s; } .tigid-preloader__bar{ position: absolute; width: 0px; height: 0px; /* background-color: #f9f8f6; */ background-color: #5d4540; transition: all 0.1s; } .tigid-preloader__bar.vertical{ width: 1px; height: 0px; } .tigid-preloader__bar.horizontal{ width: 0px; height: 1px; } .tigid-preloader__bar.left{ left:0px; } .tigid-preloader__bar.right{ right:0px; } .tigid-preloader__bar.top{ top:0px; } .tigid-preloader__bar.bottom{ bottom:0px; }