* { 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;
    --text-color: #BABABA;
}

body { background: #000 url(../images/bg.jpg) center center no-repeat; background-size: cover; color: var(--text-color); 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 .block1 { margin: 0 auto; max-width: 1100px; padding: 20px 0; }

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

#content { overflow: hidden; padding: 50px 0; }
#content .block1 { background: rgba(0,0,0,0.85); border-radius: 12px; float: right; min-height: 600px; padding: 30px; width: 50%; }
#content h1 { color: #fff; margin: 0 0 30px 0; }
#content p { margin: 0 0 15px 0; }

#promo_content, #form_holder { background: transparent; }
.info_text_left #form_holder { background: rgba(0,0,0,0.85); border-radius: 12px; margin: 50px 0; padding: 30px; }

.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: #fff; 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: #fff; 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; color: #fff; 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 { color: #fff; }
.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 { background: url(../images/line.jpg) 14px 0 repeat-y; padding: 0 0 20px 40px; }

.required { color: var(--primary-red); }
div.required { color: var(--text-color); 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: #fff; font-size: 46px; margin: 0 0 15px 0; }
#form_titles a { background: var(--primary-red); border: 0; color: #fff; display: inline-block; font-family: 'NeffSans', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 5px 0 15px 0; 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 { 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_purchase_upload_file .table-cell { width: 100%; }
#r_purchase_upload_file label,
#r_purchase_upload_file .fileinputs { float: left; width: 50%; }
.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: #fff; 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; }

.tc-box .tc-box-textarea { background: #000; border: 1px solid #333; color: var(--text-color); }
.tc-box .tc-box-textarea ul li { font-size: 16px; }

#footer { background: url(../images/bg-footer.jpg) center center no-repeat; background-size: cover; }
#footer .container { margin: 0 auto; max-width: 1100px; padding: 30px 0; text-align: center; position: relative; }
#footer p { position: absolute; top: -250px; left: 0; }
#footer li { display: inline-block; list-style: none; margin: 0 10px; }
#footer a { color: #fff; }

#main.ty #form_titles,
#main.ty #printArea,
#main.ty #printArea + p { display: none; }
#main.ty #form_wrapper { color: #fff; font-size: 24px; line-height: 1.5; padding: 250px 0; text-align: center; }

.p413 #main > h1 { margin-top: 30px; }
.p413 #main > h1, .p413 #main > form { background: rgba(0,0,0,0.85); width: 100%; }

.check-status { border: 0; }
.check-status h2 { border-bottom: 0; color: white; font-size: 24px; font-weight: bold; }
.check-status input[type='text'] { padding: 10px; width: 100%; }
.form-field.submit,
.check-status .foot { text-align: center; }
#l_promotion_submission_id { display: inline-block; padding: 10px 0; }
#button_ajax,
#btn_new_search { background: var(--primary-red); border: 0; color: #fff; 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; }
#button_ajax:hover,
#btn_new_search:hover { background-color: #333; }
.check-status .table-body .table-cell.id { background-color: var(--secondary-red); color: white; }
.p413 #footer { position: absolute; bottom: 0; left: 0; width: 100%; }
.p413 #footer p { top: auto; bottom: 110%; }
.p413 #footer p img { max-width: 125px; }

@media (max-width: 1100px) {
    body { background-size: cover; }
    #header_text .block1 { padding-left: 15px; padding-right: 15px; }
    #header_text img { max-width: 40%; }
    #promo_content.info_text_left #info_text_holder { display: none; }
    .info_text_left #form_holder { margin: 30px 0; padding: 0 15px; width: 100%; }
    #form_titles .block1 { display: block; margin: 0 0 15px 0; padding: 15px 0 0 0; }
    #form_titles .block1 img { max-width: 33%; }
    #form_titles h1 { font-size: 36px; }
    .field-row .table-cell,
    .field-row .table-cell.coll1 { float: none; width: 100%; }
    #footer p { display: none; }
    .accordion-toggle.active::before { display: none; }
    #content .block1 { 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%; }
}
@media (min-width: 1001px) {
    .mobile-video { display: none; }
}
@media (max-width: 1000px) {
    .desktop-video { display: none; }
}