.quiz,.quiz .panel{height:750px;width:100%}.quiz{margin:0 auto 30px;max-width:750px;overflow:hidden;position:relative;transition:height 1s;width:100%}.quiz .panel{margin-left:0;position:absolute;top:0;left:100%;transition:left 1s,margin-left 1s}.quiz .quiz-result.panel,.quiz .quiz-form.panel{height:auto}.quiz .panel.active,.quiz .panel.closing,.quiz .panel.done{left:0}.quiz .panel.closing,.quiz .panel.done{margin-left:-100%}.quiz .quiz-question .img{height:200px;width:100%}.quiz .panel a.next{background:white;border-radius:.1em;cursor:pointer;color:#dd681b;display:none;font-family:WWF;font-size:1.8em;margin:20px auto;padding:.1em 1em .2em;text-transform:uppercase;width:fit-content}.quiz .quiz-intro.panel a.next{background:white;color:#dd681b}.quiz .panel.complete .next,.quiz .panel .next.show{display:block}.answer-fact{background:white;display:none;margin:0 20px 5px 40px;max-width:450px;padding:5px 10px}.answer-fact h3{font-weight:600;margin:10px 0}.answer-fact p{margin:0 0 10px}.quiz .panel.complete .answer-fact{display:block}.quiz .panel.complete .quiz-option label{display:none}.quiz .panel.complete .quiz-option input[type=radio]:checked+label{display:block}.quiz-intro .intro{position:absolute;bottom:10px}.quiz-intro h1,.quiz-intro p{background:black;color:white;display:inline-block;line-height:1em;max-width:400px}.quiz-intro h1{font-family:WWF;font-size:3.4em;margin:0 20px 5px 20px;padding:.1em .2em .2em;text-transform:uppercase}.quiz-intro p{font-size:1.4em;line-height:1.3em;margin:0 20px 5px 20px;padding:.2em .4em .4em}.quiz-question h2,.quiz-question label{background:white;color:black;display:inline-block;line-height:1em}.quiz-question h2{font-size:3em;margin:100px 20px 5px 20px;padding:.1em .2em .2em;max-width:500px}.quiz-question label{border:2px solid white;cursor:pointer;display:block;font-family:WWF;font-size:2em;margin:0 20px 5px 40px;max-width:350px;padding:.1em .2em .2em;text-transform:uppercase}.quiz-question input[type=radio]{display:none}.quiz-question input[type=radio]:checked+label,.quiz-question label:hover{border:2px solid #dd681b;color:#dd681b}.quiz-form{background:#eee}.quiz-form h3,.quiz-form h4{font-family:wwf;text-transform:uppercase;font-size:2.5em;max-width:500px;margin:10px auto 0;text-align:center}.quiz-form h4{font-size:1.8em}.quiz-form .hs_cos_wrapper_type_form form{max-width:500px;margin:20px auto}.quiz-form .hs_cos_wrapper_type_form form input,.quiz-form .hs_cos_wrapper_type_form form select{min-height:40px}.quiz .panel.quiz-form a.next{border:1px black solid;color:black;display:block;font-size:1.4em;margin:0 auto 30px}.quiz-result h2.score{color:white;font-family:wwf;font-size:4em;margin:-0.5em 0;position:absolute;top:125px;text-align:center;text-shadow:black 0 0 5px;text-transform:uppercase;width:100%;z-index:1}.results-img{height:250px;position:relative;width:100%}.results-img:before{background:rgba(0,0,0,0.3);content:"";height:100%;position:absolute;top:0;left:0;width:100%}.good-score,.average-score,.bad-score{display:none}h3.result-title{font-size:3em;font-family:wwf;text-transform:uppercase;text-align:center}p.result-description{font-size:1.4em;margin:20px auto;max-width:400px;width:100%}.share-result{margin:20px auto;max-width:500px}.share-result h3,.share-result p{text-align:center}.share-result h3{font-family:wwf;font-size:2.5em}.share-result a.share{background:orange;border-radius:2px;color:white;font-size:1.3em;margin-right:10px;padding:5px 10px}.share-result a.share.twitter{background:#1da1f2}.share-result a.share.facebook{background:#3b5998}.results-action{background:#424242;margin-top:30px;padding:20px}.results-action h2,.results-action p{color:white}.results-action h2{font-family:wwf;font-size:3em;line-height:1em;margin:0 0 10px;text-transform:uppercase}.results-action p{font-size:1.4em;max-width:400px}.results-action .hs-cta-node a.cta_button span strong{font-family:wwf;text-transform:uppercase;font-weight:300 !important;margin:0 0 10px}p.image-credit{background:0;color:white;font-size:.5em;position:absolute;bottom:0;right:0;width:fit-content;margin:5px}@media only screen and (max-width:870px){.quiz-question h2{font-size:2em}}