@charset "UTF-8";
  @import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap);

  img,
  li {
    display: inline-block
  }


  pre,
  textarea {
    overflow: auto
  }

  .cf:after,
  .container,
  .container:after,
  footer:after,
  header:after,
  main:after,
  nav:after,
  section:after {
    clear: both
  }

  .main,
  .step-text,
  .title {
    text-align: center
  }

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

  li,
  textarea {
    vertical-align: top
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section {
    display: block
  }

  ol,
  ul {
    list-style: none
  }

  li {
    zoom: 1
  }

  blockquote,
  q {
    quotes: none
  }

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

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

  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
  }

  b,
  optgroup,
  strong {
    font-weight: 700
  }

  html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
  }

  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline
  }

  audio:not([controls]) {
    display: none;
    height: 0
  }

  [hidden],
  template {
    display: none
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
  }

  sup {
    top: -.25em
  }

  sub {
    bottom: -.25em
  }

  img {
    border: 0;
    height: auto !important;
    margin: 0 auto;
    max-width: 100%;
    width: auto
  }

  svg:not(:root) {
    overflow: hidden
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0
  }

  button {
    overflow: visible
  }

  .sr-only,
  .wall-container,
  body {
    overflow: hidden
    color:#fff;
  }

  button,
  select {
    text-transform: none
  }

  button,
  html input[type=button],
  input[type=reset],
  input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
  }

  button[disabled],
  html input[disabled] {
    cursor: default
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  input {
    line-height: normal
  }

  input[type=checkbox],
  input[type=radio],
  td,
  th {
    padding: 0
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    height: auto
  }

  input[type=search] {
    -webkit-appearance: textfield
  }

  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  legend {
    border: 0;
    padding: 0
  }

  a {
    background: 0 0;
    text-decoration: none
  }

  a:active,
  a:focus,
  a:hover {
    border: none;
    outline: 0;
    text-decoration: none
  }

  ::selection {
    background: #6a6a6a;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #060606
  }

  ::-moz-selection {
    background: #6a6a6a;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #060606
  }

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0
  }

  .main,
  .rules li {
    position: relative
  }

  .logo,
  .logo img,
  .step {
    margin: auto
  }

  ::-webkit-input-placeholder {
    color: inherit;
    opacity: .5;
    font-family: inherit
  }

  :-moz-placeholder {
    color: inherit;
    opacity: .5;
    font-family: inherit
  }

  ::-moz-placeholder {
    color: inherit;
    opacity: .5;
    font-family: inherit
  }

  :-ms-input-placeholder {
    color: inherit;
    opacity: .5;
    font-family: inherit
  }


  .btn {
    cursor: pointer;
    background-color: #D71F29;
    color: #fff
  }


  .btn:active,
  .btn:hover,
  button {
    cursor: pointer;
    background-color: #D71F29;
    color: #000 !important
  }

  *,
  :after,
  :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  body,
  html {
    font: 400 62.5%/1 Arial, sans-serif;
    height: 100%
  }

  body {
    background: #000;
    color: #fff;
    font-size: 100%;
    overflow-y: visible
  }

  .container,
  a,
  footer,
  header,
  main,
  nav,
  section {
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out
  }

  .cf:after,
  .cf:before,
  .container:after,
  .container:before,
  footer:after,
  footer:before,
  header:after,
  header:before,
  main:after,
  main:before,
  nav:after,
  nav:before,
  section:after,
  section:before {
    display: table;
    content: " "
  }

  .container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1300px
  }

  .dib,
  .title {
    display: inline-block
  }

  .header {
    padding: 4.3em 0
  }

  .logo img {
    display: block;
    max-width: 200px;
    width: 100%
  }

  .main {
    padding-bottom: 1em
  }

  .btn::before,
  .rules__number,
  .step {
    position: absolute
  }

  .step {
    left: 50%;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    max-width: 92%;
    width: 960px;
    z-index: 2;
    transform: translateX(-50%) scale(0)
	
  }

  .step--active,
  .step.step--1.step--active {
    opacity: 1;
    top: 80px;
    visibility: visible;
    z-index: 3;
    max-width: 80%
  }

  .step:not(.step--active) {
    transition: none
  }

  .step--xl {
    width: 1120px
  }

  .step.step--1.step--active {
    display: block;
    pointer-events: unset;
    transform: translateX(-50%) scale(1.1);
    transition: none
  }

  .step--active {
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out, -webkit-transform .2s ease-out;
    -o-transition: opacity .2s ease-out, visibility .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out .2s, visibility .2s ease-out .2s, transform .2s ease-out .2s, -webkit-transform .2s ease-out .2s;
    -webkit-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1)
  }

  .step--final.step--active {
    top: 0;
    max-width: 100%
  }

  section.step.step--8.step--final.thank-you.step--active {
    max-width: 80%;
    top: 20px
  }

  .step--done,
  .step.step--1.step--active.step--done {
    opacity: 0 !important;
    visibility: hidden !important;
    -webkit-transition: opacity .5s ease-out, visibility .5s ease-out, -webkit-transform .5s ease-out;
    -o-transition: opacity .5s ease-out, visibility .5s ease-out, transform .5s ease-out;
    transition-delay: .2s;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    z-index: 1 !important
  }

  .title {
    font-size: 3em;
    margin-bottom: .87em
  }

  .title--lg {
    font-size: 3.5em
  }

  .title--pill {
    background: #5a5a5a;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    padding: .5em 1em
  }

  .fab,
  .step-option__desc,
  .step-text,
  .title strong,
  .title--ab {
    font-family: arial black, Arial, sans-serif;
    font-weight: 700
  }

  .title strong,
  .yellow {
    color: #D71F29;
    font-weight: 500
  }

  .step--final .title--lg {
    padding-left: 0;
    padding-right: 0
  }

  .step-text {
    display: block;
    font-size: 3em;
    margin-bottom: 1.33em
  }

  .step-text-sm {
    font-size: 1.9em;
    line-height: 1.2;
    margin-bottom: 1em
  }

  .rules {
    max-width: 1080px;
    margin: 0 auto 1em;
    text-align: left
  }

  .rules li {
    margin-bottom: .5em;
    padding: .25em 0 0 2.21em
  }

  .rules__number {
    border-radius: 100%;
    background: #D71F29;
    color: #000;
    display: inline-block;
    margin-right: .53em;
    line-height: 1.68em;
    height: 1.68em;
    left: 0;
    top: 0;
    width: 1.68em;
    text-align: center
  }

  .step-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }

  .step-options--thumbs {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
  }

  .step-option {
    margin: 0 0 1em;
    flex: 0 1 auto;
    transition: transform .15s ease-out, filter .25s ease-out;
    width: calc(33.3333% - 1.5em)
  }

  .step-option:hover {
    cursor: pointer
  }

  .step-option__image {
    border: 4px solid #D71F29;
    display: block;
    transition: border-color .25s ease-out;
    width: 85%;
    max-height: 26em !important;
    border-radius: 50%
  }

  .step-option:hover .step-option__image {
    border-color: #D71F29
  }

  .step-option__desc {
    display: block;
    font-size: 2.1em;
    padding-top: 1em;
    text-align: center
  }

  .step-options--thumbs:hover .step-option:not(:hover) {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
  }

  .step-options--checkbox:hover .step-option:not(:hover) {
    -webkit-filter: grayscale(.5);
    filter: grayscale(.5)
  }

  .selected-li,
  .step-options:hover .step-option:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
  }

  .step-buttons .btn:hover,
  .step-buttons .selected-li {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .step-options--checkbox .step-option {
    margin-bottom: 2em;
    text-align: left;
    width: 32%
  }

  .step-options--checkbox .step-option__desc,
  .step-options--checkbox .step-option__image {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: auto
  }

  .step-options--checkbox .step-option__image {
    margin-right: 2em
  }

  .step-option__checkbox,
  .step-option__checkbox-text {
    display: inline-block;
    vertical-align: middle
  }

  .step-option__checkbox {
    border: 2px solid #D71F29;
    height: 1.1em;
    width: 1.1em
  }

  .step-option--checked .step-option__checkbox {
    background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAXVBMVEUAAAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zAD/zACm8i2ZAAAAHnRSTlMA+vHCZFwYDt/Z1c64sJNvVz4e7OSimntQRUMpJAKcgLWDAAABAWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iPz48cjpSREYgeG1sbnM6cj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+PHI6RGVzY3JpcHRpb24geG1sbnM6eD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+PHg6Q3JlYXRlRGF0ZT4yMDE5LTAxLTA3VDE3OjI1OjE3LTAwOjAwPC94OkNyZWF0ZURhdGU+PC9yOkRlc2NyaXB0aW9uPjwvcjpSREY+PD94cGFja2V0IGVuZD0iciI/PrFmeXAAAABtSURBVAjXTcxXEoMwDADRxcYm1ATSqLr/MUGmeX88T9aIqLFqfMQhEbGRrYiYmy/Zyi9mH7WDpQt+KmvwlbEzdG91C/X2PCZ+yi9Qig6c0eNezyZy1uyHzkGeEXKHU47SsFHqdzRoueuL4k9oBWryCh1E735QAAAAAElFTkSuQmCC) center center/.71em no-repeat;
    -webkit-background-size: .71em;
    -moz-background-size: .71em;
    -o-background-size: .71em
  }

  .btn {
    background: #D71F29;
    -webkit-border-radius: .1em;
    -moz-border-radius: .1em;
    border-radius: .1em;
    border: none;
    color: #000;
    display: block;
    font: bold 3em/1 Oswald, sans-serif;
    margin: 0 auto .25em;
    max-width: 574px;
    padding: .5em .4em;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: transform .15s linear;
    -moz-transition: transform .15s linear;
    -ms-transition: transform .15s linear;
    -o-transition: transform .15s linear;
    transition: transform .15s linear;
    z-index: 1
  }

  .comment__author,
  .comment__date,
  .subtitle {
    font: 900 2.2em/1 "Arial Black", Arial, sans-serif
  }

  .btn::before {
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .33);
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(.35, 1, 1);
    transform: scale3d(.35, 1, 1);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.2, 1, .3, 1), opacity .4s cubic-bezier(.2, 1, .3, 1);
    transition: transform .4s cubic-bezier(.2, 1, .3, 1), opacity .4s cubic-bezier(.2, 1, .3, 1)
  }

  .btn:active,
  .btn:hover,
  .btn:hover::before {
    color: #000
  }

  .progress-bar-loading {
    background: rgba(255, 205, 25, .1);
    max-width: 348px;
    height: 8.4em;
    margin: 0 auto;
    padding: 0;
    border: 2px solid #D71F29;
    box-shadow: 0 4px 4px -4px rgba(255, 255, 255, .4), 0 -3px 3px -3px rgba(255, 255, 255, .25), inset 0 0 12px 0 #867948;
    position: relative;
    overflow: hidden
  }

  .progress-bar__bar {
    width: 100%;
    height: 100%;
    background: #D71F29;
    box-shadow: 0 0 12px 0 #867948, inset 0 1px 0 0 rgba(255, 255, 255, .45), inset 1px 0 0 0 rgba(255, 255, 255, .25), inset -1px 0 0 0 rgba(255, 255, 255, .25);
    -webkit-animation: 7s forwards progress;
    -moz-animation: 7s forwards progress;
    -o-animation: 7s forwards progress;
    animation: 7s forwards progress;
    position: absolute;
    top: 0;
    left: 0;
    display: none
  }

  .comment,
  .step--active .progress-bar__bar {
    display: block
  }

  @-webkit-keyframes progress {
    0% {
      width: 0
    }

    30%,
    45% {
      width: 30%
    }

    100% {
      width: 100%
    }
  }

  @-moz-keyframes progress {
    0% {
      width: 0
    }

    30%,
    45% {
      width: 30%
    }

    100% {
      width: 100%
    }
  }

  @-o-keyframes progress {
    0% {
      width: 0
    }

    30%,
    45% {
      width: 30%
    }

    100% {
      width: 100%
    }
  }

  @keyframes progress {
    0% {
      width: 0
    }

    30%,
    45% {
      width: 30%
    }

    100% {
      width: 100%
    }
  }

  .step-comments {
    margin-top: 3em;
    text-align: left
  }

  .subtitle {
    margin-bottom: 1em
  }

  @media all and (max-width:1023px) {
    .step-option {
      width: calc(33.3333% - 1.5em)
    }

    .header {
      padding: 3.9em 0
    }

    .logo {
      max-width: 360px
    }

    .step-options--checkbox .step-option__image {
      margin-right: 1em;
      max-width: 85px
    }

    .step-option__desc {
      font-size: 1.6em
    }

    .step-options--checkbox .step-option {
      margin-bottom: 1.5em
    }

    .title {
      font-size: 2.6em
    }

    .step--final .title--lg {
      font-size: 4em
    }

    .step-text {
      font-size: 2.2em
    }

    .btn {
      font-size: 3.5em
    }

    .step-comments {
      font-size: .8em
    }
  }

  @media all and (max-width:767px) {
    .header {
      padding: 2.5em 0
    }

    .logo {
      max-width: 360px
    }

    .step-text {
      font-size: 2em
    }

    .step--final .step-text {
      margin-left: auto;
      margin-right: auto
    }

    .step-text-sm {
      font-size: 1.5em
    }

    .step-option__desc {
      font-size: 1.6em
    }

    .step-options--checkbox .step-option__image {
      margin-right: 1em;
      max-width: 95px
    }

    .step-options--checkbox .step-option {
      width: 50%
    }

    .title {
      font-size: 2.1em
    }

    .title--pill {
      padding: .64em 2.14em .58em
    }

    .btn {
      font-size: 3em
    }

    .step--final .title--lg {
      font-size: 3.5em;
      margin-bottom: .5em
    }

    .step--final .step-text {
      font-size: 1.8em;
      max-width: 400px
    }

    .step-comments {
      font-size: .75em
    }

    .comment {
      margin-bottom: 1em
    }

    .comment:not(.comment--np) {
      padding: 1.5em
    }

    .step-option__image {
      height: auto !important
    }
  }

  @media all and (max-width:579px) {
    .title {
      font-size: 2.3em;
      margin-bottom: .65em
    }

    .step--final .title--lg {
      padding-top: 0;
      padding-bottom: 0
    }

    .title--lg {
      font-size: 3.84em
    }

    .step-text {
      font-size: 2.2em
    }

    .step-option {
      width: calc(50% - 1em);
      margin: 10px auto
    }

    .step-options--checkbox .step-option {
      text-align: center;
      width: 33.3333%
    }

    .step-options--checkbox .step-option__image {
      margin: 0 auto .5em;
      max-width: none
    }

    .comment__reply .btn {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      margin: .5em .5em .5em auto;
      font-size: 1.6em
    }

    .comment__reply__input,
    .comment__text {
      font-size: 1.9em
    }

    .btn {
      font-size: 2.8em
    }

    .step-comments {
      font-size: .7em
    }

    .step-options--checkbox .step-option__desc {
      font-size: 1.9em;
      font-family: Arial, sans-serif;
      font-weight: 700
    }
  }

  @media all and (max-width:479px) {
    .header {
      padding: 2.5em 0
    }

    .logo {
      max-width: 55%
    }

    .title {
      font-size: 2em;
      margin-bottom: .49em;
      padding: .73em 2em .55em
    }

    .title--lg {
      font-size: 3.34em
    }

    .step-text {
      font-size: 2em
    }

    .step--final .step-text {
      font-size: 1.9em;
      margin-bottom: 1em
    }

    .step-option__desc {
      font-size: 1.9em
    }

    .step-options--checkbox .step-option__desc {
      font-size: 1.8em
    }

    .step-option {
      width: calc(50% - .75em)
    }

    .comment__reply__input,
    .comment__text {
      font-size: 1.75em
    }

    .comment__reply .btn {
      font-size: 1.5em
    }

    .btn {
      font-size: 2.5em
    }
  }

  @media all and (max-width:379px) {
    .header {
      padding: 3em 0
    }

    .logo {
      max-width: 65%
    }

    .title {
      font-size: 1.8em;
      margin-bottom: .37em;
      padding: .48em 1.32em .36em
    }

    .title--lg {
      font-size: 3em
    }

    .step-text {
      font-size: 1.8em
    }

    .step--final .step-text {
      font-size: 1.7em;
      margin-bottom: .75em
    }

    .step-option__desc,
    .step-options--checkbox .step-option__desc {
      font: 1.5em/1 Arial, sans-serif;
      letter-spacing: -.2px;
      letter-spacing: -.02em
    }

    .step-option {
      width: calc(50% - .5em)
    }

    .step-option__checkbox {
      height: .9em;
      width: .9em
    }

    .comment__reply__input,
    .comment__text {
      font-size: 1.6em
    }

    .comment__reply .btn {
      font-size: 1.4em
    }

    .btn {
      font-size: 2.4em
    }

    .step--final .title--lg {
      font-size: 3em;
      margin-bottom: .25em
    }
  }

  @media only screen and (max-width:359px) {
    .step--final .title--lg {
      font-size: 2.5em;
      margin-bottom: .25em
    }

    .step--final .step-text {
      font-size: 1.5em;
      margin-bottom: .5em
    }

    .step--final .step-text-sm {
      font-size: 1.3em
    }

    .rules li {
      margin-bottom: .1em
    }
  }

  .progress-bar-success {
    background-color: #D71F29
  }

  .progress {
    background-color: #5a5a5a;
    max-width: 600px;
    margin: 0 auto
  }

  .gift-img,
  .select-image div:first-of-type,
  .select-image div:nth-of-type(2) {
    margin-bottom: 2em
  }

  @media(max-width:620px) {
    .progress {
      max-width: 90%
    }
  }

  .gift-img {
    max-height: 80px
  }

  .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 9
  }


   body.mbl .offers-page .title strong {
    font-size: 1.5em
  }

  body {
    overflow: hidden;
    position: relative;
  }

  .header {
    padding: 2em 0;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #000;
  }

  .main {
    padding-bottom: 1em;
    position: initial;
    text-align: center;
  }

  .logo img {
    max-width: 200px;
  }

  .banner video {
    width: 100%;
    object-fit: cover;
    /* min-height: calc(88vh - 0px); */
    object-position: top;
  }

  .bottom-text-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #000;
    padding: 20px;
    font-size: 30px;
  }

  .continue-button {
    bottom: 8em;
    position: absolute;
    width: 100%;
    padding: 20px;
  }

  .mobile {
    display: none
  }

  .full-width {
    width: 100%;
  }

  .ready-continue-button {
    margin: 20px 0;
  }

  .ready-continue-button .btn {
    font-size: 4em;
  }

  .btn#start-page-button {
    font-size: 4em;
  }

  .ready-page-text {
    font-size: 4em;
    font-family: 'Oswald';
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 1.33em;
    color:#fff;
  }

  .steps-container {
    display: none;
  }

  section.step {
    margin-top: 10em;
	    background-color: #000000a3;
		padding:30px;
  }

  .cf:after,
  .cf:before,
  .container:after,
  .container:before,
  footer:after,
  footer:before,
  header:after,
  header:before,
  main:after,
  main:before,
  nav:after,
  nav:before,
  section:after,
  section:before {
    content: none;
  }

  .step.step--1.step--active {
    display: block;
    opacity: 1;
    visibility: initial;
    top: 80px;
    max-width: 80%;
    z-index: 3;
    pointer-events: unset;
    transform: translateX(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) scale(1.1);
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;

    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
  }

  .step-2-bg-container {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -7%;
    object-fit: cover;
    width: 152%;
    height: 100%;

    .step-2-bg {
      width: 25%;
      padding: 10px;
    }
  }

  input {
    color: #000;
    font-size: 2em;
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 0;
  }

  .input-form {
    width: 95%;
    max-width: 700px;
    margin: auto;
  }

  .terms-service {
    padding: 20px;
    font-size: 2em;

    a,
    a:visited {
      color: #D71F29;
    }
  }

  section.step.step--9.step--active {
    width: 111%;
    height: 67vh;
  }

  #ready-page {
    background-image: url(/tour1/assets/kink-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


  .dsk {
    background-image: url(/tour1/assets/kink-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  @media (max-width: 991.98px) {
    #ready-page {
      background-image: url(/tour1/assets/kink-bg.jpg);
    }

    .desktop {
      display: none;
    }

    .mobile {
      display: block;
    }

    .banner video {
      width: 100%;
      height: calc(85vh - 0px);
      object-fit: cover;
    }

    .btn#start-page-button,
    .ready-continue-button .btn,
    .ready-page-text {
      font-size: 3em;
    }

    .bottom-text-bar {
      font-size: 18px;
    }
  }