* { box-sizing: border-box; transition: background-color 0.3s; }
img { max-width: 100%; }

@font-face {
    font-family: "Roboto";
    src: url("../../assets/fonts/Roboto/v1/Roboto-Regular.ttf") format("woff2"),
    url("../../assets/fonts/Roboto/v1/Roboto-Regular.woff") format("woff"),
    url("../../assets/fonts/Roboto/v1/Roboto-Regular.otf") format("otf"),
    url("../../assets/fonts/Roboto/v1/Roboto-Regular.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Gotham";
    src: url("../../assets/fonts/Gotham/v1/Gotham-Book.ttf") format("woff2"),
    url("../../assets/fonts/Gotham/v1/Gotham-Book.woff") format("woff"),
    url("../../assets/fonts/Gotham/v1/Gotham-Book.otf") format("otf"),
    url("../../assets/fonts/Gotham/v1/Gotham-Book.eot") format("eot");
    font-weight: 400;
}
@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.ttf") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.eot") format("eot");
    font-weight: 400;
}
:root {
    --primary-violet: #B70273;
    --primary-gray: #c0c0c0;
    --primary-purple: #4e2b8a;
    --primary-cyan: #0295D1;
    --primary-blue: #007BBF;
    --primary-darkblue: #005F99;
    --primary-red: #D3394C;
}

