body,html{height:100%}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#000;color:#fff;font-family:'Open Sans';position:relative;text-shadow:1px 1px 0 rgba(0,0,0,.4);-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.nb{border:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;opacity:1}.nb.disabled{opacity:.3}.nb-outer{height:100%;overflow:hidden;position:relative;width:100%}.nb-inner{height:100%;left:0;position:relative}.nb-label{height:100%;position:absolute;width:100%}.nb-label-inner{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.nb-arrow{height:100%;left:-100%;position:absolute;top:0;width:100%}.nb-arrow-icon{background:url(../images/global/arrow-right.svg) 0 0/20px 10px;display:inline-block;height:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.preloader{height:70px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70px}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotator{0%{transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotator{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.preloader-spinner{-webkit-animation:rotator 2s linear infinite;-moz-animation:rotator 2s linear infinite;-o-animation:rotator 2s linear infinite;animation:rotator 2s linear infinite}@-webkit-keyframes colors{0%,100%,25%,50%,75%{stroke:#FFF}}@-moz-keyframes colors{0%,100%,25%,50%,75%{stroke:#FFF}}@-o-keyframes colors{0%,100%,25%,50%,75%{stroke:#FFF}}@keyframes colors{0%,100%,25%,50%,75%{stroke:#FFF}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.preloader-spinner-path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;-webkit-animation:dash 2s ease-in-out infinite,colors 8s ease-in-out infinite;-moz-animation:dash 2s ease-in-out infinite,colors 8s ease-in-out infinite;-o-animation:dash 2s ease-in-out infinite,colors 8s ease-in-out infinite;animation:dash 2s ease-in-out infinite,colors 8s ease-in-out infinite}.quiz{background-color:#000;height:100%;overflow:hidden;position:relative;width:100%}@media screen and (max-width:500px) and (max-height:600px){.quiz{overflow-y:scroll}}@media screen and (max-height:500px){.quiz{overflow-y:scroll}}.container-controls,.container-header,.container-intro,.container-question,.container-results{position:absolute;width:100%}.container-controls,.container-intro,.container-question,.container-results{display:none}.container-intro,.container-question,.container-results{height:100%}.container-question{margin-top:-20px}.container-controls{bottom:0}.container-header{top:0}.header{margin-top:22px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;float:left;padding-left:.2451%;padding-right:.2451%}@media screen and (max-width:600px){.header{margin-top:12px}}.header-logo{background:url(../images/global/logo.png) 0 0/cover;height:55px;margin:0 auto;width:235px;-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}@media screen and (max-width:600px){.header-logo{-webkit-transform:scale(0.7,.7);-moz-transform:scale(0.7,.7);-o-transform:scale(0.7,.7);transform:scale(0.7,.7)}}@media screen and (max-width:550px){.header-logo{-webkit-transform:scale(0.6,.6);-moz-transform:scale(0.6,.6);-o-transform:scale(0.6,.6);transform:scale(0.6,.6)}}.header-lockup:after{content:'';clear:both;display:block}.header-lockup-inner{display:none;left:50%;margin-top:8px;position:relative;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:600px){.header-lockup-inner{margin-top:0;-webkit-transform:translateX(-50%) scale(0.7,.7);-moz-transform:translateX(-50%) scale(0.7,.7);-o-transform:translateX(-50%) scale(0.7,.7);transform:translateX(-50%) scale(0.7,.7)}}@media screen and (max-width:400px){.header-lockup-inner{margin-top:-10px;-webkit-transform:translateX(-50%) scale(0.6,.6);-moz-transform:translateX(-50%) scale(0.6,.6);-o-transform:translateX(-50%) scale(0.6,.6);transform:translateX(-50%) scale(0.6,.6)}}.header-lockup-dash{background:#fff;box-shadow:1px 1px 0 rgba(0,0,0,.4);display:block;float:left;height:1px;margin:10px 12px;width:16px}.header-lockup-text{display:block;float:left}.intro{background-position:center center;background-size:cover;height:100%;width:100%}.intro-inner{max-width:1200px;margin-left:auto;margin-right:auto;height:100%;width:90%}.intro-inner:after{content:" ";display:block;clear:both}.intro-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.intro-logo-outer{padding-top:140px}@media screen and (max-width:800px){.intro-logo-outer{padding-top:132px}}@media screen and (max-width:750px){.intro-logo-outer{padding-top:124px}}@media screen and (max-width:700px){.intro-logo-outer{padding-top:116px}}@media screen and (max-width:650px){.intro-logo-outer{padding-top:108px}}@media screen and (max-width:600px){.intro-logo-outer{padding-top:100px}}@media screen and (max-height:500px){.intro-logo-outer{padding-top:100px}}.intro-logo{left:50%;position:absolute;top:0}.intro-logo-inner{background:url(../images/global/logo.png) 0 0/cover;height:109px;margin-left:10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:477px}@media screen and (max-width:800px){.intro-logo-inner{margin-left:9px;-webkit-transform:scale(0.9,.9) translateX(-50%);tranform:scale(0.9,.9) translateX(-50%);-webkit-transform-origin:0;transform-origin:0}}@media screen and (max-width:750px){.intro-logo-inner{margin-left:8px;-webkit-transform:scale(0.8,.8) translateX(-50%);tranform:scale(0.8,.8) translateX(-50%);-webkit-transform-origin:0;transform-origin:0}}@media screen and (max-width:700px){.intro-logo-inner{margin-left:7px;-webkit-transform:scale(0.7,.7) translateX(-50%);tranform:scale(0.7,.7) translateX(-50%);-webkit-transform-origin:0;transform-origin:0}}@media screen and (max-width:650px){.intro-logo-inner{margin-left:6px;-webkit-transform:scale(0.6,.6) translateX(-50%);tranform:scale(0.6,.6) translateX(-50%);-webkit-transform-origin:0;transform-origin:0}}@media screen and (max-width:600px){.intro-logo-inner{margin-left:5px;-webkit-transform:scale(0.5,.5) translateX(-50%);tranform:scale(0.5,.5) translateX(-50%);-webkit-transform-origin:0;transform-origin:0}}@media screen and (max-height:500px){.intro-logo-inner{margin-left:5px;-webkit-transform:scale(0.5,.5) translateX(-50%);tranform:scale(0.5,.5) translateX(-50%);-webkit-transform-origin:0;transform-origin:0}}.intro-subheader{font-size:24px;line-height:28px;margin:0 auto 36px;max-width:400px;text-align:center}@media screen and (max-width:800px){.intro-subheader{font-size:22px;line-height:26px;max-width:375px;margin:0 auto 32px}}@media screen and (max-width:750px){.intro-subheader{font-size:20px;line-height:24px;max-width:350px;margin:0 auto 28px}}@media screen and (max-width:700px){.intro-subheader{font-size:18px;line-height:22px;max-width:325px;margin:0 auto 24px}}@media screen and (max-width:650px){.intro-subheader{font-size:16px;line-height:20px;max-width:300px;margin:0 auto 20px}}@media screen and (max-width:600px){.intro-subheader{font-size:14px;line-height:18px;max-width:275px;margin:0 auto 16px}}@media screen and (max-height:500px){.intro-subheader{font-size:14px;line-height:18px;max-width:275px;margin:0 auto 16px}}.intro-divider{background:#fff;box-shadow:1px 1px 0 rgba(0,0,0,.4);height:1px;margin:0 auto 40px;width:36px}@media screen and (max-width:800px){.intro-divider{margin:0 auto 36px}}@media screen and (max-width:750px){.intro-divider{margin:0 auto 32px}}@media screen and (max-width:700px){.intro-divider{margin:0 auto 28px}}@media screen and (max-width:650px){.intro-divider{margin:0 auto 24px}}@media screen and (max-width:600px){.intro-divider{margin:0 auto 20px}}@media screen and (max-height:500px){.intro-divider{margin:0 auto 20px}}.intro-navbutton .nb{left:50%;height:46px;position:relative;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:112px}@media screen and (max-width:650px){.intro-navbutton .nb{height:38px;width:90px}}.footer{bottom:48px;left:50%;position:absolute;width:100%}@media screen and (max-height:640px){.footer{bottom:18px}}@media screen and (max-width:900px) and (min-height:601px){.footer{bottom:24px}}@media screen and (min-width:601px) and (max-height:600px){.footer{bottom:12px}}@media screen and (max-width:600px){.footer{bottom:12px}}.footer-inner{cursor:default;font-size:14px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:344px}@media screen and (max-width:640px){.footer-inner{width:94px}}.footer-inner:after{content:'';clear:both;display:block}.footer-instructions{float:left;margin-right:24px;padding:13px 0}@media screen and (max-width:640px){.footer-instructions{display:none}}.footer-counter{float:left;padding:13px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.question{height:100%;width:100%}.question-background{background-position:center center;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%}.question-inner{max-width:1200px;margin-left:auto;margin-right:auto;height:100%;width:90%}.question-inner:after{content:" ";display:block;clear:both}.question-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-height:640px){.question-content{top:130px;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width:501px) and (max-height:600px){.question-content{top:130px;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:500px) and (max-height:600px){.question-content{top:90px;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}.question-text{cursor:default;font-size:28px;font-weight:500;line-height:32px;margin-bottom:36px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:800px){.question-text{font-size:24px;line-height:28px;margin-top:24px;margin-bottom:24px}}@media screen and (max-width:600px){.question-text{font-size:18px;line-height:22px;margin-bottom:18px}}@media screen and (max-width:900px) and (max-height:600px){.question-text{font-size:22px;line-height:26px;margin-bottom:22px}}@media screen and (min-width:901px) and (max-height:450px){.question-text{margin-bottom:20px;margin-top:10px}}.answers:after{content:'';clear:both;display:block}.answer{cursor:pointer;font-size:18px;letter-spacing:1px;line-height:26px;margin-bottom:.2451%;margin-top:.2451%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%;float:left;padding-left:.2451%;padding-right:.2451%}@media screen and (max-width:900px){.answer{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;float:left;padding-left:.2451%;padding-right:.2451%}}@media screen and (max-width:600px){.answer{font-size:16px;line-height:22px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;float:left;padding-left:.2451%;padding-right:.2451%}}@media screen and (max-height:600px){.answer{font-size:16px;line-height:22px}}.answer-container{display:block;height:300px;position:relative;-webkit-transition:border 500ms ease-out;-moz-transition:border 500ms ease-out;-o-transition:border 500ms ease-out;transition:border 500ms ease-out}.answer-container:hover .answer-background{opacity:.7}@media screen and (max-height:600px){.answer-container{height:250px}}@media screen and (max-height:550px){.answer-container{height:200px}}@media screen and (max-height:500px){.answer-container{height:150px}}@media screen and (max-width:600px){.answer-container{height:120px}}@media screen and (max-width:900px) and (max-height:1200px){.answer-container{height:200px}}@media screen and (max-width:900px) and (max-height:670px){.answer-container{height:180px}}@media screen and (max-width:900px) and (max-height:650px){.answer-container{height:160px}}@media screen and (max-width:900px) and (max-height:630px){.answer-container{height:140px}}@media screen and (max-width:900px) and (max-height:540px){.answer-container{height:120px}}@media screen and (min-width:901px) and (max-height:450px){.answer-container{height:160px}}@media screen and (max-width:900px) and (max-height:500px){.answer-container{height:100px}}.answer-container.selected .answer-background{-webkit-opacity:.7;-moz-opacity:.7;-o-opacity:.7;opacity:.7}.answer-container.selected .answer-outline{-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;opacity:1}.answer-background,.answer-inner,.answer-outline{height:100%;left:0;position:absolute;top:0;width:100%}.answer-background{opacity:.5;-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out}.answer-outline{-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;opacity:0;outline:#FFF solid 1px;outline-offset:-1px}.answer-inner{padding:36px}@media screen and (max-width:1030px) and (max-height:600px){.answer-inner{padding:24px}}@media screen and (max-width:900px) and (max-height:600px){.answer-inner{padding:20px}}@media screen and (max-width:800px){.answer-inner{padding:20px}}@media screen and (max-height:500px){.answer-inner{padding:20px}}@media screen and (max-width:600px){.answer-inner{height:auto;padding:20px}}.answer-label{margin-top:0}@media screen and (min-width:1030px) and (max-height:700px){.answer-label{display:none}}@media screen and (max-width:950px) and (max-height:550px){.answer-label{display:none}}@media screen and (max-width:900px) and (max-height:650px){.answer-label{display:none}}@media screen and (max-width:920px){.answer-label{margin-bottom:8px}}@media screen and (max-width:600px){.answer-label{display:none}}@media screen and (max-width:900px) and (max-height:600px){.answer-text{margin:0}}@media screen and (max-width:920px){.answer-text{margin:0}}@media screen and (max-height:500px){.answer-text{margin:0}}@media screen and (max-width:600px){.answer-text{margin:0}}.results{background:#99ACC4;background-image:radial-gradient(#99acc4,#5e6975);height:100%;width:100%}.results-inner{max-width:1200px;margin-left:auto;margin-right:auto;width:90%}.results-inner:after{content:" ";display:block;clear:both}.results-header:after{content:'';clear:both;display:block}.results-text{float:left;font-size:18px;line-height:24px;padding-top:24px;width:200px}@media screen and (max-width:740px){.results-text{display:none}}.results-lockup{float:right;padding-top:40px}@media screen and (max-width:740px){.results-lockup{display:none}}.results-list{background:#2A3243;height:500px;overflow:hidden;position:absolute;top:100px;width:100%}@media screen and (max-width:600px){.results-list{top:80px}}@media screen and (min-width:601px) and (max-height:900px){.results-list{top:90px}}.results-list-inner{height:500px;position:absolute;top:0;width:100%}.results-footer{bottom:21px;position:absolute;width:100%}.results-footer-inner{max-width:1200px;margin-left:auto;margin-right:auto;width:90%}.results-footer-inner:after{content:" ";display:block;clear:both}.results-social{float:left}.results-social-text{float:left;margin-right:16px}.results-social-facebookbutton{background:url(../images/results/footer/facebook-logo.svg) 0 0/cover;cursor:pointer;display:block;float:left;height:20px;margin-right:16px;opacity:.5;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;width:22px}.results-social-facebookbutton:hover{opacity:1}.results-social-twitterbutton{background:url(../images/results/footer/twitter-logo.svg) 0 0/cover;cursor:pointer;display:block;float:left;height:20px;opacity:.5;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;width:20px}.results-social-twitterbutton:hover{opacity:1}.results-retakebutton{cursor:pointer;display:block;float:right}.results-retakebutton-icon{background:url(../images/results/footer/retakebutton-icon.svg) 0 0/cover;float:right;height:20px;margin-left:6px;margin-top:2px;width:20px}.result{cursor:pointer;overflow:hidden;position:relative}.result-background,.result-collapsed-hit,.result-expanded-hit,.result-inner{height:100%;left:0;top:0;width:100%}.result-inner{position:relative}.result-background{cursor:pointer;background-position:center center;background-size:cover;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out}.result-background.over{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.result-background,.result-collapsed-hit,.result-expanded-hit{position:absolute}.result-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.result-rank{cursor:pointer;margin-bottom:16px;margin-top:0;text-align:center}@media screen and (max-width:900px){.result-rank{font-size:14px;margin-bottom:6px}}@media screen and (max-height:640px){.result-rank{font-size:16px;margin-bottom:12px}}@media screen and (max-height:600px){.result-rank{font-size:14px;margin-bottom:6px}}@media screen and (max-height:540px){.result-rank{font-size:12px;margin-bottom:0}}.result-city{cursor:pointer;font-family:'Open Sans';font-weight:bold;font-size:54px;letter-spacing:.09em;margin-bottom:0;margin-top:0;text-align:center;text-transform:uppercase}@media screen and (max-width:900px){.result-city{font-size:48px}}@media screen and (max-width:680px){.result-city{font-size:40px}}@media screen and (max-width:520px){.result-city{font-size:34px}}@media screen and (max-width:460px) and (max-height:600px){.result-city{font-size:28px}}@media screen and (min-width:680px) and (max-height:600px){.result-city{font-size:40px}}@media screen and (min-width:520px) and (max-height:550px){.result-city{font-size:34px}}.result-divider{background:#fff;box-shadow:1px 1px 0 rgba(0,0,0,.4);cursor:pointer;height:1px;margin:22px auto 36px;width:36px}@media screen and (max-width:900px){.result-divider{margin:14px auto 22px}}@media screen and (max-height:600px){.result-divider{display:none}}.result-description{cursor:pointer;font-size:16px;margin:0 auto;padding-bottom:36px;text-align:center;width:80%}@media screen and (max-width:900px){.result-description{font-size:14px;line-height:18px;margin:0 auto;padding-bottom:18px}}@media screen and (max-height:600px){.result-description{font-size:14px;line-height:18px;margin:0 auto;padding-bottom:18px}}.result-arrow-outer{bottom:0;left:50%;position:absolute}@media screen and (max-height:590px){.result-arrow-outer{bottom:4px}}.result-arrow{cursor:pointer;display:block;height:44px;width:48px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-height:580px){.result-arrow{height:32px;width:36px}}.result-arrow-icon{background:url(../images/results/result/result-arrow.svg) 0 0/cover;display:block;height:24px;position:absolute;top:6px;width:48px}@media screen and (max-height:580px){.result-arrow-icon{height:18px;width:36px}}@media screen and (max-height:450px){.result-arrow-icon{display:none}}.result-navbutton{height:46px}.result-navbutton .nb{display:none;left:50%;height:46px;position:relative;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:250px}@media screen and (max-width:600px){.result-navbutton .nb{font-size:12px;height:32px;width:184px}}@media screen and (max-height:600px){.result-navbutton .nb{font-size:12px;height:32px;width:184px}}