html,body,main,section{margin:0;height:100%;overflow:hidden}header h1{margin:0;position:absolute;top:0;left:50px;z-index:1002}header a{display:block;text-indent:-9999px;outline:none;width:120px;height:90px;background:url(/img/envol-vert.png) no-repeat center}@media (max-width: 768px){header a{width:60px;height:45px;left:30px;background-size:60px 45px}}main{position:relative;border:15px #007f00 solid;width:100%;overflow:hidden}footer p{display:block;margin:0;position:absolute;bottom:4px;right:15px;z-index:1001;color:white;opacity:.5;font:500 9px/9px "Open Sans", sans-serif;transition:opacity 200ms ease-out 0ms}footer p:hover{opacity:.9}footer a{color:white;font-weight:700}footer a:hover{text-decoration:none;color:#ffab00}.butterfly{display:block;position:fixed;z-index:1000;top:-200px;left:-200px;width:130px;height:121px;background:url(/img/butterfly.png) center top;-webkit-animation:fly 0.8s steps(13) infinite;-moz-animation:fly 0.8s steps(13) infinite;animation:fly 0.8s steps(13) infinite;cursor:none}.butterfly.go{cursor:default;transition:all 3000ms ease-in-out 0ms}.touch .butterfly{transition:all 1000ms ease-in-out 0ms}.touch .butterfly.instant{transition:none}.state{z-index:997;position:absolute;bottom:5%;left:20%;width:60%;height:16px;padding:1px;border:1px white solid;border-radius:5px;box-shadow:2px 2px 15px rgba(0,0,0,0.7);transition:opacity 1000ms ease-out 1000ms;opacity:0}.state.on{opacity:.8}.bar{height:12px;background:#ffab00;border-radius:3px;width:0}.bar.animate{transition:width 1000ms ease-in 0ms}.tips>p{z-index:998;position:absolute;left:0;bottom:5%;margin:0 0 30px;width:100%;text-align:center;opacity:0;transition:opacity 1000ms ease-in 0ms;font:500 28px/28px "Open Sans", sans-serif;text-transform:uppercase;text-shadow:1px 1px 5px black;color:white}.tips>p.on{opacity:1}section{background-image:url(/img/step1.jpg);background-size:cover}article{position:absolute;left:0;top:0;bottom:0;right:0;cursor:none;display:none;overflow:hidden}article.end{cursor:default}article>.bg{width:100%;height:100%;background-size:cover}article>.text{position:absolute;top:45%;left:20%;width:60%;margin-top:-160px;height:320px;background:rgba(0,0,0,0.7);padding:20px 50px;opacity:0;transition:opacity 1000ms ease-in 0ms;color:white}@media (max-width: 992px){article>.text{margin-top:-140px;height:280px;left:10%;width:80%}}@media (max-width: 768px){article>.text{margin-top:-180px;height:360px;left:5%;width:90%}}article>.text.on{opacity:1}article p{font:500 20px/28px "Open Sans", sans-serif;text-transform:uppercase;color:#ffab00;margin:0}article p.help{color:white;margin-top:10px}article p.share{font:500 14px/18px "Open Sans", sans-serif}@media (max-width: 992px){article p{font:500 15px/18px "Open Sans", sans-serif}}article>.text>div{position:relative;top:50%;transform:translateY(-50%);text-align:center}.one{z-index:1}.two{z-index:2}.two>.bg{background-image:url(/img/step2.jpg)}.three{z-index:3}.three>.bg{background-image:url(/img/step3.jpg)}.four{z-index:4}.four>.bg{background-image:url(/img/step4.jpg)}.five{z-index:5}.five>.bg{background-image:url(/img/step5.jpg)}.six{z-index:6}.six a{display:inline-block;border:0;font:inherit;text-transform:uppercase;margin:2px;padding:5px 20px;border-radius:3px;box-shadow:2px 2px 15px rgba(0,0,0,0.7);transition:all 200ms ease-in 0ms;cursor:pointer;color:white}.six a:hover,.six a:active,.six a:focus{box-shadow:0 0 5px rgba(0,0,0,0.7);text-decoration:none}.six .join{margin:20px 0;padding:10px 50px;font-size:20px;background:#ffab00}.six .join:hover{color:#ffab00;background:white}.six .facebook{background:#3b5998}.six .facebook:hover{color:#3b5998;background:white}.six .twitter{background:#1b9be9}.six .twitter:hover{color:#1b9be9;background:white}@-webkit-keyframes fly{100%{background-position:center bottom}}@-moz-keyframes fly{100%{background-position:center bottom}}@keyframes fly{100%{background-position:center bottom}}