*, *: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;
}
@font-face {
    font-family: "TungstenReveal";
    src: url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.ttf") format("ttf"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.woff") format("woff"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.woff2") format("woff2"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.otf") format("otf");
    font-weight: normal;
}

:root {
    --primary-red: #C8102E;
    --primary-green: #2E9597;
    --primary-blue: #0071B8;
}

body { background: white; color: black; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; font-weight: 400; margin: 0; }
a { color: var(--primary-red); text-decoration: underline; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: none; }

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

#header_text .block1 { background: #2C2E31; color: #aaa; font-size: 11px; padding: 40px 25px; text-align: right; }
#header_text .block2 { text-align: center; }
#header_text .block2 img { display: block; margin: 0 auto; }
#header_text .block3 { color: black; display: flex; align-items: center; justify-content: space-between; max-width: 1000px; margin: 0 auto; padding: 60px 0; }
#header_text .block3 a { background: var(--primary-green); border-radius: 30px; color: white; font-size: 18px; padding: 15px 25px; text-decoration: none; }
#header_text .block3 a:hover { background: var(--primary-red); }

#promo_content, #content { margin: 0 auto; max-width: 1140px; }

#content { padding: 30px 0; }
#content h1,
.p111 h1.type2 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; text-align: center; }
#content p,
#content ul { margin: 0 0 15px 0; }
#content table { background: #eee; margin: 0 0 15px 0; width: 100%; }
#content td { border: 1px solid #ddd; padding: 10px; }
#content td p { margin: 0; }
.tc-box .tc-box-textarea td { font-size: 15px; }

#progress_detailed { display: none; justify-content: space-between; margin: 0 0 50px 0; }
#info_text ul { display: flex; justify-content: space-between; margin: 0 0 50px 0; }
#info_text ul li { border-top: 5px solid #eee; list-style: none; padding: 10px 0 0 0; text-align: center; text-transform: uppercase; width: 33.33%; }
.stage1 #info_text li:nth-child(1),
.stage2 #info_text li:nth-child(1),
.stage2 #info_text li:nth-child(2),
.stage3 #info_text li:nth-child(1),
.stage3 #info_text li:nth-child(2),
.stage3 #info_text li:nth-child(3) { border-color: var(--primary-blue); color: var(--primary-blue); }

