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

@font-face { font-family: "Montserrat"; src: url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.ttf") format("ttf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff2") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.eot") format("eot"); font-weight: normal; }
@font-face { font-family: "Montserrat"; src: url("../../assets/fonts/Montserrat/v1/Montserrat-Light.ttf") format("ttf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.woff2") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.eot") format("eot"); font-weight: 300; }
@font-face { font-family: "Tungsten"; src: url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.ttf") format("ttf"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.woff") format("woff"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.woff2") format("woff2"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.otf") format("otf"); font-weight: normal; }
  
:root { --primary-red: #DA202C; --secondary-red: #C8102E; --primary-blue: #7DA1C4; }

body { background: white; color:  black; font-family: 'Montserrat', Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 15px; }

a { color: var(--primary-red); text-decoration: underline; }
a:hover { text-decoration: none; }

#main { margin: 0 auto; max-width: 100%; width: 100%; }

#header_text .block0 {margin: 0 auto;max-width: 1300px;/* padding: 0 30px; */width: 100%;height: 100%;position: relative;}
#header_text .block0 .mob-banner{ display: none;}
#header_text .block1 {background: #2C2E31;color: #aaa;font-size: 11px;padding: 30px;text-align: right;vertical-align: middle;display: flex;justify-content: flex-end;gap: 5px;}
#header_text .block2 img { display: block; }
#header_text .block3 {padding: 15px 0;text-align: center;margin: 40px 0;z-index: 1;}
#header_text .block3 a { background: var(--primary-red); color: white; display: inline-block; padding: 10px 15px; text-decoration: none; transition: background-color 0.3s; }
#header_text .block3 a:hover { background: var(--secondary-red); }
#header_text .block99 { display: none; }

#promo_content, #content { margin: 0 auto; max-width: 1280px; padding: 30px 0; }
h1.hero-title { display: flex; flex-direction: column; position: relative; font-size: 80px; font-family: "Tungsten"; font-size: 119px; font-weight: bold; text-transform: uppercase; text-wrap: nowrap; font-size: 42px; }
.hero-text { position: absolute; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 30px; margin-left: 30px; }
h1.hero-title span {  display: block; }
h1.hero-title strong {font-size: 62px;font-weight: 700;line-height: 50px;}
h1.hero-title span:nth-child(2) {margin-left: 14px;}
h1.hero-title span:nth-child(3) {margin-left: 29px;}
h1.hero-title em { font-weight: 700; }

#header_text h1.hero-title::before { background: var(--secondary-red); border-radius: 4px; content: ""; display: block; height: 110%; width: 5px; position: absolute; top: -11px; left: 11px; transform: rotate(-15deg); /* box-shadow: -5px 0 0 #ffffff; */ }
#header_text .tagline {margin-left: 31px;font-size: 15px;}
#header_text.tagline strong,
#header_text .hero-note strong { font-weight: 600; }
#header_text .tagline  p:nth-child(1) { margin-left: 14px; }
#header_text .tagline  p:nth-child(2) { margin-left: 20px; }
#header_text .tagline  p:nth-child(3) { margin-left: 26px; }
#header_text .tagline  p:nth-child(4) { margin-left: 32px; }

.roundel { display: flex; flex-direction: column; background: var(--primary-red); width: 150px; height: 150px; border-radius: 50%; justify-content: center; align-items: center; padding: 20px; color: white; text-transform: uppercase; }
.roundel strong { font-size: 48px; font-weight: 600; }
#content p { margin: 0 0 15px 0; }
#content table { border-collapse: collapse; margin: 0 0 15px 0; width: auto !important;  max-width: 100%;   }
#content td { border: 1px solid #ddd; padding: 5px; background: #f5f5f5;  }

#promo_content.info_text_left #form_holder { margin: 0; padding: 0; padding-top: 20px; }
#promo_content, #form_holder { background: transparent; }
.table-cell label { display: inline-block; padding: 10px 5px 10px 0; }
.table-cell input[type="text"], 
.table-cell select { border-radius: 0; color: black; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 15px; padding: 10px; }
.table-cell select { padding: 10px 5px; }
#submit-div { padding: 25px 0 25px 40px; text-align: center; }
.SubmitButt { background: var(--primary-red);	border: 0; color: white; cursor: pointer; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 20px; padding: 10px 40px; }
.SubmitButt:hover { background: var(--secondary-red); }

.accordion-toggle { font-weight: bold; margin: 20px 0; padding: 5px 0 5px 40px; position: relative; }
.accordion-toggle:before { background: url(../images/arrow.png) center center no-repeat; border: 0; content: ''; display: inline-block; height: 32px; width: 32px; position: absolute; top: 0; left: 0; }
.accordion-toggle.active { color: var(--primary-red); }
.accordion-toggle.active:after { background: url(../images/arrow.png) center center no-repeat; border: 0; content: ''; display: inline-block; height: 32px; width: 32px; position: absolute; top: 0; left: 0; transform: rotate(90deg); }
.accordion-content { padding-left: 40px; }

.required { color: var(--primary-red); }
div.required { color: black; }
div.required span { color: var(--primary-red); }
#country_promotion { display: block; padding: 10px 0; }
#bank_benficiary_u_info,
#date_purchase_u_info,#bank_benficiary_individual_u_info, #date_birth_u_info, #bank_beneficiary_rev_u_info, #bank_benficiary_rev_individual_u_info, #date_purchase1_u_info { display: inline-block; font-size: 13px; padding: 5px 0; }
#r_date_purchase .table-cell { position: relative; }
.ui-datepicker-trigger { cursor: pointer; position: absolute; top: 9px; right: 5px; top: 10px; bottom: 32px; }
.field-row .inputfile.inputfile__btn + label {background: #4A4E52!important;width: 100%;transition: background-color 0.3s;position: relative;padding-left: 64px;}
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 14px; }
.field-row .inputfile.inputfile__btn + label:hover { background: var(--primary-red)!important; }
#r_purchase_upload_file { margin-top: 10px; }
#r_purchase_upload_file .table-cell.coll1 { width: 100%; }
#r_purchase_upload_file .table-cell.coll1 #l_purchase_upload_file, 
#r_purchase_upload_file .table-cell.coll1 .fileinputs { width: 49.5%; display: inline-block; }
#r_upload_other_image_first .table-cell,
#r_upload_other_image_second .table-cell { margin: 10px 0; width: 100%; }
#r_upload_other_image_second .table-cell { margin: 3px 0; }
#l_upload_other_image_first,
#r_upload_other_image_first .fileinputs,
#l_upload_other_image_second,
#r_upload_other_image_second .fileinputs { float: left; width: 50%; }
#alertBox { color: black; }
#r_upload_other_image_first .dynamic_info_logo { top: 18px; }
#r_upload_barcode .table-cell { width: 100%; display: flex;}
#r_upload_barcode label { width: 50%; }
#r_upload_barcode .fileinputs { flex: 1; }
#r_upload_barcode .fileinputs label  { width: 100%; }

#a_l_txt_customer_type,
#a_l_txt_purchased_products_number,
#a_l_txt_bank_details_international { display: block; font-size: 36px; font-weight: bold; margin: 15px 0; }
#promo_content a.popup { border-radius: 50%; display: inline-block; line-height: 19px; height: 21px; text-align: center; text-decoration: none; width: 21px; transition: background-color 0.3s; }
#promo_content a.popup:hover { background: var(--secondary-red)!important; color: white!important; text-decoration: none; }

#add_another_product,
#remove_last_product { background: #7DA1C4; color: #ffffff; cursor: pointer; font-family: 'Montserrat', Arial, sans-serif; padding: 8px 16px; Width: 100%; font-size: 16px; border: none; margin: 5px 0; transition: background-color 0.3s; }
#add_another_product:hover,
#remove_last_product:hover { background: var(--primary-red);}
#remove_last_product.disabled { display: none; }
[id^=r_date_] .dynamic_info_logo { right: 40px; }

#footer { clear: both; color: #b6b9b9; }
#footer a { color: black; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .block0 { margin: 0 auto; max-width: 1280px; }
#footer .block1 .block0 { border-top: 1px solid #ccc; line-height: 1.5; padding: 15px 0 30px 0; }
#footer .block1 ul { overflow: hidden; }
#footer .block1 li { float: right; margin: 0 0 0 15px; }
#footer .block1 li:first-child { float: left; margin: 0; }
#footer .block2 { background: #2C2E31; color: #aaa; font-size: 11px; padding: 30px; text-align: right; }

#main.ty #printArea,
#main.ty #printLink { display: none; }
#main.ty #form_wrapper { font-size: 20px; line-height: 1.5; padding: 100px 0; text-align: center; }

#input_block_payment_method { float: none; width: 100%; }
#input_block_payment_method > div > div:nth-child(1), #input_block_payment_method > div > div:nth-child(2) { display: inline-block; margin-right: 8px; }

#a_l_bank_details_international_div, #a_l_bank_revolut_div { margin-top: 10px; }

#u_l_purchase_upload_file, #serial_number1_u_info { margin-top: 5px; margin-bottom: 8px; }
#u_l_upload_serial_number { margin-bottom: 8px;}
#date_purchase1_u_info { margin-top: 8px;}

#l_upload_serial_number { padding: 0px 5px 0px 0px;}
#l_right_txt_promo_agreement { float: left; line-height: 18px; width: 93%; }
#promo_agreement { float: left;}
#u_l_upload_serial_number, #u_l_purchase_upload_file { width: 50%; float: right; }
#r_upload_serial_number > div.table-cell.coll1 { width: 100%;}
#l_upload_serial_number { width: 50%; }
#r_upload_serial_number > div.table-cell.coll1 > div { width: 50%; float:right; }

.p19 #content p { display: block;}
.p19 #content h1 { margin-top: 20px;}
.p19 #extend_content a { word-break: break-all; }

#store_name_crm_autocomplete { width: 50%; padding: 15px; }
#label-under-store_name_crm_autocomplete { float: right; width: 50%; font-size: 13px; margin-bottom: 10px; }
#header_text .block0 img {width: 100%;height: auto;display: block;/* border: 1px solid red; */}
.inputfile + label .icon { width: 1em; height: 1em; vertical-align: middle; margin-top: -0.25em; margin-right: 0.5em; width: 1em; height: 1em; vertical-align: middle; margin-top: -0.25em; margin-right: 0.5em; position: absolute; left: 15px; top: 8px; font-size: 35px; margin-top: 0 !important; }
@media (max-width: 1400px) { 
    #promo_content, #content { padding: 30px 30px;}
 }
@media (max-width: 1280px) { #promo_content, #content, #footer .block1, #footer .block2 { padding-left: 15px; padding-right: 15px; }
    #promo_content.info_text_left #info_text_holder,
    #promo_content.info_text_left #form_holder { float: none; width: 100%; padding-left: 15px; padding-right: 15px; }
    #promo_content.info_text_left #info_text_holder { margin-bottom: 5px; padding: 0; }
    div.required,
    .accordion-content,
    #submit-div { padding-left: 0; }
    #main.ty #info_text_holder h3 { display: none; } 
    #main.ty #form_wrapper { padding: 100px 0; }
    #main.ty .block33 { display: none; }
    #content table {   max-width: 100%; overflow: hidden; width: 100%; overflow-x: auto; overflow-y: hidden; display: block; white-space: nowrap; } 
}
@media (max-width: 1100px) { 
     .hero-text { gap: 10px; } 
}

@media (max-width: 860px) {
    #header_text { position: relative; display: flex; flex-direction: column; }
    #header_text .hero-text {width: 100%;margin: 30px 10px 0 0;padding: 0 0 0 30px;}
    #header_text .roundel {position: absolute;top: 0;width: 117px;height: 117px;font-size: 10px;}
    #header_text .roundel strong { font-size: 37px; }
    #header_text .block0 .mob-banner{ display: block;}
    #header_text .block0 .desc-banner{ display: none;}
    #header_text .hero-note {text-align: right;/* margin: 50px 10px 0 0; */position: absolute;bottom: 50px;right: 30px;}
    .second_row { padding: 0; }
    .first_row.startcol1, .first_row.startcol, .first_row.startgroup1, .second_row,
    .field-row .table-cell,
    #l_upload_other_image_first,
    #r_upload_other_image_first .fileinputs,
    #l_upload_other_image_second,
    #r_upload_other_image_second .fileinputs { float: none; width: 100%; }
    #footer .block2 p,
    #footer .block2 ul { float: none; text-align: left; width: 100%; }
    #footer .block2 ul li { display: block; float: none; margin: 10px 0; }
    #r_upload_barcode .table-cell { flex-direction: column; }
    .dynamic_info_logo { right: 0; }

    #r_purchase_upload_file .table-cell.coll1 #l_purchase_upload_file, 
    #r_purchase_upload_file .table-cell.coll1 .fileinputs {     width: 100%; display: block; }
    #r_upload_serial_number > div.table-cell.coll1 > div, #l_upload_serial_number { width: 100%; float: none; }
    #l_upload_serial_number { margin-bottom: 5px; }
    #u_l_upload_serial_number, #u_l_purchase_upload_file {     width: 100%; float: none; margin-top: 5px; }

    #info_text .small { font-size: 12px; text-align: left;}

    #store_name_crm_autocomplete { width: 100%; padding: 15px; }
    #label-under-store_name_crm_autocomplete { float: none; width: 100%; }
    .table-scroll { overflow-x: auto; }
    .table-scroll table { width: 100%; }
    #footer .block1 li,
    #footer .block1 li:first-child { float: none; margin: 10px 0; }
 }
@media (max-width: 700px){ 
    #u_l_upload_serial_number, #u_l_purchase_upload_file { width: 100%; float: none; }
    #r_upload_serial_number > div.table-cell.coll1 { width: 100%;}
    #l_upload_serial_number { width: 100%; }
    #r_upload_serial_number > div.table-cell.coll1 > div { width: 100%; float:none; }
    #main.ty #form_wrapper { padding: 0; }    }
@media (max-width: 560px) { 
    #header_text .hero-text { padding: 0 0 0 10px; }
    #header_text .tagline { margin-left: 20px; font-size: 10px; }
    #header_text h1.hero-title { font-size: 25px; line-height: 30px; margin-top: 12rem;}
    #header_text h1.hero-title span:nth-child(1) {margin-left: 5px;}
    #header_texth1.hero-title span:nth-child(3) {margin-left: 24px;}
    #header_text h1.hero-title strong { font-size: 40px; line-height: 30px; }

    #header_text .tagline p:nth-child(2) { margin-left: 17px; }
    #header_text .tagline p:nth-child(3) { margin-left: 20px; }
    #header_text .tagline p:nth-child(4) { margin-left: 23px; }
    #header_text .hero-note {bottom: 40px;font-size: 9px;} 
    #header_text .block3 { margin: 20px 0; } 
}

@media (max-width: 420px) {   
    #header_text h1.hero-title { margin-top: 2rem;}  
    #header_text .hero-note {    margin-left:10px; bottom: 10px;}
}