@import url(/assets/css/vendor/animate.min.css);
@import url(/assets/css/vendor/fontawesome/css/all.css);
@import url(/assets/css/vendor/fontawesome-pro-5.15.4/css/all.css);
@font-face {
  font-family: 'BebasNeueRegular';
  src: url(/assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_regular-webfont.woff2) format("woff2"), url(/assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_regular-webfont.woff) format("woff"), url(//assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_regular-webfont.otf) format("opentype"), url(//assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_regular-webfont.ttf) format("ttf");
  font-weight: 400; }
@font-face {
  font-family: 'BebasNeueBold';
  src: url(/assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_bold-webfont.woff2) format("woff2"), url(/assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_bold-webfont.woff) format("woff"), url(//assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_bold-webfont.otf) format("opentype"), url(//assets/fonts/BebasNueue/dharma_type_-_bebas_neue_pro_expanded_bold-webfont.ttf) format("ttf");
  font-weight: 800; }
@font-face {
  font-family: 'RobotoMedium';
  src: url(/assets/fonts/Roboto/roboto-medium-webfont.woff2) format("woff2"), url(/assets/fonts/Roboto/roboto-medium-webfont.woff) format("woff"), url(//assets/fonts/Roboto/Roboto-Medium.ttf) format("ttf");
  font-weight: 500; }
@font-face {
  font-family: 'SFProSemiBold';
  src: url(/assets/fonts/SFPRO/SFPRODISPLAYBOLD.OTF) format("opentype"), url(/assets/fonts/SFPRO/SFProDisplay-Bold.ttf) format("ttf"), url(/assets/fonts/SFPRO/SFProDisplay-Bold.woff) format("woff"), url(/assets/fonts/SFPRO/SFProDisplay-Bold.woff2) format("woff2"); }
@font-face {
  font-family: 'SFProMedium';
  src: url(/assets/fonts/SFPRO/SFPRODISPLAYMEDIUM.OTF) format("opentype"), url(/assets/fonts/SFPRO/SFProDisplay-Medium.ttf) format("ttf"), url(/assets/fonts/SFPRO/SFProDisplay-Medium.woff) format("woff"), url(/assets/fonts/SFPRO/SFProDisplay-Medium.woff2) format("woff2"); }
@font-face {
  font-family: 'SFProRegular';
  src: url(/assets/fonts/SFPRO/SFPRODISPLAYREGULAR.OTF) format("opentype"), url(/assets/fonts/SFPRO/sfprodisplayregular-webfont.ttf) format("ttf"), url(/assets/fonts/SFPRO/sfprodisplayregular-webfont.woff) format("woff"), url(/assets/fonts/SFPRO/sfprodisplayregular-webfont.woff2) format("woff2"); }
* {
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 14px;
  margin: auto;
  position: relative;
  height: 100%;
  background: url("") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: white;
  color: #333; }

body.no_scroll, html.no_scroll {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden !important; }

a {
  color: #000;
  text-decoration: none; }

* {
  outline: none; }

ul {
  list-style-type: none; }

.round_btn {
  width: 100%;
  background: #333;
  color: white;
  font-size: 24px;
  line-height: 29px;
  font-family: "BebasNeueRegular", sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  min-height: 56px;
  outline: none;
  border-radius: 28px;
  border: none;
  margin: 0 auto;
  cursor: pointer; }
  .round_btn .overflow_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font: inherit; }
  .round_btn .btn_icon {
    margin-right: 8px; }
  .round_btn.brand_btn {
    background: #000;
    color: white; }
  .round_btn.medium_btn {
    font-size: 19px;
    line-height: 23px;
    min-height: 49px; }
    .round_btn.medium_btn.minify_text {
      font-size: 18px;
      line-height: 22px;
      min-height: 40px; }
    .round_btn.medium_btn .btn_icon {
      font-size: 17px; }
  .round_btn.small_btn {
    font-size: 12px;
    line-height: 14px;
    min-height: 29px; }
  .round_btn.social_btn {
    background: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    color: #000;
    border: 1px solid #000; }
    .round_btn.social_btn span {
      display: flex; }
      .round_btn.social_btn span.text {
        min-width: 180px;
        font-size: 20px; }
      .round_btn.social_btn span.logo_cont {
        margin-right: 20px; }
        .round_btn.social_btn span.logo_cont img {
          width: 30px;
          max-height: 30px;
          object-fit: contain; }
  .round_btn.circular_btn {
    width: 40px;
    height: 40px; }
  .round_btn.google_btn {
    color: #444;
    font-family: "RobotoMedium"; }
    .round_btn.google_btn span.text {
      font-size: 18px; }
  @media only screen and (min-width: 768px) {
    .round_btn {
      max-width: 350px; } }

.form_row {
  width: 100%;
  display: block; }
  .form_row .form_label {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-family: "BebasNeueRegular", sans-serif;
    margin-bottom: 7px; }
  .form_row input, .form_row textarea {
    min-height: 46px;
    padding: 8px 15px;
    border: 1px solid #aebcc9;
    border-radius: 5px;
    display: block;
    font-family: "BebasNeueRegular", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    width: 100%;
    text-align: left; }
    .form_row input::placeholder, .form_row textarea::placeholder {
      opacity: 35%; }
    .form_row input.error, .form_row textarea.error {
      margin-bottom: 0;
      margin-top: 0; }

.textrea_resize_none {
  resize: none; }

.form_row_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .form_row_wrap.wrap_two .form_row {
    width: calc(50% - 8px); }

.forgot_link {
  font-family: "BebasNeueBold", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  text-align: center;
  display: block; }

.text_error, .error {
  text-align: left;
  display: none;
  color: red;
  margin: 5px auto 15px;
  font-size: 16px;
  line-height: 1; }
  .text_error.success_msg, .error.success_msg {
    text-align: center;
    color: green; }

.text_error.show_error, .error {
  display: block !important; }

.round_icon_btn {
  width: 50px;
  height: 50px;
  border: none;
  background: #5A5A5A;
  z-index: 6;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  color: white;
  font-size: 23px;
  line-height: 28px;
  padding: 0; }
  .round_icon_btn.brand_btn {
    background: #000;
    color: white; }

.mCSB_inside > .mCSB_container {
  margin-right: 0; }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent; }

.close_btn {
  width: 16px;
  height: 25px;
  font-size: 25px;
  background: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  padding: 0; }

.font_bold {
  font-family: "BebasNeueBold", sans-serif !important;
  font-weight: bold !important; }

.hidden {
  display: none; }

.pos_relative {
  position: relative !important; }

.no_scroll {
  overflow: hidden !important;
  touch-action: none;
  -ms-touch-action: none;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .no_scroll::-webkit-scrollbar {
    display: none; }

.social_sign_error {
  text-align: center; }

.flex_cont {
  display: flex;
  align-items: center; }

.flex_wrap {
  flex-wrap: wrap; }

.justify_center {
  justify-content: center; }

.fullheight {
  min-height: 100%; }

.brand_link {
  font-size: 17px;
  line-height: 26px;
  color: #000;
  text-decoration: underline;
  text-align: center;
  font-family: "BebasNeueBold", sans-serif;
  font-weight: bold; }

.disclaimer_text {
  font-size: 13px;
  line-height: 15px;
  max-width: 220px;
  margin: 0 auto;
  color: #333;
  text-align: center; }
  .disclaimer_text.width_large {
    max-width: 265px; }
  @media only screen and (min-width: 1024px) {
    .disclaimer_text {
      margin-left: 0;
      text-align: left; } }

.text_lowercase {
  text-transform: lowercase; }

/* Hide scrollbar for Chrome, Safari and Opera */
.hide_scroll::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.hide_scroll {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow: auto !important; }

.disabled_btn {
  pointer-events: none !important;
  opacity: 0.3; }

.text_capitalize {
  text-transform: capitalize; }

.disabled_anchor {
  pointer-events: none !important; }

.cursor_pointer {
  cursor: pointer !important; }

.text_decoration_underline {
  text-decoration: underline !important; }

#forgotPasswordForm {
  display: none; }

.login_section {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  display: none; }
  .login_section.error_active, .login_section.login_screen {
    display: block; }

.login_wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .login_wrapper .login_close_btn {
    position: absolute;
    top: 2px;
    right: 8px;
    color: white;
    width: auto;
    height: auto;
    padding: 20px;
    display: block; }
  .login_wrapper .card_item {
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    -o-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    min-height: calc(100%/3);
    overflow: hidden; }
    .login_wrapper .card_item .card_content_wrap {
      width: 100%;
      display: block;
      text-decoration: none; }
      .login_wrapper .card_item .card_content_wrap .card_content {
        padding: 93px 44px 58px 36px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 900px;
        width: 100%;
        -o-transition: 0.5s all ease-in-out;
        -ms-transition: 0.5s all ease-in-out;
        -moz-transition: 0.5s all ease-in-out;
        -webkit-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out; }
        @media only screen and (max-width: 450px) {
          .login_wrapper .card_item .card_content_wrap .card_content {
            padding-top: 10%;
            padding-bottom: 30px;
            min-height: 100%; } }
    .login_wrapper .card_item .card_details_wrap {
      display: none;
      background: white;
      width: 100%;
      border-bottom: 1px solid #DDDDDD; }
      .login_wrapper .card_item .card_details_wrap .card_details {
        padding: 29px 36px;
        width: 100%;
        max-width: 900px;
        margin: 0 auto; }
        .login_wrapper .card_item .card_details_wrap .card_details form {
          margin-bottom: 15px; }
        .login_wrapper .card_item .card_details_wrap .card_details.show_forgot_form > *:not(#forgotPasswordForm) {
          display: none; }
        .login_wrapper .card_item .card_details_wrap .card_details.show_forgot_form #forgotPasswordForm {
          display: block; }
    .login_wrapper .card_item.error_display .card_details_wrap {
      display: block; }
    .login_wrapper .card_item .card_title_wrap {
      flex-grow: 1;
      padding-right: 22px; }
      .login_wrapper .card_item .card_title_wrap .card_title {
        font-family: "BebasNeueRegular", sans-serif;
        font-size: 39px;
        line-height: 47px;
        color: white;
        margin: 0;
        font-weight: normal;
        -o-transition: 0.2s all ease-in-out;
        -ms-transition: 0.2s all ease-in-out;
        -moz-transition: 0.2s all ease-in-out;
        -webkit-transition: 0.2s all ease-in-out;
        transition: 0.2s all ease-in-out; }
        .login_wrapper .card_item .card_title_wrap .card_title span {
          display: block; }
        @media only screen and (max-width: 400px) {
          .login_wrapper .card_item .card_title_wrap .card_title {
            font-size: 32px;
            line-height: 42px; } }
      .login_wrapper .card_item .card_title_wrap .card_subtitle {
        font-family: "BebasNeueRegular", sans-serif;
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0 0;
        color: white; }
    .login_wrapper .card_item .dropdown_cont {
      font-size: 40px;
      color: white; }
      .login_wrapper .card_item .dropdown_cont i {
        -o-transition: 0.5s all ease-in-out;
        -ms-transition: 0.5s all ease-in-out;
        -moz-transition: 0.5s all ease-in-out;
        -webkit-transition: 0.5s all ease-in-out;
        transition: 0.5s all ease-in-out; }
    .login_wrapper .card_item:first-child {
      background-color: #000; }
    .login_wrapper .card_item:nth-child(2) {
      background-color: #5A5A5A; }
    .login_wrapper .card_item:nth-child(3) .card_title, .login_wrapper .card_item:nth-child(3) .card_subtitle, .login_wrapper .card_item:nth-child(3) .dropdown_cont {
      color: #333; }
    @media only screen and (min-width: 768px) {
      .login_wrapper .card_item {
        height: calc(100vh/3); } }
  .login_wrapper .card_item_cont {
    height: 100vh;
    background-color: white; }
    .login_wrapper .card_item_cont.active {
      min-height: 100vh; }
      .login_wrapper .card_item_cont.active .card_item {
        min-height: 0;
        height: auto;
        max-height: none; }
        .login_wrapper .card_item_cont.active .card_item.active .dropdown_cont i {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
      .login_wrapper .card_item_cont.active .card_content {
        padding-top: 58px;
        padding-bottom: 22px; }
      .login_wrapper .card_item_cont.active .card_title {
        font-size: 26px;
        line-height: 30px; }
      .login_wrapper .card_item_cont.active .card_title {
        margin-top: 6px; }
    .login_wrapper .card_item_cont.menu_closed .card_item {
      max-height: calc(100%/3); }
    .login_wrapper .card_item_cont:not(.active) {
      overflow: hidden; }

.welcome_wrapper {
  padding: 45px 36px 32px; }
  @media only screen and (min-width: 768px) {
    .welcome_wrapper {
      padding-top: 42px; } }

.welcome_cont {
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .welcome_cont .brand_btn {
      max-width: 356px; } }
  @media only screen and (min-width: 1024px) {
    .welcome_cont {
      max-width: 1088px; }
      .welcome_cont .brand_btn {
        margin-left: 0; } }
  @media only screen and (min-width: 1440px) {
    .welcome_cont {
      margin-left: 100px;
      margin-right: auto; } }

.help_btn {
  position: fixed;
  right: 12px;
  bottom: 12px; }
  @media only screen and (min-width: 768px) {
    .help_btn {
      right: 24px;
      bottom: 24px; } }
  @media only screen and (min-width: 1024px) {
    .help_btn {
      right: 40px;
      bottom: 40px; } }

.sticky_footer .help_btn {
  bottom: 75px; }

.brand_logo {
  max-width: 140px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .brand_logo {
      max-width: 185px;
      text-align: center;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .brand_logo {
      margin-left: 0; } }

.page_title {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 39px;
  line-height: 47px;
  color: #333;
  font-weight: normal;
  margin: 0;
  word-wrap: break-word; }
  @media only screen and (min-width: 768px) {
    .page_title {
      font-size: 40px;
      line-height: 48px;
      text-align: center; } }
  @media only screen and (min-width: 1024px) {
    .page_title {
      font-size: 43px;
      line-height: 52px;
      text-align: left; } }

.page_subtitle {
  font-family: "BebasNeueRegular", sans-serif;
  color: #333;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  word-wrap: break-word; }
  @media only screen and (min-width: 768px) {
    .page_subtitle {
      text-align: center;
      max-width: 536px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .page_subtitle {
      text-align: left;
      margin-left: 0;
      font-size: 20px; } }

.separator {
  max-width: 150px;
  margin: 0 auto;
  width: 100%;
  height: 2px;
  background: #DDDDDD; }
  @media only screen and (min-width: 1024px) {
    .separator {
      margin-left: 0; } }

.bottom_popup_cont {
  padding: 0 23px;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .bottom_popup_cont {
      max-width: 356px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .bottom_popup_cont {
      max-width: 310px;
      margin-left: 0;
      padding: 0; } }

.prize_section_wrap {
  padding-top: 62px;
  width: 100%; }
  .prize_section_wrap .prize_title {
    font-size: 28px;
    line-height: 34px;
    font-family: "BebasNeueRegular", sans-serif;
    color: #333;
    font-weight: normal;
    margin: 0; }
  .prize_section_wrap .prize_card_cont {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; }
    .prize_section_wrap .prize_card_cont .prize_card_item {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
      width: 100%;
      margin: 0;
      min-height: 200px;
      border-radius: 12px;
      overflow: hidden;
      background: white;
      display: flex;
      flex-direction: column; }
      @media only screen and (min-width: 1024px) {
        .prize_section_wrap .prize_card_cont .prize_card_item {
          width: calc((100% - 144px)/3);
          margin: 0 24px; } }
    .prize_section_wrap .prize_card_cont .prize_item_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 54px;
      padding: 0 26px 0 23px; }
    .prize_section_wrap .prize_card_cont .prize_item_title {
      font-family: "BebasNeueBold", sans-serif;
      font-size: 20px;
      line-height: 24px;
      flex-grow: 1;
      margin-right: 10px;
      color: #333;
      margin: 0; }
    .prize_section_wrap .prize_card_cont .prize_item_text, .prize_section_wrap .prize_card_cont .prize_item_text * {
      font-size: 14px;
      line-height: 17px;
      font-family: "BebasNeueRegular", sans-serif;
      color: #333;
      margin: 0; }
    .prize_section_wrap .prize_card_cont .prize_banner {
      width: 100%;
      height: auto;
      overflow: hidden;
      object-fit: cover; }
    .prize_section_wrap .prize_card_cont .prize_item_details {
      padding: 15px 23px 26px;
      background: white;
      margin-top: auto; }
    .prize_section_wrap .prize_card_cont .prize_item_link {
      font-family: "BebasNeueBold", sans-serif;
      font-weight: bold;
      max-width: 100px;
      margin: 0 auto 0 0; }
    @media only screen and (min-width: 1024px) {
      .prize_section_wrap .prize_card_cont {
        margin: 0 -24px; } }
  @media only screen and (min-width: 768px) {
    .prize_section_wrap {
      padding-top: 68px;
      margin-left: auto;
      margin-right: auto;
      max-width: 356px; } }
  @media only screen and (min-width: 1024px) {
    .prize_section_wrap {
      padding-top: 91px;
      max-width: 100%;
      margin-left: 0; } }

.badge_cont i {
  font-size: 20px;
  line-height: 24px;
  color: #000; }
.badge_cont img {
  max-width: 30px; }

.slide_popup_wrap {
  position: fixed;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  background: rgba(91, 102, 112, 0.35);
  z-index: 15;
  top: 200vh;
  left: 0;
  overflow: auto;
  -o-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out; }
  .slide_popup_wrap.active {
    top: 0; }
  .slide_popup_wrap.slide_alternate_popup {
    background: white; }

.slide_popup {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 40px;
  height: fill-available;
  height: 100%;
  min-height: 100vh; }
  .slide_popup .slide_popup_content {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    max-height: 100%; }

.slide_popup_content {
  background: #5b6670;
  width: 100%;
  position: relative; }
  .slide_popup_content .content_menu_wrap {
    padding: 35px 0 35px; }
  .slide_popup_content .content_menu {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    min-height: 296px; }
    .slide_popup_content .content_menu .menu_item {
      width: 100%; }
      .slide_popup_content .content_menu .menu_item .menu_link {
        width: 100%;
        display: flex;
        align-items: center;
        font-family: "BebasNeueRegular", sans-serif;
        font-size: 25px;
        line-height: 26px;
        color: white;
        background: none;
        border: none;
        padding: 0 42px 0 36px;
        margin-bottom: 23px;
        min-height: 34px;
        cursor: pointer; }
        .slide_popup_content .content_menu .menu_item .menu_link .menu_link_wrap {
          display: block;
          margin: 0 auto;
          width: 100%;
          text-align: left;
          max-width: 1088px;
          display: flex;
          align-items: center; }
          .slide_popup_content .content_menu .menu_item .menu_link .menu_link_wrap span {
            max-width: calc(100% - 40px);
            word-break: break-word; }
          @media only screen and (min-width: 1440px) {
            .slide_popup_content .content_menu .menu_item .menu_link .menu_link_wrap {
              margin-left: 100px;
              margin-right: auto; } }
        .slide_popup_content .content_menu .menu_item .menu_link span {
          font: inherit;
          display: inline-block;
          margin-right: 20px; }
        .slide_popup_content .content_menu .menu_item .menu_link i {
          -o-transition: 0.2s all ease-in-out;
          -ms-transition: 0.2s all ease-in-out;
          -moz-transition: 0.2s all ease-in-out;
          -webkit-transition: 0.2s all ease-in-out;
          transition: 0.2s all ease-in-out; }
        .slide_popup_content .content_menu .menu_item .menu_link.sub_menu_link {
          margin-bottom: 0;
          padding: 10px 0;
          background: #8c9aa7;
          font-size: 16px;
          line-height: 19px;
          color: white;
          min-height: 42px; }
          .slide_popup_content .content_menu .menu_item .menu_link.sub_menu_link .menu_link_wrap {
            padding: 0 42px 0 36px;
            max-width: 1166px; }
            @media only screen and (max-width: 767px) {
              .slide_popup_content .content_menu .menu_item .menu_link.sub_menu_link .menu_link_wrap {
                padding-right: 21px;
                justify-content: space-between; } }
      .slide_popup_content .content_menu .menu_item .sub_menu {
        width: 100%;
        background: white;
        padding: 0;
        margin-bottom: 19px;
        display: none; }
        .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item {
          border-bottom: 2px solid white;
          background: white; }
          .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item:last-child {
            border-bottom: none; }
          .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item.active > .menu_link i {
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg); }
        .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item_content {
          background: transparent;
          margin: 0 auto;
          padding: 27px 42px 27px 36px;
          display: none;
          max-width: 1166px;
          word-break: break-word; }
          .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item_content * {
            font-family: "BebasNeueRegular", sans-serif;
            font-size: 14px;
            line-height: 17px;
            color: #5b6670;
            word-break: break-word; }
          .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item_content p {
            margin-bottom: 17px; }
          .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item_content ul {
            padding-left: 21px;
            list-style-type: disc; }
            .slide_popup_content .content_menu .menu_item .sub_menu .sub_menu_item_content ul li {
              margin-bottom: 7px; }
        .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper {
          padding: 24px 42px 24px 36px;
          max-width: 1166px;
          margin: 0 auto; }
          .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper .medium_btn {
            max-width: 310px; }
          .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper p, .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper a {
            margin: 0 0 15px;
            color: #5b6670;
            font-size: 14px;
            line-height: 17px; }
            .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper p:last-child, .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper a:last-child {
              margin-bottom: 0; }
          .slide_popup_content .content_menu .menu_item .sub_menu .content_wrapper a {
            color: #000;
            display: inline-block;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis; }
      .slide_popup_content .content_menu .menu_item:last-child {
        margin-bottom: 0; }
      .slide_popup_content .content_menu .menu_item.active > .menu_link i {
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg); }
      .slide_popup_content .content_menu .menu_item.small_size .menu_link {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 8px; }
  .slide_popup_content.slide_alternate_popup_content {
    background: white; }
    .slide_popup_content.slide_alternate_popup_content .content_wrap {
      padding: 59px 36px;
      margin: 0 auto;
      background: transparent;
      max-width: 1160px; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap *:not(i) {
        font-family: "BebasNeueRegular", sans-serif;
        font-weight: normal;
        margin: 0; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap .badge_wrapper {
        display: flex;
        align-items: center; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap .badge_cont {
        margin-right: 12px; }
        .slide_popup_content.slide_alternate_popup_content .content_wrap .badge_cont i {
          font-size: 35px;
          line-height: 42px;
          display: inline-block;
          color: #000; }
        .slide_popup_content.slide_alternate_popup_content .content_wrap .badge_cont img {
          max-width: 30px; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap .main_heading, .slide_popup_content.slide_alternate_popup_content .content_wrap h3 {
        font-size: 39px;
        line-height: 47px;
        margin: 0;
        color: #5b6670;
        word-break: break-word; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap .sub_heading, .slide_popup_content.slide_alternate_popup_content .content_wrap h4 {
        font-size: 28px;
        line-height: 34px;
        margin: 0;
        color: #5b6670;
        word-break: break-word; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap p {
        margin-bottom: 22px;
        font-size: 18px;
        line-height: 24px;
        color: #5b6670; }
      .slide_popup_content.slide_alternate_popup_content .content_wrap img {
        width: 100%;
        height: auto;
        object-fit: cover;
        max-width: 600px;
        margin: 0 auto;
        display: block; }
        @media only screen and (min-width: 1024px) {
          .slide_popup_content.slide_alternate_popup_content .content_wrap img {
            margin-left: 0; } }
      @media only screen and (min-width: 1440px) {
        .slide_popup_content.slide_alternate_popup_content .content_wrap {
          margin-left: 100px; } }

.open_help_close, .cookie_policy_close {
  position: absolute;
  top: -25px;
  right: 12px; }

.slide_alternate_close {
  position: absolute;
  top: 22px;
  right: 28px;
  color: #5b6670;
  z-index: 20; }

.authentication_popup .badge_wrapper {
  margin-top: 77px !important; }
  .authentication_popup .badge_wrapper .badge_cont i {
    font-size: 55px !important;
    line-height: 66px !important; }
  .authentication_popup .badge_wrapper .badge_cont img {
    max-width: 60px !important; }

.homepage .header_section {
  display: none; }

.main_header {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }
  .main_header .header_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 21px 30px 16px;
    width: 100%;
    position: relative;
    margin: 0 auto; }
    @media only screen and (min-width: 1440px) {
      .main_header .header_wrap {
        max-width: calc(100% - 2*116px); } }
  .main_header .header_link {
    text-decoration: underline;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    font-family: "BebasNeueRegular", sans-serif;
    max-width: 35%; }
  .main_header .toggle_brand_icon {
    display: none;
    margin-left: 11px;
    font-size: 12px;
    line-height: 15px;
    color: #333; }
  .main_header .header_dropdown_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer; }
    .main_header .header_dropdown_cont.active i {
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg); }
    .main_header .header_dropdown_cont.btn_dropdown .toggle_brand_icon {
      display: inline-block; }
  .main_header .header_logo {
    max-height: 25px;
    width: auto;
    height: 100vh; }
  .main_header .user_details_cont {
    text-align: right; }
    .main_header .user_details_cont p {
      margin: 0;
      font-family: "BebasNeueRegular", sans-serif;
      font-size: 10px;
      line-height: 12px;
      color: #333; }
      .main_header .user_details_cont p.salutation_text {
        font-size: 14px;
        line-height: 17px;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .main_header .user_details_cont.align-end {
      margin-left: auto; }
  .main_header .hamburger_menu {
    font-size: 25px;
    line-height: 30px;
    max-width: 22px;
    color: #333;
    padding: 0;
    border: none;
    cursor: pointer;
    background: transparent; }

.hamburger_menu_cont {
  position: fixed;
  display: none;
  top: 60px;
  left: 0;
  height: calc(100vh - 60px);
  width: 100%;
  z-index: 8;
  background: #5A5A5A; }
  .hamburger_menu_cont .menu_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 60px); }
  .hamburger_menu_cont .hamburger_menu_list {
    padding: 0 61px 60px 61px; }
    .hamburger_menu_cont .hamburger_menu_list.sub_menu {
      margin: 19px 0 26px;
      padding: 0;
      display: none; }
      .hamburger_menu_cont .hamburger_menu_list.sub_menu li {
        margin-bottom: 13px; }
        .hamburger_menu_cont .hamburger_menu_list.sub_menu li:last-child {
          margin-bottom: 0; }
        .hamburger_menu_cont .hamburger_menu_list.sub_menu li .menu_cont {
          font-size: 22px;
          line-height: 26px;
          text-align: center; }
    .hamburger_menu_cont .hamburger_menu_list li {
      width: 100%;
      margin-bottom: 19px; }
      .hamburger_menu_cont .hamburger_menu_list li .menu_cont {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "BebasNeueRegular", sans-serif;
        font-size: 28px;
        line-height: 34px;
        color: white; }
        .hamburger_menu_cont .hamburger_menu_list li .menu_cont span {
          display: inline-block;
          text-align: center; }
          .hamburger_menu_cont .hamburger_menu_list li .menu_cont span.left_space {
            margin-left: 10px; }
          .hamburger_menu_cont .hamburger_menu_list li .menu_cont span.right_space {
            margin-right: 10px; }
        .hamburger_menu_cont .hamburger_menu_list li .menu_cont i {
          font-size: 22px;
          line-height: 26px; }
        @media only screen and (max-width: 767px) {
          .hamburger_menu_cont .hamburger_menu_list li .menu_cont {
            font-size: 23px;
            line-height: 30px; } }
      .hamburger_menu_cont .hamburger_menu_list li:last-child {
        margin-bottom: 0; }
      .hamburger_menu_cont .hamburger_menu_list li.active i {
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg); }
    @media only screen and (max-width: 400px) {
      .hamburger_menu_cont .hamburger_menu_list {
        padding-left: 35px;
        padding-right: 35px; } }
  .hamburger_menu_cont.extra_index {
    z-index: 11; }

.notification_cont {
  position: absolute;
  top: -5px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: #E34516;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  line-height: 14px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0; }

.brand_toggle_cont {
  display: none;
  position: fixed;
  top: 60px;
  width: 100%;
  background: white;
  z-index: 10;
  max-height: calc(100vh - 60px);
  height: 100%;
  padding: 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }
  .brand_toggle_cont .brand_change_btn {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    width: 140px;
    height: 90px;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.16); }
    .brand_toggle_cont .brand_change_btn img {
      max-width: 100%;
      max-height: 100%; }
    .brand_toggle_cont .brand_change_btn:first-child {
      margin-top: 25px; }

.subheader {
  padding-top: 59px; }
  .subheader img {
    width: 100%; }

.main_wrapper.inner_screen {
  padding: 90px 36px 56px; }
  .main_wrapper.inner_screen.scan_text_enabled {
    padding-top: 108px; }
  .main_wrapper.inner_screen#visualsurvey {
    padding-bottom: 148px;
    display: flex; }
    @media only screen and (max-width: 400px) {
      .main_wrapper.inner_screen#visualsurvey .round_btn.medium_btn {
        font-size: 16px; } }
.main_wrapper.header_padding {
  padding-top: 0; }
  .main_wrapper.header_padding .inner_page_wrap {
    padding-top: 30px; }
.main_wrapper .inner_page_wrap {
  margin: 0 auto;
  max-width: 1088px; }
  .main_wrapper .inner_page_wrap.survey_page_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; }
    .main_wrapper .inner_page_wrap.survey_page_wrap .page_title {
      max-width: 500px; }
      @media only screen and (max-width: 1023px) {
        .main_wrapper .inner_page_wrap.survey_page_wrap .page_title {
          margin: 0 auto 30px; } }
      @media only screen and (max-width: 767px) {
        .main_wrapper .inner_page_wrap.survey_page_wrap .page_title {
          max-width: 100%;
          margin-left: 0; } }
  @media only screen and (min-width: 1440px) {
    .main_wrapper .inner_page_wrap {
      margin-left: 100px; } }

.main_wrapper.has_subheader.inner_screen {
  padding: 30px 36px 56px; }

.checkbox_cont {
  display: grid;
  grid-gap: 11px;
  align-items: stretch;
  justify-content: flex-start;
  grid-template-columns: repeat(auto-fit, 64px); }
  .checkbox_cont .checkbox_item {
    min-height: 64px;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .checkbox_cont .checkbox_item .checkbox_label {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: white;
      border: 1px solid #aebcc9;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #808080; }
      .checkbox_cont .checkbox_item .checkbox_label svg {
        fill: #808080;
        max-width: 30px;
        width: 100%;
        height: 100%; }
      .checkbox_cont .checkbox_item .checkbox_label i {
        font-size: 30px;
        line-height: 36px; }
    .checkbox_cont .checkbox_item input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .checkbox_cont .checkbox_item input:checked ~ .checkbox_label {
        background-color: #808080;
        color: white; }
        .checkbox_cont .checkbox_item input:checked ~ .checkbox_label svg {
          fill: white; }
    @media only screen and (max-width: 400px) {
      .checkbox_cont .checkbox_item {
        min-height: 55px; }
        .checkbox_cont .checkbox_item .checkbox_label i {
          font-size: 25px;
          line-height: 30px; }
        .checkbox_cont .checkbox_item .checkbox_label svg {
          max-width: 25px; } }
  @media only screen and (max-width: 767px) {
    .checkbox_cont {
      grid-template-columns: repeat(auto-fit, calc((100% - 33px)/4)); } }

.tooltip {
  z-index: 2;
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: #808080;
  font-size: 16px;
  line-height: 19px;
  align-self: center;
  margin-left: 10px;
  overflow: visible; }
  .tooltip .tooltip_msg_cont {
    position: absolute;
    bottom: 70px;
    border-radius: 5px;
    right: 0;
    min-height: 40px;
    display: none;
    cursor: auto;
    z-index: 2;
    background-color: #000;
    padding: 5px 10px;
    width: 100%;
    color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    display: none; }
  .tooltip .tooltip_msg_cont::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 100%;
    right: 3px; }
  .tooltip:hover .tooltip_msg_cont, .tooltip.active .tooltip_msg_cont {
    display: block; }

.tag-img {
  max-width: 350px;
  width: 100%;
  display: block;
  margin-top: 20px; }
  @media only screen and (max-width: 1024px) {
    .tag-img {
      margin: 20px auto 0; } }

.verify_form {
  margin-top: 33px; }
  .verify_form .form_row {
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative; }
    .verify_form .form_row input, .verify_form .form_row .checkbox_cont {
      min-height: 44px;
      max-width: calc(100% - 70px); }
    .verify_form .form_row input {
      flex-grow: 1; }
    @media only screen and (max-width: 767px) {
      .verify_form .form_row .checkbox_cont {
        flex-grow: 1; } }
    @media only screen and (min-width: 768px) {
      .verify_form .form_row .checkbox_cont {
        width: 100%;
        max-width: calc(100% - 85px); } }
    .verify_form .form_row input {
      margin-right: 17px; }
    .verify_form .form_row.fullwidth input, .verify_form .form_row.fullwidth .checkbox_cont {
      max-width: 100%; }
    .verify_form .form_row.icon_checkbox_cont {
      width: calc(100% + 8px);
      margin-right: 8px; }
    .verify_form .form_row .icon_cont {
      width: 40px;
      margin-right: 12px;
      justify-content: center; }
    .verify_form .form_row .error {
      margin-bottom: 0;
      word-wrap: break-word;
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .verify_form .form_row {
        max-width: 360px; }
        .verify_form .form_row.icon_checkbox_cont {
          margin-right: auto;
          width: calc(100% + 16px);
          max-width: 375px;
          justify-content: flex-end; } }
    @media only screen and (min-width: 1024px) {
      .verify_form .form_row {
        max-width: 358px;
        margin-left: 0; }
        .verify_form .form_row.icon_checkbox_cont {
          justify-content: flex-start; } }
  .verify_form .verify_icon path {
    fill: #808080; }
  @media only screen and (min-width: 1024px) {
    .verify_form .round_btn {
      margin-left: 0; } }

.auto_verify .verify_form {
  margin-top: 0; }
.auto_verify .tag-img {
  margin-top: 0; }

.share_location_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .share_location_wrap {
      max-width: 358px;
      margin-left: auto;
      margin-right: auto;
      justify-content: flex-start; } }
  @media only screen and (min-width: 1024px) {
    .share_location_wrap {
      margin-left: 0; } }

#geolocation_decline_message {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    #geolocation_decline_message {
      text-align: left; } }

.share_location_cont {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  color: #333;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 19px;
  max-width: 100%;
  word-wrap: break-word; }
  .share_location_cont .checkbox_label {
    position: absolute;
    top: 4px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #808080; }
    .share_location_cont .checkbox_label::after {
      display: none;
      content: "";
      position: absolute;
      left: 4px;
      top: 1px;
      width: 3px;
      height: 7px;
      border: solid white;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .share_location_cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .share_location_cont input:checked ~ .checkbox_label {
      background-color: #808080;
      color: white; }
      .share_location_cont input:checked ~ .checkbox_label svg {
        fill: white; }
      .share_location_cont input:checked ~ .checkbox_label::after {
        display: block; }
  .share_location_cont .share_location_label_text {
    display: block;
    text-align: left;
    word-wrap: break-word; }

.verify_demolabel_cont {
  width: 100%; }
  .verify_demolabel_cont img {
    width: 100%;
    border-radius: 15px;
    height: auto;
    overflow: hidden; }
  .verify_demolabel_cont p {
    font-size: 14px;
    line-height: 17px;
    font-family: "BebasNeueRegular", sans-serif;
    color: #333;
    word-break: break-word;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .verify_demolabel_cont p {
        text-align: left; } }
  @media only screen and (min-width: 768px) {
    .verify_demolabel_cont {
      max-width: 360px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .verify_demolabel_cont {
      margin-left: 0; } }

.rewards_btn_cont {
  margin: 0 auto; }
  .rewards_btn_cont .rewards_btn_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
    margin-bottom: 21px; }
    .rewards_btn_cont .rewards_btn_row .brand_btn {
      margin-right: 14px;
      font-size: 14px;
      line-height: 16px;
      max-width: calc(100% - 85px);
      margin-bottom: 0; }
      @media only screen and (min-width: 451px) {
        .rewards_btn_cont .rewards_btn_row .brand_btn {
          width: auto;
          flex-grow: 1;
          font-size: 20px;
          line-height: 24px; } }
    .rewards_btn_cont .rewards_btn_row .reward_desc {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 65px;
      border: 1px solid #aebcc9;
      color: #333;
      margin: 0;
      border-radius: 12px;
      font-family: "BebasNeueRegular", sans-serif;
      font-size: 26px;
      line-height: 26px;
      position: relative;
      min-height: 56px;
      margin: 0 auto; }
      .rewards_btn_cont .rewards_btn_row .reward_desc span {
        text-align: center;
        margin: 0; }
        .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_title {
          font-size: 9px;
          line-height: 10px; }
        .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_icon {
          position: absolute;
          right: -9px;
          top: -12px;
          font-size: 14px;
          line-height: 17px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 27px;
          height: 27px;
          border-radius: 100%;
          background-color: #000;
          color: white;
          z-index: 2; }
          .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_icon svg, .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_icon img {
            max-width: 80%;
            max-height: 80%; }
        .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_img {
          font-size: 22px;
          line-height: 26px; }
          .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_img svg, .rewards_btn_cont .rewards_btn_row .reward_desc span.reward_desc_img img {
            max-width: 100%; }
    .rewards_btn_cont .rewards_btn_row:last-child {
      margin-bottom: 0; }
  .rewards_btn_cont.no_rewards .rewards_btn_row .brand_btn {
    flex-grow: 1;
    max-width: 100%;
    margin-right: 0; }
  @media only screen and (min-width: 768px) {
    .rewards_btn_cont {
      max-width: 385px; } }
  @media only screen and (min-width: 1024px) {
    .rewards_btn_cont {
      margin-left: 0; } }

.scan_detail_cont {
  text-align: center;
  background-color: #000;
  color: white;
  padding: 0 15px;
  min-height: 22px;
  width: 100%;
  font-size: 10px;
  line-height: 12px;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center; }

.question_choices_container {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .question_choices_container #question_container {
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1439px) {
      .question_choices_container #question_container {
        text-align: center; } }

.question_text {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 22px;
  line-height: 26px;
  color: #333;
  font-weight: normal;
  margin: 0; }

#text_choice_container {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  margin-bottom: 20px; }
  #text_choice_container .text_btn {
    width: 100%;
    min-height: 56px;
    border-radius: 5px;
    background: transparent;
    border: none;
    position: relative;
    padding: 5px 15px;
    overflow: hidden;
    cursor: pointer;
    word-break: break-word; }
    #text_choice_container .text_btn p {
      margin: 0; }
    #text_choice_container .text_btn .bg_block {
      position: absolute;
      top: 0;
      left: 0;
      background: #000;
      width: 100%;
      height: 100%; }
      #text_choice_container .text_btn .bg_block.selected {
        background: #5A5A5A; }
    #text_choice_container .text_btn .text_choice_inner {
      position: relative;
      z-index: 1;
      color: white;
      font-size: 22px;
      line-height: 26px;
      font-family: "BebasNeueRegular", sans-serif; }
  #text_choice_container.minify_text .text_btn {
    min-height: 40px; }
    #text_choice_container.minify_text .text_btn .text_choice_inner {
      font-size: 18px;
      line-height: 22px; }
  @media only screen and (min-width: 768px) {
    #text_choice_container .text_btn {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1440px) {
    #text_choice_container .text_btn {
      margin-left: 0; } }

.arrow_btn {
  border: none;
  background: none;
  cursor: pointer; }

.right_arrow, .left_arrow {
  color: #333;
  font-size: 30px;
  line-height: 36px; }

.survey_signin_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  padding: 18px 28px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  width: 100%;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .survey_signin_cont {
      max-width: 356px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1440px) {
    .survey_signin_cont {
      margin-left: 0; } }
  .survey_signin_cont .survey_icon_cont {
    position: absolute;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    background: #000;
    color: white;
    font-size: 24px;
    line-height: 29px;
    top: 0;
    right: 16px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .survey_signin_cont .survey_icon_cont img, .survey_signin_cont .survey_icon_cont svg {
      max-width: 20px; }
  .survey_signin_cont .text_cont {
    font-size: 20px;
    line-height: 26px;
    font-family: "BebasNeueRegular", sans-serif;
    color: #333; }
    .survey_signin_cont .text_cont p {
      margin: 0; }
  .survey_signin_cont .right_arrow {
    align-self: flex-end;
    font-size: 25px;
    line-height: 30px; }
  .survey_signin_cont.reward_display_cont {
    flex-direction: column;
    min-height: 122px;
    margin-top: 24px;
    justify-content: center;
    padding-top: 33px;
    padding-bottom: 33px; }
    .survey_signin_cont.reward_display_cont p, .survey_signin_cont.reward_display_cont .text_cont {
      text-align: center; }
    .survey_signin_cont.reward_display_cont .brand_link {
      margin-top: 16px;
      display: inline-block; }
    @media only screen and (min-width: 1024px) {
      .survey_signin_cont.reward_display_cont {
        margin-left: 0; } }
  .survey_signin_cont.extra_padd {
    padding-top: 25px;
    padding-bottom: 25px; }

.survey_back_cont {
  position: fixed;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  bottom: 60px;
  left: 0;
  background: white;
  z-index: 5;
  padding: 15px 23px 15px;
  width: 100%; }
  .survey_back_cont .back-button-wrapper {
    position: relative; }
  .survey_back_cont .left_arrow {
    padding: 0;
    position: absolute;
    left: 23px;
    top: 15px; }
  .survey_back_cont .survey_qst_detail {
    font-family: "BebasNeueBold", sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #333;
    padding: 0 15px;
    margin: 5px auto 0; }
  .survey_back_cont.transparent {
    background: transparent; }

.survey_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: white;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  z-index: 6; }
  .survey_footer p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    font-size: 16px;
    line-height: 19px;
    color: #333;
    flex-wrap: wrap;
    padding: 0 8px; }
  .survey_footer .footer_spacer {
    min-height: 30px; }

#progress_bar {
  width: 100%;
  background: transparent;
  height: 4px; }
  #progress_bar .progress {
    height: 100%;
    background: #000; }

#icon_choice_container {
  margin: 0 auto 20px;
  width: 100%;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(2, auto); }
  #icon_choice_container .icon_btn {
    width: 100%;
    border-radius: 5px;
    border: none;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding-top: 100%;
    height: 0; }
    #icon_choice_container .icon_btn .icon_choice_inner, #icon_choice_container .icon_btn .bg_block {
      position: absolute;
      left: 0;
      top: 0;
      background: transparent;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background: #000;
      padding: 8px; }
      #icon_choice_container .icon_btn .icon_choice_inner svg, #icon_choice_container .icon_btn .icon_choice_inner img, #icon_choice_container .icon_btn .bg_block svg, #icon_choice_container .icon_btn .bg_block img {
        max-width: 45%;
        margin-bottom: 7px; }
      #icon_choice_container .icon_btn .icon_choice_inner svg, #icon_choice_container .icon_btn .bg_block svg {
        fill: white;
        z-index: 1; }
        #icon_choice_container .icon_btn .icon_choice_inner svg path, #icon_choice_container .icon_btn .bg_block svg path {
          fill: white; }
      #icon_choice_container .icon_btn .icon_choice_inner img, #icon_choice_container .icon_btn .bg_block img {
        z-index: 1; }
      #icon_choice_container .icon_btn .icon_choice_inner p, #icon_choice_container .icon_btn .bg_block p {
        margin: 0;
        color: white;
        font-size: 16px;
        line-height: 19px;
        z-index: 1;
        font-family: "BebasNeueRegular", sans-serif;
        word-break: break-word; }
        @media only screen and (max-width: 450px) {
          #icon_choice_container .icon_btn .icon_choice_inner p, #icon_choice_container .icon_btn .bg_block p {
            font-size: 15px; } }
    #icon_choice_container .icon_btn .bg_block.selected {
      background: #5A5A5A; }
  @media only screen and (min-width: 400px) {
    #icon_choice_container.column_3 {
      grid-template-columns: repeat(3, auto); } }
  @media only screen and (min-width: 768px) {
    #icon_choice_container {
      max-width: 356px; }
      #icon_choice_container.column_3 {
        max-width: 500px; } }
  @media only screen and (min-width: 1440px) {
    #icon_choice_container {
      margin-left: 0; } }

