* { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: 'NEFFHand';
    src: url('../../assets/fonts/NeffHand/v1/NEFFHandCaps-Regular.eot');
    src: url('../../assets/fonts/NeffHand/v1/NEFFHandCaps-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/NeffHand/v1/NEFFHandCaps-Regular.woff2') format('woff2'),
        url('../../assets/fonts/NeffHand/v1/NEFFHandCaps-Regular.woff') format('woff'),
        url('../../assets/fonts/NeffHand/v1/NEFFHandCaps-Regular.ttf')  format('truetype');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'NeffSans';
    src: url('../../assets/fonts/NeffSans/v1/NeffSansDisplay-Light.eot');
    src: url('../../assets/fonts/NeffSans/v1/NeffSansDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/NeffSans/v1/NeffSansDisplay-Light.woff2') format('woff2'),
        url('../../assets/fonts/NeffSans/v1/NeffSansDisplay-Light.woff') format('woff'),
        url('../../assets/fonts/NeffSans/v1/NeffSansDisplay-Light.ttf')  format('truetype');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'NeffSans';
    src: url('../../assets/fonts/NeffSans/v1/NeffSans-Regular.eot');
    src: url('../../assets/fonts/NeffSans/v1/NeffSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/NeffSans/v1/NeffSans-Regular.woff2') format('woff2'),
        url('../../assets/fonts/NeffSans/v1/NeffSans-Regular.woff') format('woff'),
        url('../../assets/fonts/NeffSans/v1/NeffSans-Regular.ttf')  format('truetype');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'NeffSans';
    src: url('../../assets/fonts/NeffSans/v1/NeffSans-Bold.eot');
    src: url('../../assets/fonts/NeffSans/v1/NeffSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/NeffSans/v1/NeffSans-Bold.woff2') format('woff2'),
        url('../../assets/fonts/NeffSans/v1/NeffSans-Bold.woff') format('woff'),
        url('../../assets/fonts/NeffSans/v1/NeffSans-Bold.ttf')  format('truetype');
    font-style: normal;
    font-weight: 700;
}

:root {
    --primary-red: #B10035;
}

body { background: white; background-size: cover; color: black; font-family: 'NeffSans', Verdana, sans-serif; font-size: 16px; font-weight: 400; }
a { color: var(--primary-red); text-decoration: none; }
a:hover { text-decoration: underline; }

#main { max-width: 100%; width: 100%; }

#header_text { background: url(../images/bg-footer.jpg) center center no-repeat; background-size: cover; }
#header_text .block0 { margin: 0 auto; max-width: 1280px; padding: 20px 0; }

#promo_content.info_text_left #info_text_holder { margin: 75px 0; padding: 0; }
#info_text p { margin: 0 0 15px 0; }
#info_text a { background: var(--primary-red); border: 0; color: #ddd; display: block; font-family: 'NeffSans', Arial, sans-serif; font-size: 24px; font-weight: 300; letter-spacing: 0.05em; padding: 20px; text-align: center; transition: background-color 0.3s; }
#info_text a:hover { background: #333; text-decoration: none; }

#promo_content { min-height: calc(100vh - 179px); }
#promo_content, #content { margin: 0 auto; max-width: 1280px; }

#content { margin: 30px auto; overflow: hidden; padding: 50px 15px; }
#content .block1 { background: rgba(0,0,0,0.85); border-radius: 12px; float: right; min-height: 600px; padding: 30px; width: 50%; }
#content h1 { margin: 0 0 30px 0; }
#content p,
#content li { list-style: none; margin: 0 0 15px 0; }

#alertBox__content > p { color: black!important; }

#promo_content, #form_holder { background: transparent; }
#promo_content.info_text_left #form_holder { margin: 50px 0; padding: 0; width: 50%; }

