loadingv2css

#loader-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000;
     background: #333;
}

#loader {
     background: url(/assets/client/images/sulake_large.png)top center no-repeat;
     height: 44px;
     width: 300px;
     padding-top: 65px;
     text-align: center;
     color: #fff;
     font-size: 20px;
     z-index: 1001;
     display: block;
     position: absolute;
     bottom: 50;
     left: 0;
     right: 0;
     margin: auto;
     image-rendering: pixelated;
}

.loading_bar {
     display: block;
     border: 1px solid #000;
     padding: 2px;
     height: 30px;
     z-index: 1001;
     margin-top: 20px;
}

#loader_bar.percent {
     background: #000;
     display: block;
     height: 100%;
     -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     width: 2%;
}

.furniture {
     width: 1280px;
     height: 720px;
     margin: auto;
     position: absolute;
     top: -1px;
     bottom: 0;
     left: 0;
     right: 0;
}

.furniture::before {
     content: "";
     width: 1280px;
     height: 721px;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     box-shadow: inset 0 0 0 10px rgba(255,255,255,.3);
     filter: invert(100%) saturate(10000%) hue-rotate(90deg);
     background: url(https://cdn.discordapp.com/attachments/507236081125687302/524914718289166336/grid.png);
}

.furni {
     position: absolute;
     background-image: url(/assets/client/images/furni_sprite.png);
     height: 67px;
     width: 68px;
}

.furni.loaded.throne {
     background-position: 0 -77px;
     filter: brightness(1);
     opacity: 1;
     width: 63px;
     height: 91px;
     top: 21px;
     left: 32px;
}

.furni.loaded.cola {
     background-position: 0 -178px;
     height: 108px;
     width: 60px;
     left: 35px;
     top: 190px;
}

.furni.loaded.deck {
     background-position: 0 -296px;
     height: 50px;
     width: 62px;
     left: 35px;
     bottom: 65px;
}

.furni.loaded.dino {
     background-position: 0 -804px;
     height: 56px;
     width: 50px;
     left: 165px;
     bottom: 165px;
}

.furni.loaded.globe {
     background-position: 0 -870px;
     height: 59px;
     width: 41px;
     left: 172px;
     top: 15px;
}

.furni.loaded.samovar {
     background-position: 0 -1691px;
     height: 79px;
     width: 55px;
     left: 229px;
     top: 152px;
}

.furni.loaded.bc {
     background-position: 0 -356px;
     height: 132px;
     width: 86px;
     left: 104px;
     bottom: 258px;
}

.furni.loaded.barrier {
     background-position: 0 -619px;
     height: 90px;
     width: 92px;
     left: 353px;
     bottom: 162px;
}

.furni.loaded.tl {
     background-position: 0 -1197px;
     height: 102px;
     width: 38px;
     left: 399px;
     bottom: 570px;
}

.furni.loaded.dice {
     background-position: 0 -719px;
     height: 75px;
     width: 60px;
     left: 388px;
     bottom: 340px;
}

.furni.loaded.clubsofa {
     background-position: 0 -1309px;
     height: 85px;
     width: 113px;
     left: 534px;
     bottom: 322px;
}

.furni.loaded.desk {
     background-position: 0 -498px;
     height: 111px;
     width: 98px;
     left: 672px;
     top: -2px;
}

.furni.loaded.trax {
     background-position: 0 -1863px;
     height: 89px;
     width: 47px;
     left: 682px;
     bottom: 197px;
}

.furni.loaded.spotlight {
     background-position: 0 -1060px;
     height: 127px;
     width: 54px;
     left: 838px;
     top: 191px;
}

.furni.loaded.mocha {
     background-position: 0 -1404px;
     height: 137px;
     width: 66px;
     right: 262px;
     top: 51px;
}

.furni.loaded.typewriter {
     background-position: 0 -1962px;
     height: 40px;
     width: 49px;
     right: 264px;
     bottom: 180px;
}

.furni.loaded.hammock {
     background-position: 0 -939px;
     height: 111px;
     width: 110px;
     right: 105px;
     top: 255px;
}

.furni.loaded.clog {
     background-position: 0 -1780px;
     height: 73px;
     width: 106px;
     right: 95px;
     bottom: 54px;
}

.furni.loaded.plant {
     background-position: 0 -1551px;
     height: 130px;
     width: 93px;
     right: 110px;
     top: 20px;
}

.furni.throne {
     top: 46px;
     left: 31px;
}

.furni.cola {
     left: 31px;
     top: 206px;
}

.furni.deck {
     left: 31px;
     bottom: 64px;
}

.furni.dino {
     left: 159px;
     bottom: 160px;
}

.furni.globe {
     left: 159px;
     top: 14px;
}

.furni.bc {
     left: 125px;
     bottom: 271px;
}

.furni.tl {
     left: 383px;
     bottom: 560px;
}

.furni.samovar {
     left: 223px;
     top: 174px;
}

.furni.barrier {
     left: 381px;
     bottom: 175px;
}

.furni.dice {
     left: 383px;
     bottom: 336px;
}

.furni.clubsofa {
     left: 574px;
     bottom: 335px;
}

.furni.desk {
     left: 701px;
     top: 31px;
}

.furni.trax {
     left: 673px;
     bottom: 191px;
}

.furni.spotlight {
     left: 833px;
     top: 255px;
}

.furni.mocha {
     right: 260px;
     top: 126px;
}

.furni.typewriter {
     right: 253px;
     bottom: 176px;
}

.furni.hammock {
     right: 157px;
     top: 270px;
}

.furni.clog {
     right: 62px;
     bottom: 48px;
}

.furni.plant {
     right: 124px;
     top: 95px;
}