@media only screen and (min-width: 768px) {
  .multi_option_cont input, .multi_option_cont button {
    max-width: 500px;
    margin: 0 auto; } }
@media only screen and (min-width: 1440px) {
  .multi_option_cont input, .multi_option_cont button {
    margin-left: 0; } }

.authentic_product_wrap .page_title {
  margin-bottom: 16px;
  max-width: 500px;
  margin-right: auto; }
.authentic_product_wrap .page_subtitle {
  margin-bottom: 36px; }
.authentic_product_wrap .disclaimer_text {
  margin-top: 12px; }
.authentic_product_wrap .prize_section_wrap {
  padding-top: 35px; }
.authentic_product_wrap.authentic_thankyou .page_title {
  margin-bottom: 54px; }
@media only screen and (min-width: 768px) {
  .authentic_product_wrap .page_title {
    margin-left: auto; }
  .authentic_product_wrap .prize_section_wrap {
    padding-top: 42px; } }
@media only screen and (min-width: 1024px) {
  .authentic_product_wrap .brand_btn, .authentic_product_wrap .page_title {
    margin-left: 0; }
  .authentic_product_wrap .prize_section_wrap {
    padding-top: 66px; } }
@media only screen and (max-width: 767px) {
  .authentic_product_wrap .learn_more_btn {
    margin-left: 0; } }
