* { box-sizing: border-box; }
img, picture { max-width: 100%; }

@font-face {
    font-family: 'Futura';
    src: url('../../assets/fonts/Futura/v1/futura-light-webfont.eot');
    src: url('../../assets/fonts/Futura/v1/futura-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../assets/fonts/Futura/v1/futura-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../assets/fonts/Futura/v1/futura-light-webfont.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('../../assets/fonts/Futura/v1/futura-heavy-webfont.eot');
    src: url('../../assets/fonts/Futura/v1/futura-heavy-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../assets/fonts/Futura/v1/futura-heavy-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('../../assets/fonts/Futura/v1/futura-heavy-webfont.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: bold;
    font-style: normal;
}

:root {
    --primary-gold: #FFD890;
}

body { background: #020202; color: white; font-family: 'Futura', Arial, sans-serif; font-size: 16px; font-weight: 300; }
a { color: var(--primary-gold); text-decoration: none; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: underline; }

#main { max-width: 1600px; }

#header_text .block1 { padding: 30px 0; text-align: center; }
#header_text .block2 { display: flex; align-items: center; }
#header_text .block21,
#header_text .block22 { width: 50%; }
#header_text .block21 a { background: var(--primary-gold); color: black; display: inline-block; padding: 10px 20px; }
#header_text .block21 a:hover { background: white; text-decoration: none; }
.p19 #header_text .block21 a,
.p111 #header_text .block21 a { display: none; }
#header_text h1 { font-size: 46px; line-height: 1.1; max-width: 600px; }
#header_text h1 strong { font-size: 70px; }

#content { margin: 0 auto; max-width: 800px; padding: 50px 0; }
#content p { margin: 0 0 15px 0; }
#content table { background: #111; margin: 0 0 15px 0; width: 100%!important; }
#content td { border: 1px solid white; padding: 10px; }
#content td p { margin: 0; }

#promo_content, #form_holder { background: transparent; }

#promo_content { margin: 0 auto; max-width: 800px; padding: 0 0 30px 0; }
#form_wrapper { margin: 0 auto; max-width: 600px; }
.field-row { padding: 5px 0; }
.field-row .table-cell.coll1,
.field-row .table-cell.coll1_field_sub_group_btm { float: right; padding: 5px 0 0 5px; width: 30px; }
.field-row .table-cell { clear: none; float: none; width: calc(100% - 30px); }
#submit-div { overflow: hidden; padding: 30px 0; width: calc(100% - 30px); }
.prev_step, .next_step, .SubmitButt { background: white; border: 0; color: black; cursor: pointer; font-size: 20px; padding: 15px 30px; transition: background-color 0.3s, color 0.3s; }
.prev_step { float: left; }
.next_step, #r_button_subscribe { float: right; }
#r_button_subscribe { clear: none; padding: 0; }
.prev_step:hover, .next_step:hover, .SubmitButt:hover { background: #333; color: white; }

#form_titles { margin: 0 0 50px 0; }
#form_titles ul { font-size: 22px; display: flex; justify-content: space-between; text-transform: uppercase; }
#form_titles ul li { opacity: 0.5; }
.stage1 #form_titles ul li:nth-child(1),
.stage2 #form_titles ul li:nth-child(2),
.stage3 #form_titles ul li:nth-child(3) { opacity: 1; }
.stage2 #form_titles ul li:nth-child(1),
.stage3 #form_titles ul li:nth-child(1),
.stage3 #form_titles ul li:nth-child(2) { color: var(--primary-gold); opacity: 1; }

.required { color: white; }
div.required { margin: 0 0 30px 0; }
#a_l_txt_title,
#i_l_txt_payment_method,
#a_l_txt_bank_details_international,
#a_l_txt_bank_revolut,
#a_l_txt_purchased_products_number { display: block; font-size: 30px; margin: 15px 0; }
#i_l_txt_payment_method .required { display: none; }
#alertBox { color: black; }
#revolut_tag_u_info,
#bank_benficiary_u_info,
#bank_benficiary_individual_u_info,
#bank_beneficiary_rev_u_info,
#date_purchase_u_info { display: block; font-size: 13px; padding: 5px 0; }
#r_payment_method .left { display: flex; }
#r_payment_method .cbox_list { width: 50%; }
#r_payment_method .cbox_list label { padding: 0; }
#promo_content .field-row .inputfile.inputfile__btn + label { background: var(--primary-gold); color: black; float: none; width: calc(100% - 30px); 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: white; }
#add_another_product,
#remove_last_product { background: var(--primary-gold); border: 0; border-radius: 0; color: black; 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: white; }
#r_date_purchase .table-cell { position: relative; }
.ui-datepicker-trigger { position: absolute; top: 5px; right: 5px; }
#r_terms_conditions_box,
#r_subscribe { width: calc(100% - 30px); }
.dynamic_info_logo { right: 0; }

#footer .block1 { padding: 30px 0; }
#footer .block1 img { max-width: 200px; }
#footer .block2 { padding: 0 0 30px 0; }
#footer .block2 ul { display: flex; column-gap: 30px; }
#footer .block2 a { color: white; text-transform: uppercase; opacity: 0.5; transition: opacity 0.3s; }
#footer .block2 a:hover { text-decoration: none; opacity: 1; }

#main.ty #printArea,
#main.ty #printArea + p,
#main.ty #form_titles,
#main.ty #header_text .block21 a { display: none; }
#main.ty #form_wrapper { font-size: 20px; line-height: 1.5; padding: 50px 0; text-align: center; }

.p111 .type2 { font-size: 24px; margin: 30px 0; }
.p111 #faq a { color: white; }

@media (max-width: 1600px) {
    #header_text .block1, #header_text .block21, #promo_content, #content, #footer { padding-left: 15px; padding-right: 15px; }
    #header_text h1 { font-size: 40px; }
    #header_text h1 strong { font-size: 60px; }
}
@media (max-width: 1200px) {
    #header_text .block2 { flex-direction: column; row-gap: 15px; }
    #header_text .block21,
    #header_text .block22 { width: 100%; }
    #header_text .block21 { order: 2; padding: 30px 15px; }
    #header_text .block22 { order: 1; }
    #header_text .block22 img { width: 100%; }
}
@media (max-width: 899px) {
    #form_titles ul { flex-direction: column; row-gap: 25px; text-align: center; }
}
@media (max-width: 499px) {
    #header_text .block1 { padding-left: 30px; text-align: left; }
    #header_text .block1 img, #footer .block1 img { max-width: 150px; }
    #header_text h1 { font-size: 30px; line-height: 1.2; }
    #header_text h1 strong { font-size: 40px; }
    #footer { text-align: center; }
    #footer .block2 ul { flex-direction: column; row-gap: 30px; }
}