@font-face{font-family:'Promima Nova ExCn Lt';src:local("Promima Nova ExCn Lt"),local("Promima Nova ExCn Lt"),url("../fonts/ProximaNovaExCn-LightWeb.woff") format("woff"),url("../fonts/ProximaNovaExCn-LightWeb.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'Promima Nova ExCn Reg';src:local("Promima Nova ExCn Reg"),local("Promima Nova ExCn Reg"),url("../fonts/ProximaNovaExCn-RegWeb.woff") format("woff");font-weight:normal;font-style:normal}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{color:white;padding:0;margin:0;overflow:hidden}p,ul,label{font-family:'Promima Nova ExCn Lt', sans-serif}h1,h2,h3,h4,button,a{font-family:'Promima Nova ExCn Lt', sans-serif}p{padding-left:10px;padding-right:10px;line-height:1.2em;letter-spacing:1px}@media (max-width: 320px){p{padding-left:0;padding-right:0}}sub{font-size:0.7em;vertical-align:baseline}img.mobile{display:block}img.desk{display:none}@media (min-width: 768px){img.mobile{display:none}img.desk{display:block}}.extra-content{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%;transform:translateY(100%);background:rgba(0,0,0,0.9);z-index:10;padding:20px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.extra-content.visible{opacity:1;transform:translateY(0)}#results .extra-content p,#results .extra-content h3{color:#fff}.open-popup.black{color:#000}html.touch .no-touch{display:none}html.no-touch .touch{display:none}.container{display:block;float:left;height:100%;width:auto;position:relative;overflow:hidden}@media (orientation: landscape){.container.image-only{min-width:0}}@media (orientation: landscape){.container.second{min-width:100vw;max-width:100vw}}.container img{position:relative;z-index:1;height:100%;width:auto;min-width:100%}@media (min-width: 768px) and (orientation: landscape){.container img{width:calc(100vh * 16/9);height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}}@media (orientation: landscape){.container img.tiny-image-debug{height:100vh;width:auto}}.container section{position:absolute;z-index:2;height:100%;width:100vw;top:0}.container section:after{display:block;position:absolute;content:'';z-index:-1;top:0;left:0;width:100%;height:100%;background-color:rgba(21,21,21,0.85)}.container section .content{position:relative}@media (orientation: landscape){.container section .content{max-width:375px}}@media (orientation: landscape){.container section .extra-content>div{max-width:375px}}@media (orientation: landscape){.container section{max-width:50vw;margin-left:25vw;max-height:none}}.container section.illustration-block{margin-left:calc(25vw + 45px)}.container section.illustration-block:after{background-color:transparent}@media (orientation: landscape){.container section.illustration-block{margin-left:25vw}}.container section.illustration-block button{display:none}.container #results:after{background-color:rgba(255,255,255,0.9)}.container #result-1,.container #result-2,.container #result-3,.container #result-4,.container #result-5,.container #result-6,.container #result-7,.container #result-8{display:none}.container #result-1.visible,.container #result-2.visible,.container #result-3.visible,.container #result-4.visible,.container #result-5.visible,.container #result-6.visible,.container #result-7.visible,.container #result-8.visible{display:block}.container.first{width:100vw}.container.first #welcome{right:0}@media (orientation: landscape){.container.first #welcome{left:0;right:auto;margin-left:25vw}}.container.second{width:100vw}.container.second #question-1,.container.second #feedback-1,.container.second #question-2,.container.second #feedback-2,.container.second #question-3,.container.second #feedback-3,.container.second #question-4,.container.second #feedback-4,.container.second #question-5,.container.second #feedback-5,.container.second #question-6 #feedback-6{left:0}@media (orientation: landscape){.container.second #question-1,.container.second #feedback-1,.container.second #question-2,.container.second #feedback-2,.container.second #question-3,.container.second #feedback-3,.container.second #question-4,.container.second #feedback-4,.container.second #question-5,.container.second #feedback-5,.container.second #question-6 #feedback-6{left:0;margin-left:25vw}}.container.results{width:100vw}@media (orientation: landscape){.container.results #results{left:0;margin-left:25vw}}.container.results #where-now{right:0}@media (orientation: landscape){.container.results #where-now{right:0;margin-right:25vw}}section{float:left;padding:20px;height:100%;width:100vw;display:flex;justify-content:center;align-items:center}@media (orientation: landscape){section{max-width:none;max-height:none}}.inner{height:100%;width:4000%;overflow:hidden}.track{transform:translateZ(0);will-change:transform}#quiz{height:100%;width:100%;background-color:#3e3e3f;background-image:url(../img/mobile-pattern.jpg);background-size:auto 100%;background-attachment:fixed;background-repeat:repeat;background-position:0 0;position:relative;overflow:hidden}@media (orientation: landscape){#quiz{max-width:100%;max-height:100%;background-image:url(../img/desk-pattern.jpg)}}#intro h1{display:block;text-align:center;text-transform:uppercase;font-size:45px;margin-bottom:0;width:290px;margin:0 auto 0 auto;line-height:1em;position:relative;font-family:'Promima Nova ExCn Lt'}#intro h1 span{display:inline-block;padding:10px 10px 5px 10px;background-color:#fff;color:#000}#intro h1 span.sm{clear:both;font-size:20px;line-height:16px;padding:10px 10px 0 10px}#intro h1 span.slim{padding-top:10px;width:calc(100% - 128px);margin:0 64px 0 64px;padding-bottom:0;z-index:1}#intro h1 span.lg:not(.slim){position:relative;width:100%;padding-top:0px;width:calc(100% - 76px);margin:0 38px 0 38px;z-index:2}#intro h1 span.lg:not(.slim):after{position:absolute;display:block;content:'';background-color:#FFFFFF;width:100%;height:5px;top:-5px;left:0}#intro h2{background-color:#000;text-align:center;margin-top:0;width:290px;padding:10px 20px;margin:0 auto 0 auto;font-weight:400;font-size:29px;line-height:33px;font-family:'Promima Nova ExCn Lt';font-weight:normal}@media (min-width: 768px){#intro h2{padding:10px 20px;font-size:24px;line-height:30px}}#intro button{display:block;margin:60px auto 0 auto}#intro .content{transform:scale(0.8)}@media (min-width: 321px) and (orientation: portrait){#intro .content{transform:scale(1)}}@media (max-width: 768px) and (orientation: landscape){#intro .content{transform:scale(0.85)}}@media (min-width: 769px) and (orientation: landscape){#intro .content{transform:scale(1)}}@media (orientation: landscape){#intro{max-width:none}}@media (max-width: 768px){.welcome-container{width:calc(100vh * 1.5) !important}}@media (max-width: 768px){.welcome-container img{width:calc(100vh * 1.77) !important;height:100vh !important;min-width:0}}#welcome{margin-left:150vw}#welcome h3{font-size:34px !important;line-height:0.9em !important;margin-bottom:0.5em;font-family:'Promima Nova ExCn Lt'}@media (max-width: 320px){#welcome h4{font-size:18px !important;padding:0 !important;font-family:'Promima Nova ExCn Lt'}}#welcome .content,#where-now .content{transform:scale(0.8)}@media (min-width: 321px) and (orientation: portrait){#welcome .content,#where-now .content{transform:scale(1)}}@media (max-width: 768px) and (orientation: landscape){#welcome .content,#where-now .content{transform:scale(0.85)}}@media (min-width: 769px) and (orientation: landscape){#welcome .content,#where-now .content{transform:scale(1)}}#welcome h2,#where-now h2{text-align:center;text-transform:uppercase;font-size:58px;margin-top:0;margin-bottom:0;line-height:1em}@media (min-width: 321px) and (orientation: portrait){#welcome h2,#where-now h2{font-size:64px;line-height:normal}}@media (max-width: 768px) and (orientation: landscape){#welcome h2,#where-now h2{font-size:58px;line-height:1em}}@media (min-width: 769px) and (orientation: landscape){#welcome h2,#where-now h2{font-size:64px;line-height:normal}}#welcome h3,#where-now h3{margin-top:0}#welcome h3,#welcome h4,#where-now h3,#where-now h4{text-align:center;text-transform:uppercase;font-size:21px;padding:0 20px;line-height:1em}#welcome h4,#where-now h4{color:#c00;margin-bottom:10px}#welcome p,#where-now p{text-align:center;font-family:'Promima Nova ExCn Lt', sans-serif;font-size:18px}#welcome button,#where-now button{display:block;margin:40px auto 0 auto}#feedback-1 .extra-content div:first-of-type,#feedback-1 .content,#feedback-2 .extra-content div:first-of-type,#feedback-2 .content,#feedback-3 .extra-content div:first-of-type,#feedback-3 .content,#feedback-4 .extra-content div:first-of-type,#feedback-4 .content,#feedback-5 .extra-content div:first-of-type,#feedback-5 .content,#feedback-6 .extra-content div:first-of-type,#feedback-6 .content,#feedback-7 .extra-content div:first-of-type,#feedback-7 .content,#question-1 .extra-content div:first-of-type,#question-1 .content,#question-2 .extra-content div:first-of-type,#question-2 .content,#question-3 .extra-content div:first-of-type,#question-3 .content,#question-4 .extra-content div:first-of-type,#question-4 .content,#question-5 .extra-content div:first-of-type,#question-5 .content,#question-6 .extra-content div:first-of-type,#question-6 .content,#question-7 .extra-content div:first-of-type,#question-7 .content,#results .extra-content div:first-of-type,#results .content{padding-bottom:70px;transform:scale(0.8)}@media (min-width: 321px) and (orientation: portrait){#feedback-1 .extra-content div:first-of-type,#feedback-1 .content,#feedback-2 .extra-content div:first-of-type,#feedback-2 .content,#feedback-3 .extra-content div:first-of-type,#feedback-3 .content,#feedback-4 .extra-content div:first-of-type,#feedback-4 .content,#feedback-5 .extra-content div:first-of-type,#feedback-5 .content,#feedback-6 .extra-content div:first-of-type,#feedback-6 .content,#feedback-7 .extra-content div:first-of-type,#feedback-7 .content,#question-1 .extra-content div:first-of-type,#question-1 .content,#question-2 .extra-content div:first-of-type,#question-2 .content,#question-3 .extra-content div:first-of-type,#question-3 .content,#question-4 .extra-content div:first-of-type,#question-4 .content,#question-5 .extra-content div:first-of-type,#question-5 .content,#question-6 .extra-content div:first-of-type,#question-6 .content,#question-7 .extra-content div:first-of-type,#question-7 .content,#results .extra-content div:first-of-type,#results .content{transform:scale(1);padding-bottom:60px}}@media (max-width: 768px) and (orientation: landscape){#feedback-1 .extra-content div:first-of-type,#feedback-1 .content,#feedback-2 .extra-content div:first-of-type,#feedback-2 .content,#feedback-3 .extra-content div:first-of-type,#feedback-3 .content,#feedback-4 .extra-content div:first-of-type,#feedback-4 .content,#feedback-5 .extra-content div:first-of-type,#feedback-5 .content,#feedback-6 .extra-content div:first-of-type,#feedback-6 .content,#feedback-7 .extra-content div:first-of-type,#feedback-7 .content,#question-1 .extra-content div:first-of-type,#question-1 .content,#question-2 .extra-content div:first-of-type,#question-2 .content,#question-3 .extra-content div:first-of-type,#question-3 .content,#question-4 .extra-content div:first-of-type,#question-4 .content,#question-5 .extra-content div:first-of-type,#question-5 .content,#question-6 .extra-content div:first-of-type,#question-6 .content,#question-7 .extra-content div:first-of-type,#question-7 .content,#results .extra-content div:first-of-type,#results .content{transform:scale(0.85)}}@media (min-width: 769px) and (orientation: landscape){#feedback-1 .extra-content div:first-of-type,#feedback-1 .content,#feedback-2 .extra-content div:first-of-type,#feedback-2 .content,#feedback-3 .extra-content div:first-of-type,#feedback-3 .content,#feedback-4 .extra-content div:first-of-type,#feedback-4 .content,#feedback-5 .extra-content div:first-of-type,#feedback-5 .content,#feedback-6 .extra-content div:first-of-type,#feedback-6 .content,#feedback-7 .extra-content div:first-of-type,#feedback-7 .content,#question-1 .extra-content div:first-of-type,#question-1 .content,#question-2 .extra-content div:first-of-type,#question-2 .content,#question-3 .extra-content div:first-of-type,#question-3 .content,#question-4 .extra-content div:first-of-type,#question-4 .content,#question-5 .extra-content div:first-of-type,#question-5 .content,#question-6 .extra-content div:first-of-type,#question-6 .content,#question-7 .extra-content div:first-of-type,#question-7 .content,#results .extra-content div:first-of-type,#results .content{transform:scale(1)}}#feedback-1 h2,#feedback-2 h2,#feedback-3 h2,#feedback-4 h2,#feedback-5 h2,#feedback-6 h2,#feedback-7 h2,#question-1 h2,#question-2 h2,#question-3 h2,#question-4 h2,#question-5 h2,#question-6 h2,#question-7 h2,#results h2{text-align:center;text-transform:uppercase;font-size:44px;margin-top:0;margin-bottom:0;margin-bottom:30px;line-height:40px}@media (max-width: 768px) and (orientation: landscape){#feedback-1 h2,#feedback-2 h2,#feedback-3 h2,#feedback-4 h2,#feedback-5 h2,#feedback-6 h2,#feedback-7 h2,#question-1 h2,#question-2 h2,#question-3 h2,#question-4 h2,#question-5 h2,#question-6 h2,#question-7 h2,#results h2{margin-bottom:20px;font-size:44px}}@media (min-width: 769px) and (orientation: landscape){#feedback-1 h2,#feedback-2 h2,#feedback-3 h2,#feedback-4 h2,#feedback-5 h2,#feedback-6 h2,#feedback-7 h2,#question-1 h2,#question-2 h2,#question-3 h2,#question-4 h2,#question-5 h2,#question-6 h2,#question-7 h2,#results h2{margin-bottom:60px;font-size:44px}}#feedback-1 h3,#feedback-2 h3,#feedback-3 h3,#feedback-4 h3,#feedback-5 h3,#feedback-6 h3,#feedback-7 h3,#question-1 h3,#question-2 h3,#question-3 h3,#question-4 h3,#question-5 h3,#question-6 h3,#question-7 h3,#results h3{margin-top:0;padding:0}#feedback-1 h3,#feedback-1 h4,#feedback-2 h3,#feedback-2 h4,#feedback-3 h3,#feedback-3 h4,#feedback-4 h3,#feedback-4 h4,#feedback-5 h3,#feedback-5 h4,#feedback-6 h3,#feedback-6 h4,#feedback-7 h3,#feedback-7 h4,#question-1 h3,#question-1 h4,#question-2 h3,#question-2 h4,#question-3 h3,#question-3 h4,#question-4 h3,#question-4 h4,#question-5 h3,#question-5 h4,#question-6 h3,#question-6 h4,#question-7 h3,#question-7 h4,#results h3,#results h4{text-align:center;text-transform:uppercase;font-size:26px;margin-bottom:1em;line-height:1em}@media (min-width: 321px) and (orientation: portrait){#feedback-1 h3,#feedback-1 h4,#feedback-2 h3,#feedback-2 h4,#feedback-3 h3,#feedback-3 h4,#feedback-4 h3,#feedback-4 h4,#feedback-5 h3,#feedback-5 h4,#feedback-6 h3,#feedback-6 h4,#feedback-7 h3,#feedback-7 h4,#question-1 h3,#question-1 h4,#question-2 h3,#question-2 h4,#question-3 h3,#question-3 h4,#question-4 h3,#question-4 h4,#question-5 h3,#question-5 h4,#question-6 h3,#question-6 h4,#question-7 h3,#question-7 h4,#results h3,#results h4{margin-bottom:40px}}@media (max-width: 768px) and (orientation: landscape){#feedback-1 h3,#feedback-1 h4,#feedback-2 h3,#feedback-2 h4,#feedback-3 h3,#feedback-3 h4,#feedback-4 h3,#feedback-4 h4,#feedback-5 h3,#feedback-5 h4,#feedback-6 h3,#feedback-6 h4,#feedback-7 h3,#feedback-7 h4,#question-1 h3,#question-1 h4,#question-2 h3,#question-2 h4,#question-3 h3,#question-3 h4,#question-4 h3,#question-4 h4,#question-5 h3,#question-5 h4,#question-6 h3,#question-6 h4,#question-7 h3,#question-7 h4,#results h3,#results h4{margin-bottom:1em}}@media (min-width: 769px) and (orientation: landscape){#feedback-1 h3,#feedback-1 h4,#feedback-2 h3,#feedback-2 h4,#feedback-3 h3,#feedback-3 h4,#feedback-4 h3,#feedback-4 h4,#feedback-5 h3,#feedback-5 h4,#feedback-6 h3,#feedback-6 h4,#feedback-7 h3,#feedback-7 h4,#question-1 h3,#question-1 h4,#question-2 h3,#question-2 h4,#question-3 h3,#question-3 h4,#question-4 h3,#question-4 h4,#question-5 h3,#question-5 h4,#question-6 h3,#question-6 h4,#question-7 h3,#question-7 h4,#results h3,#results h4{margin-bottom:40px}}#feedback-1 h4,#feedback-2 h4,#feedback-3 h4,#feedback-4 h4,#feedback-5 h4,#feedback-6 h4,#feedback-7 h4,#question-1 h4,#question-2 h4,#question-3 h4,#question-4 h4,#question-5 h4,#question-6 h4,#question-7 h4,#results h4{color:#c00;margin-bottom:10px;padding:0;font-size:21px}@media (min-width: 321px){#feedback-1 h4,#feedback-2 h4,#feedback-3 h4,#feedback-4 h4,#feedback-5 h4,#feedback-6 h4,#feedback-7 h4,#question-1 h4,#question-2 h4,#question-3 h4,#question-4 h4,#question-5 h4,#question-6 h4,#question-7 h4,#results h4{font-size:22px;padding:0 20px}}#feedback-1 p,#feedback-1 label,#feedback-2 p,#feedback-2 label,#feedback-3 p,#feedback-3 label,#feedback-4 p,#feedback-4 label,#feedback-5 p,#feedback-5 label,#feedback-6 p,#feedback-6 label,#feedback-7 p,#feedback-7 label,#question-1 p,#question-1 label,#question-2 p,#question-2 label,#question-3 p,#question-3 label,#question-4 p,#question-4 label,#question-5 p,#question-5 label,#question-6 p,#question-6 label,#question-7 p,#question-7 label,#results p,#results label{font-family:'Promima Nova ExCn Lt', sans-serif;font-size:16px}#feedback-1 label,#feedback-2 label,#feedback-3 label,#feedback-4 label,#feedback-5 label,#feedback-6 label,#feedback-7 label,#question-1 label,#question-2 label,#question-3 label,#question-4 label,#question-5 label,#question-6 label,#question-7 label,#results label{line-height:1.2em}#feedback-1 button,#feedback-2 button,#feedback-3 button,#feedback-4 button,#feedback-5 button,#feedback-6 button,#feedback-7 button,#question-1 button,#question-2 button,#question-3 button,#question-4 button,#question-5 button,#question-6 button,#question-7 button,#results button{display:block;margin:40px auto 0 auto}@media (min-width: 321px) and (orientation: portrait){#feedback-1 button,#feedback-2 button,#feedback-3 button,#feedback-4 button,#feedback-5 button,#feedback-6 button,#feedback-7 button,#question-1 button,#question-2 button,#question-3 button,#question-4 button,#question-5 button,#question-6 button,#question-7 button,#results button{margin:40px auto 0 auto}}@media (max-width: 768px) and (orientation: landscape){#feedback-1 button,#feedback-2 button,#feedback-3 button,#feedback-4 button,#feedback-5 button,#feedback-6 button,#feedback-7 button,#question-1 button,#question-2 button,#question-3 button,#question-4 button,#question-5 button,#question-6 button,#question-7 button,#results button{margin:40px auto 0 auto}}@media (min-width: 769px) and (orientation: landscape){#feedback-1 button,#feedback-2 button,#feedback-3 button,#feedback-4 button,#feedback-5 button,#feedback-6 button,#feedback-7 button,#question-1 button,#question-2 button,#question-3 button,#question-4 button,#question-5 button,#question-6 button,#question-7 button,#results button{margin:40px auto 0 auto}}section#question-1:after,section#feedback-1:after{background-color:rgba(21,21,21,0.5) !important}section#question-2:after,section#feedback-2:after{background-color:rgba(21,21,21,0.5) !important}section#question-3:after,section#feedback-3:after{background-color:rgba(21,21,21,0.2) !important}section#question-4:after,section#feedback-4:after{background-color:rgba(21,21,21,0.5) !important}section#question-5:after,section#feedback-5:after{background-color:rgba(21,21,21,0.5) !important}section#question-6:after,section#feedback-6:after{background-color:rgba(21,21,21,0.2) !important}@media (max-width: 768px){.adjust-image.first-adjust img{position:relative;left:-25vw}}#results h2,#results h3,#results h4,#results p{color:#000;text-align:center}#results h3,#results .extra-content h3{color:#c00;font-size:24px}#results .extra-content h3{font-size:35px;line-height:38px}@media (min-width: 321px) and (orientation: portrait){#results .extra-content h3{font-size:40px;line-height:38px}}@media (max-width: 768px) and (orientation: landscape){#results .extra-content h3{font-size:48px;line-height:42px}}@media (min-width: 769px) and (orientation: landscape){#results .extra-content h3{font-size:48px;line-height:42px}}#feedback-1 h2,#feedback-2 h2,#feedback-3 h2,#feedback-4 h2,#feedback-5 h2,#feedback-6 h2,#feedback-7 h2{margin-bottom:0}#feedback-1 h3,#feedback-2 h3,#feedback-3 h3,#feedback-4 h3,#feedback-5 h3,#feedback-6 h3,#feedback-7 h3{color:#c00}#feedback-1 p,#feedback-2 p,#feedback-3 p,#feedback-4 p,#feedback-5 p,#feedback-6 p,#feedback-7 p{text-align:center;text-transform:none;font-size:26px;margin-bottom:1em;line-height:1.2em}@media (min-width: 321px) and (orientation: portrait){#feedback-1 p,#feedback-2 p,#feedback-3 p,#feedback-4 p,#feedback-5 p,#feedback-6 p,#feedback-7 p{margin-bottom:20px}}@media (max-width: 768px) and (orientation: landscape){#feedback-1 p,#feedback-2 p,#feedback-3 p,#feedback-4 p,#feedback-5 p,#feedback-6 p,#feedback-7 p{margin-bottom:1em}}@media (min-width: 769px) and (orientation: landscape){#feedback-1 p,#feedback-2 p,#feedback-3 p,#feedback-4 p,#feedback-5 p,#feedback-6 p,#feedback-7 p{margin-bottom:20px}}#feedback-6 p{font-size:17px}#results h2{margin-bottom:10px}#results h3{margin-bottom:10px}#results button{margin-top:30px}#where-now .question h2{font-size:42px;line-height:40px}#where-now .question h3:first-of-type{margin-top:40px}#progress{display:flex;justify-content:center;align-items:center;position:fixed;overflow:hidden;z-index:999;bottom:-60px;width:100%;height:60px;background-color:white;transform:translateY(0px);-webkit-transition:all .3s ease 1.3s;transition:all .3s ease 1.3s}#progress .inner{display:flex;justify-content:center;align-items:center}@media (orientation: landscape){#progress .inner{justify-content:space-between}}#progress button{width:50px;background:none;border:none;border-radius:none;-webkit-appearance:none;appearance:none;outline:none;-webkit-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s;transform:translateY(-5px) rotate(0deg);margin-left:4px}#progress button:hover{opacity:0.65;cursor:pointer}#progress button#next svg{transform:translateY(0px) rotate(180deg);margin-right:4px}#progress ul{padding:0;margin:10px 0 0 0;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}@media (orientation: landscape){#progress ul{max-width:57.5vw}}#progress ul:before,#progress ul:after{position:absolute;content:'';width:calc(100% - 32px);height:3px;background-color:#d1d2d4;z-index:1;top:5px;left:16px}#progress ul:after{-webkit-transition:all 1.6s ease-in-out .75s;transition:all 1.6s ease-in-out .75s;z-index:2;background-color:#c00;width:calc(10% - 34px)}#progress ul li{display:block;float:left;color:#d1d2d4;text-transform:uppercase;font-size:12px;font-family:'Promima Nova ExCn Lt', sans-serif;text-align:center;z-index:3;-webkit-transition:color .6s ease 1s;transition:color .6s ease 1s}#progress ul li:before{content:'';display:block;width:14px;height:14px;border-radius:14px;border:3px solid #d1d2d4;margin:0 auto 5px auto;background:#fff;-webkit-transition:all .6s ease 1s;transition:all .6s ease 1s}#progress ul li.about-stage:before{border:3px solid #c00}#quiz[data-section="intro"] #progress,#quiz[data-section="welcome"] #progress{transform:translateY(0px)}#quiz[data-section="question-1"] #progress,#quiz[data-section="feedback-1"] #progress,#quiz[data-section="illustration-1"] #progress,#quiz[data-section="question-2"] #progress,#quiz[data-section="feedback-2"] #progress,#quiz[data-section="illustration-2"] #progress,#quiz[data-section="question-3"] #progress,#quiz[data-section="feedback-3"] #progress,#quiz[data-section="illustration-3"] #progress,#quiz[data-section="question-4"] #progress,#quiz[data-section="feedback-4"] #progress,#quiz[data-section="illustration-4"] #progress,#quiz[data-section="question-5"] #progress,#quiz[data-section="feedback-5"] #progress,#quiz[data-section="illustration-5"] #progress,#quiz[data-section="question-6"] #progress,#quiz[data-section="feedback-6"] #progress,#quiz[data-section="illustration-6"] #progress,#quiz[data-section="question-7"] #progress,#quiz[data-section="feedback-7"] #progress,#quiz[data-section="illustration-7"] #progress,#quiz[data-section="results"] #progress,#quiz[data-section="where-now"] #progress{transform:translateY(-60px)}#quiz[data-section="question-1"] #progress .about-stage,#quiz[data-section="question-1"] #progress .quiz-stage,#quiz[data-section="feedback-1"] #progress .about-stage,#quiz[data-section="feedback-1"] #progress .quiz-stage,#quiz[data-section="illustration-1"] #progress .about-stage,#quiz[data-section="illustration-1"] #progress .quiz-stage,#quiz[data-section="question-2"] #progress .about-stage,#quiz[data-section="question-2"] #progress .quiz-stage,#quiz[data-section="feedback-2"] #progress .about-stage,#quiz[data-section="feedback-2"] #progress .quiz-stage,#quiz[data-section="illustration-2"] #progress .about-stage,#quiz[data-section="illustration-2"] #progress .quiz-stage,#quiz[data-section="question-3"] #progress .about-stage,#quiz[data-section="question-3"] #progress .quiz-stage,#quiz[data-section="feedback-3"] #progress .about-stage,#quiz[data-section="feedback-3"] #progress .quiz-stage,#quiz[data-section="illustration-3"] #progress .about-stage,#quiz[data-section="illustration-3"] #progress .quiz-stage,#quiz[data-section="question-4"] #progress .about-stage,#quiz[data-section="question-4"] #progress .quiz-stage,#quiz[data-section="feedback-4"] #progress .about-stage,#quiz[data-section="feedback-4"] #progress .quiz-stage,#quiz[data-section="illustration-4"] #progress .about-stage,#quiz[data-section="illustration-4"] #progress .quiz-stage,#quiz[data-section="question-5"] #progress .about-stage,#quiz[data-section="question-5"] #progress .quiz-stage,#quiz[data-section="feedback-5"] #progress .about-stage,#quiz[data-section="feedback-5"] #progress .quiz-stage,#quiz[data-section="illustration-5"] #progress .about-stage,#quiz[data-section="illustration-5"] #progress .quiz-stage,#quiz[data-section="question-6"] #progress .about-stage,#quiz[data-section="question-6"] #progress .quiz-stage,#quiz[data-section="feedback-6"] #progress .about-stage,#quiz[data-section="feedback-6"] #progress .quiz-stage,#quiz[data-section="illustration-6"] #progress .about-stage,#quiz[data-section="illustration-6"] #progress .quiz-stage,#quiz[data-section="question-7"] #progress .about-stage,#quiz[data-section="question-7"] #progress .quiz-stage,#quiz[data-section="feedback-7"] #progress .about-stage,#quiz[data-section="feedback-7"] #progress .quiz-stage,#quiz[data-section="illustration-7"] #progress .about-stage,#quiz[data-section="illustration-7"] #progress .quiz-stage,#quiz[data-section="results"] #progress .about-stage,#quiz[data-section="results"] #progress .quiz-stage,#quiz[data-section="where-now"] #progress .about-stage,#quiz[data-section="where-now"] #progress .quiz-stage{color:#000}#quiz[data-section="question-1"] #progress .quiz-stage:before,#quiz[data-section="feedback-1"] #progress .quiz-stage:before,#quiz[data-section="illustration-1"] #progress .quiz-stage:before,#quiz[data-section="question-2"] #progress .quiz-stage:before,#quiz[data-section="feedback-2"] #progress .quiz-stage:before,#quiz[data-section="illustration-2"] #progress .quiz-stage:before,#quiz[data-section="question-3"] #progress .quiz-stage:before,#quiz[data-section="feedback-3"] #progress .quiz-stage:before,#quiz[data-section="illustration-3"] #progress .quiz-stage:before,#quiz[data-section="question-4"] #progress .quiz-stage:before,#quiz[data-section="feedback-4"] #progress .quiz-stage:before,#quiz[data-section="illustration-4"] #progress .quiz-stage:before,#quiz[data-section="question-5"] #progress .quiz-stage:before,#quiz[data-section="feedback-5"] #progress .quiz-stage:before,#quiz[data-section="illustration-5"] #progress .quiz-stage:before,#quiz[data-section="question-6"] #progress .quiz-stage:before,#quiz[data-section="feedback-6"] #progress .quiz-stage:before,#quiz[data-section="illustration-6"] #progress .quiz-stage:before,#quiz[data-section="question-7"] #progress .quiz-stage:before,#quiz[data-section="feedback-7"] #progress .quiz-stage:before,#quiz[data-section="illustration-7"] #progress .quiz-stage:before,#quiz[data-section="results"] #progress .quiz-stage:before,#quiz[data-section="where-now"] #progress .quiz-stage:before{border:3px solid #c00}#quiz[data-section="question-1"] ul:after,#quiz[data-section="feedback-1"] ul:after,#quiz[data-section="illustration-1"] ul:after{width:calc(50% - 8px)}#quiz[data-section="question-2"] ul:after,#quiz[data-section="feedback-2"] ul:after,#quiz[data-section="illustration-2"] ul:after{width:calc(55% - 8px)}#quiz[data-section="question-3"] ul:after,#quiz[data-section="feedback-3"] ul:after,#quiz[data-section="illustration-3"] ul:after{width:calc(60% - 8px)}#quiz[data-section="question-4"] ul:after,#quiz[data-section="feedback-4"] ul:after,#quiz[data-section="illustration-4"] ul:after{width:calc(65% - 8px)}#quiz[data-section="question-5"] ul:after,#quiz[data-section="feedback-5"] ul:after,#quiz[data-section="illustration-5"] ul:after{width:calc(70% - 8px)}#quiz[data-section="question-6"] ul:after,#quiz[data-section="feedback-6"] ul:after,#quiz[data-section="illustration-6"] ul:after{width:calc(75% - 8px)}#quiz[data-section="results"] #progress .about-stage,#quiz[data-section="results"] #progress .quiz-stage,#quiz[data-section="results"] #progress .results-stage,#quiz[data-section="where-now"] #progress .about-stage,#quiz[data-section="where-now"] #progress .quiz-stage,#quiz[data-section="where-now"] #progress .results-stage{color:#000}#quiz[data-section="results"] #progress .quiz-stage:before,#quiz[data-section="where-now"] #progress .quiz-stage:before{border:3px solid #c00}#quiz[data-section="results"] #progress .results-stage:before,#quiz[data-section="where-now"] #progress .results-stage:before{border:3px solid #c00}#quiz[data-section="results"] #progress ul:after,#quiz[data-section="where-now"] #progress ul:after{width:calc(90% - 0px)}@media (max-width: 768px) and (orientation: landscape){#quiz[data-section="results"] #progress ul:after,#quiz[data-section="where-now"] #progress ul:after{width:calc(90% - 12px)}}@media (min-width: 769px) and (orientation: landscape){#quiz[data-section="results"] #progress ul:after,#quiz[data-section="where-now"] #progress ul:after{width:calc(95% - 12px)}}#quiz[data-section="where-now"] #next{opacity:0}#progress-line{display:none;width:100%;position:absolute;top:0px;left:0;background-color:#fff;height:5px;overflow:hidden;z-index:1999}#progress-line:after{display:block;content:'';background-color:#fff;height:100%;width:100%;transform:translateX(-100%);-webkit-transition:transform 1.6s ease 1s;transition:transform 1.6s ease 1s}#quiz:not([data-section^="illustration-"]) #progress-line:after{-webkit-transition:transform 0s ease 0s;transition:transform 0s ease 0s;transform:translateX(-100%)}#quiz[data-section^="illustration-"].anim-right #progress-line:after{background-color:#c00;transform:translateX(0)}fieldset.slider-container{max-width:320px;margin:0 auto 0 auto}fieldset.slider-container label{display:block;width:50%;float:left;padding-right:15px;padding-left:0px;padding-bottom:10px}fieldset.slider-container label:last-of-type{text-align:right;padding-right:0px;padding-left:15px}fieldset.slider-container .label-container{display:flex;width:100%;justify-content:flex-end;align-items:flex-end}fieldset.slider-container p{margin-top:1em;margin-bottom:0}div.slider{display:block;position:relative;height:20px;width:310px;background-color:white;border-radius:20px;padding:0;margin:0;overflow:hidden}div.slider input{display:block;position:relative;float:left;opacity:0;width:150px;height:30px;padding:0;margin:0;z-index:2}div.slider .slider-grip{display:block;position:absolute;pointer-events:none;width:100px;height:16px;left:calc(50% - 50px);transform-origin:center;top:2px;background-color:#c00;border-radius:20px;z-index:1;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden}div.slider.option-a .slider-grip{animation:slideDown 0.4s forwards;transform-origin:center left}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){div.slider.option-a .slider-grip{left:2px}}div.slider.option-b .slider-grip{animation:slideUp 0.4s forwards;transform-origin:center right}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){div.slider.option-b .slider-grip{left:207px}}@-webkit-keyframes slideUp{100%{left:207px}}@keyframes slideUp{100%{left:207px}}@-webkit-keyframes slideDown{100%{left:2px}}@keyframes slideDown{100%{left:2px}}#where-now a.close-popup,#where-now a.continue-button{display:inline-block;width:auto;position:relative;margin:0px auto 20px auto !important;left:50%;transform:translateX(-50%) scale(0.7);padding:10px 30px}a.close-popup,a.continue-button,a.ext-button,button.close-popup,button.continue-button{display:inline-block;position:relative;padding:11px 40px;border:0;-webkit-appearance:none;appearance:none;border-radius:30px;outline:none;text-transform:uppercase;letter-spacing:0px;font-size:21px;overflow:hidden;cursor:pointer;font-family:'Promima Nova ExCn Reg'}a.close-popup:before,a.close-popup:after,a.continue-button:before,a.continue-button:after,a.ext-button:before,a.ext-button:after,button.close-popup:before,button.close-popup:after,button.continue-button:before,button.continue-button:after{display:block;content:'';width:100%;height:100%;left:0;top:0;position:absolute;pointer-events:none;z-index:1}@media (min-width: 768px){a.close-popup,a.continue-button,a.ext-button,button.close-popup,button.continue-button{transform:scale(0.8)}}a.close-popup span,a.continue-button span,a.ext-button span,button.close-popup span,button.continue-button span{display:inline-block;position:relative;z-index:3}a.close-popup.next-arrow span,a.continue-button.next-arrow span,a.ext-button.next-arrow span,button.close-popup.next-arrow span,button.continue-button.next-arrow span{padding-right:23px}a.close-popup svg,a.continue-button svg,a.ext-button svg,button.close-popup svg,button.continue-button svg{display:block;position:absolute;right:0;top:3px;width:16px;height:18px}a.close-popup svg line,a.continue-button svg line,a.ext-button svg line,button.close-popup svg line,button.continue-button svg line{stroke:#000}a.close-popup svg .st0,a.continue-button svg .st0,a.ext-button svg .st0,button.close-popup svg .st0,button.continue-button svg .st0{stroke-width:41.0836}a.close-popup.back-arrow svg,a.continue-button.back-arrow svg,a.ext-button.back-arrow svg,button.close-popup.back-arrow svg,button.continue-button.back-arrow svg{transform:rotate(180deg);right:auto;left:0}a.close-popup.back-arrow span,a.continue-button.back-arrow span,a.ext-button.back-arrow span,button.close-popup.back-arrow span,button.continue-button.back-arrow span{padding-left:23px}a.close-popup:after,a.continue-button:after,a.ext-button:after,button.close-popup:after,button.continue-button:after{z-index:2;-webkit-transition:all .15s ease 0s;transition:all .15s ease 0s;transform:translateX(-101%)}a.close-popup.red,a.continue-button.red,a.ext-button.red,button.close-popup.red,button.continue-button.red{color:#fff}a.close-popup.red span,a.continue-button.red span,a.ext-button.red span,button.close-popup.red span,button.continue-button.red span{color:#fff}a.close-popup.red svg line,a.continue-button.red svg line,a.ext-button.red svg line,button.close-popup.red svg line,button.continue-button.red svg line{stroke:#fff}a.close-popup.red:before,a.continue-button.red:before,a.ext-button.red:before,button.close-popup.red:before,button.continue-button.red:before{background-color:#c00}a.close-popup.red:after,a.continue-button.red:after,a.ext-button.red:after,button.close-popup.red:after,button.continue-button.red:after{background-color:#C10000}a.close-popup.blue:before,a.continue-button.blue:before,a.ext-button.blue:before,button.close-popup.blue:before,button.continue-button.blue:before{background-color:#9DCBD7}a.close-popup.blue:after,a.continue-button.blue:after,a.ext-button.blue:after,button.close-popup.blue:after,button.continue-button.blue:after{background-color:#c00}a.close-popup.blue:hover,a.continue-button.blue:hover,a.ext-button.blue:hover,button.close-popup.blue:hover,button.continue-button.blue:hover{color:#fff}a.close-popup.blue:hover svg line,a.continue-button.blue:hover svg line,a.ext-button.blue:hover svg line,button.close-popup.blue:hover svg line,button.continue-button.blue:hover svg line{stroke:#fff}a.close-popup.black,a.continue-button.black,a.ext-button.black,button.close-popup.black,button.continue-button.black{color:#fff}a.close-popup.black svg line,a.continue-button.black svg line,a.ext-button.black svg line,button.close-popup.black svg line,button.continue-button.black svg line{stroke:#fff}a.close-popup.black:before,a.continue-button.black:before,a.ext-button.black:before,button.close-popup.black:before,button.continue-button.black:before{background-color:#000}a.close-popup.black:after,a.continue-button.black:after,a.ext-button.black:after,button.close-popup.black:after,button.continue-button.black:after{background-color:#c00}a.close-popup.black:hover svg line,a.continue-button.black:hover svg line,a.ext-button.black:hover svg line,button.close-popup.black:hover svg line,button.continue-button.black:hover svg line{stroke:#fff}a.close-popup.white,a.continue-button.white,a.ext-button.white,button.close-popup.white,button.continue-button.white{color:#000}a.close-popup.white:before,a.continue-button.white:before,a.ext-button.white:before,button.close-popup.white:before,button.continue-button.white:before{background-color:#fff}a.close-popup.white:after,a.continue-button.white:after,a.ext-button.white:after,button.close-popup.white:after,button.continue-button.white:after{background-color:#c00}a.close-popup:hover:after,a.continue-button:hover:after,a.ext-button:hover:after,button.close-popup:hover:after,button.continue-button:hover:after{transform:translateX(0)}fieldset{border:0}#car-select{height:44px !important;-webkit-appearance:none}.select_car{position:relative;width:300px;height:44px;margin:auto auto}.select_car span{position:absolute;border-radius:2px;border:2px solid #000;top:0;left:0;z-index:2;width:100%;height:100%;background:#fff;text-align:center;pointer-events:none;font-family:'Promima Nova ExCn Lt';font-size:18px;color:#000;line-height:40px}.select_car span:after,.select_car span:before{content:'';position:absolute;right:0px;top:0}.select_car span:after{top:3px;height:36px;width:44px;border-left:2px solid rgba(0,0,0,0.1)}.select_car span:before{right:15px;top:17px;width:0;height:0;width:12px;height:14px;background-image:url(../img/gt-arrow.svg);background-repeat:no-repeat;transform:rotate(90deg)}.select_car select{position:relative;top:0;left:0;z-index:1;width:100%;height:44px;opacity:0}.select_car select option{text-align:center}#where-now{padding-bottom:60px}#where-now h3{margin-bottom:10px}#where-now button{margin-top:0;margin-bottom:20px}#where-now fieldset{max-width:320px;height:40px;margin:0 auto 40px auto;position:relative}#where-now fieldset input{display:block;position:absolute;left:0;top:0;height:40px;border:0;width:calc(100% - 40px);padding:0;margin:0;border:0;padding-left:10px;font-family:'Proxima Nova Alt ExCn Rg';font-size:18px;color:#000;line-height:40px;outline:none;background-color:rgba(255,255,255,0.5)}#where-now fieldset input::placeholder{color:#000}#where-now fieldset button{display:block;position:absolute;right:0;top:0;width:40px;height:40px;border:0;margin-top:0;background-color:#c00}#where-now fieldset button svg{transform:rotate(180deg);width:20px;height:20px}#where-now fieldset button svg line{stroke:white}
/*# sourceMappingURL=style.css.map */