body { background: #fff; color: #292929; font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-weight: 300; }
a { color: var(--primary-red); text-decoration: none; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: underline; }

#main { max-width: 100%; }

#header_text { display: block; max-width: 1440px; margin: 0 auto; text-align: center; }
#header_text p.mobile_banner {display:none;}

#promo_content, #content { background: transparent; margin: 0 auto ; max-width: 1280px; min-height: calc(100vh - 80px);}

#content { background: rgba(255,255,255,0.9); padding: 30px 15px; }
#content h2 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; }
#content ol { list-style: decimal inside; }
#content ul { list-style: disc inside; }
#content table { background-color: #fafafa; width: 100%!important; }
 #content table td { border: 1px solid #eee; padding: 5px;/* width: 33.33%!important;*/ } 
.tc-box .tc-box-textarea { background: white; border: 1px solid #d0d3d4; padding: 15px; }
.tc-box .tc-box-textarea table { width: 100%!important; }
.tc-box .tc-box-textarea ul li, .tc-box .tc-box-textarea ol li, .tc-box .tc-box-textarea td { font-size: 15px; }

#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; margin-right: 10px; }

#promo_content.info_text_left #info_text_holder { margin: 0; padding: 0; width: 38%; }
#info_text p:first-child { margin: 0 0 0 0; }
#info_text p:last-child img { display: block; margin: 0 auto; max-width: 95%; }

#form_holder { background: transparent; overflow: hidden; padding-left:50px; padding-right:50px; }
#form_titles { margin: 0 0 30px 0; padding-left: 40px; }
#form_titles h3 { font-size: 44px; font-weight: 300; }

#form_holder #apply_form_box #a_l_txt_title, #form_holder #apply_form_box #a_l_txt_bank_details_international,#a_l_txt_bank_revolut, #form_holder #apply_form_box #a_l_txt_purchased_products_number, #a_l_txt_payment_method {font-size:36px; font-weight:300;}
#a_l_title_div, #a_l_bank_details_international_div, #a_l_purchased_products_number_div, #a_l_payment_method_div {margin-top: 15px; margin-bottom: 20px;}

#purchase_upload_file_u_info > p {color:#F44336;}

.accordion { width: 100%; }
.accordion-toggle { border-bottom: 0; color: #292929; font-size: 24px; margin: 10px 0; padding: 15px 0 15px 40px; }
.accordion-toggle.active { color: #292929; }
.accordion-toggle:before { background: url(../images/arrow-accordion.png) center no-repeat; border: 0; height: 32px; width: 32px; top: 10px; left: 0; }
.accordion-toggle.active:after { background: url(../images/arrow-accordion.png) center center no-repeat; border: 0; height: 32px; width: 32px; top: 10px; left: 0; transform: rotate(-90deg); }
.accordion-content { padding-left: 40px; }
.accordion b { font-weight: normal; }

/* #r_purchased_products_number {display: none;} */

#promo_content.info_text_left #form_holder { margin: 0; padding-top: 55px; width: 60%; }
.table-cell label { font: 400 15px/normal "Roboto", sans-serif; display: inline-block; padding: 10px 0; }
.table-cell select, 
.table-cell input[type='text'] { border-radius: 0; font-family: 'Roboto', Arial, sans-serif; padding: 8px; width: 100%; }
.table-cell select { padding: 8px 5px; color: #333;}
#submit-div { padding: 30px 0; text-align: center; }
.SubmitButt,
#button_ajax ,
.track-btn
{ background-color: var(--primary-red); border: 0; color: #fff; cursor: pointer; font-family: 'Roboto', Arial, sans-serif; font-size: 20px; margin: 0 0 15px 0; padding: 16px 32px; transition: background-color 0.3s, color 0.3s; }
.SubmitButt:hover,
#button_ajax:hover, .track-btn:hover { background-color: #333; }
.track-btn-wrapper{
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

.track-btn { padding: 16px 32px; background: #00884A; }
.track-btn a {font-size:24px; color:#fff;}
.track-btn:hover a{text-decoration: none;}
.required { color: red; }
div.required { font-family: 'Gotham'; color: black; padding-left: 0px; margin-bottom: 10px; font-size: 18px; font-weight: 400;}
div.required span { color: red; }
#country_promotion { display: block; font-weight: bold; padding: 10px 0; }
#date_birth_u_info,
#bank_benficiary_u_info,
#date_purchase_u_info,
#send_purchase_by_u_info, 
#bank_benficiary_individual_u_info,
#revolut_tag_u_info,
#bank_benficiary_rev_individual_u_info,
#bank_beneficiary_rev_u_info,
#date_purchase1_u_info { font-size: 13px; display: block; padding: 5px 0; }
[id^="r_date_purchase"] .table-cell { position: relative; }
.ui-datepicker-trigger { cursor: pointer; position: absolute; top: 5px; right: 5px; }
#add_another_product,
#remove_last_product { font: 300 16px/1.5 "Gotham", sans-serif; background-color: var(--primary-cyan); border: 0; color: #fff; cursor: pointer; font-family: 'Roboto', Arial, sans-serif; font-size: 15px; margin: 0 0 5px 0; padding: 10px; width: 100%; transition: background-color 0.3s; }
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background-color: var(--primary-darkblue); }
#r_purchase_upload_file { float: right; width: 100%; }
#r_subscribe { padding-left: 20px; position: relative; }
#r_subscribe input { position: absolute; top: 0; left: 0; }
.dynamic_info_logo { top: 6px; }
.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; }
#r_sms_subscribe { padding-left: 20px; position: relative; }
#r_sms_subscribe input { position: absolute; top: 0; left: 0; }
.field-row .inputfile.inputfile__btn + label { background: var(--primary-cyan)!important; width: 100%; transition: background-color 0.3s; font: 400 16px/1.5 "Montserrat", sans-serif; }
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 13px;  font: 400 12px/1.5 "Montserrat", sans-serif; padding-left: 48px;}
.field-row .inputfile.inputfile__btn + label:hover, #remove_last_product:hover  { background: var(--primary-darkblue)!important; }
#promo_content a.popup { border-radius: 50%; display: inline-block; height: 18px; line-height: 18px; text-align: center; text-decoration: none; width: 18px; }
#send_purchase_by_u_info p { display: inline; vertical-align: middle; }

#r_promo_agreement,
#r_terms_conditions_box,
#r_subscribe,
#r_prommq_answers { background: #ffffff; padding-top: 15px; padding-bottom: 15px;}
#r_promo_agreement { padding-bottom: 0; }
#r_subscribe { padding-left: 20px; }
#r_subscribe input { top: 15px; left: 0px; }
#r_subscribe p { padding: 5px 0; }
#r_answer_43884 .table-cell { float: none; padding-left: 20px; width: 100%; }
#answer_43884 { display: none; }
#r_answer_43885,
#r_answer_43886,
#r_answer_43887 { display: inline-block; margin-right: 30px; max-width: 200px; padding-left: 20px; vertical-align: top; position: relative; }
#r_answer_43885 { margin-left: 20px; }
#r_answer_43885 .table-cell,
#r_answer_43886 .table-cell,
#r_answer_43887 .table-cell { width: 100%; }
#r_answer_43885 label,
#r_answer_43886 label,
#r_answer_43887 label { padding: 0; }
#r_answer_43885 input,
#r_answer_43886 input,
#r_answer_43887 input { position: absolute; top: 0; left: 0; }
div#date_purchase2_u_info { margin-top: 5px;}
#footer { background: url(../images/shape_horizontal.jpg) bottom left repeat-x; font-weight: 400; clear: both;  position: relative; z-index: 1; height: -3em; margin-top: 2em; width: 100%; }
#footer .block1 { color: #000; font-size: 18px; margin: 0 auto; max-width: 1280px; overflow: hidden; padding: 0 0 30px 0; }
#footer .last { float: right; font-weight: bold; }
#footer .last p{ font: 600 16px/1.5 "Roboto", sans-serif; }
#footer a { color: #005691; text-decoration: none; font: 400 16px/1.5 "Roboto", sans-serif; }
#footer a:hover { text-decoration: underline; }
#footer .fu-1 { float: left; }
#footer ul { margin: 0; padding: 0; }
#footer li { display: inline-block; list-style: none; margin: 0 0 0 15px; }

#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: 200x 0 200px 40px; width: 100%; }
#main.ty #promo_content { background: transparent; margin: 0 auto ; max-width: 1280px; min-height: calc(100vh - 760px);}
#main.ty .track-btn-wrapper {display: none;} 

.land-main #header_text,
.land-main #footer { display: none; }
.land-main #content { margin: 0 auto; padding-top: 0; padding-bottom: 0; }
.land-main #content .section { font-size: 24px; line-height: 1.25; padding: 50px 0; text-align: center; }
.land-main #content .section .left { display: inline-block; padding: 50px 0; vertical-align: middle; width: 60%; }
.land-main #content .section .right { display: inline-block; vertical-align: middle; width: 35%; }
.land-main #content .section.grey { background: #dfdfe0; }
.land-main #content h1 { font-size: 44px; margin: 0 0 30px 0; }
.land-main #content a { color: black; text-decoration: underline; }
.land-main #content a:hover { text-decoration: none; }
.land-main #content .section .left a:last-child { background: var(--primary-blue); color: white; display: inline-block; padding: 15px; text-decoration: none; transition: background-color 0.3s; }
.land-main #content .section .left a:last-child:hover { background: #333; text-decoration: none; }


#content > table:nth-child(7) > tbody > tr:nth-child(3),
#content > table:nth-child(7) > tbody > tr:nth-child(4),
#content > table:nth-child(7) > tbody > tr:nth-child(5),
 #content > table:nth-child(7) > tbody > tr:nth-child(6) {word-break: break-all;} 

/* --- */
#l_purchase_upload_file {float:left; width:50%;}
.fileinputs {clear:none; float:left; width:50%;}
#r_purchase_upload_file .table-cell.coll1 {width:100%;}

.p19 #extend_content #content h1 { font-size: 34px; margin-top: 10px; margin-bottom: 15px;}
.p19 #extend_content #content h2 { font-size: 16px!important;  font-weight: bolder!important; margin-top: 20px;}
#content h2,strong{
  font-weight:bold
}
.p19 tbody {width: 78%!important;}
.p19 tbody tr td {width:12%!important;}
#content > table:nth-child(7) > tbody > tr:nth-child(2) > td:nth-child(5) {min-width: 18%!important;}
.p19 #content table:nth-child(7) {width:100%!important;}
.p19 #content table:nth-child(7) p {width:100%;line-break:strict;}

#r_purchase_upload_file > div.no_label > div {float: right;}
#send_purchase_by_u_info > p > a {font-size: 14px;}

.check-status { margin: 10px 10px 50px 10px; }
.check-status h2 { line-height: 60px; }
.check-status #r_promotion_submission_id .label-field{ margin-bottom:10px;}
.check-status .input-field { width: 100%;max-width: 225px;}
#check-status input[type='text'] {  }
 .p413 #main > form {
    max-width: 500px;
    margin: 0 auto;
}
.check-status .label-field { width:100%; }
#check-status input[type='text'] { width:100%;
}
.check-status #button_ajax {
    width: 100%;
    max-width: 225px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.check-status #r_promotion_submission_id {display: flex;     justify-content: space-between;}
.check-status #r_button_ajax { display: flex; justify-content: flex-end; }
    .p413 .check-status .label-field {width: unset;}
    .p413 .check-status .input-field {width: 100%;}
#r_button_ajax { text-align: center; }

.inputfile + label .icon{ font-size: 32px; } 
/* -- */

@media (max-width: 1280px) {
    #promo_content.info_text_left #info_text_holder,
    #promo_content.info_text_left #form_holder { float: none; width: 100%; }
    #form_holder, #content, .land-main #content .section .left, .land-main #content .section .right { padding-left: 15px; padding-right: 15px; }
    .first_row.startcol1, .first_row.startcol, .first_row.startgroup1, .second_row { float: none; padding: 0; width: 100%; }
    .field-row .table-cell,
    .field-row .table-cell.coll1 { width: 100%; }
    #info_text { text-align: center; }
    #r_purchase_upload_file { float: none; width: 100%; }
    #footer .block1 { padding-left: 15px; padding-right: 15px; }
    #footer .fu-1,
    #footer .last { float: none; }
    #footer li { display: block; margin: 10px 0; }
    #main.ty #form_wrapper { max-width: 100%; padding: 50px 0; }
    .land-main #content { padding-left: 0; padding-right: 0; }
    .land-main #content .section { display: flex; flex-direction: column; }
    .land-main #content .section .left { order: 2; width: 100%; }
    .land-main #content .section .right { order: 1; width: 100%; }
    .fileinputs {clear:none; float:left; width:100%;}
    #l_purchase_upload_file {
        float: left;
        width: 100%;
    }
    #promo_content.info_text_left #form_holder { padding-top: 0px; }
}

@media (min-width: 1281px) {
    .mobile-video { display: none; }
}
@media (max-width: 1280px) {
    .desktop-video { display: none; }
}
@media (max-width: 800px){
    /* #header_text {background: url(../images/shape_horizontal.jpg) top center no-repeat; padding-top:15px;} */

    
    #content > table:nth-child(7) > tbody > tr:nth-child(1) > td > p {font-size:16px; font-weight: bolder;}
    #content > table:nth-child(7) > tbody > tr:nth-child(2) > td:nth-child(5) {min-width: 18%!important;}
 
    .p19 .table-scroll { overflow-x: auto; }
    .p19 .table-scroll table { min-width: 1100px; } 
    .p19 .table-scroll table tbody { min-width: 1100px; } 
}
@media (max-width: 630px) { 
    #header_text { display: block; max-width: 1440px; margin: 0 auto; text-align: center; padding-top: 0px; } 
    #info_text_holder { padding: 0px 1%; }
}

@media (max-width: 480px) {
    #info_text p:last-child img { max-width: 100%; }
    #form_titles h3 { font-size: 36px; }
    #r_answer_43886,
    #r_answer_43887 { margin-left: 20px; }
    .land-main #content h1 { font-size: 36px; }
    .land-main #content .section .right img { max-width: 50%; }
    #promo_content, #content { background: transparent; margin: 0 auto 50px auto; max-width: 1280px; }
    .fileinputs {clear:none; float:left; width:100%;} 
    #l_purchase_upload_file {
        float: left;
        width: 100%;
    }
    #content > table:nth-child(7) > tbody > tr:nth-child(2) > td:nth-child(5) {min-width: 22%!important;}
    #header_text p.mobile_banner {display:block;}
    #header_text p.mobile_banner img { width:100% ; height: auto; }
    .check-status #r_promotion_submission_id {flex-direction: column; align-items: center;}
    .check-status #r_button_ajax { justify-content: center; }
    #header_text p.desktop_banner {display:none;} 
    .track-btn { display: inline-block; width: 90%; }
    
}

@media (max-width: 380px) {
    #l_purchase_upload_file {
        float: left;
        width: 100%;
    }
}