.authentic_product_wrap.suspect_product_wrap .page_title {
  max-width: 420px; }
.authentic_product_wrap.suspect_product_wrap .disclaimer_text {
  max-width: 240px; }

.dropzone_cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  pointer-events: none; }
  .dropzone_cont .dz-preview {
    max-width: 96px;
    width: 100%;
    pointer-events: auto;
    padding: 0 8px;
    margin-bottom: 15px; }
    .dropzone_cont .dz-preview .file-preview-cont {
      position: relative;
      padding-top: 100%;
      padding-top: 100%;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
      .dropzone_cont .dz-preview .file-preview-cont > img, .dropzone_cont .dz-preview .file-preview-cont .dz-success-mark {
        position: absolute;
        top: 0;
        left: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
      .dropzone_cont .dz-preview .file-preview-cont > img {
        z-index: 1;
        object-fit: cover;
        max-height: 100%; }
      .dropzone_cont .dz-preview .file-preview-cont .dz-success-mark {
        height: 100%;
        cursor: pointer;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center; }
        .dropzone_cont .dz-preview .file-preview-cont .dz-success-mark .round_icon_btn {
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .dropzone_cont .dz-preview .file-preview-cont .dz-success-mark .remove-file {
          display: none; }
    .dropzone_cont .dz-preview.dz-error .file-preview-cont .dz-success-mark .success_mark, .dropzone_cont .dz-preview:hover .file-preview-cont .dz-success-mark .success_mark {
      display: none; }
    .dropzone_cont .dz-preview.dz-error .file-preview-cont .dz-success-mark .remove-file, .dropzone_cont .dz-preview:hover .file-preview-cont .dz-success-mark .remove-file {
      display: flex; }
    .dropzone_cont .dz-preview.add_more_files {
      pointer-events: auto;
      cursor: pointer;
      display: none; }
      .dropzone_cont .dz-preview.add_more_files p {
        font-size: 18px;
        line-height: 20px;
        width: 100%;
        margin: 0;
        padding: 0 10px; }
        .dropzone_cont .dz-preview.add_more_files p span {
          display: block;
          color: #000;
          text-align: center; }
    @media only screen and (min-width: 400px) {
      .dropzone_cont .dz-preview {
        max-width: 106px; } }
    @media only screen and (min-width: 768px) {
      .dropzone_cont .dz-preview {
        max-width: 116px; } }
    @media only screen and (min-width: 1024px) {
      .dropzone_cont .dz-preview {
        max-width: 136px; } }
  .dropzone_cont.dz-started {
    margin-bottom: 20px; }
    .dropzone_cont.dz-started.no_previews {
      margin-bottom: 0; }
      .dropzone_cont.dz-started.no_previews .add_more_files {
        display: none; }
    .dropzone_cont.dz-started .add_more_files {
      display: block; }
  @media only screen and (min-width: 1024px) {
    .dropzone_cont {
      justify-content: flex-start; } }

#uploadedForm .upload_confirm_btn {
  display: none; }
#uploadedForm .upload_btn {
  display: block; }
#uploadedForm.confirm_state .upload_confirm_btn {
  display: block; }