.table-cell label { display: inline-block; padding: 10px 0; }
.table-cell input[type="text"],
.table-cell select { background: transparent; border: 0; border-bottom: 1px solid #868686; border-radius: 0; color: black; font-family: 'NeffSans', Arial, sans-serif; font-weight: 400; font-size: 16px; margin-bottom: 0.3rem; padding: 0.5rem 0.35rem; width: 100%; }
.table-cell select option { color: #000; }
#submit-div { padding: 30px 0; text-align: center; }
.SubmitButt { background: var(--primary-red); border: 0; color: white; cursor: pointer; font-family: 'NeffSans', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 0 0 15px 0; padding: 10px; text-align: center; width: 137px; transition: background-color 0.3s; }
.SubmitButt:hover { background-color: #333; }

.accordion { width: 100%; }
.accordion-toggle { border: 0; display: block; font-size: 25px; font-weight: bold; padding: 0 0 20px 40px; text-transform: uppercase; }
.accordion-toggle::before { background: url("../images/sprite-accordion.png") no-repeat 0 0; border: 0; height: 28px; width: 28px; left: 0; top: 0; }
.accordion-toggle.active::after { background: url("../images/sprite-accordion.png") no-repeat 0 -28px; border: 0; height: 28px; width: 28px; left: 0; top: 0; }
/* .accordion-toggle.active::before { background: url(../images/line.jpg) 0 0 repeat-y; content: ''; display: block; height: 100%; width: 1px; position: absolute; top: 0; left: 14px; } */
.accordion-content { padding: 0 0 20px 40px; }

.required { color: var(--primary-red); }
div.required { color: black; margin: 0 0 15px 0; }
div.required span { color: var(--primary-red); }
#form_titles { margin: 0 0 30px 0; }
#form_titles .block1 { display: none; }
#form_titles h1 { color: white; font-size: 46px; margin: 0 0 15px 0; text-transform: uppercase; }
#form_titles a { background: var(--primary-red); border: 0; color: white; display: inline-block; font-family: 'NeffSans', Arial, sans-serif; font-size: 19px; font-weight: 500; padding: 10px; text-align: center; width: 137px; transition: background-color 0.3s; }
#form_titles a:hover { background-color: #333; text-decoration: none; }
#r_date_birth .table-cell { position: relative; }
.ui-datepicker-trigger { background: url(../images/calendar.png) center center no-repeat; cursor: pointer; overflow: hidden; text-indent: 9999px; white-space: nowrap; position: absolute; top: 5px; right: 5px; }
#date_birth_u_info,
#date_purchase_u_info,
#u_l_serial_number,
#u_l_barcode,
#u_l_receipt_number, 
#bank_benficiary_u_info, 
#bank_benficiary_individual_u_info, 
#bank_beneficiary_rev_u_info, 
#bank_benficiary_rev_individual_u_info,
#revolut_tag_u_info,
div[id^="serial_number"] { display: block; font-size: 14px; padding: 5px 0; }
#r_subscribe { padding-left: 20px; position: relative; }
#r_subscribe input { position: absolute; top: 0; left: 0; }
#r_subscribe p { margin: 0 0 15px 0; }
#r_purchase_upload_file .table-cell { width: 100%; }
#country_promotion { display: block; padding: 10px 0; }
#r_terms_conditions_box { margin: 0 0 15px 0; }

#r_purchase_upload_file .fileinputs { float: right; width: 50%; }
#r_purchase_upload_file label { float: left; width: 49%; }
#r_purchase_upload_file > div.table-cell.coll1 > div > label { width: 100%; }
.field-row .inputfile.inputfile__btn + label { background: var(--primary-red)!important; float: none; width: 100%; transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { display: block; }
.field-row .inputfile.inputfile__btn + label:hover { background: #333!important; }
#u_l_purchase_upload_file p { float: left; line-height: 27px; width: 50%; }
[id^="label-under-purchase_upload_file"] p { display: inline-block; vertical-align: middle; }
#add_another_product,
#remove_last_product { background: var(--primary-red); border: 0; color: white; cursor: pointer; font-family: 'NeffSans', Verdana, sans-serif; font-size: 16px; 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: #333; }
.desktop-video,
.mobile-video { background: url(../images/icon-video.png) center center no-repeat; display: inline-block; height: 27px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 27px; }
.desktop-video:hover,
.mobile-video:hover { background: url(../images/icon-video-black.png) center center no-repeat; text-decoration: underline; }
a.popup { background: var(--primary-red)!important; border-radius: 50%; display: inline-block; height: 21px; line-height: 21px; padding: 0; text-align: center; width: 21px; transition: color 0.3s; }
#main a.popup:hover { color: #ccc!important; text-decoration: none; }
#input_block_payment_method { width: 100%; float: none; }
#input_block_payment_method > div > div:nth-child(1), #input_block_payment_method > div > div:nth-child(2) { display: inline-block; }
#input_block_payment_method > div > div:nth-child(1) { margin-right: 10px; }
#a_l_txt_bank_details_international, #a_l_txt_bank_revolut { font-weight: bold; font-size: 18px; margin: 8px 0; }

.tc-box .tc-box-textarea { color: black; }
.tc-box .tc-box-textarea ul li { font-size: 16px; }

#footer { background: #D8D5D3; }
#footer .container { margin: 0 auto; max-width: 1280px; padding: 30px 0; text-align: left; position: relative; }
#footer > div.container > ul > li:nth-child(4) { float: right; }
#footer p { position: absolute; top: -250px; left: 320px; }
#footer li { display: inline-block; list-style: none; margin: 0 10px; }
#footer li:last-child { float: right; }
#footer a { color: black; }

#main.ty #form_titles,
#main.ty #printArea,
#main.ty #printArea + p { display: none; }
#main.ty #form_wrapper { font-size: 24px; line-height: 1.5; padding: 250px 0; text-align: center; }
#main.ty #form_wrapper .block1 { display: none; }

.p413 #main > h1 { margin-top: 200px; }
.check-status { margin-bottom: 30px; }
.check-status h2 { border-bottom: 0; font-size: 25px; font-weight: bold; text-transform: uppercase; }
.check-status .input-field { width: 75%; }
.check-status input[type="text"] { padding: 10px; width: 100%; }
.check-status #l_promotion_submission_id { display: block; padding: 10px 0; }
.form-field.submit, .check-status .foot { text-align: center; }
.form-field.submit #button_ajax,
#btn_new_search { background: var(--primary-red); border: 0; color: white; cursor: pointer; font-family: 'NeffSans', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 0 0 15px 0; padding: 10px; text-align: center; width: 137px; transition: background-color 0.3s; }
.form-field.submit #button_ajax:hover,
#btn_new_search:hover { background-color: #333; }
.p413 #footer { position: fixed; left: 0; bottom: 0; right: 0; }
.table-body .table-cell.id { background: var(--primary-red); color: white; }

.p111 {
    font-family: 'NeffSans', Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.p111 #faq a:before {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent white;
    transform: rotate(0deg);
    content: '';
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 0;
}
.p111 #faq .answer { border-left: 2px solid #B10035 !important;}
.p111 .type2 { font-weight: bold; margin-top: 30px; }
.p111 #header_text {
    margin-bottom: 0;
}

@media (max-width: 1000px) {
    #header_text { 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%; }
    #promo_content.info_text_left #info_text_holder { margin: 0 0 50px 0; max-width: 650px; }
    #promo_content.info_text_left #form_holder { padding-left: 15px; padding-right: 15px; }
    #info_text a { margin: 0 15px; }
    .p413 #header_text,
    .p19 #header_text { margin-bottom: 0; }
    #header_text .block1 { padding-left: 15px; padding-right: 15px; }
    #header_text img { max-width: 40%; }
    #promo_content.info_text_right #info_text_holder { display: none; }
    .info_text_right #form_holder { background: transparent; margin: 30px 0; padding: 0 15px; width: 100%; }
    #form_titles .block1 { display: block!important; margin: 0 0 15px 0; }
    #form_titles .block1 img { max-width: 33%; }
    #form_titles h1 { font-size: 36px; }
    #footer p { display: none; }
    .accordion-toggle.active::before { display: none; }
    .accordion-content { background: transparent; padding-left: 0; }
    #content .block1 { background: transparent; float: none; width: 100%; }
    #main.ty #form_wrapper { padding: 150px 0; }
    #r_purchase_upload_file label,
    #r_purchase_upload_file .fileinputs,
    #u_l_purchase_upload_file p { float: none; width: 100%; }
    #main.ty #form_wrapper .block1 { display: block; }
}
@media (min-width: 1001px) {
    .mobile-video { display: none; }
}
@media (max-width: 1000px) {
    .desktop-video { display: none; }
}
@media (max-width: 620px) {
    .field-row .table-cell,
    .field-row .table-cell.coll1 { float: none; width: 100%; }
    #footer > div.container > ul > li:nth-child(4) { float: none; }
    #footer li { display: block; list-style: none; margin: 10px 10px; }
    #footer li:last-child { float: none; }
}