*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff}img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;width:auto;height:auto;transition:.5s;position:absolute}#adArea{overflow:hidden;text-overflow:clip;background-color:#fff;width:300px;height:250px;position:absolute;display:block;font-family:sans-serif;font-size:12px;line-height:1.2}.absfull{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-image:url(images/bg.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-color:#fff;color:#000}.logo{position:absolute;width:45px;top:7px;left:9px;z-index:999}.section{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(0);overflow:hidden;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;z-index:1;transition:.5s;padding:0}.eventsnone *{pointer-events:none;touch-action:none}.screen1{cursor:pointer}.swipeImg{position:absolute;z-index:1;right:10px;bottom:-50px;transition:.5s}.txt.txt1,.txt.txt12{left:50%;z-index:5}.txt.txt1{top:90px;transform:translateX(300px)}.txt.txt12{top:125px;transform:translateX(-300px)}.wather.wtback{opacity:0;left:-5px;top:25px;z-index:1;transform:translateX(0) rotate(-90deg) scale(.1)}.box{top:40px;left:40px;z-index:5;transform:translateX(-300px)}.wather.wtfront{position:absolute;display:block;background-image:url(images/watherBig.png);background-repeat:no-repeat;background-position:center;background-size:contain;width:300px;height:300px;overflow:hidden;top:0;right:0;z-index:10;transform-origin:center;transform:translate(-300px,-100px) rotate(60deg)}.txt.txt2{top:70px;left:145px;transform:translateX(300px)}.btn{top:180px;left:145px;transform:translateX(300px)}.start .txt.txt1,.start .txt.txt12{transform:translateX(-50%)}.start .swipeImg{transition-delay:.5s;animation:swipeAnim 1.5s linear infinite;animation-delay:.5s;bottom:10px}.stage1 .swipeImg{animation:none;transform:translateX(300px)}.stage1 .txt.txt1,.stage1 .txt.txt12{transform:translateX(0);left:145px}.stage1 .box{transform:translateX(0)}.stage1 .wather.wtback{opacity:1}.stage2 .wather.wtback{transform:translateX(0) rotate(-90deg) scale(1)}.stage2 .wather.wtfront{transform:translate(0,0) rotate(0);animation:moveWather 1s linear forwards}.stage3 .btn,.stage3 .txt.txt2{transform:translateX(0);transition-delay:1.2s}.final .btn{animation-delay:1s;animation:pulseItem 1.5s linear infinite}@keyframes moveWather{0%{transform:translate(-300px,0) rotate(60deg)}50%{transform:translate(0,0) rotate(0)}100%{transform:translate(-60px,0) rotate(0) scale(.5)}}@keyframes pulseItem{0%{transform:translate(0,0) scale(1)}25%{transform:translate(0,0) scale(.95)}50%{transform:translate(0,0) scale(1)}75%{transform:translate(0,0) scale(1.05)}100%{transform:translate(0,0) scale(1)}}@keyframes swipeAnim{0%{transform:translateX(-30px)}40%{transform:translateX(5px)}50%{transform:translateX(0)}100%{transform:translateX(0)}}