#uploadedForm.confirm_state .upload_btn {
  display: none; }
#uploadedForm .text_error {
  margin-top: 0; }
@media only screen and (max-width: 1023px) {
  #uploadedForm .text_error {
    text-align: center; } }

.form_hide {
  display: none; }

.learn_more_btn {
  max-width: 100px;
  font-family: "BebasNeueBold", sans-serif; }

.survery_banner_img {
  width: 100%;
  height: auto;
  object-fit: cover; }
  @media only screen and (min-width: 768px) {
    .survery_banner_img {
      max-width: 356px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1440px) {
    .survery_banner_img {
      margin-left: 0; } }

.scan_history_popup {
  width: 100%;
  height: 100%;
  background: white;
  z-index: 6;
  padding: 86px  36px 30px; }
  @media only screen and (max-width: 1439px) {
    .scan_history_popup {
      padding-left: 16px;
      padding-right: 21px; } }
  @media only screen and (min-width: 1440px) {
    .scan_history_popup .scan_history_cont {
      margin: 0 auto;
      max-width: calc(100% - 200px); } }

.scan_detail__header {
  cursor: pointer;
  display: flex;
  align-items: flex-start; }
  .scan_detail__header .scan_details {
    font-family: "BebasNeueRegular", sans-serif;
    color: #333;
    max-width: 40%;
    margin-right: auto; }
    .scan_detail__header .scan_details p {
      letter-spacing: 0.5px;
      margin: 0;
      margin-bottom: 3px;
      font-size: 16px;
      line-height: 19px; }
      .scan_detail__header .scan_details p.light_font {
        letter-spacing: 0.25px;
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 20px;
        color: #5B667098; }
  .scan_detail__header .survey_scan_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 30px 0 10px; }
    .scan_detail__header .survey_scan_btn .round_btn {
      max-width: 195px;
      margin: 8px 30px 0 0; }
      .scan_detail__header .survey_scan_btn .round_btn:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 767px) {
        .scan_detail__header .survey_scan_btn .round_btn {
          margin-right: 0; } }
    @media only screen and (min-width: 768px) {
      .scan_detail__header .survey_scan_btn {
        min-width: 420px; } }
    @media only screen and (max-width: 767px) {
      .scan_detail__header .survey_scan_btn {
        display: block;
        min-width: auto; } }
    @media only screen and (max-width: 400px) {
      .scan_detail__header .survey_scan_btn {
        margin-right: 10px; } }
  .scan_detail__header .toggle_arrow {
    margin: 0;
    margin-top: 11px;
    min-width: 14px;
    margin-right: 6px;
    font-size: 16px;
    line-height: 19px;
    color: #333; }

.scan_detail_content {
  display: flex;
  padding: 19px 42px 4px 0;
  flex-wrap: wrap;
  justify-content: space-between; }
  .scan_detail_content .scan_detail_content_item {
    display: flex;
    align-items: flex-start;
    max-width: 60%;
    width: auto; }
    .scan_detail_content .scan_detail_content_item .icon_wrap {
      font-size: 20px;
      line-height: 25px;
      color: #333;
      margin: 0;
      align-self: flex-end; }
      .scan_detail_content .scan_detail_content_item .icon_wrap svg {
        max-width: 25px;
        fill: #333; }
    .scan_detail_content .scan_detail_content_item .detail_wrap {
      margin: 0;
      margin-left: 8px; }
      .scan_detail_content .scan_detail_content_item .detail_wrap span {
        display: block;
        font-family: "BebasNeueRegular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: #333; }
        .scan_detail_content .scan_detail_content_item .detail_wrap span.detail_wrap_label {
          color: #5B667099;
          font-size: 10px;
          line-height: 12px;
          letter-spacing: 0.18px; }
  @media only screen and (min-width: 768px) {
    .scan_detail_content {
      max-width: 356px; } }

.scan_details_item {
  margin: 0 0 13px;
  padding-bottom: 14px;
  border-bottom: 1px solid #aebcc9; }
  .scan_details_item.active .toggle_arrow i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }

.scan_detail_content_wrap {
  display: none; }

.survey_intro {
  min-height: 100vh; }
  .survey_intro .round_btn.brand_btn {
    font-size: 22px; }
  @media only screen and (min-width: 1024px) {
    .survey_intro .round_btn {
      margin-left: 0; } }
  @media only screen and (max-width: 450px) {
    .survey_intro .round_btn {
      font-size: 14px; }
      .survey_intro .round_btn.brand_btn {
        font-size: 16px; } }

.upload_display_text {
  justify-content: center; }
  .upload_display_text .file_upload_name {
    margin-right: 12px;
    margin-left: 0;
    max-width: 90%; }
  .upload_display_text span {
    display: inline-block; }
    .upload_display_text span.upload_remove {
      cursor: pointer;
      font-family: "BebasNeueRegular", sans-serif;
      font-size: 20px;
      line-height: 25px;
      color: #333; }
      .upload_display_text span.upload_remove i {
        display: block; }
  .upload_display_text.hidden {
    display: none; }
  @media only screen and (min-width: 1024px) {
    .upload_display_text {
      justify-content: flex-start; } }

.file_upload_name {
  text-align: center; }

.whistleblower_thankyou .prize_section_wrap {
  padding-top: 40px; }

.form_field_width {
  max-width: 100%; }

@media only screen and (min-width: 1440px) {
  #multichoice-submit {
    margin-left: 0; } }

.image_preview_cont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px; }
  .image_preview_cont .img_preview_item {
    min-width: 100px;
    height: 100px;
    width: 100px;
    margin-bottom: 15px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    position: relative; }
    .image_preview_cont .img_preview_item .remove-file {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%; }
    .image_preview_cont .img_preview_item.default {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: none; }
      .image_preview_cont .img_preview_item.default p {
        font-size: 18px;
        line-height: 20px;
        width: 100%;
        margin: 0;
        padding: 0 10px;
        font-family: "BebasNeueRegular", sans-serif; }
        .image_preview_cont .img_preview_item.default p span {
          display: block;
          color: #000;
          text-align: center; }
    .image_preview_cont .img_preview_item.hidden {
      display: none; }
  .image_preview_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .image_preview_cont.hidden {
    display: none; }
  @media only screen and (min-width: 768px) {
    .image_preview_cont {
      max-width: 500px; } }
  @media only screen and (max-width: 1023px) {
    .image_preview_cont {
      margin: 0 auto;
      justify-content: center; } }
  @media only screen and (max-width: 767px) {
    .image_preview_cont {
      max-width: 100%; } }

.market_preview_cont {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 25px;
  align-items: center; }
  @media only screen and (min-width: 767px) {
    .market_preview_cont {
      margin-left: auto;
      margin-right: auto;
      max-width: 536px; } }
  @media only screen and (min-width: 1024px) {
    .market_preview_cont {
      margin-left: 0; } }

.market_logo_wrap {
  cursor: pointer;
  max-width: 100px; }
  .market_logo_wrap img {
    display: block;
    max-width: 100%;
    object-fit: contain; }

.licensee_title {
  font-size: 28px;
  line-height: 34px;
  font-family: "BebasNeueRegular", sans-serif;
  color: #333;
  font-weight: normal; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .licensee_title {
      text-align: center; } }

.box_card_cont {
  width: 100%;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  padding: 21px 20px; }
  .box_card_cont .box_list_item {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-family: "BebasNeueRegular", sans-serif;
    color: #333;
    padding-bottom: 12px;
    margin-top: 11px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .box_card_cont .box_list_item:first-child {
      margin-top: 0; }
  @media only screen and (min-width: 767px) {
    .box_card_cont {
      max-width: 536px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .box_card_cont {
      margin-left: 0; } }

.image_store .text_error {
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .image_store .text_error {
      text-align: center;
      max-width: 500px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .image_store .text_error {
      margin-left: 0;
      text-align: left; } }

.image_store_wrap {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: calc(100% + 14px);
  margin: -15px -7px;
  flex-wrap: wrap; }
  .image_store_wrap .image_item {
    width: 50%;
    padding: 15px 7px; }
    .image_store_wrap .image_item .image_item_anchor {
      position: relative;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .image_store_wrap .image_item .image_item_anchor .round_icon_btn {
        position: absolute;
        top: 0;
        left: calc(100% - 12px);
        transform: translate(-50%, -50%);
        width: 39px;
        height: 39px;
        padding: 5px; }
        .image_store_wrap .image_item .image_item_anchor .round_icon_btn p {
          margin: 0;
          font-family: "BebasNeueRegular", sans-serif;
          font-size: 5px;
          line-height: 6px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: center; }
          .image_store_wrap .image_item .image_item_anchor .round_icon_btn p.bold_face {
            font-family: "BebasNeueBold", sans-serif;
            font-size: 12px;
            line-height: 20px; }
    .image_store_wrap .image_item .image {
      width: 100%;
      max-width: 100%;
      min-height: 117px;
      max-height: 117px;
      object-fit: contain;
      object-position: top center;
      border-radius: 10px 10px 0 0; }
    .image_store_wrap .image_item .image_item_content {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      padding: 12px 10px 15px 12px;
      background: #fff;
      border-radius: 0 0 10px 10px; }
      .image_store_wrap .image_item .image_item_content p {
        font-family: "BebasNeueRegular", sans-serif;
        color: #333;
        font-size: 10px;
        line-height: 12px;
        margin: 0;
        word-break: break-word; }
        .image_store_wrap .image_item .image_item_content p.bold_face {
          font-family: "BebasNeueBold", sans-serif;
          font-size: 14px;
          line-height: 17px; }
      .image_store_wrap .image_item .image_item_content .round_btn.small_btn {
        margin-top: auto; }
    @media only screen and (min-width: 768px) {
      .image_store_wrap .image_item {
        width: calc(100%/3); } }
  @media only screen and (min-width: 768px) {
    .image_store_wrap {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .image_store_wrap {
      margin-left: 0; } }

.cookie_policy {
  width: 100%;
  margin: 0px auto;
  min-height: 88px;
  max-height: calc(100vh - 120px);
  overflow-y: auto; }
  .cookie_policy .cookie_text_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 26px 70px 26px 27px;
    min-height: 88px; }
    .cookie_policy .cookie_text_wrap p {
      font-family: "BebasNeueRegular", sans-serif;
      color: white;
      font-size: 14px;
      line-height: 19px;
      margin: 0;
      width: 100%;
      word-wrap: break-word; }
    .cookie_policy .cookie_text_wrap a {
      text-decoration: underline;
      white-space: nowrap; }
    @media only screen and (min-width: 1024px) {
      .cookie_policy .cookie_text_wrap {
        max-width: 1130px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1440px) {
      .cookie_policy .cookie_text_wrap {
        margin-left: 114px; } }

.slide_popup_wrap.open_help_popup .slide_popup {
  overflow: hidden; }
.slide_popup_wrap.open_help_popup .slide_popup_content .content_menu_wrap {
  height: 100%; }
.slide_popup_wrap.open_help_popup .slide_popup_content .content_menu {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  height: 100%;
  min-height: unset; }

.mobile_device {
  min-height: 100vh;
  background: white; }
  .mobile_device .slide_popup_wrap.cookie_policy_popup, .mobile_device .slide_popup_wrap.open_help_popup {
    max-height: -moz-available;
    max-height: -webkit-fill-available;
    max-height: fill-available; }
    .mobile_device .slide_popup_wrap.cookie_policy_popup .slide_popup, .mobile_device .slide_popup_wrap.open_help_popup .slide_popup {
      min-height: -moz-available;
      min-height: -webkit-fill-available;
      min-height: fill-available; }
  .mobile_device .login_wrapper .card_item_cont {
    height: -moz-available;
    height: -webkit-fill-available;
    height: 100vh; }
    .mobile_device .login_wrapper .card_item_cont.active {
      height: auto; }

.learmore_popup_wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 15;
  display: none; }
  .learmore_popup_wrap .learnmore_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .learmore_popup_wrap .learnmore_cont {
    width: 90%;
    max-width: 700px;
    position: relative;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
    margin: 0px;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    padding: 30px 50px; }
    @media only screen and (max-width: 767px) {
      .learmore_popup_wrap .learnmore_cont {
        padding: 35px 35px 30px 30px; } }
  .learmore_popup_wrap .learnmore_content {
    height: 100%;
    max-height: 60vh;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .learmore_popup_wrap .learnmore_content::-webkit-scrollbar {
      display: none; }
    .learmore_popup_wrap .learnmore_content .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background: transparent; }
  .learmore_popup_wrap .prize_item_header {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .learmore_popup_wrap .prize_item_header .prize_item_title {
      flex-grow: 1;
      font-family: "BebasNeueBold", sans-serif;
      font-size: 24px;
      line-height: 28px;
      color: #333;
      margin: 20px 0px; }
  .learmore_popup_wrap .prize_banner {
    width: 100%;
    object-fit: cover;
    height: auto; }
  .learmore_popup_wrap .prize_item_details p {
    font-size: 18px;
    line-height: 22px;
    font-family: "BebasNeueRegular", sans-serif;
    color: #333;
    margin: 0px; }
    .learmore_popup_wrap .prize_item_details p.prize_item_title {
      font-size: 20px;
      line-height: 24px;
      font-family: "BebasNeueBold", sans-serif; }

.learnmore_popup_close {
  font-size: 25px;
  line-height: 30px;
  max-width: 22px;
  color: #333;
  padding: 0;
  border: none;
  cursor: pointer;
  background: transparent;
  top: 15px;
  right: 15px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10; }

@media only screen and (min-width: 768px) {
  #ageGateForm {
    max-width: 356px;
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) {
  #ageGateForm {
    margin-left: 0; } }

.datetimepicker-dummy .datetimepicker-dummy-wrapper {
  min-height: 46px;
  border: 1px solid #aebcc9;
  border-radius: 5px;
  position: relative; }
  .datetimepicker-dummy .datetimepicker-dummy-wrapper input, .datetimepicker-dummy .datetimepicker-dummy-wrapper input::placeholder {
    font-family: "BebasNeueRegular", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #333; }
  .datetimepicker-dummy .datetimepicker-dummy-wrapper #ageGateInput-error {
    position: absolute;
    top: 100%; }

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input,
.datetimepicker-dummy.is-primary::before, .datetimepicker-dummy.is-primary:before,
.datetimepicker-dummy.is-primary .datetimepicker-clear-button,
.datetimepicker .datetimepicker-header,
.datetimepicker.is-datetimepicker-default .datetimepicker-container:before,
.datetimepicker .datetimepicker-footer {
  display: none; }

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date:not(.is-current-month) {
  opacity: 0;
  pointer-events: none; }

.datetimepicker {
  top: calc(100% + 20px);
  max-width: calc(100% + 24px);
  width: calc(100% + 24px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 13px;
  background: white;
  border: none;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.datetimepicker.is-datetimepicker-default .datetimepicker-container {
  padding: 16px;
  padding-bottom: 32px; }

.datetimepicker.is-primary .datepicker-nav {
  background: rgba(0, 0, 0, 0);
  color: black;
  font-size: 17px;
  line-height: 22px;
  font-family: "SFProSemiBold", sans-serif;
  padding: 0; }

.datetimepicker .datepicker-nav .datepicker-nav-next,
.datetimepicker .datepicker-nav .datepicker-nav-previous {
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer; }
  .datetimepicker .datepicker-nav .datepicker-nav-next svg,
  .datetimepicker .datepicker-nav .datepicker-nav-previous svg {
    display: none; }

.datetimepicker .datepicker-nav .datepicker-nav-next {
  order: 3;
  background-image: url(/assets/img/right-arrow-head.svg); }

.datetimepicker .datepicker-nav .datepicker-nav-previous {
  order: 2;
  margin-left: auto;
  background-image: url(/assets/img/left-arrow-head.svg); }

.datetimepicker .datepicker-nav .datepicker-nav-month-year {
  order: 1;
  font: inherit; }

.datetimepicker .datepicker-nav .datepicker-nav-month,
.datetimepicker .datepicker-nav .datepicker-nav-year {
  text-transform: uppercase;
  color: black;
  font: inherit; }

.datetimepicker .datepicker-body .datepicker-weekdays {
  padding: 0;
  margin-top: 16px;
  margin-bottom: 14px; }

.datetimepicker .datepicker-body .datepicker-weekdays .datepicker-date {
  font-family: "SFProSemiBold", sans-serif;
  color: rgba(60, 60, 67, 0.3);
  text-transform: uppercase;
  font-size: 13px;
  line-height: 22px;
  padding: 0; }

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item {
  color: black;
  font-family: "SFProRegular", sans-serif; }

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
  border-color: rgba(0, 122, 255, 0.12);
  color: #007aff; }

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
  background: rgba(0, 122, 255, 0.12);
  border-color: rgba(0, 122, 255, 0.12);
  color: #007aff;
  font-family: "SFProMedium", sans-serif; }

.age_gate {
  min-height: 100%; }
  .age_gate.extra_space {
    min-height: 700px; }
    @media only screen and (max-width: 767px) {
      .age_gate.extra_space {
        min-height: 760px; } }

.datetimepicker .datepicker-nav .datepicker-nav-year {
  position: relative;
  padding-right: 15px; }
  .datetimepicker .datepicker-nav .datepicker-nav-year::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 10px;
    height: 15px;
    background-image: url(/assets/img/right-arrow-head.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }

.datetimepicker .datepicker-body .datepicker-years {
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .datetimepicker .datepicker-body .datepicker-years .datepicker-year {
    color: black;
    font-size: 17px;
    line-height: 22px;
    font-family: "SFProRegular", sans-serif; }
    .datetimepicker .datepicker-body .datepicker-years .datepicker-year:hover {
      border-color: rgba(0, 122, 255, 0.12);
      color: #007aff; }
    .datetimepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
      background: rgba(0, 122, 255, 0.12);
      border-color: rgba(0, 122, 255, 0.12);
      color: #007aff;
      font-family: "SFProMedium", sans-serif; }
  .datetimepicker .datepicker-body .datepicker-years::-webkit-scrollbar {
    display: none; }

.datetimepicker .datepicker-body .datepicker-months .datepicker-month {
  color: black;
  font-size: 17px;
  line-height: 22px;
  font-family: "SFProRegular", sans-serif; }
  .datetimepicker .datepicker-body .datepicker-months .datepicker-month:hover {
    border-color: rgba(0, 122, 255, 0.12);
    color: #007aff; }
  .datetimepicker .datepicker-body .datepicker-months .datepicker-month.is-active {
    background: rgba(0, 122, 255, 0.12);
    border-color: rgba(0, 122, 255, 0.12);
    color: #007aff;
    font-family: "SFProMedium", sans-serif; }

.brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap {
  min-height: 100vh; }
  .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .brand_ad_img {
    margin-left: 0;
    max-width: 100%; }
    @media only screen and (min-width: 768px) {
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .brand_ad_img {
        max-width: 600px; } }
  .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a .slide_cont {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 350px;
      padding: 10px;
      background-color: white; }
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a .slide_cont > img {
        object-fit: contain;
        height: 100%;
        width: auto;
        min-height: auto; }
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a .slide_cont.black_bg {
        background-color: black; }
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a .slide_cont.video_wrapper {
        padding: 0; }
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a .slide_cont.video_wrapper {
        width: 100%; }
      @media only screen and (max-width: 450px) {
        .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .slides li a .slide_cont {
          height: 300px; } }
  .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .flex-caption {
    text-align: center;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .flex-caption p {
      font: inherit;
      margin: 0;
      word-break: break-word;
      color: white;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      text-align: center; }
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .flex-caption p.ad_title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 5px;
        -webkit-line-clamp: 2; }
    @media only screen and (min-width: 768px) {
      .brand_ad_popup .slide_popup_content.slide_alternate_popup_content .content_wrap .flex-caption {
        min-height: 130px; } }

.brand_ad_slider_cont {
  width: 100%; }
  .brand_ad_slider_cont img {
    max-width: 100% !important; }
  .brand_ad_slider_cont .flex-control-nav li:not(:last-child) {
    margin-right: 8px; }
  .brand_ad_slider_cont .flex-direction-nav a {
    color: rgba(0, 0, 0, 0);
    width: 30px;
    height: 30px;
    top: 25vh; }
    .brand_ad_slider_cont .flex-direction-nav a::before {
      content: "";
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%; }
    .brand_ad_slider_cont .flex-direction-nav a.flex-prev::before {
      background-image: url(/assets/img/left-arrow-head-black.svg); }
    .brand_ad_slider_cont .flex-direction-nav a.flex-next::before {
      content: "";
      background-image: url(/assets/img/right-arrow-head-black.svg); }
  .brand_ad_slider_cont .flexslider .flex-direction-nav .flex-prev {
    left: -30px !important;
    opacity: 0.7; }
  .brand_ad_slider_cont .flexslider .flex-direction-nav .flex-next {
    right: -30px !important;
    opacity: 0.7; }
  .brand_ad_slider_cont video {
    width: 100%;
    height: 100%; }
  .brand_ad_slider_cont .video_loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center; }
    .brand_ad_slider_cont .video_loader.hidden {
      display: none; }
  @media only screen and (min-width: 768px) {
    .brand_ad_slider_cont {
      max-width: 600px;
      margin-left: 0; } }

@media only screen and (max-width: 1023px) {
  .counterfeit_photo_error {
    text-align: center; } }

.profile_avatar {
  border-radius: 50%;
  position: relative;
  width: 180px;
  height: 180px; }
  .profile_avatar img {
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    height: 100%;
    object-fit: cover; }
  @media only screen and (max-width: 1023px) {
    .profile_avatar {
      margin: 0 auto; } }

.profile_img_btn {
  position: absolute;
  top: calc(100% - 30px);
  right: -18px;
  transform: translate(-50%, -50%);
  cursor: pointer; }

.profile_page .profile_wrapper {
  max-width: 400px;
  margin: 0 auto; }
  @media only screen and (min-width: 1024px) {
    .profile_page .profile_wrapper {
      margin-left: 0; } }
.profile_page .form_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%; }
  .profile_page .form_row .form_label {
    color: #333;
    position: relative;
    margin-right: 10px; }
    .profile_page .form_row .form_label::after {
      content: ":";
      position: absolute;
      right: 0; }
      @media only screen and (max-width: 767px) {
        .profile_page .form_row .form_label::after {
          position: unset; } }
    @media only screen and (min-width: 768px) {
      .profile_page .form_row .form_label {
        min-width: 130px; } }
    @media only screen and (min-width: 1024px) {
      .profile_page .form_row .form_label {
        font-size: 20px; } }
  .profile_page .form_row input {
    width: auto;
    flex-grow: 1; }
.profile_page .page_subtitle {
  display: flex;
  align-items: flex-start; }
  .profile_page .page_subtitle .overflow_text {
    overflow: hidden;
    text-overflow: ellipsis; }
  .profile_page .page_subtitle .label_text {
    min-width: 130px;
    margin-right: 10px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .profile_page .page_subtitle .label_text {
        min-width: auto; } }
    .profile_page .page_subtitle .label_text::after {
      content: ":";
      position: absolute;
      right: 0; }
      @media only screen and (max-width: 767px) {
        .profile_page .page_subtitle .label_text::after {
          position: unset; } }
@media only screen and (max-width: 1023px) {
  .profile_page .page_title {
    text-align: center; } }
.profile_page .round_btn.medium_btn {
  max-width: 100%; }
  @media only screen and (min-width: 1024px) {
    .profile_page .round_btn.medium_btn {
      margin-left: 0; } }

.game_rules_dropdown {
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  white-space: nowrap; }
  @media only screen and (min-width: 768px) {
    .game_rules_dropdown {
      text-align: center;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    .game_rules_dropdown {
      text-align: left;
      margin-left: 0; } }

.game_rules_cont {
  display: none; }
  .game_rules_cont p {
    font-family: "BebasNeueRegular", sans-serif;
    color: #333;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    text-align: left;
    display: flex; }
    .game_rules_cont p span {
      font: inherit;
      display: inline-block; }
      .game_rules_cont p span:not(.font_bold):not(:first-child) {
        flex-grow: 1; }
      .game_rules_cont p span.font_bold, .game_rules_cont p span:first-child {
        min-width: 45px;
        font-weight: bold;
        margin-right: 15px; }
  @media only screen and (min-width: 768px) {
    .game_rules_cont {
      margin: 0 auto;
      max-width: 400px; } }
  @media only screen and (min-width: 1024px) {
    .game_rules_cont {
      margin-left: 0; } }
  .game_rules_cont.hidden {
    display: none; }

.scratch_cont {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 13px;
  max-width: 375px; }
  .scratch_cont canvas.scratcher {
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    background: #000 url(/assets/img/scratch-icons/fire-flame-curved-solid.svg) no-repeat center;
    width: 116px;
    height: 116px; }
    @media only screen and (max-width: 450px) {
      .scratch_cont canvas.scratcher {
        width: 90px;
        height: 90px; } }
    @media only screen and (max-width: 374px) {
      .scratch_cont canvas.scratcher {
        width: 70px;
        height: 70px; } }
  .scratch_cont .loyalty_scratcher {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 116px;
    height: 116px; }
    .scratch_cont .loyalty_scratcher canvas {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      background: #000 url(/assets/img/scratch-icons/fire-flame-curved-solid.svg) no-repeat center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px solid rgba(255, 255, 255, 0.8); }
    .scratch_cont .loyalty_scratcher .scratch_reward_text {
      font-family: "BebasNeueRegular", sans-serif;
      color: #000;
      font-size: 30px;
      line-height: 35px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      z-index: 2;
      position: relative;
      visibility: hidden;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .scratch_cont .loyalty_scratcher .scratch_reward_text {
          font-size: 20px;
          line-height: 22px; } }
    .scratch_cont .loyalty_scratcher.scratch_completed canvas {
      border: 1px solid #000; }
    .scratch_cont .loyalty_scratcher.scratch_completed .scratch_reward_text {
      visibility: visible; }
    @media only screen and (max-width: 450px) {
      .scratch_cont .loyalty_scratcher {
        width: 90px;
        height: 90px; } }
    @media only screen and (max-width: 374px) {
      .scratch_cont .loyalty_scratcher {
        width: 70px;
        height: 70px; } }
  @media only screen and (min-width: 1024px) {
    .scratch_cont {
      margin-left: 0; } }
  .scratch_cont.hidden {
    display: none; }

#postgame {
  display: none; }
  #postgame #prize {
    width: 100%;
    height: auto; }
    @media only screen and (min-width: 768px) {
      #postgame #prize {
        max-width: 600px; } }
  @media only screen and (min-width: 1024px) {
    #postgame .round_btn.medium_btn {
      margin-left: 0; } }
  @media only screen and (min-width: 768px) {
    #postgame {
      text-align: center; } }
  @media only screen and (min-width: 1024px) {
    #postgame {
      text-align: left; } }

.scratchoff_thankyou_cont .prize_section_wrap {
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .scratchoff_thankyou_cont .prize_section_wrap {
      padding-top: 48px; } }
  @media only screen and (min-width: 1024px) {
    .scratchoff_thankyou_cont .prize_section_wrap {
      padding-top: 71px; } }

.qr_scan_cont {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.8); }
  .qr_scan_cont #reader {
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
    border: none !important;
    display: flex;
    align-items: center;
    max-height: 100vh; }
  .qr_scan_cont .qr_scan_btn_cont {
    position: absolute;
    background: black;
    width: 100%;
    min-height: 50px;
    padding: 15px 20px;
    z-index: 10;
    top: 0;
    left: 0;
    display: none; }
    .qr_scan_cont .qr_scan_btn_cont * {
      font-size: 18px;
      line-height: 24px;
      font-family: "BebasNeueRegular", sans-serif;
      color: white; }
    .qr_scan_cont .qr_scan_btn_cont .qr_camera_select {
      padding: 10px; }
      @media only screen and (max-width: 350px) {
        .qr_scan_cont .qr_scan_btn_cont .qr_camera_select {
          display: block;
          padding: 5px; } }
  .qr_scan_cont .scan_error {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    padding: 10px;
    background: rgba(255, 0, 0, 0.6);
    display: none; }
    .qr_scan_cont .scan_error.active {
      display: block; }
    .qr_scan_cont .scan_error .scan_error_text {
      color: white;
      font-size: 18px;
      line-height: 24px;
      font-family: "BebasNeueRegular", sans-serif;
      margin: 0;
      text-align: center; }

.scan_product.mobile_device {
  min-height: -webkit-fill-available; }
  .scan_product.mobile_device .qr_scan_cont #reader {
    max-height: -webkit-fill-available; }
.scan_product .help_btn {
  display: none !important; }

#scanProductForm {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8); }
  #scanProductForm .scan_result {
    width: auto;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    padding-top: 12px; }
  #scanProductForm.hidden {
    display: none; }

