article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Proxima Nova';src:url("fonts/proximanova-bold-webfont.ttf") format("truetype");font-weight:700}@font-face{font-family:'Proxima Nova';src:url("proximanova-semibold-webfont.ttf") format("truetype");font-weight:600}@font-face{font-family:'Proxima Nova';src:url("fonts/proximanova-regular-webfont.ttf") format("truetype");font-weight:500}@font-face{font-family:'TrajanPro3';src:url("TrajanPro3-Bold.otf");font-weight:700}@font-face{font-family:'TrajanPro3';src:url("TrajanPro3-Regular.otf");font-weight:500}body.home #step-4:before,body.ab:after,body.ab:before{background-size:cover;background-repeat:no-repeat;background-position:center}body.home #content #step-2 form input,body.home #content #step-3 .key input{-webkit-appearance:none;-moz-appearance:none;border:0;margin:0}body.home #content #step-2 form input:focus,body.home #content #step-3 .key input:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}h1,.h1{font-size:70px;font-weight:700}h2,.h2{font-size:50px;font-weight:700}h3,.h3{font-size:30px;font-weight:700}h4,.h4{font-weight:700}h5,.h5{font-size:18px;font-weight:700}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.pos-rel{position:relative}.btn{padding:1rem 1.5rem;color:#D8D8D8;font-weight:500;border-radius:3px;position:relative;display:inline-block;transition:all ease .3s}.btn:hover{transition:all ease .3s}.btn-red{background-color:#7D3A2C}.btn-red:hover{background-color:#713428}.btn-green{background-color:#818146}.btn-green:hover{background-color:#74743f}.btn-blue{background-color:#434D77}.btn-blue:hover{background-color:#3c456b}.btn-darkgrey{background-color:#4F4C4E}.btn-darkgrey:hover{background-color:#474446}.btn-grey{background-color:#6E696C}.btn-grey:hover{background-color:#635f61}.btn-play{padding-left:3rem;background-image:url("img/play.svg");background-size:20px;background-position:1rem center;background-repeat:no-repeat}html{-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-X:hidden}body{background-color:#302C2C;overflow-X:hidden;font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:18px;margin:0;padding:0;color:#D8D8D8}body img{max-width:100%}body a{text-decoration:none}body a:hover{text-decoration:none}body a:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}body #popup{width:100vw;height:100vh;position:fixed;background-color:rgba(48,44,44,0.8);z-index:9;display:none}body #popup .close{width:35px;height:35px;background-image:url("img/close.svg");background-position:center;background-repeat:no-repeat;background-size:35px;position:absolute;top:1rem;right:1rem;cursor:pointer}body #popup iframe{width:90%;height:50vw;margin:0 auto;top:50%;left:50%;position:absolute;transform:translateY(-50%) translateX(-50%)}@media only screen and (max-width: 1300px){body #popup iframe{height:40vw}}@media only screen and (max-width: 1000px){body #popup iframe{height:50vw}}@media only screen and (max-width: 700px){body #popup iframe{height:60vw}}.form-resposta{max-width:550px;margin:0 auto}.form-resposta .error{background-color:#7D3A2C;padding:1rem}.form-resposta .error a{background-color:#fff;border-radius:3px;padding:.2rem .5rem;color:#7D3A2C;margin-top:1rem;display:inline-block;position:relative}.grecaptcha-badge{display:none;visibility:hidden}.popup-content{background-color:#fff;color:#302C2C;position:absolute;width:50vw;max-width:90%;max-height:90vh;height:auto;overflow-Y:scroll;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:2rem;padding-right:4rem;box-shadow:0 0 5px rgba(0,0,0,0.3)}.popup-content div.close{filter:invert(100%)}.popup-content h3{margin:0;padding:0;font-weight:700}.popup-content p{margin:0;padding-top:.5rem;padding-bottom:1rem}@media only screen and (max-width: 800px){.popup-content{padding:1.5rem;padding-right:3rem;width:60vw;max-height:80vh}}body.home{width:100vw;min-height:100vh;position:relative}body.home #content{width:80%;padding:8rem 0;position:relative;margin:0 auto;top:50vh;transform:translateY(-50%);z-index:2;text-align:center;transition:all ease .6s}@media only screen and (max-width: 900px){body.home #content{padding:7rem 0}}@media only screen and (max-width: 600px){body.home #content{padding:3rem 0;width:90%}}body.home #content .init{margin-bottom:4rem;display:none}body.home #content .init span{width:100%;display:block;margin-bottom:15px;font-size:16px;color:#6E696C}body.home #content .init img.site-logo{width:500px}@media only screen and (max-width: 600px){body.home #content .init{margin-bottom:3rem}}body.home #content #step-1{display:none;transition:all ease .6s;position:relative}body.home #content #step-1 .btn-grey,body.home #content #step-1 .btn-darkgrey{margin:0 .5rem}body.home #content #step-1 .s-btns{width:960px;margin:0 auto;margin-top:2rem;margin-bottom:2rem;padding:2rem 0;border-top:1px solid rgba(110,105,108,0.4);border-bottom:1px solid rgba(110,105,108,0.4)}body.home #content #step-1 .s-btns a{margin:0 .5rem}@media only screen and (max-width: 1160px){body.home #content #step-1 .s-btns{width:100%}}@media only screen and (max-width: 520px){body.home #content #step-1 .btn-grey{margin-bottom:2rem}body.home #content #step-1 a.btn{display:block}body.home #content #step-1 a.btn:first-child{margin-bottom:1.5rem}}body.home #content #step-2{display:none;width:450px;margin:0 auto;padding:4rem 0;display:none}body.home #content #step-2 #register-form,body.home #content #step-2 #recover-form{display:none}body.home #content #step-2 form{text-align:center;width:450px}body.home #content #step-2 form label{width:100%;padding:.3rem 0}body.home #content #step-2 form input{margin-top:1rem;margin-bottom:2rem}body.home #content #step-2 form input[type="text"],body.home #content #step-2 form input[type="email"],body.home #content #step-2 form input[type="number"]{width:100%;background-color:rgba(110,105,108,0.6);padding:1rem 0;border-radius:3px;text-align:center;color:#D8D8D8;font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-weight:500;transition:all ease .3s}body.home #content #step-2 form input[type="text"]:focus,body.home #content #step-2 form input[type="email"]:focus,body.home #content #step-2 form input[type="number"]:focus{background-color:rgba(110,105,108,0.8);transition:all ease .3s}body.home #content #step-2 form a.torna{color:#D8D8D8;padding:1rem}body.home #content #step-2 form input.combinacio{text-transform:uppercase}@media only screen and (max-width: 600px){body.home #content #step-2{width:100%;padding:0}body.home #content #step-2 form{width:100%}body.home #content #step-2 form input{margin-bottom:.5rem;margin-bottom:1rem}body.home #content #step-2 form input[type="text"],body.home #content #step-2 form input[type="email"]{padding:.8rem 0}body.home #content #step-2 form input[type="submit"]{display:block;width:100%}body.home #content #step-2 a.torna{display:block}}body.home #content #step-3{display:none}body.home #content #step-3 #timer{width:450px;margin:0 auto;font-size:50px;font-weight:500;padding:1rem 0;border-top:1px solid rgba(110,105,108,0.4);border-bottom:1px solid rgba(110,105,108,0.4);font-weight:700}body.home #content #step-3 .key{padding:3rem 0}body.home #content #step-3 .key input[type="text"]{height:80px;width:80px;background-color:rgba(110,105,108,0.4);text-align:center;color:#D8D8D8;font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-weight:500;transition:all ease .3s;font-size:40px;text-transform:uppercase;border-radius:5px;margin:0 .1rem}body.home #content #step-3 .key input[type="text"]:first-child{margin-left:.2rem}body.home #content #step-3 .key input[type="text"]:last-child{margin-right:.2rem}body.home #content #step-3 .key input[type="text"]:focus{background-color:rgba(110,105,108,0.8);transition:all ease .3s}body.home #content #step-3 .key input[type="submit"]{margin-top:2rem}@media only screen and (max-width: 900px){body.home #content #step-3 .key{padding:1rem 0}body.home #content #step-3 .key input[type="text"]{height:10vw;width:7.9vw;margin:0 .05vw;font-size:35px}body.home #content #step-3 .key input[type="text"]:first-child{margin-left:.1vw}body.home #content #step-3 .key input[type="text"]:last-child{margin-right:.1vw}}@media only screen and (max-width: 600px){body.home #content #step-3 #timer{width:100%;font-size:35px}body.home #content #step-3 .key{padding:1rem 0}body.home #content #step-3 .key input[type="text"]{padding:2px;height:10vw;width:7.9vw;margin:0 .05vw;font-size:22px}body.home #content #step-3 .key input[type="text"]:first-child{margin-left:.1vw}body.home #content #step-3 .key input[type="text"]:last-child{margin-right:.1vw}}body.home #step-4{width:80%;padding:4rem 0;position:relative;margin:0 auto;top:0;z-index:2;text-align:center;transition:all ease .6s}body.home #step-4 .final-site-logo{width:750px}body.home #step-4 .final{width:450px;margin:0 auto;margin-top:5rem;padding:3rem 0;border-top:1px solid rgba(110,105,108,0.4);border-bottom:1px solid rgba(110,105,108,0.4)}body.home #step-4 .final h2{margin:0;padding:0;font-weight:500}body.home #step-4 .final h3{margin:0;padding:0;font-weight:500}body.home #step-4 .final span.finalTime{padding-top:3rem;font-size:50px;display:block;position:relative;font-weight:700}body.home #step-4 .share{width:450px;padding:2rem 0;margin:0 auto}body.home #step-4 .share span.hashtag{font-size:50px;font-weight:700}body.home #step-4:before{content:'';position:absolute;top:70%;left:48%;transform:translateY(-50%) translateX(-50%);width:40vw;height:40vw;background-image:url("img/fons_web-2.jpg");z-index:-1}@media only screen and (max-width: 600px){body.home #step-4{padding:2rem 0}body.home #step-4 .final{width:100%;padding:1.5rem 0;margin-top:1.5rem}body.home #step-4 .final h2{font-size:40px}body.home #step-4 .final h3{font-size:25px}body.home #step-4 .final span.finalTime{font-size:40px;padding-top:1.5rem}body.home #step-4 .share{width:100%;padding:1.5rem 0}body.home #step-4 .share span.hashtag{font-size:30px}body.home #step-4:before{width:100vw;height:100vw}}body.home .content-top{transition:all ease .6s;top:0 !important;left:0 !important;transform:none !important}body.ab:after{content:'';position:absolute;top:0;left:0;width:50vw;height:50vw;background-image:url("img/preso_web.jpg")}body.ab:before{content:'';position:absolute;bottom:0;left:50%;width:50vw;height:20vw;background-image:url("img/fons_web.jpg")}@media only screen and (max-width: 1400px){body.ab:after{width:65vw;height:65vw}body.ab:before{width:60vw;height:30vw}}@media only screen and (max-width: 1200px){body.ab:after{width:80vw;height:80vw}body.ab:before{width:70vw;height:35vw;left:20%}}@media only screen and (max-width: 900px){body.ab:after{width:100vw;height:100vw}body.ab:before{width:100vw;height:46vw;left:10%}}@media only screen and (max-width: 600px){body.ab:after{width:105vw;height:105vw;opacity:.6;top:-50px}body.ab:before{width:120vw;height:60vw;left:-10vw;opacity:.6}}
