* { box-sizing: border-box; transition: background-color 0.3s; }
img { max-width: 100%; }
/* Regular 400 */
@font-face { font-family: "NotoSans"; src: url("../../assets/fonts/NotoSans/NotoSans-Regular.woff2") format("woff2"),
url("../../assets/fonts/NotoSans/NotoSans-Regular.woff") format("woff"),
url("../../assets/fonts/NotoSans/NotoSans-Regular.otf") format("opentype"),
url("../../assets/fonts/NotoSans/NotoSans-Regular.eot") format("embedded-opentype"); font-weight: 400; font-style: normal; }
/* Medium 500 */
@font-face { font-family: "NotoSans"; src: url("../../assets/fonts/NotoSans/NotoSans.woff2") format("woff2"),
url("../../assets/fonts/NotoSans/NotoSans.woff") format("woff"),
url("../../assets/fonts/NotoSans/NotoSans.otf") format("opentype"),
url("../../assets/fonts/NotoSans/NotoSans.eot") format("embedded-opentype"); font-weight: 500; font-style: normal; }
/* SemiBold 600 */
@font-face { font-family: "NotoSans"; src: url("../../assets/fonts/NotoSans/NotoSans-SemiBold.woff2") format("woff2"),
url("../../assets/fonts/NotoSans/NotoSans-SemiBold.woff") format("woff"),
url("../../assets/fonts/NotoSans/NotoSans-SemiBold.otf") format("opentype"),
url("../../assets/fonts/NotoSans/NotoSans-SemiBold.eot") format("embedded-opentype"); font-weight: 600; font-style: normal; }
/* Bold 700 */
@font-face { font-family: "NotoSans"; src: url("../../assets/fonts/NotoSans/NotoSans-Bold.woff2") format("woff2"),
url("../../assets/fonts/NotoSans/NotoSans-Bold.woff") format("woff"),
url("../../assets/fonts/NotoSans/NotoSans-Bold.otf") format("opentype"),
url("../../assets/fonts/NotoSans/NotoSans-Bold.eot") format("embedded-opentype"); font-weight: 700; font-style: normal; }
:root { --primary-violet: #b70273; --primary-purple: #8f3694; --primary-cyan: #00aaac; --primary-blue: #007ec3; --primary-darkblue: #005f99; --primary-green: #0c8d54; }
body { background: white; color: black; font-family: "NotoSans", "Roboto", Arial, sans-serif; font-size: 15px; font-weight: 300; }
a { color: var(--primary-blue); text-decoration: none; transition: background-color 0.3s, color 0.3s; font-weight: 600; }
a:hover { text-decoration: underline; }
.btn-wrapper a:hover { background: #bfbfbf; }
#main { max-width: 100%; }
#header_text { position: relative; display: flex; justify-content: center; margin: 0 0 50px 0; flex-direction: column; align-items: center; }
#header_text .mob-banner{ display: none;}
#header_text .middle { max-width: 60%; max-width: 410px; }
#header_text p.text { font: normal 12px "NotoSans", sans-serif; max-width: 400px; }
.btn-wrapper { display: flex; justify-content: center; gap: 30px; margin: 0 0 70px 0; }
.btn-wrapper a{ display:inline-block; border-radius: 25px; width: 200px; height: 50px; background:#e10600 ; line-height: 50px; text-align: center; color: white;}
#header_text h2 { font: normal 24px "NotoSans", sans-serif; }
#header_text h1 { font: 700 32px/40px "NotoSans", sans-serif; }
.block1 { margin-top: 20px; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: self-start; }
.block1.hidden { display: none; }
.block2 { margin-top: 20px; }
.block2 p { max-width: 600px; }
.block2 p img { height: 640px; height: 440px; width: auto; max-width: 600px; }
#header_text .ct { margin: 0 auto; max-width: 1280px; }
#info_text { display: flex; min-height: 50px; }
#info_text .block1 { padding: 40px 0; display: flex; justify-content: space-between; align-items: center; }
#info_text .block1 p.logo { display: inline-block; }
#info_text .block1 h1 { display: inline-block; }
#info_text h2 { font-size: 30px; }
#info_text h2 em { font-weight: 800; }
#info_text h3 { font-size: 30px; font-weight: 600; margin-bottom: 20px; }
#info_text p.center { text-align: center; }
#info_text p.center a { font: normal 16px "NotoSans", sans-serif; background-color: var(--primary-darkblue); border: 0; color: white; cursor: pointer; display: inline-block; font-family: "Roboto", Arial, sans-serif; font-size: 20px; margin: 0 0 15px 0; padding: 0 45px; transition: background-color 0.3s, color 0.3s; white-space: nowrap; height: 48px; line-height: 48px; }
#info_text p.center a:hover { background-color: #333; text-decoration: none; }
.second_row .dynamic_info_logo { top:4px; }
#r_bank_benficiary_individual .table-cell.coll1 {right:auto; left: 20px; top: 11px;}
.field-row .table-cell { float: none; width: unset; clear: none; }
.field-row .table-cell.coll1 { position:absolute; top: 15px; right: -15px; }
#main #promo_content.info_text_right #form_holder { float:none; width:unset;}
div#apply_form_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
div#form_intro { margin: 20px 0; flex-basis: 100%; }
#l_right_txt_terms_conditions .required { position: absolute; top: 3px; left: 0; width: 20px;}
#l_right_txt_terms_conditions { padding: 0 0 0 10px; }
.fileinputs .clear.label-under { margin: 10px 0 0 0; }
input[type="radio"] { accent-color: var(--primary-purple); }
#promo_content,
#content { background: transparent; margin: 0 auto; max-width: 1020px; display: flex; flex-direction: column; }
.p62 .container { padding: 0px 15px 30px 15px; max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: top; color: black; }
.p62 .container .block1 { width: 50%; margin-bottom: 150px; }
.p62 .container .banner { padding-top: 120px; }
.p19 #header_text .ct { display: block; }
#content { padding: 30px 0; margin-top: 50px; }
#content h1 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; }
.p19 #content h1{ text-align: center; }
#content p { margin: 0 0 15px 0; }
#content ol { list-style: decimal inside; }
#content ul { list-style: disc inside; }
#content table { background-color: #fafafa; width: 100% !important; }
#content table:last-of-type { margin-bottom: 30px; }
#content table td { border: 1px solid #eee; padding: 5px; width: 33.33% !important; }
#content table td:last-of-type { min-width: 85px; }
.tc-box .tc-box-textarea { background: white; border: 1px solid #d0d3d4; padding: 15px; max-height: 160px; border: 1.7px solid black; }
.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; }
#promo_content.info_text_left #info_text_holder { margin: 0; padding: 0; width: 45%; }
#info_text p:first-child { margin: 0 0 0 0; }
#form_holder { background: transparent; overflow: hidden; }
.field-row { padding: 3px 0;}
.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; }
#promo_content.info_text_left #form_holder { margin: 0; padding-top: 126px; width: 50%; }
.table-cell label { display: inline-block; padding: 10px 10px 10px 20px; font: 400 14px "NotoSans", sans-serif; }
.table-cell select,
.table-cell input[type="text"] { border-radius: 0; font-family: "Roboto", Arial, sans-serif; padding: 8px 8px 8px 20px; width: 100%; }
.table-cell select { padding: 8px 5px 5px 20px; }
#submit-div { padding: 30px 0; text-align: center; flex-basis: 100%; }
.SubmitButt { background-color: #000000; border: 0; border-radius: 25px; color: white; cursor: pointer; font-family: "Roboto", Arial, sans-serif; font-size: 20px; margin: 0 0 15px 0; padding: 10px 45px; transition: background-color 0.3s, color 0.3s; }
.SubmitButt:hover { background-color: #333; }
#info_text_holder p { font: 400 16px "NotoSans", sans-serif; }
#r_country_promotion .required{display: none;}
.info_text_right .clear { display: none; }
select, input[type='text'] {border: 1.8px solid #000000;}
div#date_purchase1_u_info,
#date_purchase2_u_info,
#date_purchase3_u_info,
#date_purchase3_u_info { position: absolute; top: 13px; left: 120px; font-size: 12px; color: gray;}
.table-cell label {padding:0 ; }
.tc-box .tc-box-textarea h1{ margin: 10px 0 0 0; }
div#form_intro { margin: 0 0 50px 0; font-size: 34px; text-align: center;}
div.required { color: black; }
div.required span { color: red; }
#country_promotion { display: block; padding: 10px 0; }
#a_l_txt_bank_details_international,
#a_l_txt_bank_revolut { display: block; font-size: 24px; margin: 0 0 5px 0; }
#input_block_payment_method { float: none; margin: 0 0 15px 0; width: 100%; }
#date_birth_u_info,
#bank_benficiary_u_info,
#date_purchase_u_info,
#send_purchase_by_u_info,
#bank_beneficiary_rev_u_info,
div[id^="other_promo_code"],
#revolut_tag_u_info,
#bank_benficiary_individual_u_info,
#bank_benficiary_rev_individual_u_info,
#barcode_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 { background-color: #bcbcbc; position: relative; border: 0; color: #000000; 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; text-align: left;}
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background-color: #9c9c9c; }
#input_block_add_another_product { position: relative;}
#remove_last_product {
background:
url('data:image/svg+xml;utf8,')
no-repeat right 8px center;
padding-right: 30px;
background-color: #bcbcbc;
}
#add_another_product {
padding-right: 30px;
background:
url('data:image/svg+xml;utf8,')
no-repeat right 8px center;
background-color: #bcbcbc;
}
#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: 11px; }
.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; }
.mobile-video { display: none; }
#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: #000 !important; width: 100%; transition: background-color 0.3s; height: 40px;}
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 13px; display: none; }
.field-row .inputfile.inputfile__btn + label:hover { background: var(--primary-darkblue) !important; }
#promo_content a.popup { border-radius: 50%; display: inline-block; height: 24px; color: #000 !important; background: none; line-height: 24px; text-align: center; text-decoration: none; width: 24px; border: 1.5px solid black; }
#send_purchase_by_u_info p { display: inline-block; font-size: 12px; vertical-align: middle; }
#r_purchased_products_number { display: none; }
#purchase_upload_file_u_info p { display: inline; vertical-align: middle; }
#r_purchase_upload_file .table-cell { width: 100%; }
#l_purchase_upload_file,
#r_purchase_upload_file .fileinputs { float: left; width: 50%; }
span#purchase_upload_file_u_info { position: relative; display: inline-block; padding: 0 30px 0 0; font: 400 12px "NotoSans", sans-serif; color: #4a4e52; }
#r_products_promotion1{padding-top: 0;}
.tc-box .tc-box-textarea p { font: 400 15px "NotoSans", sans-serif; color: #4a4e52; }
.title_sub,
span#i_l_txt_payment_method { font: 400 24px "NotoSans", sans-serif; }
div#i_l_payment_method { margin-top: 30px; }
i.icon.material-icons { background: url(../images/upload-transparent.png) center center no-repeat; display: inline-block; height: 27px; text-indent: -9999px; position: absolute; right: 0; }
.second_row .required { position: absolute; top: 15px; right: -15px;}
.tc-box .tc-box-checkbox .label_r_field { position:relative; }
#r_promo_agreement,
#r_terms_conditions_box,
#r_subscribe,
#r_prommq_answers { background: none; padding: 0; }
#r_purchase_upload_file { margin-bottom: 20px; }
#r_promo_agreement { padding-bottom: 0; }
#r_subscribe { padding-left: 20px; padding-top: 5px; }
#r_subscribe input { top: 5px; left: 0; }
#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; }
.first_row.startcol #r_prommq_answers { background: none; padding: 0; }
.second_row{ padding: 0 2% 0 0;}
span#a_l_txt_bank_details_international, #a_l_txt_first_name, #a_l_txt_new_productgroup_all1 { margin: 30px 0 20px 0; }
div#a_l_new_productgroup_all1_div,
div#a_l_first_name_div { margin-bottom: 20px; }
#l_purchase_upload_file1,
#l_purchase_upload_file2,
#l_purchase_upload_file3,
#l_purchase_upload_file4 {position: relative; position: relative; margin: 10px 0 5px 0;}
#l_purchase_upload_file1 .required{ top:0; right: -20px; }
#r_purchase_upload_file2 .required,
#r_purchase_upload_file3 .required,
#r_purchase_upload_file3 .required { top:0 ; }
#footer { font-weight: 400; clear: both; position: relative; z-index: 1; width: 100%; background: #e10600; min-height: 100px; height: 100%; display: flex; align-items: center; }
#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 a { color: #ffffff; font: 400 14px "NotoSans", sans-serif; text-decoration: underline;}
#footer p { color: #ffffff; text-decoration: none; font: 400 12px "NotoSans", sans-serif; }
#footer .link-menu { display: flex; gap: 20px; }
#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; }
h3 { font-size: 34px; text-align: center; margin-bottom: 50px; }
ul.product-list { display: inline-flex; flex-wrap: wrap; margin: 50px 0; }
ul.product-list li { list-style-type: none; max-width: 20%; list-style-type: none; max-width: 20%; display: flex; flex-direction: column; gap: 15px;
align-items: center;
}
ul.product-list li img {height:123px; max-width:auto;}
ul.product-list li h4,
ul.product-list li p { text-align:center; }
ul.product-list li h4 { text-align:center; font: normal 500 16px/20px 'Gotham', sans-serif;}
#main.ty #form_titles,
#main.ty #info_text,
#main.ty #printArea,
#main.ty #printArea + p { display: none; }
#main.ty #form_wrapper { font-size: 24px; line-height: 1.5; width: 100%; }
.p111 #header_text p { display: block; padding: 30px 0; text-align: center; }
.p111 h1.type2 { font-weight: bold; padding-top: 50px; }
.p413 #header_text p { display: block; padding: 0; }
.p413 #header_text .ct { display: block; }
.p413 #main h1 { text-align: left; }
.p413 .check-status h2 { border-bottom: 0; }
.p413 input[type="text"] { padding: 10px; width: 100%; }
.p413 #l_promotion_submission_id { display: inline-block; padding: 10px 0; }
.p413 .form-field.submit { text-align: center; }
.p413 #button_ajax { background-color: var(--primary-blue); border: 0; color: white; cursor: pointer; font-family: "Roboto", Arial, sans-serif; font-size: 20px; margin: 0 0 15px 0; padding: 10px 45px; transition: background-color 0.3s, color 0.3s; }
.p413 #button_ajax:hover { background-color: #333; }
#footer { display: flex; justify-content: center;}
#footer .wrapper{ max-width: 1280px; display: flex; justify-content: space-between; width: 100%; padding: 0 30px;}
#footer .clear { display:none; }
#footer .logo img { width: 162px; height: 20px; }
#footer .container { max-width: 1260px; display: flex; width: 100%; justify-content: space-between; }
.check-status { margin: 20px; }
.has-content #l_bank_benficiary_individual {display: none;}
/* FONTS */
.p62 #main h3 strong {font:normal 400 34px / 20px 'NotoSans', sans-serif;}
ul.product-list li h4 { font:normal 700 16px / 20px 'NotoSans', sans-serif;}
ul.product-list li p { font:normal 400 16px / 20px 'NotoSans', sans-serif; }
div#form_intro { font:normal 400 26px / 35px 'NotoSans', sans-serif; }
div#form_intro .required{ font:normal 400 16px / 35px 'NotoSans', sans-serif; }
#country_promotion { font-weight: 400;}
@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,
#info_text { padding-left: 15px; padding-right: 15px; }
.first_row.startcol1,
.first_row.startcol,
.first_row.startgroup1,
.second_row { float: none; padding: 0; width: 100%; margin-top: 35px; }
#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; }
.fileinputs { clear: none; float: left; width: 100%; }
#l_purchase_upload_file { float: left; width: 100%; }
span#purchase_upload_file_u_info { line-height: 27px; }
#header_text .block1 { padding: 60px 15px 40px 40px; }
#promo_content.info_text_left #form_holder { padding-top: 20px; }
#r_payment_method .cbox_list,
#l_purchase_upload_file,
#r_purchase_upload_file .fileinputs { float: none; width: 100%; }
#promo_content,
#content { margin-bottom: 50px; }
}
@media (max-width: 1000px) {
#header_text:before { left: 0; top: 0; width: 100%; content: ""; background: url(../images/top-line-mob.svg) center center/cover no-repeat; }
#header_text .block1,
#header_text .block2 { width: 100%; max-width: 100%; }
#header_text .block1 { min-width: 200px; }
#header_text .middle { max-width: 100%; }
.block2 p { position: relative; overflow: hidden; height: 440px; }
.block2 p img { position: absolute; left: -100px; }
}
@media (max-width: 900px) {
#content > div > div.lp_layout > div.block1 > p { text-align: left; }
ul.product-list li { max-width: 30%; }
}
@media (max-width: 600px) {
#info_text { display: flex; flex-direction: column; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
#header_text { height: auto; flex-direction: column; margin: 0; }
#header_text:before { left: 0; top: 0; width: 100%; content: ""; background: url(../images/top-line-mob.svg) center center/cover no-repeat; }
#header_text .block1,
#header_text .block2 { width: 100%; max-width: 100%; gap: 30px; margin-top: 0px; }
#header_text .middle { max-width: 100%; }
.block2 { margin: 0; }
.block2 p { height: auto; }
.block2 p img { position: relative; left: 0; }
.block2 p img { height: auto; width: 100%; }
#footer .wrapper{ gap:20px; }
#footer .container { flex-direction: column; align-items: center; }
#footer .link-menu { flex-direction: column; gap: 0;}
#footer .container ul { align-items: center; }
#footer .container ul li { text-align: center; margin: 25px 0; }
#footer .container p { margin: 0 0 25px 0; }
.p19 #content h1{ text-align: left; font-size: 20px; margin-bottom: 0; }
}
@media (max-width: 500px) {
ul.product-list li { max-width: 49%; }
#footer .wrapper{ flex-direction: column; margin: 30px 0; }
}
@media (max-width: 480px) {
#header_text .desk-banner { display: none;}
#header_text .mob-banner { display: block; width: 100%;}
#header_text .mob-banner img { max-width: 100%; width: 100%; }
#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%; }
#gallerycontainer_imgitem_16602,
.p62 #gallerycontainer_imgitem_16602 { max-width: 50%; }
#l_upload_serial_number1 { width: 70%; }
.mobile-video { display: inline-block; }
.desktop-video { display: none; }
.p413 .check-status .label-field { text-align: center; }
.btn-wrapper { flex-direction: column; align-items: center; }
}
@media (max-width: 380px)
{
ul.product-list { justify-content: center; }
ul.product-list li { max-width: 70%; }
#l_purchase_upload_file { float: left; width: 100%; }
}