.confirmation_popup_wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 30;
  width: 100%;
  height: 100%; }
  .confirmation_popup_wrapper .confirmation_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
    .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
      max-width: 500px;
      width: 90%;
      background: white;
      padding: 30px 20px;
      border-radius: 10px;
      overflow: hidden;
      position: relative; }
      .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .close_btn {
        position: absolute;
        top: 20px;
        right: 20px; }
      .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .page_subtitle {
        padding: 0 20px;
        text-align: center; }
      .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .poup_btn_cont {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .poup_btn_cont .round_btn {
          max-width: calc(50% - 8px); }
        @media only screen and (max-width: 767px) {
          .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .poup_btn_cont {
            flex-direction: column-reverse; }
            .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .poup_btn_cont .round_btn {
              max-width: 100%; }
              .confirmation_popup_wrapper .confirmation_popup .popup_content_wrapper .poup_btn_cont .round_btn:not(:first-child) {
                margin-bottom: 15px; } }

.loader {
  border: 8px solid #000;
  border-radius: 50%;
  border-top: 8px solid transparent;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite; }

.popup_footer p, .popup_footer a:not(.round_btn) {
  font-family: "BebasNeueRegular", sans-serif;
  text-align: center;
  padding: 0 15px;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  display: block; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#display-code {
  display: block; }
  @media only screen and (min-width: 768px) {
    #display-code {
      max-width: 350px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) {
    #display-code {
      margin-left: 0; } }

main#virtualpickaprize h2 {
  color: #333;
  margin-top: 0; }
main#virtualpickaprize div#prize-container {
  margin: auto; }
  main#virtualpickaprize div#prize-container #display-text {
    font-size: 16px; }
  main#virtualpickaprize div#prize-container #display-code {
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin-top: 30px; }
  main#virtualpickaprize div#prize-container input#code-container {
    background: #fff;
    border: 0;
    padding: 0;
    color: #333;
    width: 100%; }
  main#virtualpickaprize div#prize-container form > div.submit-container {
    margin-top: 30px; }
    main#virtualpickaprize div#prize-container form > div.submit-container button {
      min-height: 50px; }
main#virtualpickaprize button#copy-code {
  min-height: 43px; }
main#virtualpickaprize #copied-msg {
  padding: 0;
  margin-top: 10px;
  display: none; }
main#virtualpickaprize #display-instructions {
  margin-top: 30px;
  font-style: italic; }

footer {
  padding: 0 36px 30px;
  margin: 0 auto; }
  @media only screen and (min-width: 1154px) {
    footer {
      max-width: 1088px;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 1440px) {
    footer {
      margin-left: 136px; } }

.login_section.two-login-method .login_wrapper .card_item .card_content_wrap .card_content {
  height: 100%; }
.login_section.two-login-method .login_wrapper .card_item_cont.menu_closed .card_item {
  max-height: 50%;
  height: 50%; }
.login_section.two-login-method .login_wrapper .card_item_cont.active {
  display: flex;
  flex-direction: column;
  height: auto; }
  .login_section.two-login-method .login_wrapper .card_item_cont.active .card_item {
    flex-grow: 1; }

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

#sendoff {
  height: 100vh; }
  #sendoff.main_wrapper .inner_page_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%; }
    @media only screen and (min-width: 1440px) {
      #sendoff.main_wrapper .inner_page_wrap {
        margin-right: 100px; } }

