*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}body,html{width:100%;height:100vh}.app{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(../image/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.app .preloader{background-image:url(../image/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;opacity:1}.app .canva-layer1{margin:0 auto;width:auto;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.app .logo-last{position:absolute;top:4%;left:44%;width:12%;opacity:0;-webkit-transition:all ease .3s;transition:all ease .3s}.app .logo-last img{width:100%}.app .action{position:absolute;top:5%;width:25%;left:60%;opacity:1;-webkit-transition:opacity ease .3s;transition:opacity ease .3s}.app .action img{width:100%}.app .mouse-block{position:absolute;top:40%;left:70%;width:6%;opacity:1;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}.app .mouse-block .block-wrap{position:relative;width:100%;height:100%}.app .mouse-block .block-wrap img{width:100%}.app .mouse-block .block-wrap .arrow-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:150px}.app .mouse-block .block-wrap .mouse-move{width:80%;position:absolute;top:33%;left:10%;-webkit-animation:mouse 2s linear;animation:mouse 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.app .bar-line{position:absolute;left:62%;top:24%;width:20%;opacity:1;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}.app .bar-line .block-wrap{position:relative;width:100%}.app .bar-line .block-wrap .bar-outer{width:100%}.app .bar-line .block-wrap .bar-i-left{position:absolute;width:3.4%;top:2.8%;left:4.5%}.app .bar-line .block-wrap .bar-i-left img{width:100%}.app .bar-line .block-wrap .bar-i-right{position:absolute;width:3.6%;top:2.8%;left:17%;-webkit-transition:left ease .1s;transition:left ease .1s}.app .bar-line .block-wrap .bar-i-right img{width:100%}.app .bar-line .block-wrap .bar-inner{position:absolute;top:3%;left:7%;width:10%;height:83%;-webkit-transition:width ease .1s;transition:width ease .1s;background-image:url(../image/bar-inner.png);background-repeat:repeat-x;background-size:contain;background-position:center}.app .logo{position:absolute;top:4%;left:19%;width:12%;opacity:1;-webkit-transition:opacity ease .3s;transition:opacity ease .3s;z-index:2}.app .logo img{width:100%}.app .pyatna{position:absolute;-webkit-transition:opacity ease .5s;transition:opacity ease .5s;width:30%;opacity:0}.app .pyatna img{width:100%}.app .pyatno1{right:-3%;top:-2%}.app .pyatno2{left:-3%;top:7%}.app .notice{width:50%;position:absolute;top:28%;left:25%;opacity:0;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}.app .notice img{width:100%}.app .link{width:20%;position:absolute;top:45%;left:74%;-webkit-animation:link 1s linear;animation:link 1s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transition:opacity ease 1s;transition:opacity ease 1s;opacity:0}.app .link img{width:100%}.app .redirect{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}@-webkit-keyframes mouse{from{-webkit-transform:translateY(30%);transform:translateY(30%)}50%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@keyframes mouse{from{-webkit-transform:translateY(30%);transform:translateY(30%)}50%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@-webkit-keyframes link{from{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}to{-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes link{from{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}to{-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.loader{width:26px;height:26px;position:absolute;top:57%;left:50%;margin-top:-13px;margin-left:-13px;-webkit-transform:translateY(-25px);transform:translateY(-25px)}.loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:-20px;top:-20px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}.loader>div:last-child{display:inline-block;top:-10px;left:-10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse}