html{padding:0;margin:0;background-color:#fff}body{padding:0;margin:0;overflow:hidden}#loader,#loader:after{border-radius:50%;width:10em;height:10em}#orientation{margin:0 auto;position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../assets/rotate.png);background-repeat:no-repeat;background-position:center;background-color:#000;background-size:25%;z-index:999;display:none}#loader{margin:60px auto;font-size:10px;position:absolute;z-index:99;left:50%;top:50%;margin-left:-5em;margin-top:-5em;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}