/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-ms-viewport {
  width: device-width; }

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0; }

p {
  margin-top: 0;
  margin-bottom: 0; }

abbr[title],
abbr[data-original-title] {
  cursor: help; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #f1f1f1;
  text-decoration: none; }
  a:focus, a:hover {
    color: #cbcbcb;
    text-decoration: none; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  line-height: inherit; }

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

textarea,
input.text,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0; }

@font-face {
  font-family: "FoundersGroteskWeb";
  src: url(/fonts/FoundersGroteskWeb-Regular.eot);
  src: url(/fonts/FoundersGroteskWeb-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/FoundersGroteskWeb-Regular.woff2) format("woff2"), url(/fonts/FoundersGroteskWeb-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "FoundersGroteskWeb";
  src: url(/fonts/FoundersGroteskWeb-Medium.eot);
  src: url(/fonts/FoundersGroteskWeb-Medium.eot?#iefix) format("embedded-opentype"), url(/fonts/FoundersGroteskWeb-Medium.woff2) format("woff2"), url(/fonts/FoundersGroteskWeb-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

body, .ui-menu-item-wrapper,
.ui-selectmenu-text {
  font-family: "FoundersGroteskWeb";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

.italic {
  font-family: "FoundersGroteskWeb";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

h1,
h2,
h3,
h4,
h5,
h6,
strong, .knob {
  font-family: "FoundersGroteskWeb";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

html {
  font-size: calc(0.875em + 1.3672vw); }

#top-section > .row {
  height: 100%; }

html,
body {
  height: 100%; }

body {
  margin: 0;
  width: 100%;
  color: #1e1e1e;
  font-size: 1rem;
  line-height: 1.21rem;
  -webkit-font-smoothing: antialiased; }

html[data-phase="1"] body,
html[data-phase="2"] body {
  background: #9bcafc; }

html[data-phase="3"] body {
  background: #edfb81; }

html[data-phase="4"] body {
  background: #fdb1ae; }

body.modal-open {
  position: fixed;
  overflow-y: scroll; }

.invert {
  background: #1e1e1e;
  color: #f2f2f2; }

img {
  max-width: 100%;
  max-height: 100%; }

a {
  border-bottom: 0.08rem solid #f2f2f2; }

a.no-border {
  border-bottom: 0; }

a.white {
  color: #f2f2f2;
  border-bottom: 0.08rem solid #f2f2f2;
  -webkit-transition: border 120ms ease-in;
  -moz-transition: border 120ms ease-in;
  -ms-transition: border 120ms ease-in;
  -o-transition: border 120ms ease-in;
  transition: border 120ms ease-in; }

.no-touch a.white:hover {
  border-bottom: 0.04rem solid rgba(242, 242, 242, 0.4); }

a.black {
  color: #1e1e1e;
  border-bottom: 0.04rem solid #191919;
  -webkit-transition: border 120ms ease-in;
  -moz-transition: border 120ms ease-in;
  -ms-transition: border 120ms ease-in;
  -o-transition: border 120ms ease-in;
  transition: border 120ms ease-in; }

html[data-phase="2"].no-touch a.black:hover {
  border-bottom: 0.04rem solid #9bcafc; }

html[data-phase="1"].no-touch a.black:hover,
html[data-phase="3"].no-touch a.black:hover {
  border-bottom: 0.04rem solid #edfb81; }

html[data-phase="4"].no-touch a.black:hover {
  border-bottom: 0.04rem solid #fdb1ae; }

a.small-link {
  border-bottom: 0.04rem solid;
  padding-bottom: 0.04rem; }

.no-touch a.small-link:hover {
  border-bottom: 0.04rem solid rgba(242, 242, 242, 0.4); }

.link-spacing {
  margin-bottom: 0.5rem; }

.bodyTextBig {
  font-size: 1.36rem;
  line-height: 1.53rem; }

.bodyText {
  font-size: 1rem;
  line-height: 1.21rem; }

.bodyTextDescrVariant {
  font-size: 0.9rem;
  line-height: 1.15rem; }

.bodyTextIntermediate {
  font-size: 1.1rem;
  line-height: 1.25rem; }

.bodyTextSmall,
.drawer-item.open .knob {
  font-size: 0.79rem;
  line-height: 1rem; }

.bodyTextSuperSmall,
.mce_inline_error {
  font-size: 0.6rem;
  line-height: 1.4;
  /* 1rem */ }

.bodyTextSuperSuperSmall {
  font-size: 0.5rem;
  line-height: 1.25; }

.mce_inline_error {
  font-weight: 400 !important; }

@media (min-width: 601px) and (max-width: 1024px) {
  .bodyTextSuperSmall,
  .mce_inline_error {
    font-size: 0.7rem;
    line-height: 1rem; }
  .bodyTextSuperSuperSmall {
    font-size: 0.7rem;
    line-height: 1; } }

button {
  font-family: "FoundersGroteskWeb"; }

.button {
  font-size: 0.86rem;
  line-height: 1rem; }

.center-content-vertically {
  display: flex;
  align-items: center; }

.center-content {
  text-align: center; }

.left-content {
  text-align: left; }

.my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.align-right {
  margin-left: auto;
  margin-right: 0; }

.footer-links {
  text-align: center;
  padding: 0.78rem 0; }

a.footer-link {
  margin: 0 0.4rem;
  border-bottom: 0.04rem solid #1e1e1e; }

.header-logo {
  margin-top: 5px; }

@media (max-width: 600px) {
  .header-logo {
    margin-top: 10px; } }

.receive-updates-button,
.take-the-survey-button {
  position: relative;
  display: inline-block;
  overflow: visible; }

/*
 * start
 */
.receive-updates-button .hover,
.take-the-survey-button .hover {
  top: 0;
  transform: translate(-50%, 0) scale(1.5); }

.full-nav > div.row {
  overflow: hidden; }

.header-button {
  text-align: right;
  margin-top: 15px; }

/*
 * end
 */
img.navLogo {
  width: 32vw;
  height: auto; }

img.keepMeUpdatedBtn,
img.takeTheSurveyBtn,
img.seeTheResultsBtn {
  width: 7rem;
  height: auto; }

@media (max-width: 600px) {
  img.navLogo {
    min-width: 250px;
    width: 80%; }
  html {
    font-size: calc(0.875em + 3.7333vw); }
  .hide-on-mobile {
    display: none; }
  .bodyTextBig-mobile {
    font-size: 28px;
    line-height: 34px; }
  .bodyText-mobile {
    font-size: 22px;
    line-height: 28px; }
  .bodyTextSmall-mobile {
    font-size: 18px;
    line-height: 24px; }
  .button-mobile {
    font-size: 24px;
    line-height: 28px; }
  .mobile-padding-bottom {
    padding-bottom: 1.21rem; }
  .footer-links {
    text-align: left; }
  .mobile-full-width {
    width: 100%; }
  a.footer-link {
    margin: 0 1rem 0 0; }
  .share-title {
    display: block; } }

/*Some styling for small screens and tablets*/
@media (min-width: 601px) and (max-width: 1200px) {
  .bodyTextBig-tablet {
    font-size: 1rem;
    line-height: 1.21rem; }
  .standard-right-padding {
    padding-right: 0 !important; }
  .desktop-description {
    padding-bottom: 0 !important; } }

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  overflow-x: hidden; }

.side-margin {
  margin-left: 0;
  margin-right: 0; }

.row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-height: 1px;
  margin-left: 0;
  margin-right: 0; }

@media (min-width: 601px) {
  .container {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  .row,
  .side-margin {
    margin-left: -3.5rem;
    margin-right: -3.5rem; } }

@media (min-width: 1700px) {
  .container {
    overflow-x: hidden; }
  .container.charts {
    padding-left: 5rem;
    padding-right: 5rem; }
  .row,
  .side-margin {
    margin-left: -2rem;
    margin-right: -2rem; }
  .nav-scroll-arrow.clickable {
    margin-left: 1.5rem; } }

.col-1-3 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.col-2-3 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.col-full {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.col-half {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

@media (max-width: 600px) {
  .col-1-3 {
    padding-left: 0;
    padding-right: 0; }
  .col-2-3 {
    padding-left: 0;
    padding-right: 0; }
  .col-full {
    padding-left: 0;
    padding-right: 0; }
  .col-half {
    padding-left: 0;
    padding-right: 0; } }

.col-1-3-mobile {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.col-2-3-mobile {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.col-half-mobile {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.col-fill {
  flex: 1 0 auto;
  position: relative;
  min-height: 1px;
  padding-right: 3.5rem;
  padding-left: 3.5rem; }

.col-minimum {
  flex: 0 0 auto;
  position: relative;
  min-height: 1px;
  padding-right: 3.5rem;
  padding-left: 3.5rem; }

.full-height {
  height: 100%; }

.flex {
  display: flex; }

.right-border-white {
  border-right: 0.08rem solid #f2f2f2; }

.right-border-black {
  border-right: 0.08rem solid #1e1e1e; }

.right-border-black-mobile {
  border-right: 0.08rem solid #1e1e1e; }

.left-border-black {
  border-left: 0.08rem solid #1e1e1e; }

.top-border-black {
  border-top: 0.08rem solid #1e1e1e; }

.bottom-border-black {
  border-bottom: 0.08rem solid #1e1e1e; }

.bottom-border-white {
  border-bottom: 0.08rem solid #f2f2f2; }

.border-black {
  border: 2px solid #1e1e1e; }

.just-border {
  position: absolute;
  height: 100%; }

@media (min-width: 601px) {
  .standard-padding {
    padding: 3.5rem; }
  .standard-padding-h {
    padding: 0 3.5rem; } }

.standard-top-padding {
  padding-top: 2.14rem; }

.standard-right-padding {
  padding-right: 2.14rem; }

.standard-left-padding {
  padding-left: 2.14rem; }

.standard-bottom-padding {
  padding-bottom: 1.36rem; }

.extra-bottom-padding {
  padding-bottom: 2.14rem; }

.no-vert-padding {
  padding-top: 0;
  padding-bottom: 0; }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

.sliding-content {
  width: 100%; }

@media (max-width: 600px) {
  .col-1-3,
  .col-2-3,
  .col-full,
  .col-half {
    flex: 0 0 100%;
    max-width: 100%; }
  .right-border-white {
    border-right: none; }
  .right-border-black {
    border-right: none; }
  .top-border-black-mobile {
    border-top: 2px solid #1e1e1e; }
  .standard-top-padding-mobile {
    padding-top: 2.14rem; }
  .standard-right-padding {
    padding-right: 0 !important; }
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: hidden; } }

/*Some styling for small screens and tablets*/
@media (min-width: 601px) and (max-width: 1000px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .nav-scroll-arrow {
    left: 1.5rem !important; }
  .container {
    overflow-x: hidden; } }

button:focus {
  outline: 1px solid transparent; }

.update-text {
  background: none;
  color: #f2f2f2;
  border: none;
  border-bottom: 2px solid #f2f2f2;
  width: 100%;
  margin-bottom: 0.5rem; }

.update-text:focus {
  outline: 1px solid transparent; }

.update-text::placeholder {
  color: #f2f2f2; }

#updates-form button {
  background: #f2f2f2;
  width: 100%;
  margin-top: 2.14rem;
  border: none;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  -moz-border-radius: 0px !important;
  /* for mozilla */
  -webkit-border-radius: 0px !important;
  /* for safari */
  border-radius: 0px !important;
  /* IE, Chrome, Opera */ }

::placeholder {
  color: #fdb1ae; }

::-webkit-input-placeholder {
  color: #fdb1ae; }

::-moz-placeholder {
  color: #fdb1ae; }

:-ms-input-placeholder {
  color: #fdb1ae; }

:-moz-placeholder {
  color: #fdb1ae; }

#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="text"] {
  width: 100%;
  background: transparent;
  border: 0;
  outline: 1px solid transparent;
  font-size: 0.6rem;
  line-height: 1rem; }

html[data-phase="1"] #mc-embedded-subscribe-form input[type="number"],
html[data-phase="1"] #mc-embedded-subscribe-form input[type="email"],
html[data-phase="1"] #mc-embedded-subscribe-form input[type="text"],
html[data-phase="2"] #mc-embedded-subscribe-form input[type="number"],
html[data-phase="2"] #mc-embedded-subscribe-form input[type="email"],
html[data-phase="2"] #mc-embedded-subscribe-form input[type="text"],
html[data-phase="3"] #mc-embedded-subscribe-form input[type="number"],
html[data-phase="3"] #mc-embedded-subscribe-form input[type="email"],
html[data-phase="3"] #mc-embedded-subscribe-form input[type="text"] {
  border-bottom: 0.04rem solid #edfb81;
  color: #edfb81; }

html[data-phase="4"] #mc-embedded-subscribe-form input[type="number"],
html[data-phase="4"] #mc-embedded-subscribe-form input[type="email"],
html[data-phase="4"] #mc-embedded-subscribe-form input[type="text"] {
  border-bottom: 0.04rem solid #fdb1ae;
  color: #fdb1ae; }

.main-intro {
  color: #1e1e1e;
  text-align: left;
  height: 100%;
  min-height: 380px;
  overflow: hidden; }

.action-button {
  display: block;
  width: 100%;
  height: 2.14rem;
  background-image: none;
  margin: 0 auto;
  text-align: center;
  line-height: 2.14rem;
  border-bottom: none;
  cursor: pointer; }

@media (max-width: 652px) and (min-width: 602px) {
  .action-button {
    line-height: initial; } }

.blk {
  background-color: #191919;
  color: #f2f2f2;
  -webkit-transition: background-color 120ms ease-in;
  -moz-transition: background-color 120ms ease-in;
  -ms-transition: background-color 120ms ease-in;
  -o-transition: background-color 120ms ease-in;
  transition: background-color 120ms ease-in; }

.no-touch .blk:hover {
  background-color: rgba(25, 25, 25, 0.77);
  color: #f2f2f2; }

.wht {
  background-color: #f2f2f2;
  color: #1e1e1e;
  -webkit-transition: background-color 120ms ease-in;
  -moz-transition: background-color 120ms ease-in;
  -ms-transition: background-color 120ms ease-in;
  -o-transition: background-color 120ms ease-in;
  transition: background-color 120ms ease-in; }

.no-touch .wht:hover {
  background-color: rgba(25, 25, 25, 0.9);
  color: #1e1e1e; }

.page-logo {
  width: 100%;
  display: block;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative; }

@media (min-width: 601px) {
  .page-logo {
    padding-right: 0;
    padding-left: 3.5rem; } }

.home-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  padding-right: 1rem;
  padding-left: 1rem;
  z-index: 1; }

@media (min-width: 601px) {
  .home-animation {
    padding-left: 3.5rem;
    padding-right: 0; } }

.receive-updates-button {
  color: #fdb1ae; }

.hover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  z-index: 1; }

.page-logo-mobile {
  display: none; }

.page-logo-mobile-inner {
  position: relative; }

.page-logo-mobile-inner .home-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0; }

.desktop-description-wrapper.col-full {
  padding-left: 0;
  padding-right: 0;
  align-self: center; }

.desktop-description {
  padding-left: 3.5rem;
  padding-bottom: 0;
  margin-bottom: 0;
  display: block;
  font-size: 0.7rem; }

html[data-phase="1"] .desktop-description {
  padding-right: 3.5rem; }

html[data-phase="2"] .desktop-description {
  padding-right: 2.7rem; }

html[data-phase="3"] .desktop-description {
  padding-right: 4rem; }

html[data-phase="4"] .desktop-description {
  padding-right: 3.5rem; }

.mobile-description {
  display: none;
  padding-bottom: 2.14rem;
  border-bottom: 0.08rem solid #1e1e1e; }

.mobile-description.nav-buffer {
  padding-top: 4.46rem; }

#updates-form {
  position: absolute;
  background-color: #1e1e1e;
  background-position: center center;
  background-repeat: repeat;
  background-size: 140%;
  color: #f2f2f2;
  top: 0;
  left: 0;
  width: calc(100% + 1rem);
  padding-right: 1rem;
  margin-left: 0;
  margin-right: 0;
  transform: translateX(100%);
  -webkit-transition: transform 1s;
  /* Safari */
  transition: transform 1s; }

#updates-form .form-title {
  padding-top: 0;
  padding-bottom: 2.14rem; }

#thank-you-cta {
  position: absolute;
  background-color: #f2f2f2;
  padding-top: 2.14rem;
  top: 0;
  left: 0;
  width: calc(100% + 1rem);
  padding-right: 1rem;
  margin-left: 0;
  margin-right: 0;
  -webkit-transition: transform 1s;
  /* Safari */
  transition: transform 1s; }

#error-cta {
  position: absolute;
  background-color: #f2f2f2;
  padding-top: 0;
  top: 0;
  left: 0;
  width: 100%;
  width: calc(100% + 1rem);
  padding-right: 1rem;
  margin-left: 0;
  margin-right: 0;
  -webkit-transition: transform 1s;
  /* Safari */
  transition: transform 1s; }

.full-width-spans span {
  display: block;
  width: 100%; }

.ctaMargin {
  position: absolute;
  bottom: 4rem; }

.close-button,
.back-button {
  width: 2vw;
  height: 2vw;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
  text-decoration: none;
  display: block;
  border-bottom: 0 !important; }

.close-button {
  position: absolute;
  top: 16px;
  right: 16px; }

html[data-phase="1"] .close-button {
  background-image: url(/img/close-btn.svg?1dfa14b78c8d9b4d6c7b9ee5a80ebb47); }

html[data-phase="2"] .close-button {
  background-image: url(/img/close-btn-phase2.svg?0af56668eb0803e0530f502ba374dda9); }

html[data-phase="3"] .close-button {
  background-image: url(/img/close-btn.svg?1dfa14b78c8d9b4d6c7b9ee5a80ebb47); }

html[data-phase="4"] .close-button {
  background-image: url(/img/close-btn-phase4.svg?e8bd5f3c019e247f96e1906a2a0f9ca5); }

.back-button {
  margin-top: 16px;
  margin-bottom: 4vw;
  background-image: url(/img/back-btn.svg?9929fb875891df2f9475f4dd2f30856d); }

@media (max-width: 600px) {
  .close-button,
  .back-button {
    width: 24px;
    height: 24px; }
  .main-intro {
    min-height: 0; }
  .desktop-description {
    display: none; }
  .mobile-description {
    display: flex; }
  .page-logo {
    display: none !important; }
  .page-logo-mobile {
    width: 100%;
    height: 100%;
    left: 0;
    display: block !important;
    padding: 0 1rem; } }

/*Make intro section 60% of page height in narrow windows*/
@media screen and (min-width: 601px) and (max-aspect-ratio: 8 / 5) {
  .main-intro {
    height: 100%; }
  .ctaMargin {
    position: absolute;
    bottom: 1rem !important; } }

@media screen and (max-width: 600px) and (orientation: landscape) {
  .main-intro {
    height: 100%; }
  .ctaMargin {
    position: absolute;
    bottom: 1rem !important; } }

@media (min-width: 601px) {
  .drawers {
    padding-top: 0; }
  html[data-phase="2"] .drawer-item:first-of-type .knob {
    padding-top: 0; } }

.drawer-item {
  flex-basis: 100%; }

.knob {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  padding: 12px 0 0;
  color: #7f5957;
  text-align: left; }

html[data-phase="2"] .knob {
  color: #3a4956; }

.knob-icon {
  opacity: 0;
  transition: 0.3s opacity ease-in-out, 0.3s transform ease-in-out;
  position: absolute;
  transform-origin: center center;
  transform: scale(0.5) rotate(270deg);
  display: inline-block; }

.no-touch .knob:hover {
  color: #1e1e1e; }

.sliding-content-drawer {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s all ease-in-out; }

.drawer-item.open .knob {
  color: #1e1e1e; }

.drawer-item.open .knob-icon {
  opacity: 1;
  transform: scale(0.5) rotate(180deg); }

.drawer-item.open .sliding-content-drawer {
  max-height: 500px; }

@keyframes slide {
  0% {
    transform: translate(-100%, 0); }
  11% {
    transform: translate(100%, 0); }
  12% {
    transform: translate(100%, -100%); }
  13% {
    transform: translate(0, -100%); }
  24% {
    transform: translate(0, 100%); }
  25% {
    transform: translate(100%, 100%); }
  26% {
    transform: translate(100%, 0); }
  35% {
    transform: translate(-100%, 0); }
  36% {
    transform: translate(-100%, 100%); }
  37% {
    transform: translate(0, 100%); }
  45% {
    transform: translate(0, -100%); }
  46% {
    transform: translate(100%, -100%); }
  /*
   *
   */
  47% {
    transform: translate(100%, 0); }
  57% {
    transform: translate(-100%, 0); }
  58% {
    transform: translate(-100%, 100%); }
  59% {
    transform: translate(0, 100%); }
  66% {
    transform: translate(0, -100%); }
  67% {
    transform: translate(-100%, -100%); }
  68% {
    transform: translate(-100%, 0); }
  77% {
    transform: translate(100%, 0); }
  78% {
    transform: translate(100%, -100%); }
  79% {
    transform: translate(0, -100%); }
  88% {
    transform: translate(0, 100%); }
  89% {
    transform: translate(-100%, 100%); }
  100% {
    transform: translate(-100%, 0); } }

.animated-background {
  background: #1e1e1e;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(-100%, 0);
  animation: 40s slide infinite 7s ease-in-out;
  z-index: -2; }

.hero-button {
  position: absolute;
  z-index: 1;
  left: 57%;
  bottom: 1vw; }

.download-button {
  position: relative;
  display: inline-block;
  margin: 0 calc(1rem + 10%); }

@media (max-width: 600px) {
  .download-pdf {
    margin-top: 1.3rem; } }

@media (min-width: 601px) {
  .download-button {
    margin: 0; }
  .download-pdf {
    margin-left: 1.3rem; } }

.hero-button-image,
.download-button-image {
  width: 17vw;
  height: auto; }

.download-button-image {
  min-width: 7rem;
  /* 200px; */ }

.download-button-image-mobile,
.hero-button-image-mobile {
  display: none; }

@media (max-width: 600px) {
  .hero-button {
    left: 10%;
    bottom: 0;
    top: auto;
    width: 80%; }
  .download-button,
  .download-button a,
  .download-button-image-mobile {
    display: block; }
  .hero-button-image-mobile {
    width: 80%;
    margin: 0 10%;
    display: block; }
  .hero-button-image,
  .download-button-image {
    display: none; }
  #top-section > .row > div {
    height: calc(100% - 48px); } }

@media (max-height: 600px) and (min-width: 601px) {
  #top-section {
    padding-top: 30px;
    padding-bottom: 120px; } }

@media (max-height: 600px) and (orientation: landscape) {
  #top-section,
  .main-intro {
    height: auto; }
  #top-section .nav-scroll-arrow {
    display: none !important; }
  .page-logo-mobile .hero-button {
    position: relative;
    margin: 40px auto 40px;
    max-width: 400px;
    left: 0; } }

@media (max-width: 600px) {
  html[data-phase="2"] #top-section {
    padding: 0; }
  html[data-phase="2"] .survey-intro-logo {
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    padding: 0 1rem; }
  html[data-phase="2"] .survey-intro-description-inner {
    padding: 0 1rem; } }

#mc_embed_signup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 11;
  transition: 0.3s all ease-in-out;
  transform: translate(0, -100%);
  overflow: auto; }

#mc_embed_signup.visible {
  transform: none; }

#mc_embed_signup label {
  color: #fdb1ae; }

@media (min-width: 601px) {
  #mc_embed_signup {
    left: calc((57 / 100 * 66.66667%) - 80px);
    bottom: auto;
    right: auto;
    width: calc(17vw + (80px * 2));
    height: 80vh;
    min-height: 420px;
    top: 50%;
    transform: translate(0, -50%) translate(0, -200%); }
  #mc_embed_signup.visible {
    transform: translate(0, -50%); } }

@media (max-width: 600px) {
  html.panelOpen,
  html.panelOpen body {
    overflow: hidden;
    height: 100%; } }

.submit-fake-button {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 1; }

.submit-wrapper {
  position: relative;
  margin-top: 60px;
  width: 100%;
  padding: 0 1rem; }

.submit-fake-button .button-text {
  width: 100%;
  margin: 0;
  height: auto; }

@media (min-width: 601px) {
  .submit-wrapper {
    margin-top: 4vw;
    margin-bottom: 2vw;
    padding: 0; }
  .submit-fake-button .button-text {
    width: 17vw; } }

#mc-embedded-subscribe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  padding: 0; }

.form-fields {
  margin-top: 2rem;
  padding: 0 20px; }

.receive-updates,
.log-in-title {
  text-transform: uppercase;
  margin-bottom: 10px; }

html[data-phase="4"] .receive-updates,
html[data-phase="4"] .log-in-title {
  color: #fdb1ae; }

.mc-field-group {
  margin: 8vw 0; }

@media (min-width: 601px) {
  .mc-field-group {
    margin: 4vw 0; } }

#mce-responses {
  border: 1px solid #1e1e1e;
  height: 100%;
  padding: 0 16px; }

.double-width-wrapper {
  width: 200%;
  display: flex;
  transition: 0.3s all ease-in-out; }

.double-width-wrapper.slide {
  transform: translate(-50%, 0); }

.double-width-wrapper > div {
  flex-basis: 50%; }

#mc-embedded-subscribe-form {
  overflow-x: hidden; }

#mc_embed_signup_inner,
#mc-embedded-subscribe-form,
.double-width-wrapper {
  height: 100%; }

.thanks-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 1.36rem 0 6rem; }

.thanks-link {
  display: block;
  flex-basis: 50%; }

.thanks {
  display: block;
  width: auto;
  height: 80px;
  margin: 0 auto; }

@media (max-width: 600px) {
  .thanks-wrapper {
    margin-top: 4rem; }
  .thanks-link {
    flex-basis: 40%; }
  .thanks {
    margin: 0; } }

.thanks-link-inner {
  margin-bottom: 40px; }

@media (min-width: 641px) {
  .thanks-link {
    flex-basis: 25%; } }

@media (min-width: 841px) {
  .thanks {
    height: 100px; } }

@media (min-width: 1025px) {
  .thanks {
    height: 120px; } }

@media (min-width: 1141px) {
  .thanks-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto; }
  .thanks-link-inner {
    margin: 0 1.36rem 40px; } }

#mc-embedded-subscribe-form {
  background: #1e1e1e; }

#mce-responses,
#mce-responses a {
  color: #fdb1ae; }

#mce-responses a {
  border-bottom: 0.04rem solid #fdb1ae; }

#mc_embed_signup input.mce_inline_error {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom-color: #fdb1ae !important; }

#mc_embed_signup div.mce_inline_error,
.mce_inline_error {
  background: transparent !important;
  border-radius: 0;
  color: #fdb1ae !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

input[type="text"],
input[type="email"] {
  border-top: 0 !important;
  box-shadow: 0 !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #1e1e1e inset !important; }

input:-webkit-autofill {
  -webkit-text-fill-color: #fdb1ae !important; }

#progress-section {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  padding-left: 2.14rem;
  padding-right: 2.14rem; }

.progress-stats {
  /*	padding-left: 2.14rem;
  padding-right: 2.14rem;*/
  padding-left: calc(2rem + 80px);
  padding-right: calc(2rem + 80px); }

.progress-stats .col-fill {
  padding-left: 0;
  padding-right: 0; }

.progress-bar-wrapper {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.progress-bar-container {
  position: relative;
  line-height: 0;
  margin: 0 1.5rem 5%; }

.progress-bar.background {
  width: 100%; }

@media (min-width: 601px) {
  .progress-bar.background.mobile {
    display: none; } }

@media (max-width: 600px) {
  .progress-bar.background.desktop {
    display: none; } }

.progress-bar.foreground {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  z-index: -1; }

html[data-phase="2"] .progress-bar.foreground {
  background-color: #edfb81; }

html[data-phase="3"] .progress-bar.foreground {
  background-color: #9bcafc; }

.progress-button {
  background-color: #fdccbe;
  color: #1e1e1e;
  display: inline-block;
  width: initial;
  padding-left: 1.36rem;
  padding-right: 1.36rem;
  margin-bottom: 2.14rem;
  -webkit-transition: background-color 120ms ease-in;
  -moz-transition: background-color 120ms ease-in;
  -ms-transition: background-color 120ms ease-in;
  -o-transition: background-color 120ms ease-in;
  transition: background-color 120ms ease-in; }

.no-touch .progress-button:hover,
.progress-button:active {
  color: #1e1e1e;
  background-color: rgba(253, 204, 190, 0.77); }

@media (max-width: 600px) {
  .progress-button {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem; }
  .progress-bar-container {
    position: relative;
    margin: 0; }
  .stats-padding {
    padding-bottom: 1rem; }
  .progress-stats.row {
    display: block;
    padding-left: 0;
    padding-right: 0; }
  #progress-section {
    padding-left: 1rem;
    padding-right: 1rem; } }

@media (max-width: 600px) {
  .be-counted {
    display: block; } }

.thankyou {
  height: 100%;
  width: 100%;
  background: #9bcafc;
  color: #1e1e1e;
  padding-top: 20px; }

.thankyou > .row {
  margin-left: 0;
  margin-right: 0; }

.thankyou-wrapper {
  width: 100%; }

.thankyou-link {
  position: relative;
  display: inline-block;
  width: 9vw;
  min-width: 200px;
  margin-bottom: 40px; }

.thankyou-scribble {
  position: absolute;
  left: -5%;
  top: -5%;
  width: 110%;
  height: 110%;
  max-width: 110%;
  max-height: 110%; }

img.no-link-style,
a.no-link-style {
  text-decoration: none;
  color: inherit;
  border-bottom: none; }

.thankyou .action-button {
  display: inline-block;
  width: initial;
  height: initial;
  padding: 0 2.14rem;
  margin-top: 1rem; }

@media (max-width: 600px) {
  .thankyou-wrapper.col-fill {
    padding-left: 0;
    padding-right: 0; } }

.share-notice {
  display: inline-block;
  margin-bottom: 0.2rem; }

.back-to-home {
  position: absolute;
  bottom: 0;
  margin: 0 auto; }

.thankyou-social a {
  border-bottom-color: #1e1e1e;
  transition: 0.3s all ease-in-out; }

.no-touch .thankyou-social a:hover {
  border-bottom-color: #edfb81; }

.thankyou-social li {
  padding: 0.5rem;
  display: inline-block; }

@media (max-width: 600px) {
  .thankyou > .row {
    flex-direction: column; }
  .thankyou .top {
    flex: 1 0 auto; }
  .thankyou .bottom {
    flex: 0 0 auto; }
  .thankyou-img img {
    height: 203px; }
  .thankyou-social {
    position: relative;
    padding-top: 10px; }
  .thankyou-social ul {
    display: flex;
    justify-content: space-between;
    padding-top: 10px; }
  .thankyou-social li {
    padding-top: 0;
    display: inline; }
  .thankyou-social.standard-bottom-padding {
    padding-bottom: 0; } }

.oops-container {
  max-width: 600px;
  margin: 0 auto;
  text-align: left; }
  .oops-container a {
    color: black; }

@media (min-width: 601px) {
  .thanks-participation {
    display: block; } }

.col-fill.remove-padding {
  padding-left: 0;
  padding-right: 0; }

.col-half > a {
  margin-bottom: 1.36rem; }

.overflow-hidden {
  overflow: hidden; }

.data-text {
  font-size: 0.68rem;
  line-height: 100;
  text-align: center; }

.top-border-white {
  border-top: 0.08rem solid #f2f2f2; }

.full-height {
  height: 100%; }

#mobileResults-section {
  display: none; }

#results-section {
  display: block; }

.black-background {
  background: #191919; }

.text-yellow {
  color: #f7dfb5; }

.text-black {
  color: #191919; }

.text-white {
  color: #f2f2f2; }

.bar-section-padding {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.viz-drawer-decor {
  border-top: 0.08rem solid #191919;
  padding-top: 0.86rem;
  padding-bottom: 0.86rem;
  padding-left: 1rem;
  padding-right: 1rem; }

@media (min-width: 601px) {
  .bar-section-padding {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  .viz-drawer-decor {
    padding-left: 3.5rem;
    padding-right: 3.5rem; } }

.visual-cube {
  padding-top: 2.14rem;
  padding-bottom: 1rem; }

#list-container span {
  margin-left: 1rem; }

.nav-scroll-right-arrow {
  background-image: url(/img/svg/right-arrow-dark.svg);
  background-size: 0.7rem;
  background-position: 80% 50%;
  background-repeat: no-repeat; }

.flex-display {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

ol {
  margin-left: 0.68rem; }

.flex-display > li {
  width: 45%;
  margin-right: 5%; }

/*
 * Intro with download buttons
 */
.col-half.visualization-intro {
  max-width: 100%; }

@media (min-width: 601px) {
  .col-half.visualization-intro .description,
  .col-half.visualization-intro #viz-result-link {
    max-width: 68%; } }

.visualization-intro .description-sub-title {
  padding-top: 4rem;
  padding-bottom: 2rem; }

/*
 * Mobile results
 */
@media (max-width: 600px) {
  #mobileResults-section {
    display: block; }
  #results-section {
    display: none; }
  #visualization-section > .row > .bottom-border-black {
    border-bottom: 0rem; }
  .mobile-description {
    border-bottom: 0rem; }
  #about-section {
    margin-top: 6rem; }
  #about-section > .row > .bottom-border-black {
    border-bottom: 0rem; }
  #viz-result-link > a {
    display: none; }
  #results-section > .row > .standard-top-padding {
    padding-top: 0rem; }
  #gallery-section > .row > .col-1-3.bottom-border-black {
    border-bottom: 0rem; }
  .mobile-standard-left-right-padding {
    padding-right: 0.86rem;
    padding-left: 0.86rem; } }

.container.charts {
  display: block; }

/*
 * Override jquery UI
 */
.ui-state-hover.ui-selectmenu-button,
.ui-widget-content .ui-state-hover.ui-selectmenu-button,
.ui-widget-header .ui-state-hover.ui-selectmenu-button,
.ui-state-focus.ui-selectmenu-button,
.ui-widget-content .ui-state-focus.ui-selectmenu-button,
.ui-widget-header .ui-state-focus.ui-selectmenu-button,
.ui-button.ui-selectmenu-button,
.ui-button:hover.ui-selectmenu-button,
.ui-button:focus.ui-selectmenu-button {
  text-align: left;
  white-space: nowrap;
  width: 280px !important;
  border-radius: 0;
  border: 0;
  padding: 0;
  border-bottom: 1px solid black;
  background: transparent;
  outline: 1px solid transparent;
  margin: 1rem 0;
  color: black;
  transition: 0.3s color ease-in-out; }

.ui-button.ui-selectmenu-button:hover {
  color: #7f5957; }

.ui-selectmenu-text {
  float: left !important; }

.ui-selectmenu-icon.ui-icon {
  float: none !important; }

.ui-button {
  padding: 0;
  margin-right: 0; }

.ui-selectmenu-button.ui-button .ui-icon,
.ui-selectmenu-button.ui-state-hover .ui-icon,
.ui-selectmenu-button.ui-state-focus .ui-icon,
.ui-selectmenu-button.ui-button:hover .ui-icon,
.ui-selectmenu-button.ui-button:focus .ui-icon {
  background-image: url(/img/gallery-arrow-down.svg?98856dc508f624c9ce22aab7e4ad48a2);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: relative;
  transition: 0.3s transform ease-in-out; }

.ui-selectmenu-icon.ui-icon {
  float: none;
  display: inline-block;
  order: 2;
  margin-left: 10px;
  transform: translate(5px, -2px); }

.ui-selectmenu-button-open.ui-button .ui-icon {
  transform: translate(5px, -6px) scale(-1) !important; }

.ui-selectmenu-text {
  margin-right: 0 !important; }

.ui-menu-item-wrapper {
  border: 0;
  margin: 12px 12px;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  transition: 0.3s all ease-in-out; }

.ui-menu-item-wrapper.ui-state-active,
.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
  background: #edfb81;
  border: 0;
  color: black;
  margin: 12px 12px; }

.ui-widget.ui-widget-content {
  border: 1px solid blue;
  margin-top: 5px; }

.titles-gallery-mobile {
  max-width: 200px;
  margin: 0 auto;
  text-align: center; }

.slick-arrow.slick-next {
  background-image: url(/img/gallery-arrow-right.svg?6f4345d725efdde34f0843c2cf9f1e52) !important; }

.slick-arrow.slick-prev {
  background-image: url(/img/gallery-arrow-left.svg?bab14e8b001b1a211194ef97c4d1afab) !important; }

.slick-arrow.slick-next.slick-disabled,
.slick-arrow.slick-prev.slick-disabled {
  opacity: 0.2;
  pointer-events: none; }

.slick-arrow.slick-next.slick-disabled:hover,
.slick-arrow.slick-prev.slick-disabled:hover {
  cursor: default; }

.slick-arrow.slick-next,
.slick-arrow.slick-prev {
  background-repeat: no-repeat !important;
  background-size: 40% !important;
  background-position: center !important;
  transform: translate(0, -50%); }

.slick-arrow.slick-next::before,
.slick-arrow.slick-prev::before {
  content: ""; }

.ui-selectmenu-menu {
  display: block !important;
  transform: translate(0, 10px);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out; }

.ui-icon {
  width: 14px !important;
  height: 14px !important; }

.ui-selectmenu-menu.ui-selectmenu-open {
  transform: none;
  opacity: 1;
  pointer-events: auto; }

.charts-gallery .slick-arrow {
  display: none !important; }

/*
 * Misc
 */
.results-section {
  margin-top: 5rem; }

@media (max-width: 600px) {
  .results-section:first-of-type {
    margin-top: 3rem; } }

/*
 * Charts display on different resolutions
 */
.chart-desktop,
.chart-intermediate,
.chart-demi,
.chart-mobile {
  width: calc(100% - 1px);
  display: none; }

@media (min-width: 601px) {
  .slick-slider {
    pointer-events: none; }
  .select,
  .ui-selectmenu-button {
    pointer-events: auto; } }

.legend-mobile,
.legend-intermediate,
.legend-desktop {
  display: none; }

.legend-desktop {
  max-width: 140px;
  width: 100%; }

@media (max-width: 600px) {
  .chart-mobile,
  .legend-mobile {
    display: block !important; } }

@media (min-width: 601px) and (max-width: 840px) {
  .chart-intermediate,
  .legend-intermediate {
    display: block !important; } }

@media (min-width: 841px) and (max-width: 1024px) {
  .chart-demi,
  .legend-intermediate {
    display: block !important; } }

@media (min-width: 1025px) {
  .chart-desktop,
  .legend-desktop {
    display: block !important; } }

/*
 * Title hoverable
 */
.slide-title-hoverable {
  position: relative; }

/*
 * Clickable titles for every section - display
 */
.titles-gallery-desktop {
  margin: 0;
  padding: 0;
  list-style: none; }

.titles-gallery-mobile {
  display: none !important; }

@media (max-width: 600px) {
  .titles-gallery-desktop {
    display: none; }
  .titles-gallery-mobile {
    display: block !important; } }

/*
 * Clickable titles for every section - style
 */
@media (max-width: 1024px) {
  .titles-gallery-desktop {
    margin-top: 1.5rem; } }

.titles-gallery-desktop {
  line-height: 0; }

.titles-gallery-desktop .slide {
  display: inline-block;
  padding-left: 0; }

.titles-gallery-desktop .slide button {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  outline: 1px solid transparent;
  display: block; }

.titles-gallery-desktop .slide span {
  color: #7f5957;
  line-height: 1;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0 0;
  display: block;
  transition: 0.3s all ease-in-out;
  letter-spacing: 0.5px; }

.no-touch .titles-gallery-desktop .slide button:hover span,
.titles-gallery-desktop .slide.slide--is-active button span {
  color: black; }

/* 
 * Hic sunt leones
 */
.highlight {
  overflow: hidden; }

.titles-gallery-desktop {
  margin: 2rem 0 0.2rem; }

.titles-gallery-desktop .hover {
  transform: scale(3.5);
  z-index: -1; }

.titles-gallery-desktop li {
  margin: 0 1rem 0.8rem 0; }

.content {
  margin-top: 1rem; }

.story p {
  margin-bottom: 0.25rem; }

.story-desktop {
  display: none; }

@media (min-width: 641px) and (max-width: 1024px) {
  .story {
    width: 80%; } }

@media (max-width: 1024px) {
  .story {
    margin-top: 1rem; } }

@media (min-width: 1025px) {
  .story--not-desktop {
    display: none; }
  .story-desktop {
    display: block; } }

@media (min-width: 1025px) {
  .content {
    display: flex;
    flex-wrap: wrap; }
  .right-pane {
    width: 26%; }
  .chart-wrapper {
    padding-right: 1rem;
    width: 70%;
    max-width: 1280px; } }

.ui-widget-content.ui-menu .ui-menu-item-wrapper,
.ui-menu-item,
.ui-widget-content.ui-menu .ui-menu-item-wrapper,
.ui-menu-item-wrapper.ui-state-active,
.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block; }

.ui-widget-content.ui-menu .ui-menu-item-wrapper,
.ui-widget-content.ui-menu .ui-menu-item-wrapper.ui-state-active {
  margin: 10px 6px;
  padding: 2px; }

.legend {
  margin-top: 1rem; }

.legend-desktop {
  margin-bottom: 1rem; }

.header-text,
.highlight-text,
.axis-text,
.slide-title-mobile,
.ui-selectmenu-text,
.ui-menu-item-wrapper {
  font-size: 0.79rem;
  line-height: 1rem; }

.axis-text {
  color: #7f5957; }

.story-text {
  font-size: 0.6rem;
  line-height: 1.2; }

.note-text,
.slide-title-desktop,
.result .ui-selectmenu-text {
  font-size: 0.5rem;
  line-height: 1.25; }

@media (max-width: 600px) {
  .results-section-title {
    margin-bottom: 0.2rem; }
  .header-text {
    font-size: 0.79rem;
    line-height: 0.9rem; }
  .slide-title-mobile {
    font-family: "FoundersGroteskWeb";
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    position: relative; }
  .highlight-text,
  .axis-text,
  .slide-title-mobile,
  .ui-selectmenu-text,
  .ui-menu-item-wrapper {
    font-size: 0.6rem;
    line-height: 0.8rem; }
  .story-text {
    font-size: 0.6rem;
    line-height: 0.8rem; }
  .note-text,
  .slide-title-desktop,
  .result .ui-selectmenu-text {
    font-size: 0.4rem;
    line-height: 1; } }

@media (min-width: 601px) and (max-width: 1024px) {
  .header-text,
  .highlight-text,
  .axis-text,
  .slide-title-mobile,
  .ui-selectmenu-text,
  .ui-menu-item-wrapper {
    font-size: 0.8rem;
    line-height: 1rem; }
  .story-text {
    font-size: 0.7rem;
    line-height: 1.2; }
  .note-text,
  .slide-title-desktop,
  .result .ui-selectmenu-text,
  .result .ui-menu-item-wrapper {
    font-size: 0.6rem;
    line-height: 1; } }

.titles-gallery-mobile {
  margin: 1rem auto; }

.slick-slide img {
  width: 100%; }

.result {
  position: relative; }

.chart-background {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.full-nav {
  height: 2.32rem;
  position: absolute;
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: 0.3s opacity ease-in-out; }

html[data-phase="1"] .full-nav,
html[data-phase="2"] .full-nav {
  background: #9bcafc; }

html[data-phase="3"] .full-nav {
  background: #edfb81; }

html[data-phase="4"] .full-nav {
  background: #fdb1ae; }

.full-nav-fuzzy {
  pointer-events: none;
  position: absolute;
  width: 100%;
  margin-top: 2.32rem;
  height: 2rem;
  left: 0;
  z-index: 1; }

html[data-phase="2"] .full-nav-fuzzy {
  background: linear-gradient(to bottom, #9bcafc, rgba(155, 202, 252, 0.1)); }

html[data-phase="3"] .full-nav-fuzzy {
  background: linear-gradient(to bottom, #edfb81, rgba(237, 251, 129, 0.1)); }

.full-nav > .row {
  height: 100%; }

.fixed {
  position: fixed;
  top: 0; }

.visible {
  opacity: 1; }

.clickable {
  cursor: pointer; }

.nav-scroll-arrow,
.survey-down-arrow {
  left: 1rem;
  background-position: center center;
  background-repeat: no-repeat;
  width: 10vw;
  height: 10vw;
  background-size: 10vw;
  position: absolute;
  opacity: 1;
  z-index: 1;
  cursor: pointer;
  bottom: 12px; }

html[data-phase="1"] .nav-scroll-arrow {
  background-image: url(/img/arrow-large_light.svg?766ef551f8299f3b67ee71f9a2a5a352); }

html[data-phase="2"] .nav-scroll-arrow,
.survey-down-arrow {
  background-image: url(/img/arrow-large_light-phase2.svg?04f6b655d6f82b61ae068e47192ac8f3); }

html[data-phase="3"] .nav-scroll-arrow {
  background-image: url(/img/arrow-large_light.svg?766ef551f8299f3b67ee71f9a2a5a352); }

html[data-phase="4"] .nav-scroll-arrow {
  background-image: url(/img/arrow-large_light-phase4.svg?b5c4203eff5ef0f6688fbc8ca5e380e6); }

html[data-phase="4"] .nav-scroll-arrow:hover {
  cursor: url(/img/cursor-phase4.png?98560a5dc14c30768465239852880484) 40 40, pointer !important; }

@media (min-width: 601px) {
  .survey-down-arrow,
  .nav-scroll-arrow {
    left: 3.5rem;
    width: 5vw;
    height: 5vw;
    background-size: 5vw; }
  .nav-scroll-arrow {
    bottom: 0; } }

@media (min-width: 601px) {
  .nav-buffer {
    padding-top: 10rem;
    padding-bottom: 2.14rem; }
  .nav-buffer-phase4 {
    padding-top: 4.28rem; }
  .nav-buffer-top {
    padding-top: 4rem; } }

html[data-phase="1"].no-touch a:hover,
html[data-phase="1"].no-touch input[type="submit"]:hover,
html[data-phase="1"].no-touch button:hover {
  cursor: url(/img/cursor.png?788a54d06853d509bbed804c8b9e89ce) 40 40, pointer; }

html[data-phase="2"].no-touch a:hover,
html[data-phase="2"].no-touch input:hover,
html[data-phase="2"].no-touch label:hover,
html[data-phase="2"].no-touch button:hover {
  cursor: url(/img/cursor-phase2.png?114b02fe6ced169922a3ee20223aed7c) 40 40, pointer; }

html[data-phase="3"].no-touch a:hover,
html[data-phase="3"].no-touch input[type="submit"]:hover,
html[data-phase="3"].no-touch button:hover,
html[data-phase="3"].no-touch .clickable:hover {
  cursor: url(/img/cursor.png?788a54d06853d509bbed804c8b9e89ce) 40 40, pointer; }

html[data-phase="4"].no-touch a:hover,
html[data-phase="4"].no-touch input[type="submit"]:hover,
html[data-phase="4"].no-touch button:hover {
  cursor: url(/img/cursor-phase4.png?98560a5dc14c30768465239852880484) 40 40, pointer !important; }

.row.question .center-content-vertically {
  padding-bottom: calc(100vh - 100%); }

@media (min-width: 601px) {
  .row.question {
    height: auto !important; }
  .row.question .center-content-vertically {
    align-items: flex-start;
    display: block;
    padding: 2.14rem 0 20rem; } }

.cookie-policy-links {
  text-align: center;
  padding-bottom: 20px; }

.cookie-policy-links a {
  color: #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
  display: inline-block;
  margin-right: 10px;
  transition: 0.3s all ease-in-out; }

.no-touch .cookie-policy-links a:hover {
  border-bottom-color: transparent; }

.cookie-policy-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #1e1e1e;
  display: none;
  font-size: 14px;
  line-height: 18px;
  z-index: 99999; }

html[data-phase="2"] .cookie-policy-alert {
  color: #9bcafc; }

html[data-phase="1"] .cookie-policy-alert,
html[data-phase="3"] .cookie-policy-alert {
  color: #edfb81; }

html[data-phase="4"] .cookie-policy-alert {
  color: #fdb1ae; }

.cookie-policy-alert-inner {
  max-width: 820px;
  margin: 0 auto; }

.cookie-policy-alert p {
  margin: 5px 0;
  padding-right: 40px; }

html[data-phase="2"] .cookie-policy-alert a {
  color: #9bcafc;
  border-bottom: 1px solid #9bcafc; }

html[data-phase="1"] .cookie-policy-alert a,
html[data-phase="3"] .cookie-policy-alert a {
  color: #edfb81;
  border-bottom: 1px solid #edfb81; }

html[data-phase="4"] .cookie-policy-alert a {
  color: #fdb1ae;
  border-bottom: 1px solid #fdb1ae; }

.cookie-policy-alert-close {
  background: transparent;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 0;
  border-radius: 0;
  z-index: 1;
  padding: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer; }

@media (min-width: 601px) {
  .footer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-bottom: 20px; }
  .footer-wrapper .footer,
  .footer-wrapper .cookie-policy-links {
    flex-basis: calc(50% - 20px); }
  .footer-wrapper .cookie-policy-links {
    text-align: right;
    padding-bottom: 2px; }
  .footer-wrapper .cookie-policy-links a {
    margin: 0 0 0 0.8rem; }
  .footer-wrapper .footer .footer-links.col-full a {
    margin: 0 0.8rem 0 0; }
  .footer-wrapper .footer .footer-links.col-full {
    text-align: left;
    padding: 0; } }

@media (min-width: 601px) and (max-width: 1000px) {
  .footer-wrapper {
    padding-left: 2.14rem;
    padding-right: 2.14rem; } }

@media (max-width: 600px) {
  .footer-wrapper .cookie-policy-links {
    padding: 0 1rem 20px;
    text-align: left; }
  .footer-wrapper .cookie-policy-links a {
    margin-right: 1rem; } }

.footer > .container {
  overflow: hidden; }