* { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {   font-family: "Metric-Black";   src: url("../../assets/fonts/Metric/v1/Metric-Black.woff2") format("woff2"),
    url("../../assets/fonts/Metric/v1/Metric-Black.woff") format("woff"),
    url("../../assets/fonts/Metric/v1/Metric-Black.otf") format("otf");   font-weight: normal; }
@font-face {   font-family: "Metric-Bold";   src: url("../../assets/fonts/Metric/v1/Metric-Bold.woff2") format("woff2"),
    url("../../assets/fonts/Metric/v1/Metric-Bold.woff") format("woff"),
    url("../../assets/fonts/Metric/v1/Metric-Bold.otf") format("otf");   font-weight: normal; }
@font-face {   font-family: "Metric-Light";   src: url("../../assets/fonts/Metric/v1/Metric-Light.woff2") format("woff2"),
    url("../../assets/fonts/Metric/v1/Metric-Light.woff") format("woff"),
    url("../../assets/fonts/Metric/v1/Metric-Light.otf") format("otf");   font-weight: normal; }
@font-face {   font-family: "Metric-Medium";   src: url("../../assets/fonts/Metric/v1/Metric-Medium.woff2") format("woff2"),
    url("../../assets/fonts/Metric/v1/Metric-Medium.woff") format("woff"),
    url("../../assets/fonts/Metric/v1/Metric-Medium.otf") format("otf");   font-weight: normal; }
@font-face {   font-family: "Metric-Regular";   src: url("../../assets/fonts/Metric/v1/Metric-Regular.woff2") format("woff2"),
    url("../../assets/fonts/Metric/v1/Metric-Regular.woff") format("woff"),
    url("../../assets/fonts/Metric/v1/Metric-Regular.otf") format("otf");   font-weight: normal; }

:root {   --primary-black: #040404;   --secondary-red: #CF132F;   --tertiary-red: #97021E; }
html{ scroll-behavior: smooth; }
body { background: #f4f4f4; color: rgb(0, 0, 0); font-family: "Metric-Light", Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; scroll-behavior: smooth; }
  
a { color: var(--secondary-red); text-decoration: none; }
a:hover { text-decoration: underline; }

#main { max-width: 100%; display: flex;   flex-direction: column; }
label { padding: 1% 0; font-family: Roboto, sans-serif; font-size: 15px; font-weight: 400; }
input::placeholder { color: white; }

#header_text .block1 { background: #040404; font-size: 20px; font-weight: bold; padding: 20px 30px; text-align: right; }
#header_text .block1 a { color: white; font-weight: normal; }
#header_text .block2 { padding-left: 100px; background: rgb(22,28,28); background: linear-gradient(to right, #edeae7 0%, #edeae7 50%, #edeae7 100%);font-size: 21px;  font-weight: bold;  min-height: 62px; display: flex; }
#header_text .block2:after { content: ''; clear: both; height: 1px; width: 1px; }
#header_text .block2 .block0 { display: flex; align-items: center; justify-content: flex-start;  max-width: 1800px; }
#header_text .block2 p.logo { margin-right: 100px; }

#header_text .toggle { display: none; }
#header_text .block2 ul { display: flex; list-style: none; font-weight: normal; font-size: 20px; }
#header_text .block2 li { margin-right: 50px; }
#header_text .block2 li a { color: #000000; }
#header_text .block3 { background: #040404; text-align: right; position: relative; }
#header_text .block3 > br { display: none; }
#header_text .block3 .block0 { margin: 0 auto; max-width: 1200px; }
#header_text .block3 h1 { background: #040404; color: white; font-size: 66px; font-weight: bold; max-width: 500px; padding: 100px 50px; text-align: center; width: 100%; position: absolute; top: 150px; }
.btn-wrapper { align-items: center; gap: 50px; display: flex; justify-content: space-between; max-width: 600px; width: 100%; margin: 0 0 50px 0 ; }
#header_text .nav { display: none; }
.p246 #header_text .nav  { display: block; }
.p246  #info_text div.welcome { display: none;}
.p62 #header_text .block2 p.logo {display: block; max-width: 200px;}
.mob-banner{display: none;}
.btn-wrapper a ,
#submit-div > input.next_step, .SubmitButt, input#button_ajax, .prev_step, .SubmitButt
{ font-family: "Metric-Regular", Arial, sans-serif;   background: #7E858B;;   border-radius: 0;   color: white; max-width: 230px; width: 100%; display: inline-block;   border-radius: 24px; padding: 0 30px;   text-align: center; transition: background-color 0.3s; font-weight: 700; text-decoration: none;   height: 40px;   line-height: 40px; justify-content: center; }
.SubmitButt ,
input.prev_step,
input.next_step
{ outline: none; border: none; box-shadow: none; font-size: 18px; }
#input_block_other_promo_code .clear { display: block;}
#input_block_other_promo_code .label-under { margin-top:5px; }
#input_block_other_promo_code .label-under img{ margin-right:10px;}

.btn-wrapper a:hover { background: #414141; } 
.btn-wrapper a.register:hover { background: #414141; }
.SubmitButt, .btn-wrapper a.register{ background: #414141;}
#content .banner {width: 100%; display: flex;}
#header_text .hero { display: flex; justify-content: center;  margin: 0 auto; background: black; line-height: 0; }
#header_text .hero .texts, #header_text .hero .banner { width: 50%; }
#header_text .hero .texts {     display: flex;   flex-direction: column;   justify-content: center;   gap: 30px;   padding: 0 100px;}
#header_text .hero .texts h1 { font-family: "Metric-Light", Arial, sans-serif; font-size: 4em; margin-bottom: 0; line-height: 4rem;}
.p413 #main h1 { text-align: left; }
.p18 span.button1,
.p19 span.button1,
.p111 span.button1,
.p413 span.button1,
.p246 span.button1
{ display: none; }
#header_text .hero .texts h2 { font-size: 1.2em; width: 80%; }
#header_text .block2 li:last-child a {   background: var(--secondary-red);   border: 0;   border-radius: 0;   color: white;   cursor: pointer;   font-size: 23px;   padding: 10px 20px;   transition: background-color 0.3s; }

#header_text .hero .texts p.logo, 
#header_text .hero .texts h3 { display: inline-block; }
#header_text .hero .texts p.logo {margin:0 50px 0 0; }
.row-2 { display: flex; align-items: center; display: inline-block;   font-size: 35px;   line-height: 33px; }

#main #banner { display: flex; justify-content: center;}
#main #banner img { max-width: 1400px; width:100%; }

.tc-box .tc-box-textarea table { background: unset;}
#promo_content #info_text_holder .mob_banner { display: none; }

#promo_content, #content { margin: 0 auto; max-width: 1920px; }
#promo_content { background: #040404; color: white; padding-left: 0; padding-right: 0; background-size: cover; background-position: right center;  max-width: 100%;  }
#promo_content.info_text_top #form_holder {  color: rgb(0, 0, 0);  margin: 0 auto; }
#promo_content #info_text_holder #info_text { max-width: 1280px; margin: 0 auto 50px; width: 75%; display: block ; align-items: center; height: 100%; }
#promo_content #info_text_holder { margin: 0 auto;  font-family: "Metric-Light", Arial, sans-serif; text-align: center; }

#promo_content #info_text_holder .wrapper { width: 760px; background: #0E1414; margin: 0 auto; text-align: center; padding: 90px 0; }
#promo_content #info_text_holder .wrapper .block1 { margin-bottom: 40px; }
#promo_content #info_text_holder .wrapper .block1 h1 { font-size: 32px; margin: 20px 0; }
#promo_content #info_text_holder .wrapper .block1 h3 { font-size: 44px; margin: 20px 0; }
#promo_content #info_text_holder .wrapper .block2 p { margin: 0 0 15px 0; }
#promo_content #info_text_holder .wrapper .block2 p a { font-family: "Metric-Regular", Arial, sans-serif; background: #CF132F; border-radius: 0; color: white; display: inline-block; max-width: 50%; padding: 10px; text-align: center; width: 100%; transition: background-color 0.3s; text-decoration: none; }
#promo_content #info_text_holder .wrapper .block2 p a:hover { background-color: #97021E; }

#promo_content #info_text_holder .wrapper .block2 p a.register { background: #7E858B; }
#promo_content #info_text_holder .wrapper .block2 p a.register:hover { background-color: #54585B; }

#form_wrapper { padding-left: 34%; padding-right: 35%; margin: 0 auto;}
#form_titles { margin: 0 0 30px 0; padding-left: 35%; padding-right: 35%; margin: 0 auto; }
#form_titles .block3 ul { overflow: hidden; padding: 30px 0; padding-bottom: 0; }

#form_titles .block3 li { font-family: "Metric-Medium", Arial, sans-serif; font-weight: normal;   text-align: center; clear: none; color: #898A8B; float: left; font-size: 16px;   list-style: none;   padding-bottom: 10px;   width: 33.33%; }
#form_titles .block3 li::after {  height: 5px; width: 90%; background-color: #272C2C;   border-radius: 100px;   margin: 0 auto;  content: " "; display: block; cursor: pointer;} 
#content h2 { font-size: 30px; font-family: "Metric-Medium", Arial, sans-serif;   margin-bottom: 30px; }

#form_titles .block3 li:nth-child(1), .stage2 #form_titles .block3 li:nth-child(2), .stage3 #form_titles .block3 li:nth-child(3), #form_titles > div > div > div > ul > li:nth-child(2) { color: white; }
#form_titles .block3 li:nth-child(1)::after, .stage2 #form_titles .block3 li:nth-child(2)::after,.stage3 #form_titles > div > div > div > ul > li:nth-child(2)::after, .stage3 #form_titles .block3 li:nth-child(3)::after { background-color: #D9D9D9; }
#info_text .tablet_banner, #info_text .mob_banner { display: none; }
.info_text_left #form_holder { margin: 0; }

#form_titles { margin-bottom: 15px; }
.p111 #faq a:before { border-color: transparent transparent transparent rgb(255, 255, 255); }
#content { padding: 30px 0; }
#content h1  { font-size: 45px; font-weight: 500; font-family: Roboto, sans-serif;}
#content h1 strong{ font-weight: 700; }
.p111 #faq h2,
.p111 #faq h2 a { color:white; }
#content ol { list-style: numeric inside; }
#content li,
#content p { margin: 0 0 15px 0; }
.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth iOS scroll */
}
#content table {   width: 100%; border-collapse: collapse;   min-width: max-content; }
#content td{ border: 1px solid #040404; padding: 10px; }
#content td.spacer{border: unset;}
#content td p { margin: 0; }
.video-bg-custom { width: 100%; max-height: 500px; /* adjust height */ overflow: hidden; }
.video-bg-custom video { width: 100%; height: 100%; object-fit: cover; }

.field-row { padding: 5px 0; }
.field-row .table-cell { clear: none;   float: none;   width: calc(100% - 30px);}
.plc_holder_parent label {   display: none;   opacity: 0;   font-size: 13px;   font-weight: bold;   color: white;   transition: all .2s;   pointer-events: none; }
#r_purchase_upload_file .field-row .table-cell.coll1 { position:relative; }
#r_purchase_upload_file > div.table-cell.coll1 { position:relative; right:auto; top: auto;}

div[id^="r_purchase_upload_file"] .table-cell.table-cell.coll1_field_sub_group_btm { float: none; padding: 5px 0; width: 100%; position: relative; top: auto; right: auto;}
.table-cell a { text-decoration: underline;/* word-break: break-all;*/ color: rgb(0, 0, 0); }
#l_right_txt_subscribe > a { word-break: break-all; }
.table-cell a:hover { text-decoration: none; }
.second_row { float: right; }

.ui-widget-header {   border: 1px solid #CF132F!important;   background: #CF132F url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png)!important;   color: #fff;   font-weight: bold; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {   border: 1px solid #dd5a6e;   background: #eea7b1 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% top repeat-x;   color: #363636; }
.ui-menu .ui-menu-item {   margin: 0;   padding: 0;   width: 100%;   background: #0E1414;   color: white;   font-size: 15px;   border: 0;  }
.ui-widget { font-size: 0.8em!important; }
.ui-datepicker { width: 15em!important; } 

.table-cell input[type="text"],
.table-cell select { font-size: 15px; border-radius: 0; border: 1px solid #C8C8C8; color: rgb(0, 0, 0); font-family: "Metric-Regular", Arial, sans-serif; padding: 10px 5px; width: 100%; }
#submit-div { padding: 50px 0; text-align: center; }


#apply_form_box .table-cell input[type="text"]:focus,
#apply_form_box .table-cell input[type="text"]:not(:placeholder-shown),
#apply_form_box .table-cell input[type="text"]:-webkit-autofill {  color: #000000 !important; box-shadow: none; /* remove default focus shadow */ }
input:-webkit-autofill { -webkit-text-fill-color: #ffffff !important; }

/* Autofill + editing */
.table-cell input[type="text"]:-webkit-autofill,
.table-cell input[type="text"]:-webkit-autofill:focus,
.table-cell input[type="text"]:-webkit-autofill:hover,
.table-cell input[type="text"]:-webkit-autofill:active { -webkit-text-fill-color: #000000 !important; caret-color: #000000 !important; /* cursor color */ transition: background-color 5000s ease-in-out 0s; /* prevents autofill flash */ }
.required { color: var(--secondary-red); }
#progress_detailed { display: none; }
#form_intro {margin: 30px 0 ;}
#form_intro .required{font-family: Roboto, sans-serif; font-size: 17px; font-weight: 400;}
div.required { color: rgb(0, 0, 0); }
div.required span { color: var(--secondary-red); }
#a_l_txt_title,
#a_l_txt_purchased_products_number,
#i_l_txt_payment_method,
#a_l_txt_bank_details_international,
#a_l_txt_bank_revolut, #a_l_txt_payment_method,#a_l_txt_series_promotions { display: block; font-size: 32px; font-weight: bold; margin: 15px 0; }
#i_l_txt_payment_method .required { display: none; }
#country_promotion { display: inline-block; padding: 10px 0; }
#r_payment_method .table-cell { float: none; width: 100%; }
#r_payment_method .cbox_list { float: left; width: 50%; }
#promo_content a.popup { background: var(--primary-black)!important; border-radius: 50%; color: white!important; display: inline-block; height: 21px; line-height: 21px; text-align: center; text-decoration: none; width: 21px; }
#bank_benficiary_u_info,
#bank_beneficiary_rev_u_info,
div[id^="date_purchase"] { color: #6B6B6B; display: block; font-size: 16px; padding: 5px 0; }
div[id^="r_date_purchase"] .table-cell { position: relative; }
.ui-datepicker-trigger { cursor: pointer; position: absolute; top: auto; right: 1px; bottom: 4px;}
.field-row .inputfile.inputfile__btn + label { background: var(--secondary-red)!important; width: 100%; transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { display: block; }
.field-row .inputfile.inputfile__btn + label:hover { background: var(--tertiary-red)!important; }
#add_another_product,
#remove_last_product { background: #7E858B; border: 0; border-radius: 0; color: white; cursor: pointer; font-family: "Metric-Regular", Arial, sans-serif; font-size: 16px; padding: 10px; width: 100%; transition: background-color 0.3s; }
#l_purchase_upload_file1 { font-size: 15px; }
#add_another_product { margin: 0 0 5px 0; }
#add_another_product.disabled,
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background: #A4A8AB; }
.tc-box .tc-box-textarea { border: 1px solid #A4A8AB; color: rgb(0, 0, 0); }

.table-cell input[type="text"]:focus,
.table-cell select:focus { background-color: unset; }

#l_right_txt_terms_conditions { line-height: 1.25; }
#r_purchase_upload_file1 > div:nth-child(2) > span.dynamic_info_logo.selected { top: 40px; }
#r_date_purchase1 > div.table-cell.plc_holder_parent > span.dynamic_info_logo.selected { right: 39px; }
.ui-datepicker-trigger { background: url(../images/calendar.png) center center no-repeat; cursor: pointer; height: 32px; overflow: hidden; text-indent: 9999px; white-space: nowrap; width: 33px; }

#r_store_name_crm_select1 > div.table-cell.coll1_field_sub_group_btm, 
#r_date_purchase1 > div.table-cell.coll1_field_sub_group_btm, 
#r_products_promotion1 > div.table-cell.coll1_field_sub_group_btm, 
#r_series_promotions1 > div.table-cell.coll1_field_sub_group_btm { clear: none;  }

#footer { background: #0E1414; color: white; padding: 30px 0; font-size: 18px; }
#footer .block0 { margin: 0 auto; max-width: 1800px; }
#footer a { color: white; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .block1 { margin: 0 0 30px 0; }
#footer .block2 { overflow: hidden; }
#footer .block2 p { color: rgb(123, 123, 123); font-family: Roboto, sans-serif; font-size: 14px; } 
#footer .block2 a { color: hsla(33, 10%, 65%, 1); font-size: 13px;
    font-weight: 400; text-decoration: none; font-family: Roboto, sans-serif; } 
    #footer .block2 a:hover { text-decoration: underline; }

#footer .block21 { float: left; line-height: 1.1; }
#footer .block22 { float: right; }
#footer .block22 ul { list-style: none; }
#footer .block22 li { display: inline-block; margin-left: 30px; }
#main.ty #form_wrapper > div { max-width: 1920px; margin: 50px auto; font-size: 25px;     display: flex; justify-content: center; padding: 0; flex-direction: column;
    align-items: center; }
.thankyou-image { display: none; }

.cf-image img:nth-child(2){ display: none; }
.thankyou-image img:nth-child(2){ display: none; }
#main.ty .cf-image { display: none; }
#main.ty .thankyou-image { display: block; font-size: 0; line-height: 0; }
#main.ty #form_titles,
#main.ty #form_titles .button1,
#main.ty #printArea,
#main.ty #printLink { /* display: none; */ }
#main.ty #form_wrapper { font-size: 20px; line-height: 1.5; padding: 0; margin-bottom: 50px; min-height: 20vh; }
#main.ty #form_wrapper h1 { font-size: 24px; margin-bottom: 30px; }

#main.ty #promo_content #info_text_holder { padding: 0; }
#main #info_text div.welcome { margin-top: 30px; }
#main #info_text div.welcome p,
#main #info_text div.welcome h1 { font-family: Roboto, sans-serif; } 
#main #info_text div.welcome h1 { font-size: 28px; font-weight: 700; margin:0 0 20px 0; }
#main.ty #info_text div.welcome{display:none;}
#main.ty #promo_content { padding-left: 0; padding-right: 0; background-size: cover; background-position: right center; display: inline-block;  width: 100%;}
#main.ty #promo_content #info_text_holder #info_text { margin: 0 auto; }


#main.ty .field-row .table-cell, .field-row .table-cell.coll1 { margin-right: 10px; width: unset; }

#main.ty #apply_form_box .field-row { padding: 5px 0; display: flex; }
#main.ty div#apply_form_box { padding: 50px; font-size: 18px;}
#main.ty div#apply_form_box .table-cell.coll1 span{ font-weight: 700;}
.land-main #content { padding: 0; min-height: calc( 100vh - 310px ); }
.land-main #content .shops { display: flex; justify-content: center; align-items: center; }
.land-main #content .shops .texts, .land-main #content .shops .banner { width: 50%; }
.land-main #content .shops .texts .shop-list { width: 80%; margin: 0 auto; text-align: center; }
.land-main #content .shops .texts .shop-list h3 { font-size: 40px; font-family: "Metric-Light", Arial, sans-serif; text-transform: uppercase; }
.land-main #content .shops .texts .shop-list ul { margin-top: 30px; }
.land-main #content .shops .texts .shop-list ul li { position: relative; padding: 20px 0 5px 0; text-align: center; }
.land-main #content .shops .texts .shop-list ul li a { padding-top: 10px;  font-size: 26px; color: white; text-transform: uppercase; font-family: "Metric-Light", Arial, sans-serif; text-decoration: none; }
.land-main #content .shops .texts .shop-list ul li a::after { top: 11px; transition: 150ms; content: ''; position: absolute; background: url(../images/arrow-unhovered.svg) center center no-repeat;  cursor: pointer; height: 40px; overflow: hidden; text-indent: 9999px; white-space: nowrap; width: 40px; position: absolute; }
.land-main #content .shops .texts .shop-list ul li a:hover::after { content: ''; position: absolute; background: url(../images/arrow-hovered.svg) center center no-repeat;  cursor: pointer; height: 40px; overflow: hidden; text-indent: 9999px; white-space: nowrap; width: 40px; position: absolute; }

.p62.land-points #content h1 , .p62.land-products #content h1,  .p62.land-how-to #content h1 { font-family: Roboto, sans-serif; font-size: 25px; font-weight: 600; margin-bottom: 30px; text-align: center;}
#content  h3 { font-family: Roboto, sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 30px;}
#content  h3 strong {font-weight: 600;}
.p62 #content {display: flex; flex-direction: column; max-width: 100%;}


.nav ul {display: flex; flex-direction: row; gap: 20px; padding-left: 100px; height:60px;}
.nav ul li { line-height: 60px; }
.nav ul li a { color: black; font-family: Roboto, sans-serif;     font-size: 20px;     font-weight: 400;     letter-spacing: .03em;     line-height: 1.5;     text-decoration: none; text-transform: none;}
.nav ul li a:hover {  text-shadow: .05rem 0 0 currentColor; }
.clear{ display: none; }
#alertBox p { color: black; }
.dynamic_info_logo { right: 50px; top: 0; }

#r_subscribe { width: 90%; }
#r_terms_conditions_box { width: calc( 100% - 30px); }


input#button_ajax { height: 30px; line-height: 30px; padding:0}
.ico-step {display: inline-block; width: 101px; height: 101px;  background-image: url(../images/step-1.png);     text-indent: -9999px;}
ul.points { display: inline-flex; gap: 20px; flex-wrap: wrap; justify-content: center;}
ul.points li{    width: 20%; display: flex; flex-direction: column; gap: 10px; margin: 0;}
ul.points li .top-row { border-bottom: 2px solid white; text-align: center; padding-bottom: 10px; }
ul.points li .bottom-row{ text-align: center; }
#content .steps { display: flex; flex-direction: column; gap: 50px;}
#content .steps h4 { font-weight: 800;     margin: 0 0 10px;     text-transform: uppercase;}
#content .steps .step { border-bottom: 2px solid white; padding: 0 30px 50px; display: flex; flex-direction: column; gap: 10px; align-items: center;}
.step-ico-section { display: flex; align-items: center;  gap :30px; }
 #content .steps .step:last-child { border: none;}
 #content .steps .step .red-border {   display: flex; flex-direction: column; align-items: center; border: 1px solid #c80028; justify-content: center;   padding: 10px; }
 #content .steps .step .red-border  p{margin: 0;}
ubmit-div > input.prev_step { background: #7E858B;   display: inline-block; border-radius: 5px; border: 0px; color: white; display: inline-block; max-width: 550px; padding: 15px; text-align: center; width: 49%; transition: background-color 0.3s; font-family: "Metric-Light", Arial, sans-serif; font-size: 16px;}
.stage3 #button_subscribe {   background: var(--secondary-red); border-radius: 5px; color: white; display: inline-block; max-width: 550px; padding: 15px; text-align: center; width: 100%; border: 0px; transition: background-color 0.3s; display: inline-block;  font-family: "Metric-Light", Arial, sans-serif;    font-size: 16px; }
#submit-div {   padding: 30px 0;   text-align: center;   padding-right: 30px; }
.stage3 #r_button_subscribe { width: 49%; }    
#info_text > p:nth-child(6) { font-size: 16px!important; margin-top: 10px; }   
#r_purchase_upload_file > div.table-cell.coll1 { clear: none; float: none; width: calc(100% - 30px); padding: 0;   }
#submit-div > input.next_step, #submit-div > input.prev_step, .stage3 #button_subscribe { font-size: 18px; }
.SubmitButt, .btn-wrapper a:nth-child(2) { background: #414141; }
.btn-wrapper a:nth-child(2):hover { background: #b5b5b5; }
#submit-div > input.next_step:hover, #submit-div > input.prev_step:hover, .stage3 #button_subscribe:hover,
.SubmitButt:hover,
#submit-div > input.prev_step:hover,
#submit-div > input.next_step:hover { background:  #d2d2d2; }
#r_purchase_upload_file > div.table-cell.coll1 > div > span.dynamic_info_logo.selected { top: -5px; }
#r_bank_benficiary > div.table-cell.plc_holder_parent > span.dynamic_info_logo.selected { top: 126px; }

.p246 #promo_content #info_text_holder { display: block; }
.p246 #form_wrapper h1 { margin: 0 0 30px 0; display: none; }

#header_text .block2, #promo_content, #content, #footer { padding-left: 100px; padding-right: 30px; }
#header_text .block3 h1 { padding: 100px 30px; left: 30px; }
.land-main #content { padding-left: 0; padding-right: 0; }
.land-main #content .block2 { padding-top: 40px; }
.land-main #content .block12 { width: 45%; padding-top: 206px; }
.land-main #content .block22 { width: 100%; }
.land-main #content .block12 h1 { font-size: 60px; }
.land-main #content .block12 h2 { font-size: 20px; }
.land-main #content {  background-size: cover; background-position: right top;gap: 50px;width: 100%; ;display: inline-block;   display: flex;   flex-direction: column;   align-items: center; justify-content: center;  max-width: 1350px; } 
#header_text .hero .texts { padding-right: 0; }
.p62 #header_text .hero .texts.cf-text{ display: none; }
.p18 #header_text .hero .texts.lp-text,
.p19 #header_text .hero .texts.lp-text,
.p111 #header_text .hero .texts.lp-text,
.p413 #header_text .hero .texts.lp-text,
.p246 #header_text .hero .texts.lp-text { display: none; }
#promo_content { background: #040404; color: white; padding-left: 0; padding-right: 0;  background-size: cover; background-position: right center; display: inline-block; width: 100%;  }

.check-status .input-field { width: 60%; }
.check-status .form-field { display: flex; justify-content: space-between; }
.check-status .form-field.submit { justify-content: flex-end; }
.check-status .input-field input[type='text'] {  width: 100%; }

@media (max-width: 1500px){   #header_text .hero .texts h1 { font-family: "Metric-Light", Arial, sans-serif; font-size: 3em; margin-bottom: 15px; }
#header_text .hero .texts h2 { font-size: 1em; width: 80%; }

#promo_content #info_text_holder .wrapper .block1 h1 { font-size: 26px;  }
#promo_content #info_text_holder .wrapper .block1 h3 { font-size: 36px;  }

/* --------LP---------- */
.land-main #content .shops .texts .shop-list h3 { font-size: 32px; }
.land-main #content .shops .texts .shop-list ul li a { font-size: 22px; }
#form_wrapper {   padding-left: 30%;   padding-right: 30%;   margin: 0 auto; }
 }
@media (max-width: 1200px) {   .land-main #content .block12 { width: 60%;   }
    #form_wrapper, #form_titles { padding-left: 20%; padding-right: 20%; margin: 0 auto;   }
    #header_text .hero .texts h1 { font-family: "Metric-Light", Arial, sans-serif; font-size: 2.7em; margin-bottom: 15px;   }
    #header_text .hero .texts h2 { font-size: 0.8em; width: 90%;   }
   }
@media (max-width: 1100px){   #promo_content.info_text_left #form_holder { float: none; width: 100%; margin: 0 auto; }
    #promo_content.info_text_left #info_text_holder { float: none; width: 100%; margin: 0; padding: 0; }
    #promo_content { padding-left: 0; padding-right: 0; background: #040404; height: auto; }
    #info_text .mob_banner { display: block; width: 100%; }
    #form_titles .block3 ul { width: 100%; }
    #promo_content.info_text_left #form_holder { padding-right: 20px; padding-left: 20px; }
    .stage3 #r_button_subscribe { width: 49%; }
    input.next_step, .SubmitButt, #submit-div > input.prev_step { width: 49%; }
    #main.ty #form_wrapper { font-size: 20px; line-height: 1.5; margin: 0 auto;   }
    #main.ty #promo_content { padding-left: 0; padding-right: 0; background-size: cover; background-position: top center; display: inline-block; nwidth: 100%;}
    #header_text .hero .texts h1 { font-size: 50px; }
    #header_text .hero .texts h2 { font-size: 16px; width: 80%; }
    #form_wrapper, #form_titles {   padding-left: 15%;   padding-right: 15%;   margin: 0 auto; }
    }

@media (max-width: 999px) {   .first_row.startcol1, .first_row.startcol, .first_row.startgroup1, .second_row { float: none; padding: 0; width: 100%; }
    #header_text .block2 .block0 { display: flex; }
    #header_text .block2 .block0 p { order: 2; margin-right: 0; text-align: center; width: 90%; }
    #header_text .nav { order: 1; margin-right: 30px; width: 10%; }
    div#header_text
 {
    position: relative;
}
    #header_text .nav .toggle { background: url(../images/hamburger.png) center center no-repeat; display: inline-block; height: 25px; overflow: hidden; text-indent: 9999px; position: absolute; white-space: nowrap; width: 33px; top: 15px;
        right: 13px;}
    #header_text .nav ul {         display: none;
        background: #edeae7;
        border-top: 3px solid black;
        padding: 10px;
        text-align: center;
        position: absolute;
        top: 62px;
        right: 0;
        z-index: 2;
        height: unset;
    width:100%;
padding:none; }
    #header_text .nav ul li { margin:0; line-height: 40px; text-align: left; border-bottom: 1px solid #dad9d9; padding:10px}
     #header_text .nav ul li:hover{ background: #dad9d9;}
     #header_text .nav ul li:last-child{border: none;}
    #header_text .nav ul li a {  line-height: 22px; font-size: 17px;}
    #header_text .block2 li:first-child { margin-right: 0; }
    #header_text .block3 { padding-bottom: 150px; }
    #header_text .block3 h1 { font-size: 60px; max-width: calc(100% - 60px); padding: 50px 25px; top: auto; bottom: 30px; }
    #footer .block21, #footer .block22 { float: none; }
    #footer .block22 li { display: block; margin: 10px 0; }
    .land-main #content .block1,
    .land-main #content .block2 { flex-direction: column; }
    .land-main #content .block11,
    .land-main #content .block21,
    .land-main #content .block12,
    .land-main #content .block22 { float: none; width: 100%; }
    .land-main #content .block22 { padding-left: 0; padding-right: 0; }
    .land-main #content .step { text-align: left; }
    .land-main #content .block12 h2 { max-width: 100%; }
    .land-main #content .block1 img { display: block; } 
    .land-main #content .block11 img { width: 100%; }
    .land-main #content .block12 { display: block; top: 200px; position: static; padding-top: 40px; padding-bottom: 0; }
    .land-main #content .block1 { flex-direction: column; position: static; height: auto; }
    .land-main #content .step { float: none; padding: 15px 0; text-align: center; width: 100%; }
    .land-main #content .block12 a { max-width: 100%; }
    #content > div.block1 > div.block12 > p:nth-child(4) { display: none; }
    #header_text .hero .texts h1 { font-size: 46px;   }
    #header_text .hero .texts h2 { font-size: 15px;   }
    #header_text .hero .texts { padding: 0px 25px; padding-top: 7%;   }
    #form_titles, #form_wrapper { padding-left: 25px; padding-right: 25px; }
    #header_text .block2, #footer { padding-left: 30px; padding-right: 30px; }

    /* ---------LP------- */
    .land-main #content .shops { flex-direction: column; }
    .land-main #content .shops .banner { width: 100%; order: 1; }
    .land-main #content .shops .texts { width: 90%; margin: 0 auto; order: 2; padding: 60px 0;  }
    .land-main #content .shops .texts .shop-list ul { margin-top: 50px; } }
@media (max-width: 799px) {
#header_text .block3 h1 { font-size: 36px; padding: 25px; top: auto; bottom: 30px; }
#header_text .block3 { padding-bottom: 100px; }

#form_titles .block3 li, #form_titles .block3 li:nth-child(3) { float: none; margin: 0 0 10px 0; text-align: center; width: 100%; }
#form_titles .block3 li::after { width: 100%; }
.dynamic_info_logo { right: 51px; }
#r_purchase_upload_file > div.table-cell.coll1 > div > span.dynamic_info_logo.selected { top: 0;}
#main.ty #form_wrapper { font-size: 20px; line-height: 1.5; margin: 0 auto; }

#header_text .hero { flex-direction: column; }
#header_text .hero .texts { width: 100%; order: 2; padding-bottom: 30px; align-items: center; }
#header_text .hero .texts .btn-wrapper a {width: 170px;}
#header_text .hero .banner { width: 100%; order: 1; }
#main #banner { display: none; }
.p62.land-how-to #main #banner,
.p62.land-products #main #banner,
.p62.land-points #main #banner
 { display: block; }
#main #banner { display: none; }
#main .mob-banner {display: block;}
#content .banner{ width: 100%; }

.cf-image img:nth-child(1){ display: none; }
.cf-image img:nth-child(2){ display: block; }
.thankyou-image img:nth-child(1){ display: none; } 
.thankyou-image img:nth-child(2){ display: block; } 
#promo_content #info_text_holder ul.rewards_list { display: flex; justify-content: center; list-style: none; margin-bottom: 20px; flex-wrap: wrap; }
#promo_content #info_text_holder ul.rewards_list li.reward { width: 30%; margin: 15px 0; }

#r_purchase_upload_file > div.table-cell.coll1 { clear: none; float: none; width: calc(100% - 10px); padding: 0;}

#header_text .block2, #footer { padding-left: 30px; padding-right: 30px; }
#promo_content #info_text_holder #info_text { flex-direction: column; width: 100%; padding: 0; }
#promo_content #info_text_holder .bonus p strong::after { width: 20%; }
#promo_content #info_text_holder .tablet_banner, #main.ty #promo_content #info_text_holder .tablet_banner { display: block; }
#promo_content #info_text_holder { height: 100%; background: none; padding: 0; width: 100%;  }
#promo_content #info_text_holder .wrapper { width: 100%; padding: 30px 0; }
#promo_content #info_text_holder { padding: 0; }
#r_terms_conditions_box {   width: calc( 100% - 11px); } 
.btn-wrapper {max-width:90%;}
}

@media (max-width: 600px){  
     #main.ty #info_text_holder { height: 100%; }  
    .land-main #content h1 { text-align: center; margin:0 30px; font-size: 40px; }
    #main.ty #promo_content #info_text_holder #info_text { display: block; }
    #main.ty #promo_content #info_text_holder #info_text .wrapper { display: none; }
    #main.ty #form_wrapper > div { max-width: 1920px; margin: 0 auto; padding: 0 10px; margin-top: 50px; }
    ul.points li { width: 29%; }
    #main #info_text div.welcome p, #main #info_text div.welcome h1 { font-family: Roboto, sans-serif; text-align: justify; margin: 30px; }
    #main.ty div#apply_form_box {padding: 10px;}
}
@media (max-width: 500px) { 
    .stage3 #r_button_subscribe { width: 100%; margin: 4px 0; padding-right: 0; }
    input.next_step, .SubmitButt, #submit-div > input.prev_step, #submit-div > input.next_step { width: 60%; margin: 4px 0;padding:0;}
    #submit-div { padding-right: 0; }
    #promo_content #info_text_holder .wrapper .block2 p a { max-width: 80%; }
    .p413 .check-status .label-field#l_promotion_submission_id {width:100%; }
    .check-status { margin:10px; }
    .p413 .check-status .label-field { width:65%;}
    .btn-wrapper { flex-direction: column;gap: 30px; }
}
@media (max-width: 480px) {   #header_text .block1, #header_text .block2, #content, #footer, #form_holder { padding-left: 15px; padding-right: 15px; }
    #header_text .block3 h1 { left: 15px; max-width: calc(100% - 30px); }
    #header_text .block1 { font-size: 16px; }
    #promo_content #info_text_holder ul.rewards_list li.reward { width: 100%; margin: 15px 0; }
    ul.points li { width: 40%; }
}
@media (max-width: 420px) { 
    #header_text .hero .texts .btn-wrapper { flex-direction: column; min-width: 90%; } 
    #header_text .hero .texts .btn-wrapper a { min-width: 100%;  }  
    ul.points li { width: 44%; }
 }