@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300,100);h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:12px}h6{font-size:10px}p{font-size:14px}.top{width:100%;height:3rem;padding-top:1rem;text-align:center}.top a{text-decoration:none;color:#394167}.top p{text-align:center;position:relative;-webkit-animation:float 1s  alternate infinite ease;animation:float 1s  alternate infinite ease}.top p::before{content:"";position:absolute;width:10px;height:10px;border:1px solid #394167;border-left:transparent;border-bottom:transparent;-webkit-transform:rotate(-45deg) translate(-16px, -10px);transform:rotate(-45deg) translate(-16px, -10px)}@-webkit-keyframes float{from{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}@keyframes float{from{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}body{font-family:'Open Sans', sans-serif;width:100%;height:100%;box-sizing:border-box}header{width:100%;min-height:20px;padding-bottom:2rem;background:#c3e3db}header .mockUp{width:100%;min-height:3rem;position:relative;overflow:hidden}header .mockUp .banner{width:20rem;box-sizing:border-box;padding:0.8em;height:2rem;padding-top:0.4em;background:#ee634b;display:block;right:0;position:absolute;-webkit-transform:rotate(38deg) translate(6rem, -2.3em);transform:rotate(38deg) translate(6rem, -2.3em);box-shadow:1px 1px 11px #3c5885}header .mockUp .banner img{display:block;margin:auto;width:5rem}header .mockUp>div{padding-top:3rem;max-width:50rem;min-height:4rem;margin:auto}header .mockUp>div img{width:100%}header .mockUp h1{position:absolute;bottom:11%;color:#3c5885;width:100%;text-align:center;font-weight:800;text-shadow:1px 1px 21px #fff}header .tips{max-width:20rem;margin:auto;-webkit-transform:translate(0, -2rem);transform:translate(0, -2rem)}header .tips ul li{color:#3c5885;position:relative;margin-left:1.3em;margin-top:1em;line-height:1.4em}header .tips ul li::before{content:"";position:absolute;width:1em;height:1em;background:url("../images/check-03.png") center no-repeat;background-size:cover;left:-1.5em}main{width:100%;min-height:100px}main .wraper{max-width:100rem;min-height:80rem;background:#3c5885;margin:auto}main .wraper section{width:100%;min-height:30rem;position:relative;color:#fef8ef;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}main .wraper section:hover h1{text-shadow:1px 1px 11px black;-webkit-transform:scale(1.3);transform:scale(1.3)}main .wraper section h1{text-align:center;font-weight:600;margin-top:1rem;transition:all 200ms ease}main .wraper section .body ol{display:block;margin:auto;margin-top:1.5rem;padding-left:3em;padding-right:3em;padding-bottom:2em;max-width:40rem;font-weight:300}main .wraper section .body ol li{margin-top:1.2em;line-height:1.5em}main .wraper section .screen{padding-bottom:2rem}main .wraper section .screen .imgContainer{max-width:40rem;margin:1rem auto;margin-bottom:0}main .wraper section .screen .imgContainer img{width:100%;box-shadow:1px 1px 11px black}main .wraper section:nth-child(2n){background:#c3e3db;color:#3c5885}main .wraper section:nth-child(2n):hover h1{text-shadow:1px 1px 8px rgba(60,88,133,0.4);-webkit-transform:scale(1.3);transform:scale(1.3)}main .wraper .launch{width:100%;min-height:20rem;margin-bottom:3rem;background:#c3e3db;padding-top:2rem}main .wraper .launch .imgContainer{max-width:40rem;min-height:20rem;margin:auto;position:relative}main .wraper .launch .imgContainer img{width:100%}main .wraper .launch .imgContainer .gif{position:absolute;top:5%;left:3.5%;width:93%}main .wraper .launch .btns{width:100%;height:4rem;margin-top:1.3em;display:-ms-flexbox;display:flex;background:rgba(254,248,239,0.4);-ms-flex-pack:center;justify-content:center}main .wraper .launch .btns .line{position:absolute;width:4rem;height:2px;left:0;background:#ee634b}main .wraper .launch .btns .btn{text-decoration:none;text-align:center;-ms-flex:1;flex:1;color:#3c5885;line-height:4rem;font-weight:300;position:relative;max-width:10rem;overflow:hidden}main .wraper .launch .btns .btn::before{content:"";position:absolute;width:100%;height:3px;background:#ee634b;right:-100%;bottom:0;transition:all 200ms ease}main .wraper .launch .btns .btn:hover::before{right:0}main .wraper .launch .btns .btn:last-child::before{left:-100%}main .wraper .launch .btns .btn:last-child:hover::before{left:0}main .wraper .launch:nth-child(2){margin-bottom:0}main .wraper .launch:nth-child(2) .imgContainer img{width:50%;display:block;margin:auto}main .wraper .launch:nth-child(2) .imgContainer .gif2{position:absolute;width:36.5%;top:14%;left:31%}main .wraper .launch:last-child{margin-bottom:0}main .wraper .launch:last-child .imgContainer img{width:50%;display:block;margin:auto}main .wraper .launch:last-child .imgContainer .gif2{position:absolute;width:36.5%;top:14%;left:31%}@media (min-width: 1200px){main{width:100%;min-height:100px}main .wraper{overflow:hidden}main .wraper section{padding-left:2rem;padding-top:4rem;padding-right:2rem;padding-bottom:0rem;min-height:30rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row-reverse;flex-direction:row-reverse}main .wraper section:hover h1{text-shadow:1px 1px 11px black;-webkit-transform:scale(1.3);transform:scale(1.3)}main .wraper section h1{position:absolute;left:4rem;top:1em;margin-top:0;transition:all 200ms ease}main .wraper section .body{width:50%}main .wraper section .body ol{margin-left:5rem;width:60%}main .wraper section .body ol li{text-align:left}main .wraper section .screen{width:40%}main .wraper section:nth-child(2n){background:#c3e3db;color:#3c5885}main .wraper section:nth-child(2n):hover h1{text-shadow:1px 1px 8px rgba(60,88,133,0.4);-webkit-transform:scale(1.3);transform:scale(1.3)}}