#form_holder { margin: 0 auto; max-width: 1137px; padding: 15px 0; }
.field-row label { display: inline-block; padding: 10px 5px 10px 0; }
.table-cell input[type="text"], 
.table-cell select { border: 1px solid #B6B9B9; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; padding: 10px; width: 100%; }
.table-cell select { padding: 10px 5px; }
#submit-div { padding: 30px 0; text-align: center; }
.SubmitButt, .next_step, .prev_step { background: var(--primary-green); border: 0; border-radius: 50px; color: white; cursor: pointer; font-family: 'Montserrat', Arial, sans-serif; font-size: 24px; margin: 0 0 15px 0; min-width: 165px; padding: 15px 30px; transition: background-color 0.3s; }
.next_step:hover, .prev_step:hover, .SubmitButt:hover { background: black; }

.required { color: var(--primary-red); }
div.required { color: black; font-size: 18px; font-weight: 300; margin: 0 0 30px 0; }
div.required span { color: var(--primary-red); }
#a_l_txt_title,
#a_l_txt_bank_details_international,
#a_l_txt_purchased_products_number { display: block; font-size: 30px; font-weight: bold; margin: 15px 0; }
#country_promotion { display: block; font-weight: bold; padding: 10px 0; }
#i_l_txt_payment_method .required { display: none; }
#r_payment_method .table-cell,
#r_purchase_upload_file .table-cell.coll1 { float: none; width: 100%; }
#r_payment_method .cbox_list { float: left; width: 50%; }
#r_date_purchase .table-cell { position: relative; }
.ui-datepicker-trigger { position: absolute; top: 8px; right: 8px; }
#date_purchase_u_info,
#bank_benficiary_individual_u_info,
#bank_beneficiary_rev_u_info,
#bank_benficiary_u_info,
#bank_benficiary_rev_individual_u_info,
div[id^="date_purchase"],
div[id^="serial_number"],
#u_l_purchase_upload_file,
#u_l_upload_serial_number,
div[id^="purchase_upload_file"] { color: #B6B9B9; display: inline-block; font-size: 12px; padding: 5px 0; }
#r_purchase_upload_file label,
#r_purchase_upload_file .fileinputs { float: left; width: 50%; }
#promo_content .field-row .inputfile.inputfile__btn + label { background: var(--primary-red); float: none; width: 100%; transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 13px; }
#promo_content .field-row .inputfile.inputfile__btn + label:hover { background: black; }
#add_another_product,
#remove_last_product { background: #3B3B3B; border: 0; border-radius: 0; color: #ddd; cursor: pointer; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; margin: 0 0 5px 0; padding: 10px; width: 100%; transition: background-color 0.3s; }
#add_another_product.disabled,
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background-color: black; }
#r_terms_conditions_box { margin: 0 0 10px 0; }
#promo_content a.popup { background: white!important; border: 1px solid black; border-radius: 50%; color: black!important; display: inline-block; height: 21px; line-height: 20px; text-align: center; text-decoration: none; width: 21px; }
label[id^="l_upload_barcode"] { display: inline; line-height: 1.1; }
.second_row { float: right; }
#checkboxes-div { padding-top: 15px; }
#r_purchase_upload_file + .drow,
#r_upload_serial_number + .drow { float: right; width: 50%; }
#r_upload_serial_number .table-cell.coll1 { width: 100%; }
#l_upload_serial_number,
#r_upload_serial_number .fileinputs { float: left; width: 50%; }
#r_button_subscribe { display: inline-block; margin-left: 10px; }

.accordion-panel {margin: 1px;}
.accordion-panel .panel-caption { background: #eee; border: 1px solid white; border-radius: 3px; margin: 1px 0; padding: 0 5px; position: relative; }
.accordion-panel .panel-caption .chevron { font-size: 30px; font-weight: bold; position: absolute; top: -2px; left: 15px; }
.accordion-panel .panel-caption.active .chevron { transform: rotate(-90deg); top: 2px; left: 15px; }
#content .accordion-panel .panel-caption p { margin: 0; }
.accordion-panel .panel-caption a { color: black; display: block; font-size: 16px; font-weight: bold; padding: 10px 10px 10px 30px; text-decoration: none; }
.accordion-panel .panel-caption a:hover { color: #333; cursor: pointer; text-decoration: none; }
.accordion-panel .panel-caption.active { background: #fff; border: 1px solid #aaa; }
.accordion-panel .panel-body { border: 1px solid #aaa; border-radius: 3px; padding: 20px 20px 20px 35px; transition: 0s; width: auto; }
.accordion-panel .panel-body p { margin: 0 0 15px 0; }

#footer { clear: both; color: #b6b9b9; font-size: 11px; }
#footer a { color: black; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .block1 { border-top: 2px solid #939393; margin: 0 auto; max-width: 1140px; padding: 25px 15px 50px 15px; }
#footer .block1 ul { overflow: hidden; }
#footer .block1 li { float: left; margin: 0 15px 0 0; }
#footer .block1 li.last { float: right; margin: 0; }
#footer .block2 { background: #2C2E31; color: #aaa; padding: 40px 25px; text-align: right; }

#main.ty #printArea,
#main.ty #printArea + p,
#main.ty #info_text_holder,
#main.ty #header_text .block3 a { display: none; }
#main.ty #header_text .block3 { display: block; }
#main.ty #form_wrapper { font-size: 24px; line-height: 1.5; padding: 100px 0; text-align: center; }

@media (max-width: 1200px) {
    #header_text .block2 div { margin-left: -85px; }
    #header_text .block2 h1 { font-size: 125px; }
    #header_text .block2 h1 .line { margin-left: 35px; }
    #header_text .block2 h2 { font-size: 30px; }
}
@media (max-width: 1140px) {
    #header_text .block1, #form_holder, #content { padding-left: 15px; padding-right: 15px; }
    .first_row.startcol1, .first_row.startcol, .first_row.startgroup1, .second_row { float: none; margin: 0; padding: 0; width: 100%; }
}
@media (max-width: 999px) {
    #header_text .block21 { width: 45%; }
    #header_text .block22 { width: 55%; }
    #header_text .block3 { flex-direction: column; align-items: flex-start; padding: 30px 15px; }
    #header_text .block3 img { margin: 0 0 30px 0; }
    #progress_detailed { flex-direction: column; }
    #progress_detailed > div { padding: 0; width: 100%; }
    #header_text .block2 .block0 { background: white; flex-direction: column; }
    #header_text .block2 img { margin: 0 0 30px 0; }
    #header_text .block2 div { margin-left: 0; }
    #header_text .block2 h1 { color: black; position: relative; }
    #header_text .block2 h1:before { background: var(--primary-red); border-radius: 4px; content: ''; display: block; height: 100%; width: 5px; transform: rotate(-15deg); position: absolute; top: 0; left: 3px; }
    #header_text .block2 h2 { color: black; margin-left: 70px; }
    #info_text ul { flex-direction: column; }
    #info_text ul li { padding: 15px 0; width: 100%; }
}
@media (max-width: 799px) {
    #header_text .block2 h1 { font-size: 80px; }
    #header_text .block2 h1 .line { margin-left: 20px; }
    #header_text .block2 h2 { margin-left: 45px; }
    .field-row .table-cell.coll1,
    .field-row .table-cell,
    #r_purchase_upload_file label,
    #r_purchase_upload_file .fileinputs { float: none; width: 100%; }
    .dynamic_info_logo { right: 0; }
    div[id^="r_upload_barcode"] .coll1_field_sub_group_btm { width: calc(100% - 30px); }
    #r_purchase_upload_file + .drow,
    #r_upload_serial_number + .drow,
    #l_upload_serial_number,
    #r_upload_serial_number .fileinputs { float: none; width: 100%; }
}
@media (max-width: 599px) {
    #header_text .block21 { width: 50%; }
    #header_text .block22 { width: 50%; }
    #header_text .block2 h1 { margin-left: 15px; }
    #header_text .block2 h2 { margin-left: 15px; margin-right: 15px; text-align: center; }
    #header_text .block3 { align-items: flex-start; }
    #header_text .block3 img { max-width: 125px; }
    #header_text .block3 a { font-size: 18px; padding: 15px 25px; }
    #footer .block1 li { float: none; margin: 10px 0; }
    #content a { word-break: break-word; }
    #l_upload_serial_number { padding-right: 20px; }
    .table-scroll { overflow-x: auto; }
    .table-scroll table { min-width: 600px; }
}