* { 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; }

body { background: #4e0d20; color: white; 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;
gap: 50px;}

label { padding: 1% 0; }
input::placeholder { color: white; }

p.logo { margin-right: 100px; max-width: 100px; height: auto; }
#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(0deg, rgba(22,28,28,1) 0%, rgba(71,71,73,1) 100%); font-size: 21px;  font-weight: bold; padding: 25px 0; }
#header_text .block2:after { content: ''; clear: both; height: 1px; width: 1px; }
#header_text .block2 .block0 { display: flex; align-items: center; justify-content: flex-start; margin: 0 auto; max-width: 1800px; }
#header_text .block2 p.logo { margin-right: 100px; }
.p62 #header_text .block2 p.logo {display: none;}

#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: #C3C4C7;}
#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:30px;  display: none; }
.p62 #header_text .btn-wrapper  { 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; }
#header_text .hero .texts .btn-wrapper a {   font-family: "Metric-Regular", Arial, sans-serif;   background: #CF132F;   border-radius: 0;   color: white;   display: inline-block;   max-width: 200px;   padding: 0;   text-align: center;   width: 100%;   transition: background-color 0.3s;   text-decoration: none;   height: 50px;   line-height: 50px; }
#header_text .hero .texts .btn-wrapper a:hover { background: var(--tertiary-red); } 
 #header_text .hero .texts .btn-wrapper a.register {   background: #7E858B; }
 #header_text .hero .texts .btn-wrapper a.register:hover{ background: #a3a3a3; }

.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: white;  margin: 0 auto; }
#promo_content #info_text_holder #info_text { max-width: 1280px; margin: 0 auto; width: 75%; display: flex; align-items: center; height: 100%; }
#promo_content #info_text_holder { margin: 0 auto; background: rgb(22,28,28); background: rgb(78 13 32); 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: 40px; */     padding-left: 35%;   padding-right: 35%;   margin: 0 auto; }
#form_titles .block3 ul { overflow: hidden; padding: 30px 0; padding-bottom: 0; }
#form_holder { background: #0E1414; }
#form_titles .block3 li {   /* border-bottom: 4px solid #272C2C; */
    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: 24px; font-weight: bold; }
.p111 #faq h2,
.p111 #faq h2 a { color:white; }
#content ol { list-style: numeric inside; }
#content li,
#content p { margin: 0 0 15px 0; }
#content table { background: #040404; width: 100%; }
#content td { border: 1px solid #eee; padding: 10px; }
#content td p { margin: 0; }

.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; }
.field-row .table-cell.coll1,
.field-row .table-cell.table-cell.coll1_field_sub_group_btm {   clear: none;   float: right;   padding: 0 0 0 5px;   width: 30px;   position: absolute;   right: 35px;   top: 15px; }
#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: white; }
#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; background: #4e0d20; color: white; font-family: "Metric-Regular", Arial, sans-serif; padding: 10px 5px; width: 100%; }
select#title option, .table-cell input[type="text"]:valid{background: rgb(78 13 32);}
#submit-div { padding: 50px 0; text-align: center; }
.SubmitButt { background: var(--secondary-red); border: 0; border-radius: 0; color: white; cursor: pointer; font-size: 23px; padding: 10px 150px; transition: background-color 0.3s; }
.SubmitButt:hover { background: var(--tertiary-red); }
option { background: #4e0d20;}
#apply_form_box .table-cell input[type="text"]:valid { background-color: rgb(78 13 32) !important; /* stays filled even after blur */ }
#apply_form_box .table-cell input[type="text"]:focus,
#apply_form_box .table-cell input[type="text"]:not(:placeholder-shown) { background-color: rgb(78 13 32) !important; }
#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 { background-color: rgb(78, 13, 32) !important; color: #fff !important; 
  -webkit-box-shadow: 0 0 0px 1000px rgb(78, 13, 32) inset !important; /* fixes autofill override */
  box-shadow: none; /* remove default focus shadow */ }
input:-webkit-autofill { -webkit-text-fill-color: #ffffff !important; /* text color */
  -webkit-box-shadow: 0 0 0px 1000px rgb(78, 13, 32) inset !important; /* background color */ }

/* 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: #ffffff !important; /* text color */
  -webkit-box-shadow: 0 0 0px 1000px rgb(78, 13, 32) inset !important; /* background */
  caret-color: #ffffff !important; /* cursor color */
  transition: background-color 5000s ease-in-out 0s; /* prevents autofill flash */ }
.required { color: var(--secondary-red); }
#progress_detailed { display: none; }
div.required { color: white; }
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; }
.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; background: #4e0d20; color: white; }

.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; float: right;padding: 0 0 0 5px; width: 30px;}

#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 .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: 0 auto; padding-left:100px; }
#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 #info_text_holder{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 #info_text_holder #info_text { display: none; }
#main.ty #info_text_holder { height: 50vh; }

.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; }

/* #content > div > div.texts > div > ul > li:nth-child(1) > a::after { top: 51%; }
#content > div > div.texts > div > ul > li:nth-child(2) > a::after { top: 77%; } */
.clear{ display: none; }
#alertBox p { color: black; }
.dynamic_info_logo { right: 50px; top: 11px; }

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

#submit-div > input.next_step,.SubmitButt,
input#button_ajax  {background: var(--secondary-red); color: white; display: inline-block;  max-width: 550px; padding: 15px; text-align: center; width: 60%; border: 0px; transition: background-color 0.3s;  display: inline-block; font-family: "Metric-Light", Arial, sans-serif;
font-size: 18px; }
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; }
#submit-div > input.next_step:hover, .stage3 #button_subscribe:hover { background-color: #A8071F; }
#submit-div > input.prev_step:hover { background: #64696e; }
#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: none; }
.p246 #form_wrapper h1 { margin: 0 0 30px 0; }

    #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; display: inline-block; width: 60%;   display: flex;   flex-direction: column;   align-items: 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%;  }
    #promo_content.info_text_top #form_holder { background: #4e0d20; }

@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 .block2 .block0 .nav { order: 1; margin-right: 30px; width: 10%; position: relative; }
    #header_text .block2 .block0 .toggle { background: url(../images/hamburger.png) center center no-repeat; display: inline-block; height: 25px; overflow: hidden; text-indent: 9999px; white-space: nowrap; width: 33px; }
    #header_text .block2 .block0 ul { display: none; background: var(--primary-black); box-shadow: 0 0 15px rgba(0,0,0,0.25); padding: 10px; text-align: center; width: 250px; position: absolute; top: 25px; left: 0; z-index: 2; }
    #header_text .block2 .block0 li { margin: 15px 0; }
    #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 { height: auto; }
    .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) {
.field-row .table-cell.coll1 { clear: none; float: right; padding: 0 0 0 5px; width: 10px;   }
#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; }
.p18 .banner{display: none;}  

#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); } }

@media (max-width: 600px){   #main.ty #info_text_holder { height: 100%; }
    .land-main #content { width:80%; }
    #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 40px; }
    ul.points li { width: 29%; } }
@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-right: 0; }
#submit-div { padding-right: 0; }
/* #promo_content #info_text_holder { padding: 15px 5%; } */
#promo_content #info_text_holder .wrapper .block2 p a { max-width: 80%; }

 }
@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%; } }