.bottom_popup_cont .sendoff_btn {
  width: auto;
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 0; }

.sendoff_btn_link-wrap {
  text-align: right; }
  .sendoff_btn_link-wrap .sendoff_btn {
    display: inline-block; }

.mx_auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.mb_0 {
  margin-bottom: 0px !important; }

.mb_5 {
  margin-bottom: 5px !important; }

.mb_10 {
  margin-bottom: 10px !important; }

.mb_12 {
  margin-bottom: 12px !important; }

.mb_15 {
  margin-bottom: 15px !important; }

.mb_18 {
  margin-bottom: 18px !important; }

.mb_20 {
  margin-bottom: 20px !important; }

.mb_25 {
  margin-bottom: 25px !important; }

.mb_30 {
  margin-bottom: 30px !important; }

.mb_35 {
  margin-bottom: 35px !important; }

.mb_40 {
  margin-bottom: 45px !important; }

.mb_45 {
  margin-bottom: 45px !important; }

.mb_50 {
  margin-bottom: 50px !important; }

.mt_5 {
  margin-top: 5px !important; }

.mt_10 {
  margin-top: 10px !important; }

.mt_15 {
  margin-top: 15px !important; }

.mt_18 {
  margin-top: 18px !important; }

.mt_20 {
  margin-top: 20px !important; }

.mt_25 {
  margin-top: 25px !important; }

.mt_30 {
  margin-top: 30px !important; }

.mt_40 {
  margin-top: 40px !important; }

.mt_45 {
  margin-top: 45px !important; }

.mt_auto {
  margin-top: auto !important; }

.ml_0 {
  margin-left: 0 !important; }

.ml_10 {
  margin-left: 10px !important; }

.mr_10 {
  margin-right: 10px !important; }

.mr_15 {
  margin-right: 15px !important; }

@media only screen and (min-width: 768px) {
  .md_mb_35 {
    margin-bottom: 35px !important; }

  .md_mb_57 {
    margin-bottom: 57px !important; } }
@media only screen and (min-width: 1024px) {
  .l_ml_0 {
    margin-left: 0 !important; } }
@media only screen and (min-width: 450px) {
  .sm_dev_hide {
    display: none; } }

/*# sourceMappingURL=default_new.css.map */