.campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step_content p {
   color: #ffffff;
  font-size: 2.4rem;
  line-height: 1.2;
  margin: 0;
}
a.backtohomepage {
    color: #ffffff !important;
  border-radius: 4rem;
    padding: 1.55rem 6rem;
    min-width: 21.9rem;
    font-size: 2.6rem;
    line-height: 1;
    background: #5c2d91;
}
@media only screen and (max-width: 480px) {  	
.popup {
  width: 100%;
}}
.barcodeimg {
width: 35%;
margin: 0px auto;
}
.campaigns-wrapper .step_content h1 span.highlight {
  color: var(--c-subcolor-1);
  ;
}

.campaigns-wrapper.refresher-campaigns .step .tos_wrong_ans {
  font-family: var(--v-primary-font);
}

body form.campaigns-wrapper section.step1 {
  display: block;
}

.campaigns-wrapper.refresher-campaigns .js-form-item.form-item .thank-text p {
  font-family: var(--v-secondary-font);
}

div#edit-barcode-popup {
  display: none;
}

.barcode-popup p.close {
  text-align: right;
  font-size: 1.6rem;
}

.campaigns-wrapper.refresher-campaigns .thumbnails.image_picker_selector .thumbnail {
  cursor: pointer;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page.select-shop select {
  z-index: -1;
}

.campaigns-wrapper.refresher-campaigns .shop-size .form-item__dropdown:before {
  color: #ccc;
  content: ' ▾';
  position: absolute;
  display: block;
  z-index: 1;
  font-size: 2rem;
  float: right;
  right: 1.5rem;
  top: 1.4rem;
}
.campaigns-wrapper.refresher-campaigns .campaign_entry_page input[type="date"] {
  width: 100%;
  height: auto;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page.dob .js-form-required {
    display: none;
}

.campaigns-wrapper.refresher-campaigns .step_content h1 {
  font-family: var(--v-heading-font);
}

.campaigns-wrapper .iti__standard,
.campaigns-wrapper .iti__divider {
  display: none;
}
.iti__standard {
 display: none !important;
}
.iti-mobile .iti__country-list {
top: 37rem;
}
#edit-marketing-consent-email--description a {
    color: #ffffff;
}
.refresher-campaigns .contact_number_description .iti__country-list {
  overflow-y: auto;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw br {
  content: "" !important;
  margin-bottom: 4px;
}

.campaigns-wrapper.refresher-campaigns .response_message .prizedraw {
  font-size: 3.2rem;
  font-family: var(--v-secondary-font);
  font-weight: 300;
  line-height: 1.3;
}
.error_field_400:not([style*="display: none"]) {
  padding-top: 2rem;
  z-index: 99;
  position: relative;
  background-color: var(--c-subcolor-2);
 }
 .campaigns-wrapper.refresher-campaigns .response_message .prizedraw {  
  margin-top: 10.5rem;
  margin-bottom: 9rem;
  width: 78rem;
 }
.campaigns-wrapper.refresher-campaigns .flavour_type .form-item__dropdown:before {
    color: #5C2D91;
    content: ' ▾';
    position: absolute;
    display: block;
    z-index: 1;
    font-size: 2rem;
    float: right;
    right: 1.5rem;
    top: 1.4rem;
}
.iti__country-list {
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 857px) {
  .error_field_400:not([style*="display: none"]) {
    margin-top: -28rem;
  }     
}
@media screen and (min-width: 620px) and (max-width: 767px) {
  .error_field_400:not([style*="display: none"]) {
    margin-top: -14rem;
  }     
}
@media screen and (min-width: 597px) and (max-width: 619px) {
  .error_field_400:not([style*="display: none"]) {
    margin-top: -21rem;
  }     
}

@media screen and (min-width: 361px) and (max-width: 596px) {
  .error_field_400:not([style*="display: none"]) {
    margin-top: -21rem;
  }     
}

@media screen and (min-width: 320px) and (max-width: 360px) {
  .error_field_400:not([style*="display: none"]) {
    margin-top: -29rem;
  }     
}
@media screen and (min-width: 320px) and (max-width: 767px) {

 .campaigns-wrapper.refresher-campaigns .response_message .prizedraw {
   margin-top: 5rem;
   padding: 4rem;
   padding-bottom: 9rem;
 }
}
.campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step_content {
  background-color: #F15922;
  text-align: center;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.2rem;
}

.campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step_content h1 {
  color: #ffffff;
  font-size: 4.8rem;
  line-height: 1.2;
  margin: 0;
  padding: 2.3rem 2.3rem 0 2.3rem;
}

.article-inline.enable-fullwidth-image {
  margin: -2rem 0;
}

.campaigns-wrapper.refresher-campaigns .step_content {
  max-width: 100%;
  width: 100%;
}

.campaigns-wrapper.refresher-campaigns {
  background-color: #F15922;
}

.campaigns-wrapper .webform-options-display-two-columns {
  margin: 0 auto;
  margin-top: 2rem;
}

.campaigns-wrapper.refresher-campaigns .webform-options-display-two-columns div.form-item {
  margin: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

.campaigns-wrapper.refresher-campaigns .form-item input[type=radio] {
  left: 1rem;
  top: 25%;
  width: 3.33rem;
  height: 3.33rem;
  background-color: transparent;
  border: 2px solid var(--c-subcolor-3);
  appearance: none !important;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
}

.campaigns-wrapper.refresher-campaigns .form-item input[type=radio]:checked::after {
  content: '';
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: var(--c-subcolor-3);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.campaigns-wrapper.refresher-campaigns .step .tos_wrong_ans {
  color: #2c2376;
  font-size: 3.6rem;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 0;
  font-style: italic;
}

.campaigns-wrapper.refresher-campaigns .step .tos_wrong_ans p {
  margin-bottom: 0;
}

.campaigns-wrapper.refresher-campaigns .center {
  max-width: 65rem;
  width: 100%;
}

.campaigns-wrapper.refresher-campaigns .webform-button--next,
.campaigns-wrapper.refresher-campaigns .webform-button--submit {
  border-radius: 4rem;
  padding: 1.55rem 6rem;
  min-width: 21.9rem;
  font-size: 2.6rem;
  line-height: 1;
  background: #5c2d91;
}

.campaigns-wrapper.refresher-campaigns .webform-button--next.step2_btn {
  max-width: 58.9rem;
  width: 100%;
}

.campaigns-wrapper.refresher-campaigns #edit-step1-btn .webform-button--next {
  padding: 2.1rem 6rem;
}

.campaigns-wrapper.refresher-campaigns .disabled {
  background-color: #c4c4c4;
  cursor: default;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .button {
  color: var(--c-subcolor-3);
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page,
.campaigns-wrapper.refresher-campaigns .form-fieldset .form-item {
  max-width: 58.7rem;
  width: 100%;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page input,
.campaigns-wrapper.refresher-campaigns .campaign_entry_page select {
  max-width: 58.7rem;
  padding: 2.141rem;
  font-weight: normal;
  margin-bottom: 1.4rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page select#edit-please-select-your-preferred-sneaker-design {
  display: none;
}

.campaigns-wrapper.refresher-campaigns .form-item__description {
  margin-top: 0;
  margin-bottom: 1rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page input {
 
  color: #5C2D91;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .iti__flag-container {
  height: 6.4rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page input[type="tel"] {
  padding-left: 5rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page input#edit-upload-receipt-upload,
.campaigns-wrapper.refresher-campaigns .campaign_entry_page input#edit-upload-receipt-upload-button {
  margin-bottom: 0;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page.contact_number_description .form-item__description {
  padding: 1rem 0;
  margin: 0;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .form-item__description #edit-phone--description {
  color: #5C2D91;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page label.form-item__label {
  font-size: 2.4rem;
  font-weight: 300;
  margin-top: 2rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .form-item__description #edit-bar-code--description {
  line-height: 1;
}

.campaigns-wrapper.refresher-campaigns .form-item__description a {
  color: var(--c-primary);
  border-bottom: 1px solid;
  font-size: 14px;
  font-weight: bold;
}

.campaigns-wrapper.refresher-campaigns #edit-marketing-optin--description a {
  color: var(--c-subcolor-3);
  font-weight: 300;
  border-bottom: 1px solid;
  font-size: 16px;
}

.campaigns-wrapper.refresher-campaigns .form-item__dropdown::after {
  display: none;
}

.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector {
  overflow: hidden;
}

.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li {
  margin: 0;
  display: block;
  margin-bottom: 2rem;
  border: none;
}

.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li .thumbnail {
  border: none;
  padding: 4px;
  border-radius: 1rem;
}

.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li p {
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
  color: var(--c-subcolor-3);
  margin-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--v-secondary-font);
}

.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li .thumbnail img {
  border-radius: none;
  background-color: transparent;
}

.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li .thumbnail.selected {
  background-color: var(--c-subcolor-4);
}

.campaigns-wrapper.refresher-campaigns .thumbnails.image_picker_selector .thumbnail.focused {
  border: none;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page.barcode-popup {
  background: #d9d9d9;
  margin-bottom: 1rem;
  display: none;
  padding: 2rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page.barcode-popup.visible {
  display: block;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page.barcode-popup p.barcode-close {
  position: relative;
  display: flex;
  justify-content: flex-end;
  font-size: 1.6rem;
  margin: 0;
  color: #000;
  cursor: pointer;
  font-family: var(--v-secondary-font);
}

.campaigns-wrapper.refresher-campaigns .barcode p.text {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #000;
  font-family: var(--v-secondary-font);
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .campaign-faq {
  font-size: 1.6rem;
  line-height: 1.3;
  margin-top: 0.5rem;
  font-weight: 300;
}

.campaigns-wrapper.refresher-campaigns .webform-button--submit.sf-action-button {
  margin-top: 2rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .campaign-faq a {
  color: var(--c-subcolor-3);
  border-bottom: 1px solid var(--c-subcolor-3);
  font-weight: 300;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .form-item__description .webform-element-description {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 300;
}

.campaigns-wrapper.refresher-campaigns .faq {
  text-align: center;
}

.campaigns-wrapper.refresher-campaigns .faq_btn {
  color: var(--c-subcolor-3);
  font-size: 1.6rem;
  font-family: var(--v-secondary-font);
}

.campaigns-wrapper.refresher-campaigns .faq_btn a {
  color: var(--c-subcolor-3);
  border-bottom: 1px solid var(--c-subcolor-3);
}

form.campaigns-wrapper.refresher-campaigns label.error {
  font-size: 1.6rem;
  line-height: 1;
  margin-top: -6px;
}

form.campaigns-wrapper.refresher-campaigns label#edit-phone-error {
  margin-top: 0.4rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .js-webform-document-file,
.campaigns-wrapper.refresher-campaigns .campaign_entry_page .js-form-managed-file {
  margin-bottom: 1rem;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page .form-managed-file input {
  margin-bottom: 0;
}

.campaigns-wrapper.refresher-campaigns .campaign_entry_page span.file--image {
  max-width: 58.7rem;
  width: 100%;
  padding: 1rem;
}

.campaigns-wrapper.refresher-campaigns .js-form-item.form-item .thank-text p,
.campaigns-wrapper.refresher-campaigns .js-form-item.form-item .failed_response_field {
  font-size: 3.2rem;
  line-height: 1.2;
  text-align: center;
  color: var(--c-subcolor-3);
  font-family: var(--v-secondary-font);
  font-weight: 300;
}

.campaigns-wrapper.refresher-campaigns .option_numbers .form-item input[type=radio]+label {
  text-transform: uppercase;
}

.campaigns-wrapper.refresher-campaigns .globalClass.campaign_entry_page select {
  border: 1px solid var(--c-highlight-high);
  background: var(--c-subcolor-3);
  height: 6.4rem;
  text-transform: uppercase;
  color: #5C2D91;
}

@media screen and (min-width: 768px) {
  .campaigns-wrapper.refresher-campaigns .form-item input[type=radio]+label {
      font-size: 3.6rem;
  }

  .campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li .thumbnail {
      width: 98%;
  }

  .campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li {
      width: 33.3%;
  }

  .campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li:nth-child(even) .thumbnail {
      position: relative;
      right: -0.65rem;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step_content.thankyou h1 {
      font-size: 9.2rem;
      padding: 1px 0;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item .thank-text {
      max-width: 69.2rem;
      margin: 0 auto;
      margin-top: 8rem;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item #edit-prizes .step_content h1 {
      padding: 0.1rem;
  }

  .campaigns-wrapper.webform-submission-prizes-header-campaigns-form .campaign_entry_page .campaign-faq {
      font-size: 3.2rem;
      text-align: center;
      color: var(--c-subcolor-3);
      line-height: 1.2;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 4rem;
  }

  .campaigns-wrapper.webform-submission-prizes-header-campaigns-form .campaign_entry_page .campaign-faq.prizes {
      text-transform: unset;
  }

  .campaigns-wrapper.refresher-campaigns .webform-button--next,
  .campaigns-wrapper.refresher-campaigns .webform-button--submit {
      margin-top: 5rem;
      min-width: 58.9rem;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item #edit-prizes .step_content h1 {
      font-size: 9.2rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item #edit-prizes .step_content h1 {
      font-size: 6.4rem;
  }
  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step_content h1 {
    padding: 0;
  }
  .campaigns-wrapper.refresher-campaigns .webform-options-display-two-columns {
      padding-left: 3.5rem;
      margin-left: 0;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step1_content.step_content h1 {
      font-size: 6.4rem;
  }

  .campaigns-wrapper.refresher-campaigns .form-item input[type=radio]+label {
      font-size: 2.4rem;
      line-height: 1.4;
      padding: 1.6rem 0;
  }

  .campaigns-wrapper.refresher-campaigns .option_numbers .form-item input[type=radio]+label {
      text-indent: 0;
      margin-left: 26px;
  }

  .campaigns-wrapper.refresher-campaigns #edit-enter-details {
      margin-bottom: 3.2rem;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item .step_content.thankyou h1 {
      font-size: 6.4rem;
      padding: 1px 0;
  }

  .campaigns-wrapper.refresher-campaigns .js-form-item.form-item .thank-text {
      margin-top: 8rem;
      padding: 0 3rem;
      width: 100%;
  }

  .campaigns-wrapper.refresher-campaigns .webform-button--next.step2_btn {
      max-width: 35rem;
  }

  .campaigns-wrapper.refresher-campaigns .campaign_entry_page input,
  .campaigns-wrapper.refresher-campaigns .campaign_entry_page select {
      max-width: 35rem;
  }

  .campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li {
      width: 33.3%;
      margin-bottom: 2rem;
  }

  .campaigns-wrapper.refresher-campaigns .webform-button--next {
      margin-bottom: 0;
      margin-top: 4.2rem;
  }
}
@media screen and (min-width: 401px) and (max-width: 767px) {

  .campaigns-wrapper.refresher-campaigns .campaign_entry_page,
  .campaigns-wrapper.refresher-campaigns .form-fieldset .form-item {
      max-width: 35rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 400px) {

  .campaigns-wrapper.refresher-campaigns .campaign_entry_page,
  .campaigns-wrapper.refresher-campaigns .form-fieldset .form-item {
      max-width: 90%;
  }
}
.campaigns-wrapper.refresher-campaigns .campaign_entry_page input.globalCheckBox {
  padding: 0;
}
.thumbnail p{
   display: none;
}
 
.campaigns-wrapper.refresher-campaigns ul.thumbnails.image_picker_selector li .thumbnail.selected {
   background-color: transparent;
}

.bannerwithcampaignimage {
   margin-bottom: -1rem;
}
.campaigns-wrapper.refresher-campaigns label.error{
   color: #E30613;
}
.campaigns-wrapper.refresher-campaigns .captcha {
    max-width: 30.6rem;
}
.campaigns-wrapper.refresher-campaigns .captcha.captcha-type-challenge--turnstile.error {
     border: 2px solid #d12e26 !important;
     border-radius: var(--v-button-border-radius) !important;
     padding-top: 3px;
}
div#edit-thank-you {
    display: none;
}


.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou {
    padding: 0 !important;
    flex-direction: column;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100%;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou {
    background-color: #00b1f2 !important;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-first {
    background-color: #E30613 !important;
    width: 100%;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou h2 {
    font-family: var(--v-heading-font);
    color: #ffffff;
    font-size: 9.2rem;
    line-height: 1.2;
    font-style: italic;
    margin: 0;
    padding: 2.3rem;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-second {
    width: 55%;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-second p.thankyou_message {
    font-family: var(--v-secondary-font);
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 2rem
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-second p.thank-you {
    font-family: var(--v-secondary-font);
    font-weight: 900;
    font-size: 26px;
    line-height: 100%;
    background-color: #424B5A;
    border-radius: 100px;
    padding: 12px 32px;
}

.campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-second p.thank-you a {
    color: #ffffff !important;
    border: none;
}

.campaigns-wrapper.refresher-campaigns .error_field_400 {
    background-color: #E30613 !important;
}

.campaigns-wrapper.refresher-campaigns .response_message .error_field_400 .prizedraw.validation {
    font-family: var(--v-secondary-font);
    font-weight: 900;
    font-size: 31px;
    line-height: 48px;
    font-style: italic;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou h2 {
        font-family: var(--v-heading-font);
        color: #ffffff;
        font-weight: 400;
        font-size: 64px;
        line-height: 64px;
        font-style: italic;
        margin: 0;
        padding: 2.3rem;
    }

    .campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-second {
        width: 80%;
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .campaigns-wrapper.refresher-campaigns .success_response_field .prizedraw .thankyou .thankyou-second {
        width: 80%;
    }
}
@media screen and (min-width: 375px) and (max-width:767px) {
.campaigns-wrapper.refresher-campaigns .webform-button--next,
.campaigns-wrapper.refresher-campaigns .webform-button--submit {
  min-width: 35rem;
  }
}