html{font-family:'Open Sans', sans-serif;font-size:12pt;position:fixed}html /deep/ *{box-sizing:border-box;-moz-box-sizing:border-box}body{background:url(../img/bg.jpg) rgba(0,0,0,0.5) no-repeat center center/cover fixed;color:#fff;height:100vh;overflow:hidden;width:100vw}body:before{background:rgba(0,0,0,0.5);content:'';display:block;height:100vh;width:100vw}body>*{animation:hide cubic-bezier(0.55, 0.09, 0.68, 0.53) 0.3s both;-webkit-animation:hide cubic-bezier(0.55, 0.09, 0.68, 0.53) 0.3s both;height:100vh;left:0;opacity:0;position:absolute;top:0;width:100vw;will-change:transform, opacity;z-index:1}body>*:not([show])>cs-loading{display:none}body>*[show]{animation:show cubic-bezier(0.23, 1, 0.32, 1) 0.8s both;-webkit-animation:show cubic-bezier(0.23, 1, 0.32, 1) 0.8s both;z-index:2}body.low-performance>*{animation:none !important;-webkit-animation:none !important}body.low-performance>*[show]{opacity:1}@-webkit-keyframes show{0%{opacity:0;transform:translate3d(40vw, 0, 0) scale(0.8, 0.8);-webkit-transform:translate3d(40vw, 0, 0) scale(0.8, 0.8)}100%{opacity:1;transform:translateX(0) scale(1, 1);-webkit-transform:translateX(0) scale(1, 1)}}@keyframes show{0%{opacity:0;transform:translate3d(40vw, 0, 0) scale(0.8, 0.8);-webkit-transform:translate3d(40vw, 0, 0) scale(0.8, 0.8)}100%{opacity:1;transform:translateX(0) scale(1, 1);-webkit-transform:translateX(0) scale(1, 1)}}@-webkit-keyframes hide{0%{opacity:1;transform:translateX(0) scale(1, 1);-webkit-transform:translateX(0) scale(1, 1)}100%{opacity:0;transform:translate3d(-40vw, 0, 0) scale(0.8, 0.8);-webkit-transform:translate3d(-40vw, 0, 0) scale(0.8, 0.8)}}@keyframes hide{0%{opacity:1;transform:translateX(0) scale(1, 1);-webkit-transform:translateX(0) scale(1, 1)}100%{opacity:0;transform:translate3d(-40vw, 0, 0) scale(0.8, 0.8);-webkit-transform:translate3d(-40vw, 0, 0) scale(0.8, 0.8)}}
