html,body{width:100%;height:100%;min-height:680px}body{color:#fff}.scrolled #header-wrapper{height:50px}.scrolled h1{padding:10px 0}.scrolled #section-wrapper{padding-top:50px}#header-wrapper{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;background:#fff;position:fixed;left:0;top:0;width:100%;height:105px;z-index:10}#header{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;margin:0 auto;height:100%;max-width:1024px}h1{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1;-ms-flex-positive:1;padding:28px 0;height:100%}h1 img{height:100%}#nav ul{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}#nav li{padding-left:10px}#nav li a{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;background:#3dbfb8;border:1px solid #3dbfb8;border-radius:15px;box-sizing:border-box;color:#fff;display:block;font-size:16px;line-height:30px;padding:0 20px;text-align:center;height:30px}#nav li a:hover{background:#fff;color:#3dbfb8}#section-wrapper{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding-top:105px;height:100%}.sec{position:relative;width:100%}#top{background:#3dbfb8;height:100%}#top>*{position:absolute;left:50%;top:50%}#top>.desc{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;transition:all 1s ease 1s;font-size:28px;line-height:2.0;margin:-262px 0 0 -420px}#top>.block{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;margin:24px 0 0 -426px}#top .mrk{-webkit-transition:all 0.5s ease 1.8s;-moz-transition:all 0.5s ease 1.8s;transition:all 0.5s ease 1.8s}#top .btns{padding-left:20px}#top .btns li{padding:5px 0;-webkit-transition:all 1s ease 2.1s;-moz-transition:all 1s ease 2.1s;transition:all 1s ease 2.1s}#top .btns a{display:block;line-height:0}#top>.iphone{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;background:url(../images/iphone.png) center center no-repeat;background-size:100% auto;line-height:0;margin:-320px 0 0 80px;padding:72px 14px 77px 18px;width:309px;height:638px}#top>.iphone div{overflow:hidden;position:relative;width:100%;height:100%}#top>.iphone ul{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;position:absolute;left:0;top:0}#top>.iphone li{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;width:277px;height:491px}#top>.iphone img{-webkit-transition:all 0.4s ease 1s;-moz-transition:all 0.4s ease 1s;transition:all 0.4s ease 1s;display:block;width:100%}#top>.presentedby{-webkit-transition:all 0.5s ease 1.2s;-moz-transition:all 0.5s ease 1.2s;transition:all 0.5s ease 1.2s;margin:336px 0 0 141px}#top.st>.desc{-webkit-transform:translate3D(-40px, 0, 0);-moz-transform:translate3D(-40px, 0, 0);-ms-transform:translate3D(-40px, 0, 0);-o-transform:translate3D(-40px, 0, 0);transform:translate3D(-40px, 0, 0);opacity:0}#top.st .mrk{-webkit-transform:scale3d(0.5, 0.5, 0);-moz-transform:scale3d(0.5, 0.5, 0);-ms-transform:scale3d(0.5, 0.5, 0);-o-transform:scale3d(0.5, 0.5, 0);transform:scale3d(0.5, 0.5, 0);opacity:0}#top.st .btns li{-webkit-transform:translate3D(-10px, 0, 0);-moz-transform:translate3D(-10px, 0, 0);-ms-transform:translate3D(-10px, 0, 0);-o-transform:translate3D(-10px, 0, 0);transform:translate3D(-10px, 0, 0);opacity:0}#top.st>.iphone{-webkit-transform:translate3D(0, 100%, 0);-moz-transform:translate3D(0, 100%, 0);-ms-transform:translate3D(0, 100%, 0);-o-transform:translate3D(0, 100%, 0);transform:translate3D(0, 100%, 0);margin-top:0}#top.st>.iphone img{opacity:0;width:30%}#top.st>.presentedby{-webkit-transform:translate3D(0, -20px, 0);-moz-transform:translate3D(0, -20px, 0);-ms-transform:translate3D(0, -20px, 0);-o-transform:translate3D(0, -20px, 0);transform:translate3D(0, -20px, 0);opacity:0}#menu{background:#9ee3df;line-height:0;padding:106px 0 97px;text-align:center}#menu li{-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;display:inline-block;padding:0 76px}#menu li:nth-child(2){-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;transition-delay:0.1s}#menu li:nth-child(2){-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s}#menu a{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;background:#fff;border-radius:90px;display:block;line-height:0;width:180px;height:180px}#menu a:hover{background:#3dbfb8}#menu.st li{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-ms-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);opacity:0}#howto{background:url(../images/bg-about.jpg) center 0 no-repeat;background-size:cover;height:100%;min-height:976px}#howto>*{position:absolute;top:50%}#howto h2{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;font-size:45px;margin-top:-412px;text-align:center;text-shadow:0 10px 15px rgba(0,0,0,0.2);left:0;width:100%}#howto .title-wrapper{-webkit-transition:all 0.5s ease 1.5s;-moz-transition:all 0.5s ease 1.5s;transition:all 0.5s ease 1.5s;margin:-330px 0 0 -212px;overflow:hidden;left:50%;width:424px;height:62px}#howto .titles{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;position:absolute;left:0;top:0;width:300%}#howto .titles li{background:#fff;border-radius:31px;color:#43bbac;font-size:24px;float:left;line-height:62px;text-align:center;width:424px;height:62px}#howto .img-wrapper{-webkit-transition:all 0.5s ease 1s;-moz-transition:all 0.5s ease 1s;transition:all 0.5s ease 1s;background:url(../images/howto.png) center center no-repeat;background-size:100% auto;margin:-228px 0 0 -124px;overflow:hidden;padding:61px 15px 62px;left:50%;width:248px;height:510px}#howto .img-wrapper .inner{overflow:hidden;position:relative;width:100%;height:100%}#howto .imgs{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;position:absolute;left:0;top:0;width:200%}#howto .imgs li{float:left;position:relative;width:50%}#howto .imgs .y{line-height:0;position:absolute;left:100%;top:100%}#howto .arr{-webkit-transition:all 0.5s ease 2s;-moz-transition:all 0.5s ease 2s;transition:all 0.5s ease 2s;cursor:pointer;left:50%;margin-top:-37px}#howto .ar-l{margin-left:-288px}#howto .ar-r{margin-left:213px}#howto .imgs li.cur .y{-webkit-animation:y01 5s ease infinite;-moz-animation:y01 5s ease infinite;animation:y01 5s ease infinite;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}#howto .imgs li:nth-child(2).cur .y{-webkit-animation:y02 5s ease infinite;-moz-animation:y02 5s ease infinite;animation:y02 5s ease infinite}#howto .imgs li:nth-child(3).cur .y{-webkit-animation:y03 5s ease infinite;-moz-animation:y03 5s ease infinite;animation:y03 5s ease infinite}#howto .imgs li:nth-child(4).cur .y{-webkit-animation:y03 5s ease infinite;-moz-animation:y03 5s ease infinite;animation:y03 5s ease infinite}#howto .imgs li:nth-child(5).cur .y{-webkit-animation:y05 5s ease infinite;-moz-animation:y05 5s ease infinite;animation:y05 5s ease infinite}#howto .imgs li:nth-child(6).cur .y{-webkit-animation:y02 5s ease infinite;-moz-animation:y02 5s ease infinite;animation:y02 5s ease infinite}#howto .imgs li:nth-child(7).cur .y{-webkit-animation:y07 5s ease infinite;-moz-animation:y07 5s ease infinite;animation:y07 5s ease infinite}#howto .imgs li:nth-child(8).cur .y{-webkit-animation:y03 5s ease infinite;-moz-animation:y03 5s ease infinite;animation:y03 5s ease infinite}#howto .imgs li:nth-child(9).cur .y{-webkit-animation:y09 5s ease infinite;-moz-animation:y09 5s ease infinite;animation:y09 5s ease infinite}#howto .imgs li:nth-child(10).cur .y{-webkit-animation:y10 5s ease infinite;-moz-animation:y10 5s ease infinite;animation:y10 5s ease infinite}#howto .imgs li:nth-child(11).cur .y{-webkit-animation:y09 5s ease infinite;-moz-animation:y09 5s ease infinite;animation:y09 5s ease infinite}#howto .imgs li:nth-child(12).cur .y{-webkit-animation:y09 5s ease infinite;-moz-animation:y09 5s ease infinite;animation:y09 5s ease infinite}#howto .imgs li:nth-child(13).cur .y{-webkit-animation:y13 5s ease infinite;-moz-animation:y13 5s ease infinite;animation:y13 5s ease infinite}#howto .imgs li:nth-child(14).cur .y{-webkit-animation:y09 5s ease infinite;-moz-animation:y09 5s ease infinite;animation:y09 5s ease infinite}#howto .imgs li:nth-child(15).cur .y{-webkit-animation:y09 5s ease infinite;-moz-animation:y09 5s ease infinite;animation:y09 5s ease infinite}#howto .imgs li:nth-child(16).cur .y{-webkit-animation:y16 5s ease infinite;-moz-animation:y16 5s ease infinite;animation:y16 5s ease infinite}#howto .imgs li:nth-child(17).cur .y{-webkit-animation:y17 5s ease infinite;-moz-animation:y17 5s ease infinite;animation:y17 5s ease infinite}#howto>.ctl{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;margin-top:320px;left:0;width:100%}#howto>.ctl li{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;background:#7abbb7;border-radius:64px;cursor:pointer;font-size:24px;margin:0 38px;width:128px;height:128px}#howto>.ctl li.rem{font-size:21px}#howto>.ctl li:hover,#howto>.ctl li.cur{background:#fff;color:#7abbb7}@-webkit-keyframes y01{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:50%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:50%;top:50%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y01{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:50%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:50%;top:50%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y01{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:50%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:50%;top:50%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y02{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:15%;top:20%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:15%;top:20%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y02{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:15%;top:20%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:15%;top:20%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y02{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:15%;top:20%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:15%;top:20%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y03{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:15%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:50%;top:15%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y03{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:15%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:50%;top:15%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y03{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:15%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:50%;top:15%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y05{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:25%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:50%;top:25%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y05{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:25%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:50%;top:25%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y05{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:50%;top:25%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:50%;top:25%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y07{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:45%;top:88%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:45%;top:88%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y07{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:45%;top:88%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:45%;top:88%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y07{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:45%;top:88%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:45%;top:88%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y09{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:80%;top:5%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:80%;top:5%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y09{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:80%;top:5%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:80%;top:5%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y09{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:80%;top:5%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:80%;top:5%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y10{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:30%;top:40%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:30%;top:40%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y10{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:30%;top:40%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:30%;top:40%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y10{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:30%;top:40%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:30%;top:40%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y13{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:60%;top:90%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:60%;top:90%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y13{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:60%;top:90%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:60%;top:90%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y13{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:60%;top:90%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:60%;top:90%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y16{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:7%;top:90%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1)}70%{left:7%;top:90%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y16{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:7%;top:90%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95)}55%{-moz-transform:scale(1, 1)}70%{left:7%;top:90%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y16{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:7%;top:90%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}55%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}70%{left:7%;top:90%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-webkit-keyframes y17{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:75%;top:55%}45%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);left:75%;top:55%}55%{-webkit-transform:scale(0.95, 0.95);left:83%;top:55%}70%{-webkit-transform:scale(1, 1);left:83%;top:55%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@-moz-keyframes y17{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:75%;top:55%}45%{-moz-transform:scale(1, 1)}50%{-moz-transform:scale(0.95, 0.95);left:75%;top:55%}55%{-moz-transform:scale(0.95, 0.95);left:83%;top:55%}70%{-moz-transform:scale(1, 1);left:83%;top:55%}80%{left:100%;top:100%}100%{left:100%;top:100%}}@keyframes y17{0%{left:100%;top:100%}20%{left:100%;top:100%}30%{left:75%;top:55%}45%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}50%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);left:75%;top:55%}55%{-webkit-transform:scale(0.95, 0.95);-moz-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);left:83%;top:55%}70%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);left:83%;top:55%}80%{left:100%;top:100%}100%{left:100%;top:100%}}#howto.st h2{-webkit-transform:translate3D(0, 20px, 0);-moz-transform:translate3D(0, 20px, 0);-ms-transform:translate3D(0, 20px, 0);-o-transform:translate3D(0, 20px, 0);transform:translate3D(0, 20px, 0);opacity:0}#howto.st .title-wrapper{-webkit-transform:translate3D(0, 100%, 0);-moz-transform:translate3D(0, 100%, 0);-ms-transform:translate3D(0, 100%, 0);-o-transform:translate3D(0, 100%, 0);transform:translate3D(0, 100%, 0);opacity:0}#howto.st .img-wrapper{-webkit-transform:translate3D(0, 100%, 0);-moz-transform:translate3D(0, 100%, 0);-ms-transform:translate3D(0, 100%, 0);-o-transform:translate3D(0, 100%, 0);transform:translate3D(0, 100%, 0);margin-top:0}#howto.st .arr{opacity:0}#about{background:#9ee3df;overflow:hidden;height:747px}#about>*{position:absolute;top:50%;left:50%}#about>h2{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);font-size:41px;margin-top:-290px;opacity:0;text-align:center;left:0;width:100%}#about.a0>h2{opacity:1}#about>.txt{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);font-size:34px;font-weight:normal;opacity:0;text-align:center;left:0;width:100%}#about>.txt1{margin-top:-196px}#about>.txt2,#about>.txt3,#about>.txt4{margin-top:-285px}#about.a4>.txt1,#about.a6>.txt2,#about.a7>.txt3,#about.a8>.txt4{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);opacity:1}#about .ip{-webkit-transform:translate3D(0, 100%, 0);-moz-transform:translate3D(0, 100%, 0);-ms-transform:translate3D(0, 100%, 0);-o-transform:translate3D(0, 100%, 0);transform:translate3D(0, 100%, 0);opacity:0}#about .ip1{margin:-171px 0 0 -111px}#about .ip2,#about .ip3,#about .ip4{margin:-181px 0 0 -231px}#about.a0 .ip1,#about.a6 .ip2,#about.a7 .ip3,#about.a8 .ip4{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);opacity:1}#about>.mam{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);bottom:0;display:block;opacity:0;top:auto}#about>.m1{margin-left:195px}#about>.m2{margin-left:237px}#about>.m3{margin-left:-147px}#about>.m4{margin-left:24px}#about>.m5{margin-left:49px}#about>.m6{margin-left:116px}#about>.qmrk{-webkit-transform:translate3D(0, 100%, 0);-moz-transform:translate3D(0, 100%, 0);-ms-transform:translate3D(0, 100%, 0);-o-transform:translate3D(0, 100%, 0);transform:translate3D(0, 100%, 0);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease;display:block;margin-left:112px;opacity:0;top:auto;bottom:273px}#about.a3>.qmrk,#about.a5>.qmrk{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);opacity:1}#about>.hmrk{-webkit-transform:translate3D(0, 20px, 0);-moz-transform:translate3D(0, 20px, 0);-ms-transform:translate3D(0, 20px, 0);-o-transform:translate3D(0, 20px, 0);transform:translate3D(0, 20px, 0);display:block;opacity:0}#about>.hmrk1{margin:110px 0 0 -182px}#about>.hmrk2{margin:123px 0 0 9px}#about>.hmrk3{margin:125px 0 0 328px}#about.a4>.hmrk1,#about.a7>.hmrk2,#about.a7>.hmrk3,#about.a8>.hmrk2,#about.a8>.hmrk3{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);opacity:1}#about.a1>.m1,#about.a2>.m1,#about.a3>.m2,#about.a4>.m3,#about.a5>.m2,#about.a6>.m4,#about.a7>.m5,#about.a8>.m5,#about.a9>.m6{-webkit-transform:translate3D(0, 0, 0);-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);opacity:1}#about>.bbl{box-sizing:border-box;color:#3dbfb8;font-size:34px;letter-spacing:-0.1em;line-height:1.8}#about>.bbl p{opacity:0}#about>.bbl1,#about>.bbl2,#about>.bbl3,#about>.bbl4,#about>.bbl5{background:url(../images/bbl1.png) right bottom no-repeat;background-size:cover;margin:-257px 0 0 -450px;opacity:0;padding:90px 0 0 108px;width:640px;height:424px}#about>.bbl3,#about>.bbl4{background:url(../images/bbl2.png) right bottom no-repeat;background-size:cover;margin:-251px 0 0 -458px;padding:115px 0 0 84px;width:600px;height:402px}#about>.bbl5{margin:-251px 0 0 -502px;padding:90px 0 0 0;text-align:center}#about.a1>.bbl1,#about.a2>.bbl2,#about.a9>.bbl5{margin:-257px 0 0 -450px;opacity:1;padding:90px 0 0 108px;width:640px;height:424px}#about.a3>.bbl3,#about.a5>.bbl4{margin:-251px 0 0 -458px;opacity:1;padding:115px 0 0 84px;width:600px;height:402px}#about.a9>.bbl5{margin:-251px 0 0 -502px;padding:90px 0 0 0}#about.a1>.bbl1 p{opacity:1}#about.a2>.bbl2 p{opacity:1}#about.a3>.bbl3 p,#about.a5>.bbl4 p,#about.a9>.bbl5 p{opacity:1}#about>.ctl{text-align:center;top:auto;left:0;bottom:20px;width:100%}#about>.ctl li{background:#65c0bb;border:2px solid #fff;border-radius:24px;cursor:pointer;display:inline-block;font-size:27px;font-family:Arial, Helvetica, sans-serif;line-height:45px;margin:0 10px;width:47px;height:47px}#about>.ctl li:hover,#about>.ctl li.cur{background:#fff;color:#65c0bb}.anim01{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.anim02{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.anim03{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}#sp_about{display:none}#nh{line-height:0;text-align:center;height:480px}#nh ul,#nh .btl{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:absolute;left:0;top:0;width:100%;height:100%}#nh li{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;overflow:hidden;width:50%;height:100%}#nh li img{max-width:450px;width:85%}#nh li div{-webkit-transition:all 10s ease;-moz-transition:all 10s ease;transition:all 10s ease;background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100%}#nh li:first-child div{background-image:url(../images/nh1.jpg)}#nh li:last-child div{background-image:url(../images/nh2.jpg)}#nh .btl{-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center}#nh .btl img{display:block;position:relative;max-width:136px;width:8%}#nh.st li div{-webkit-transform:scale3d(1.1, 1.1, 1);-moz-transform:scale3d(1.1, 1.1, 1);-ms-transform:scale3d(1.1, 1.1, 1);-o-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}#footer{background:#3dbfb8;font-size:18px;text-align:center;padding:110px 0 100px}#footer a{color:#fff}#footer ul{padding-bottom:35px}#footer li{display:inline-block;padding:0 1em}#footer p{font-family:Helvetica,Arial,sans-serif;font-size:12px;padding-top:40px}@media only screen and (max-width: 640px){#header-wrapper{height:50px}#header{max-width:100%;padding:0 10px}h1{padding:10px 0}#nav li{padding-left:5px}#nav li a{border-radius:12px;font-size:12px;line-height:24px;padding:0 5px;height:24px}#section-wrapper{padding-top:50px}#top{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;overflow:hidden;padding:10px 30px 20px;height:auto}#top>*{position:relative;left:auto;top:auto}#top>.desc{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;font-size:16px;margin:0;order:3}#top>.block{margin:0;padding:10px 0;order:4}#top .mrk img{width:100%}#top .btns{padding-left:10px;width:220px}#top .btns img{width:100%}#top>.iphone{order:1;margin:10px auto;padding:14% 2% 14% 3%;width:200px;height:413px}#top>.iphone div{overflow:hidden;position:relative;width:100%;height:100%}#top>.iphone ul{width:300%;height:100%}#top>.iphone li{width:100%;height:auto}#top>.iphone img{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}#top>.presentedby{order:2;text-align:center;margin:0}#top>.presentedby img{height:16px}#menu{padding:25px 0}#menu li{padding:0 10px}#menu a{border-radius:40px;width:80px;height:80px}#menu a img{width:100%}#howto{height:auto;min-height:0;padding:20px 0}#howto>*{position:relative;top:auto}#howto h2{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;font-size:18px;margin-top:0;padding-bottom:20px;text-shadow:0 5px 7x rgba(0,0,0,0.2);left:auto}#howto .title-wrapper{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;margin:0 auto 10px;left:auto;width:300px;height:31px}#howto .titles li{border-radius:15px;font-size:14px;line-height:30px;width:300px;height:30px}#howto .img-wrapper{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;margin:0 auto 20px;padding:30px 7px 31px;left:auto;width:124px;height:255px}#howto .imgs{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;width:100%}#howto .imgs li{width:100%}#howto .imgs li img{width:100%}#howto .imgs .y img{width:196px}#howto .arr{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;position:absolute;left:auto;top:50%;height:62px}#howto .arr img{height:100%}#howto .ar-l{left:10px;margin-left:0}#howto .ar-r{right:10px;margin-left:0}#howto>.ctl{margin:0;left:auto}#howto>.ctl li{border-radius:40px;font-size:12px;margin:0 10px;width:80px;height:80px}#howto>.ctl li.rem{font-size:12px}#howto.st h2{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1}#howto.st .title-wrapper{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1}#howto.st .img-wrapper{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}#howto.st .arr{opacity:1}#about{height:auto;padding:0}#about>*{display:none !important;position:relative;top:auto;left:auto}#sp_about{display:block !important;line-height:0}#sp_about>img{opacity:0}#sp_about ul{position:absolute;left:0;top:0;width:100%}#sp_about li{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;position:absolute;opacity:0;left:0;top:0}#sp_about img{width:100%}#about.a0>#sp_about ul li:nth-child(1){opacity:1}#about.a1>#sp_about ul li:nth-child(2){opacity:1}#about.a2>#sp_about ul li:nth-child(3){opacity:1}#about.a3>#sp_about ul li:nth-child(4){opacity:1}#about.a4>#sp_about ul li:nth-child(5){opacity:1}#about.a5>#sp_about ul li:nth-child(6){opacity:1}#about.a6>#sp_about ul li:nth-child(7){opacity:1}#about.a7>#sp_about ul li:nth-child(8){opacity:1}#about.a8>#sp_about ul li:nth-child(9){opacity:1}#about.a9>#sp_about ul li:nth-child(10){opacity:1}#about>.ctl{display:block !important;padding:10px 0;top:auto;left:auto;bottom:auto}#about>.ctl li{border-width:1px;border-radius:15px;font-size:15px;line-height:25px;margin:0 2px;width:25px;height:25px}#nh{height:120px}#nh li img{width:70%}#nh img{display:block}#nh.st li div{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}#footer{font-size:10px;padding:15px 0}#footer ul{padding-bottom:10px}#footer li{padding:0 0.5em 0.5em}#footer p{padding-top:0}}