@font-face {
  font-family: 'freehouse';
  src: url('../fonts/Freehouse-Regular.eot');
  src: url('../fonts/Freehouse-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Freehouse-Regular.woff2') format('woff2'),
      url('../fonts/Freehouse-Regular.woff') format('woff'),
      url('../fonts/Freehouse-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'paralucent';
  src: url('../fonts/Paralucent-Bold.eot');
  src: url('../fonts/Paralucent-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Paralucent-Bold.woff2') format('woff2'),
      url('../fonts/Paralucent-Bold.woff') format('woff'),
      url('../fonts/Paralucent-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'paralucent';
  src: url('../fonts/Paralucent-Medium.eot');
  src: url('../fonts/Paralucent-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Paralucent-Medium.woff2') format('woff2'),
      url('../fonts/Paralucent-Medium.woff') format('woff'),
      url('../fonts/Paralucent-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'cubano';
  src: url('../fonts/Cubano-Normal.eot');
  src: url('../fonts/Cubano-Normal.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Cubano-Normal.woff2') format('woff2'),
      url('../fonts/Cubano-Normal.woff') format('woff'),
      url('../fonts/Cubano-Normal.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



body {
  background-color: #fefaef;
  font-family: paralucent;
  color: #000;
  font-size: 0.8333333333333334vw;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0em;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 3.28em;
  line-height: 1.4;
  font-weight: 700;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2.5em;
  line-height: 1.4;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2.19em;
  line-height: 1.4;
  font-weight: 700;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.88em;
  line-height: 1.4;
  font-weight: 700;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.67em;
  line-height: 1.4;
  font-weight: 700;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.46em;
  line-height: 1.4;
  font-weight: 700;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.81em;
  line-height: 1.3;
}

a {
  font-size: 1em;
  text-decoration: none;
}

label {
  display: block;
  margin-bottom: 0.3em;
  font-size: 1.25em;
  font-weight: 700;
}

blockquote {
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  border-left: 0.3em solid #e2e2e2;
  font-size: 1.2em;
  line-height: 1.6;
}

.container {
  width: 100%;
  max-width: 100em;
  margin-right: auto;
  margin-left: auto;
  padding: 5em 6em;
}

.style_item {
  padding: 2em 0em;
  border-bottom: 0.1em solid #bdbdbd;
}

.html {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  overflow: hidden;
  width: 0px;
  height: 0px;
}

.global-styles {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.rich-text p {
  margin-top: 0em;
  margin-bottom: 1.6em;
}

.rich-text h1 {
  margin-top: 0em;
  margin-bottom: 0.2em;
  font-size: 3.28em;
}

.rich-text h2 {
  margin-top: 0em;
  margin-bottom: 0.2em;
  font-size: 2.5em;
}

.rich-text h3 {
  margin-top: 0em;
  margin-bottom: 0.3em;
  font-size: 2.19em;
}

.rich-text h4 {
  margin-top: 0em;
  margin-bottom: 0.4em;
  font-size: 1.88em;
}

.rich-text h5 {
  margin-top: 0em;
  margin-bottom: 0.6em;
  font-size: 1.67em;
}

.rich-text h6 {
  margin-top: 0em;
  margin-bottom: 0.7em;
  font-size: 1.46em;
}

.page-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  font-size: 1em;
}

.page-wrapper.show {
  overflow: visible;
}

.main-wrapper {
  position: relative;
}

.h1 {
  font-size: 3.28em;
  line-height: 1.2;
}

.h2 {
  font-size: 2.5em;
  line-height: 1.2;
}

.h3 {
  font-size: 2.19em;
  line-height: 1.3;
}

.h4 {
  font-size: 1.88em;
  line-height: 1.3;
}

.h5 {
  font-size: 1.67em;
  line-height: 1.3;
}

.h6 {
  font-size: 1.46em;
}

.form_input {
  height: 3em;
  margin-bottom: 1em;
  padding: 0em 0.9em;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 0em;
  font-size: 1.25em;
}

.display {
  font-family: freehouse;
  font-size: 4.81em;
  line-height: 0.922077922077922;
}

.form_submit {
  font-size: 1.25em;
}

.intro {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 4.3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.intro_h-wrap {
  width: 46em;
  max-width: 100%;
  padding-bottom: 2.4em;
}

.intro_content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button {
  position: relative;
  display: inline-block;
  min-width: 28.69em;
  padding-top: 1.38em;
  padding-bottom: 1.38em;
  border-radius: 100vw;
  text-align: center;
}

.button_text {
  position: relative;
  z-index: 3;
  line-height: 1;
}

.button_bg {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-top: 0.7em;
  margin-right: 0.44em;
  border-radius: 100vw;
  background-color: #f9d369;
  -webkit-transition: margin 200ms ease;
  transition: margin 200ms ease;
}

.button_border {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
}

.intro_img-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: -28%;
}

.intro_img {
  width: 100%;
}

.build {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.build_left {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 60%;
  height: 100vh;
  padding: 4.63em 10.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.build_right {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  margin-left: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-left: 0.19em solid #e6e0d0;
}

.build_h-wrap {
  width: 33.7em;
  max-width: 100%;
  padding-bottom: 2.38em;
}

.section-wrap {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: #fefaef;
}

.section-wrap.show {
  position: relative;
  z-index: 2;
  display: block;
}

.build_bar {
  position: relative;
  z-index: 1;
  width: 100%;
}

.build_bar-content {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.9em 2.88em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 0.63em;
  background-color: #fefaef;
}

.build_bar-content.is-items {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.build_bar-bg {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-top: 0.75em;
  margin-right: 0.75em;
  border-radius: 0.63em;
  background-color: #000;
}

.build_progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 4.69em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_progress-num {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.build_progress-bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 19px;
  margin-left: 1.81em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 100vw;
}

.build_progress-fill {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
  background-color: #ffb6d7;
}

.build_progress-outline {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
}

.build_progress-fill-wrap {
  position: relative;
  overflow: hidden;
  width: 0%;
  height: 100%;
  border-radius: 100vw;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
}

.build_bar-wrap {
  width: 100%;
  padding-top: 3.5em;
  padding-bottom: 2.94em;
}

.build_wrap {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transform: translate(0px, 0%);
  -ms-transform: translate(0px, 0%);
  transform: translate(0px, 0%);
}

.build_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.build_item {
  width: 33.333333333333336%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.build_item.is-large {
  width: 50%;
}

.build_item-height {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
  border-right: 0.19em solid #e6e0d0;
  border-bottom: 0.19em solid #e6e0d0;
}

.build_item-height:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.build_item-flex {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_team-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 50%;
  -o-object-fit: contain;
  object-fit: contain;
}

.build_team-content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_tooltip-wrap {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0px;
  padding-right: 1.3em;
  padding-left: 1.3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_tooltip {
  position: relative;
  max-width: 100%;
  min-width: 7em;
  margin-top: 0.5em;
  padding: 0.5em 1em;
  border-radius: 0.63em;
  background-color: #f9d369;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, opacity 200ms ease;
  transition: transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease;
  text-align: center;
}

.build_tooltip.is-alt {
  margin-top: 3.4em;
}

.build_tooltip-text {
  position: relative;
  z-index: 2;
  font-size: 1.4em;
  line-height: 1;
}

.build_team-img-wrap {
  position: relative;
  z-index: 2;
  width: 10em;
}

.build_team-img-height {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.build_tooltip-arrow {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 2em;
  height: 1.1em;
  margin-top: -0.7em;
  margin-right: auto;
  margin-left: auto;
  color: #f9d369;
}

.build_team-shapes {
  position: absolute;
  z-index: 1;
  width: 8.5em;
  height: 7em;
}

.build_team-shapes.is-larger {
  font-size: 1.6em;
}

.shapes {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100%;
}

.shapes.is-1 {
  color: #ffb6d7;
}

.shapes.is-1.show {
  display: block;
}

.shapes.is-2 {
  color: #70c0c7;
}

.shapes.is-3 {
  color: #f9d369;
}

.shapes.is-4 {
  color: #ffb6d7;
}

.shapes.is-5 {
  color: #f9d369;
}

.build_select {
  width: 16%;
}

.build_select.is-large {
  width: 23%;
  margin-right: 3%;
  margin-left: 3%;
}

.build_select-height {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.build_select-flex {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_select-shapes {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: height 200ms ease, width 200ms ease;
  transition: height 200ms ease, width 200ms ease;
}

.build_select-shape {
  position: relative;
  width: 100%;
  height: 74%;
  color: #ffb6d7;
}

.build_select-shape.is-2 {
  color: #70c0c7;
}

.build_select-shape.is-3 {
  color: #f9d369;
}

.build_select-shape.is-4 {
  color: #ffb6d7;
}

.build_select-shape.is-5 {
  color: #f9d369;
}

.build_select-img-wrap {
  position: relative;
  z-index: 2;
  width: 8em;
}

.build_select-img-height {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.build_select-img {
  position: absolute;
  left: 0%;
  top: -8px;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
}

.build_name {
  display: none;
}

.build_gradient {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  padding-top: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_gradient-flex {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.build_gradient-icon {
  width: 11%;
}

.build_gradient-icon-height {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.build_gradient-icon-flex {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.19em;
  border-color: #fefaef;
  border-radius: 100vw;
  background-color: #f9d369;
}

.build_gradient-embed {
  width: 34%;
  height: 50%;
}

.build_trigger {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  padding-top: 7%;
}

.build_gradient-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(230, 224, 208, 0)), color-stop(68%, rgba(253, 249, 238, 0.96)), to(#fefaef));
  background-image: linear-gradient(180deg, rgba(230, 224, 208, 0), rgba(253, 249, 238, 0.96) 68%, #fefaef);
}

.texture {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-image: url('../images/texture.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.back-link {
  display: none;
}

.pump_contain {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 479px;
  margin-right: auto;
  margin-left: auto;
}

.pump_body {
  overflow: hidden;
  font-size: 0.7em;
}

.pump_padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 2.9em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pump_padding.is-game {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pump_intro {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fefaef;
  text-align: center;
}

.pump_heading {
  width: 100%;
  max-width: 10em;
  margin-right: auto;
  margin-left: auto;
  font-family: freehouse;
  font-size: 3.3em;
  line-height: 1;
  font-weight: 400;
}

.pump_visual {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  max-height: 240px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pump_img {
  position: absolute;
  z-index: 2;
  width: 100%;
}

.pump_shape {
  position: relative;
  z-index: 1;
  width: 80%;
  color: #70c0c7;
}

.pump_shape.is-fail {
  color: #ffb6d7;
}

.pump_heading-wrap {
  padding-top: 2em;
  padding-bottom: 2em;
}

.pump_heading-wrap.is-code {
  padding-top: 0em;
  padding-bottom: 9.7em;
}

.pump_game {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #fefaef;
}

.pump_top {
  width: 100%;
}

.pump-progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pump_num {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pump_progress-bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 29em;
  height: 2em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 100vw;
}

.pump_progress-wrap {
  position: relative;
  overflow: hidden;
  width: 0%;
  height: 100%;
  border-radius: 100vw;
  -webkit-transition: width 100ms ease;
  transition: width 100ms ease;
}

.pump_progress-fill {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
  background-color: #ffb6d7;
}

.pump_progress-outline {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
}

.pump_tap-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pump_tap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.pump_fail {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fefaef;
  text-align: center;
}

.pump_fail.show {
  z-index: 8;
}

.pump_win {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fefaef;
  text-align: center;
}

.pump_win.show {
  z-index: 8;
}

.pump_code {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  padding-bottom: 5.6em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pump_code-shape {
  position: absolute;
  z-index: 1;
  width: 100%;
  color: #f9d369;
}

.pump_code-shape.is-fail {
  color: #ffb6d7;
}

.pump_code-card {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 14em;
  height: 14em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pump_code-letter {
  position: relative;
  z-index: 3;
  padding-bottom: 0.3em;
  font-family: freehouse;
  font-size: 6em;
  line-height: 0.4;
  font-weight: 400;
}

.pump_code-bg {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-top: 0.7em;
  margin-right: 0.7em;
  border-radius: 2em;
  background-color: #fefaef;
}

.pump_code-outline {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 2em;
}

.pump_p-wrap {
  padding-top: 2em;
}

.pump-show {
  position: absolute;
  z-index: 10;
}

.pump_card {
  width: 100%;
  margin-top: 3.4em;
  padding: 2.1em 2.5em;
  border-radius: 2em;
  background-color: #e6e0d0;
}

.pump_card-icon {
  width: 3em;
  margin-right: 1.4em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pump_card-fade {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.46;
  text-align: left;
}

.pump_card-p.is-2 {
  display: none;
}

.game {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100vh;
}

.game_track {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.game_track.is-2 {
  z-index: 3;
}

.game_track-flex {
  position: relative;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.game_distance {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.game_distance-img {
  position: relative;
  z-index: 1;
  width: 449.4vw;
}

.van_flex {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.van_lottie {
  position: relative;
  z-index: 2;
  width: 100%;
}

.speed {
  position: relative;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 28.06em;
  height: 6.88em;
}

.message {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 100;
  width: 40em;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  padding: 2em;
  border-radius: 2em;
  background-color: #e6e0d0;
  opacity: 0;
  text-align: center;
}

.game_wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 10000vw;
}

.speed_svg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.speed_numers {
  position: absolute;
  left: 0%;
  top: 13%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.game_ui {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2.81em;
  padding-bottom: 2.25em;
  padding-left: 2.81em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.supplies {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24.44em;
  height: 8.88em;
  padding-top: 0.7em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.supplies_bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.supplies_wrap {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 17.5em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.supplies_img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

.html-embed {
  width: 23em;
  height: 10em;
}

.van_wrap {
  position: relative;
  width: 50%;
}

.van-move {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.van-move_trigger {
  width: 100%;
  height: 150vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.supplies_item {
  position: relative;
  width: 5em;
  height: 5.63em;
}

.supplies_name {
  display: none;
}

.team {
  text-align: center;
}

.team_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.13em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.team_title {
  font-family: freehouse;
  font-size: 2.5em;
  line-height: 1;
  font-weight: 400;
}

.team_item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 6.81em;
  height: 6.81em;
  margin: 1.23em 0.4em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.team_item.dead.hidden {
  display: none;
}

.team_item.hidden {
  display: none;
}

.team_shape {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #ffb6d7;
}

.team_shape.is-blue {
  color: #70c0c7;
}

.team_shape.is-yellow {
  color: #f9d369;
}

.team_img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
}

.team_img.show {
  opacity: 1;
}

.team_name {
  display: none;
}

.team_x {
  position: absolute;
  z-index: 3;
  width: 110%;
  max-width: none;
  opacity: 0;
  mix-blend-mode: multiply;
}

.game_message {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 9;
  width: 50vw;
  height: 100vh;
  border-right: 2px solid #e6e0d0;
  background-color: #fefaef;
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}

.game_message.show {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.continue {
  display: block;
}

.game_track-wrap {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.restart {
  display: none;
}

.restart.show {
  display: block;
}

.game-message_title {
  width: 100%;
  margin-bottom: 0.9em;
  font-family: cubano;
  font-size: 3em;
  line-height: 1.1;
  font-weight: 400;
}

.speeding {
  display: none;
}

.questions {
  display: block;
}

.question {
  display: none;
  width: 100%;
}

.question.is-1 {
  display: block;
}

.question_options {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1.5em;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.question_options.is-single {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.question_options.is-start-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.question_options.is-first-time {
  display: none;
}

.question_option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.question_img {
  display: block;
  height: 26vh;
  margin-right: auto;
  margin-bottom: 2.8em;
  margin-left: auto;
}

.game_message-scroll {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 100%;
  height: 100%;
  padding: 4em 4.6em 14.6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.game_message-gradient {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 15em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 250, 239, 0)), color-stop(31%, rgba(254, 250, 239, 0.94)), to(#fefaef));
  background-image: linear-gradient(180deg, rgba(254, 250, 239, 0), rgba(254, 250, 239, 0.94) 31%, #fefaef);
}

.question_top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.question_error {
  display: none;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.speeding_restart {
  display: none;
}

.small-message {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1000;
  display: block;
  width: 58em;
  margin-top: 2.2em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.6em 2.3em;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 1em;
  background-color: #e6e0d0;
  opacity: 0;
  text-align: center;
}

.map-wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 8;
  display: none;
  width: 50%;
  height: 100vh;
  margin-left: 50vw;
  padding-bottom: 15.8em;
  border-right: 0.19em solid #000;
  background-color: #fefaef;
  opacity: 0;
}

.map-wrap.show {
  display: block;
  opacity: 1;
}

.map {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 37em;
  max-height: 100%;
  font-size: 1.25em;
}

.map_size {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 28em;
  margin-top: 0em;
  margin-left: 0em;
}

.map_size.is-1 {
  width: 19em;
  margin-top: 16.6em;
  margin-left: 28em;
}

.map_size.is-2 {
  width: 31em;
  margin-top: 19.7em;
  margin-left: 2.4em;
}

.map_size.is-3 {
  width: 22em;
  margin-top: 2.4em;
  margin-left: 19em;
}

.map_size.is-4 {
  width: 21em;
  margin-top: 21em;
  margin-left: 15em;
}

.map_size.is-5 {
  width: 18.5em;
  margin-top: 1.4em;
  margin-left: 1em;
}

.map_size.is-6 {
  width: 19em;
  margin-top: 17em;
  margin-left: 36.9em;
}

.map_size.is-7 {
  width: 10em;
  margin-top: 27em;
  margin-left: 31em;
}

.map_size.is-8 {
  width: 21em;
  margin-top: 34.7em;
  margin-left: 2.6em;
}

.map_drag {
  width: 100%;
}

.map_rotate {
  width: 100%;
}

.map_img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
}

.map_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tires {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding-top: 2em;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.tires_item {
  width: 100%;
}

.tires_qr-wrap {
  width: 100%;
  padding: 1px 1.2em 1.2em;
  border-radius: 2em;
  background-color: #ffb6d7;
}

.tires_qr-wrap.is-blue {
  background-color: #70c0c7;
}

.tires_qr-wrap.is-yellow {
  background-color: #f9d369;
}

.tires_qr-wrap.is-red {
  background-color: #f55b5b;
}

.tires_qr {
  width: 100%;
  mix-blend-mode: multiply;
}

.tires_qr.is-2 {
  display: none;
}

.tires_qr.is-1 {
  display: none;
}

.tires_member {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 6em;
  height: 6em;
  margin-top: -3em;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100vw;
  background-color: #ffb6d7;
}

.tires_member.is-blue {
  background-color: #70c0c7;
}

.tires_member.is-yellow {
  background-color: #f9d369;
}

.tires_member.is-red {
  background-color: #f55b5b;
}

.tires_person {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}

.tires_answer {
  width: 100%;
  min-height: 1.6em;
  margin-bottom: 0px;
  padding: 0px 1.3em 0.25em;
  border: 0.18rem solid #000;
  border-radius: 0.4em;
  background-color: #fff;
  font-family: freehouse;
  font-size: 3em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.tires_answer:focus {
  border-color: #70c0c7;
}

.tires_answer-wrap {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding-top: 1.1em;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.tires_sub {
  margin-top: 1.1em;
}

.restart_link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #f55b5b;
  cursor: pointer;
}

.restart_link:hover {
  color: #000;
}

.restart_icon {
  width: 2em;
  height: 2em;
  margin-left: 0.8em;
}

.restart_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.restart_click {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fefaef;
}

.eat_instructions {
  position: relative;
  display: none;
  width: 100%;
  padding: 2.2em;
  border: 0.19em solid #000;
  border-radius: 1em;
  background-color: #ffb6d7;
  text-align: center;
}

.map_embed {
  position: relative;
  z-index: 2;
  opacity: 0;
}

.pump_tap-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-color: #fefaef;
  -o-object-fit: contain;
  object-fit: contain;
}

.pump_tap-img.is-2 {
  display: none;
}

.page-css {
  display: none;
}

.drive {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 999;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fefaef;
}

.drive.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.drive_game {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40vw;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drive_game.is-show-full {
  -webkit-transform: scale(0.05);
  -ms-transform: scale(0.05);
  transform: scale(0.05);
}

.game_intro {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  margin-top: 31.1em;
  margin-right: 8.3em;
  text-align: left;
}

.game_intro-heading {
  margin-bottom: 0.4em;
  font-family: freehouse;
  line-height: 1;
  font-weight: 400;
}

.drive_track {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3100vw;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.drive_track.is-fg {
  z-index: 3;
}

.drive_flex {
  width: 3200vw;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fefaef;
  background-image: url('../images/drive-bg.svg');
  background-position: 100% 50%;
  background-size: auto 100%;
  background-repeat: repeat-x;
}

.drive_flex.is-no-bg {
  background-color: transparent;
  background-image: none;
}

.drive_car-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drive_car {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19.8em;
  height: 25%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drive_car-lottie {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 28em;
  margin-bottom: -1.6em;
  margin-left: -1em;
}

.drive_lane {
  position: relative;
  width: 100%;
  height: 25%;
}

.drive_car-hit {
  position: absolute;
  width: 80%;
  height: 80%;
}

.drive_padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 7.5em;
  padding-bottom: 6.1em;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drive_padding.is-car {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 61.1em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.drive_padding.is-1 {
  padding-right: 253.2em;
}

.drive_bad {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  width: 12em;
  height: 100%;
  margin-right: 74.9em;
}

.drive_bad.is-2 {
  margin-right: 115.5em;
}

.drive_bad.is-3 {
  margin-right: 148.3em;
}

.drive_bad.is-4 {
  margin-right: 231em;
}

.drive_bad.is-5 {
  margin-right: 188.4em;
}

.drive_bad.is-6 {
  margin-right: 277.1em;
}

.drive_bad.is-7 {
  margin-right: 451.9em;
}

.drive_bad.is-8 {
  margin-right: 586.6em;
}

.drive_bad.is-9 {
  margin-right: 686.2em;
}

.drive_bad.is-10 {
  margin-right: 346.9em;
}

.drive_bad.is-11 {
  margin-right: 493.9em;
}

.drive_bad.is-12 {
  margin-right: 635.1em;
}

.drive_bad.is-13 {
  margin-right: 252.5em;
}

.drive_bad.is-14 {
  margin-right: 300em;
}

.drive_bad.is-15 {
  margin-right: 409.3em;
}

.drive_bad.is-16 {
  margin-right: 538.9em;
}

.drive_bad.is-17 {
  margin-right: 536.7em;
}

.drive_bad.is-18 {
  margin-right: 790.9em;
}

.drive_bad.is-19 {
  margin-right: 728.8em;
}

.drive_bad.is-20 {
  margin-right: 845.6em;
}

.drive_bad.is-21 {
  margin-right: 883em;
}

.drive_bad.is-22 {
  margin-right: 1276.2em;
}

.drive_bad-lottie {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100%;
  height: 160%;
  margin-bottom: -0.1em;
}

.drive_bad-hit {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.drive_car-shape {
  display: none;
  width: 100%;
  height: 50%;
  margin-top: 3em;
  border-radius: 100%;
  background-color: rgba(148, 144, 131, 0.44);
}

.drive_bad-shape {
  display: none;
  width: 100%;
  height: 50%;
  margin-top: 3em;
  border-radius: 100%;
  background-color: rgba(148, 144, 131, 0.44);
}

.drive_lane-group {
  position: relative;
  width: 901em;
  height: 100%;
}

.drive_overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 39, 88, 0.77)), color-stop(50%, rgba(67, 75, 108, 0)));
  background-image: linear-gradient(180deg, rgba(27, 39, 88, 0.77), rgba(67, 75, 108, 0) 50%);
}

.oil {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  width: 33em;
  margin-top: 11.8em;
  margin-left: 339.5em;
}

.oil.is-2 {
  margin-left: 158.6em;
}

.oil.is-3 {
  margin-left: 286em;
}

.windmil {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  width: 14em;
  margin-top: 4em;
  margin-left: 287.2em;
}

.windmil.is-2 {
  margin-left: 35.8em;
}

.windmil.is-3 {
  margin-left: 265.2em;
}

.windmil.is-4 {
  margin-left: 90.3em;
}

.hiker {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  width: 11em;
  margin-top: 14.1em;
  margin-left: 60.3em;
}

.game_track-gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 2;
  width: 360vw;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#434b6c), to(rgba(67, 75, 108, 0)));
  background-image: linear-gradient(90deg, #434b6c, rgba(67, 75, 108, 0));
}

.start-game.is-baby-mode {
  display: block;
}

.drive_health {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 29em;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 1.8em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drive_progress-bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 2em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 100vw;
}

.drive_progress-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 100vw;
  -webkit-transition: width 100ms ease;
  transition: width 100ms ease;
}

.drive_progress-fill {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
  background-color: #ffb6d7;
}

.drive_progress-outline {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0.19em;
  border-color: #000;
  border-radius: 100vw;
}

.drive_error {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: none;
  padding: 3.5em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fefaef;
}

.drive_win {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  display: none;
  padding: 6.5em 3.5em 3.5em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fefaef;
}

.drive_win.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.drive_vid {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.drive_win-text {
  position: relative;
  z-index: 2;
}

.drive_win-title {
  width: 100%;
  font-family: cubano;
  font-size: 5em;
  line-height: 1.1;
  font-weight: 400;
}

.drive_countdown {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drive_countdown-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20em;
  height: 20em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100vw;
  background-color: #f9d369;
}

.drive_countdown-num {
  padding-bottom: 0.28em;
  font-family: freehouse;
  font-size: 9em;
  line-height: 0.4;
  font-weight: 400;
  text-align: center;
}

.wind {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  width: 27em;
  margin-top: 6.8em;
  margin-left: 359.4em;
}

.wind.is-2 {
  margin-top: 5.3em;
  margin-left: 200.4em;
}

.wind.is-3 {
  margin-top: 2.4em;
  margin-left: 285.1em;
}

.wind.is-4 {
  margin-top: 4.6em;
  margin-left: 113.8em;
}

.mobile-message {
  display: none;
}

.drive_final-score {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}

.drive_final-score.show {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.drive_score-card {
  padding: 1.7em 2.6em;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
  background-color: #fefaef;
  text-align: center;
}

.score_sub {
  margin-bottom: 0.8em;
  font-size: 1.3em;
  line-height: 1;
}

.score_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.8em;
  padding-bottom: 1.8em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1.5px solid #e6e0d0;
}

.score_group.is-middle {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.score_group.is-last {
  border-bottom-width: 0px;
}

.score_group.baby-mode-score {
  display: none;
}

.score_number {
  padding-bottom: 0.3em;
  font-family: freehouse;
  color: #70c0c7;
  font-size: 3.9em;
  line-height: 0.4;
  font-weight: 400;
}

.score_number.minus {
  color: #f55b5b;
}

.van_chat {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 17em;
  margin-top: -10.4em;
  margin-left: 22.4em;
  opacity: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.chat {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  width: 16em;
  margin-top: 5.6em;
  margin-left: 360.4em;
  opacity: 0;
}

.chat.is-2 {
  margin-left: 228.4em;
}

.chat.is-3 {
  margin-left: 83em;
}

.chat.is-4 {
  margin-left: 310.7em;
}

.chat.is-5 {
  margin-left: 256.2em;
}

.chat.is-6 {
  margin-left: 171.4em;
}

.chat.is-7 {
  margin-left: 113em;
}

.chat.is-8 {
  margin-left: 374.7em;
}

.chat.is-9 {
  margin-left: 170.5em;
}

.password {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fefaef;
}

.password_wrap {
  width: 36em;
  max-width: 100%;
}

.password_label {
  margin-bottom: 0.5em;
}

.password_field {
  height: 2.9em;
  margin-bottom: 0px;
  padding: 0em 1.3em;
  border-style: solid;
  border-width: 0.1em;
  border-color: #000;
  border-radius: 100vw;
  background-color: #fffdf8;
  font-size: 2.1em;
}

.password_field:focus {
  border-color: #f55b5b;
}

.final-game-warn-wrap {
  margin-top: 2.6em;
  padding: 1em 1.8em;
  border-radius: 1.2em;
  background-color: rgba(245, 91, 91, 0.13);
  color: #fc2a2a;
}

.welcome {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome_div {
  padding: 0.6em 1.6em;
  border-radius: 0.7em;
  background-color: #ffb6d7;
  font-size: 0.55rem;
}

.sign-wrap {
  margin-left: -1.3em;
}

.drive_team {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}

.drive_team.show {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.team_card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.7em 2.6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2em 0em 0em 2em;
  background-color: #fefaef;
  text-align: center;
}

.drive_final-form {
    min-width: 1200px;
    position: absolute;
    left: auto;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translate(0px, 100%);
}

.drive_wallet-card {
    top: -35%;
    display: flex;
    position: relative;
    padding: 1.7em 2.6em;
    border-radius: 2em;
    background-color: #fefaef;
    text-align: center;
    flex-direction: column;
    align-items: center;
    transform: translate(0px, 50%);
}

.drive_wallet-card .score_group {
    padding-top: 0.8em;
}

form.form {
    width: 100%;
    padding: 0 5%;
}

.wallet_answer {
    width: 100%;
    min-height: 2.2em;
    margin-bottom: 0px;
    padding: 10px 1.3em 15px;
    border: 0.18rem solid #000;
    border-radius: 50px;
    background-color: #fff;
    font-family: monospace;
    font-size: 2.2em;
    font-weight: 400;
    text-align: center;
    text-transform: initial;
}

.button.score {
    width: 430px;
    margin: 25px auto 15px;
    height: 6em;
}

button#submit {
    width: 100%;
    padding: 7px 1.3em 0.25em;
    background-color: transparent;
    font-size: 2.2em;
    font-weight: 500;
    text-align: center;
    text-transform: initial;
    font-family: 'paralucent';
}

.qr_wrap {
  position: relative;
  width: 100%;
  mix-blend-mode: multiply;
}

.qr_height {
  width: 100%;
  padding-top: 100%;
}

.qr {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.pump_welcome {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: none;
  background-color: #fefaef;
}

.welcome_list {
  position: relative;
  width: 100%;
  height: 100%;
}

.welcome_item {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.welcome_wrap {
  width: 100%;
  height: 100%;
}

.welcome_headshot {
  width: 70%;
}

.welcome_name {
  font-family: freehouse;
  font-size: 4em;
  line-height: 1;
  font-weight: 400;
}

.welcome_headshot-contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15em;
  height: 15em;
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100vw;
  background-color: #fefaef;
}

.welcome_sub {
  margin-top: 1.2em;
}

.show_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.show-answer {
  margin-top: 2em;
  color: #f55b5b;
}

.show-answer_icon {
  width: 2em;
  height: 2em;
  margin-right: 0.8em;
}

.show-answer_icon.is-2 {
  display: none;
}

.show-answer_text.is-2 {
  display: none;
}

.questions_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.drive_health-text {
  margin-bottom: 0.4em;
  font-family: freehouse;
  color: #000;
  font-size: 1.7em;
  line-height: 1.1;
  font-weight: 400;
}

.pump_p {
  margin-top: 0.5em;
  font-style: italic;
}

.load-link {
  display: none;
}

@media screen and (max-width: 991px) {
  .container {
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .page-wrapper {
    display: none;
  }

  .mobile-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    padding: 4em 6vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    font-size: 1rem;
    text-align: center;
  }

  .mobile-message_icon {
    width: 5em;
    height: 5em;
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 479px) {
  .pump_body {
    font-size: 2.35vw;
  }

  .mobile-message_p {
    width: 100%;
    max-width: 10em;
    margin-right: auto;
    margin-left: auto;
  }
}

#w-node-bae59724-3b05-5145-901d-b17c3a20fb5c-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_36244f59-d858-6bb5-d37d-cbf040e4c5a8-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a0d9b944-7746-ebe7-6d59-cee56ba23163-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c4630886-fadf-aa1c-d348-b51cf6557997-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_103ffcea-fa52-54e4-0b2e-8b01872b5360-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-e79279c2-4885-8c61-aea6-f31254bb5a74-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dc3f0f5e-c534-4dbd-d183-eef9f5a2cb90-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_39de161d-ede4-9708-40a9-10cfcac9651d-57ab090d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}