* { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: 'GNElliot';
    src: url('../../assets/fonts/GNElliot/GNElliot.woff2') format('woff2'), url('../../assets/fonts/GNElliot/GNElliot.woff') format('woff'), url('../../assets/fonts/GNElliot/GNElliot.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GNElliot';
    src: url('../../assets/fonts/GNElliot/GNElliot-Bold.woff2') format('woff2'), url('../../assets/fonts/GNElliot/GNElliot-Bold.woff') format('woff'), url('../../assets/fonts/GNElliot/GNElliot-Bold.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GNElliot';
    src: url('../../assets/fonts/GNElliot/GNElliot-Heavy.woff2') format('woff2'), url('../../assets/fonts/GNElliot/GNElliot-Heavy.woff') format('woff'), url('../../assets/fonts/GNElliot/GNElliot-Heavy.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

:root {
    --primary-yellow: #FFD100;
}

body { background: #2A3F5A url(../images/bg.jpg) top center no-repeat; color: white; font-family: 'GNElliot', Arial, sans-serif; font-size: 15px; }
a { color: var(--primary-red); text-decoration: underline; }
a:hover { text-decoration: none; }

#main { max-width: 1440px; min-height:1190px; }

#header_text { display: none; }
.p19 { background: #6B85A0 url(../images/T&C_bg.jpg) top center no-repeat; }
.p19 #header_text { display: block; padding: 40px; padding-bottom: 0; }
#header_text .block1 { margin: 0 0 30px 0; overflow: hidden; }
#header_text .block1 .logo { float: left; }
#header_text .block1 .badge { float: right; }
#header_text .block2 { overflow: hidden; }
#header_text .block21 { float: left; width: 90%; margin-top: 20px; }
#header_text .block21 h1 { color: white; font-size: 162px; font-weight: 500; margin: 0 0 18px 0; }
#header_text .block21 h1 strong { display: block; font-size: 170px; font-weight: 500; }
#header_text .block21 h2 { color: white; font-size: 30px; /* margin: 0 0 330px 0; */ margin-bottom: 20px; }
#header_text .block21 h3 { color: white; font-size: 32px; margin: 0 0 15px 0; /*font-weight:500;*/}
#header_text .block21 h4 { color: white; font-size: 16px;}
#header_text .block22 { float: right; padding-top: 335px; text-align: right; }
#header_text .block22 a { border: 1px solid white; border-radius: 5px; display: inline-block; padding: 10px 20px; text-decoration: none; text-transform: uppercase; position: relative; top: -50px; transition: background-color 0.3s, color 0.3s; }
#header_text .block22 a:hover { background: white; color: black; }
#info_text > div.block1 > p.logo_mob { display: none; }

#content { padding: 40px; }
#content h1 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; }

#promo_content { background: transparent; margin: 0 auto; max-width: 1170px; min-height: 1080px; }

#info_text { position: relative; }
#info_text .logo { margin: 0 0 16px 0; }
#info_text > div.block1 > p.slogan_mob { display: none; }
#info_text h1 { color: white; font-size: 100px; margin: 0 0 10px 0; font-weight:500;}
#info_text h1 strong { display: block; font-size: 100px; font-weight:600; }
#info_text h2 { color: white; font-size: 20px; margin: 0 0 15px 0; font-weight:500; line-height:1.2; }
#info_text h3 {color: white; font-size: 22px; /* margin: 0 0 15px 0;*/ font-weight:500;}
#info_text h4 {color: white; width: 80%; }
#info_text .badge { max-width: 100px; position: absolute; bottom: 200px; right: 0; }
#info_text > div.block2 > p.slogan { margin-bottom: 15px; }
#info_text > div.block2 { padding-top: 310px; }

#promo_content.info_text_left #form_holder { box-shadow: -15px 15px 0 var(--primary-yellow); color: black; margin: 30px 0; padding: 30px; margin-top: 50px; }
.field-row .table-cell.coll1,
.field-row .table-cell.coll1_field_sub_group_btm { clear: none; float: right; padding: 5px; width: 30px; }
.field-row .table-cell { clear: none; float: none; width: calc(100% - 30px); }
.table-cell input[type="text"], .table-cell select { font-family: 'GNElliot', Arial, sans-serif; font-size: 15px; padding: 10px; }
.table-cell select { padding: 10px 5px; }
#submit-div { padding: 30px 40px; }
.SubmitButt { background: var(--primary-yellow); border: 0; border-radius: 50px; color: black; cursor: pointer; font-family: 'GNElliot', Arial, sans-serif; font-size: 24px; padding: 15px 30px; transition: background-color 0.3s, color 0.3s; }
.SubmitButt:hover { background: black; color: var(--primary-yellow); }

.accordion-toggle { font-weight: 500; margin: 10px 0; padding: 18px 0 0 40px; }
.accordion-toggle:before { background: url(../images/arrow.jpg) center center no-repeat; height: 32px; width: 32px; left:0; border-top:none!important; }
.accordion-toggle.active:after { background: url(../images/arrow.jpg) center center no-repeat; height: 32px; width: 32px; left:0; transform: rotate(90deg); border-bottom:none!important;}
.accordion-content { padding: 10px 0 10px 40px; }

.required { color: var(--primary-yellow); }
div.required { color: black; }
div.required span { color: var(--primary-yellow); }
#country_promotion { display: block; padding: 10px 0; }
#bank_benficiary_u_info,
div[id^="date_purchase"] { display: block; font-size: 13px; padding: 5px 0; }
div[id^="r_date_purchase"] .table-cell { position: relative; }
.ui-datepicker-trigger { cursor: pointer; position: absolute; top: 7px; right: 7px; }
div[id^="r_purchase_upload_file"] .table-cell { float: none!important; width: 100%!important; }
#add_another_product,
#remove_last_product { background: var(--primary-yellow); border: 0; color: black; cursor: pointer; font-family: 'GNElliot', Arial, sans-serif; font-size: 15px; margin: 0 0 5px 0; padding: 10px; width: 100%; transition: background-color 0.3s, color 0.3s; }
#add_another_product.disabled,
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background: black; color: var(--primary-yellow); }
#r_terms_conditions_box,
#r_subscribe { width: calc(100% - 30px); }
#alertBox { color: black; }
.dynamic_info_logo { right: 0; }
.field-row .inputfile.inputfile__btn + label { width: calc(100% - 30px); transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 13px; }

#footer { overflow: hidden; padding: 30px 40px;}
#footer .tablet-product {display:none;}
#footer .earbuds-mobile {display:none;}
#footer .block1 { float: left; padding: 30px 40px;}
#footer .block2 { float: right; padding: 30px 40px;}
#footer .block2 p { display: inline-block; margin: 0 0 0 30px; }

#main.ty #printArea,
#main.ty #printArea + p { display: none; }
#main.ty #form_holder { margin-top: 300px; }
#main.ty #form_wrapper { font-size: 18px; line-height: 1.5; padding: 100px 10px; }

.land-main { background: #B0967D; }
.land-main #main { max-width: 100%; }

/* .land-main #header_text { background: url(../images/hero.jpg) top center no-repeat; display: block; min-height: 660px; padding: 45px; } */
.land-main #header_text { display: none; }

.land-main #content { margin: 0 0 30px 0; text-align: left; padding: 0; }
.land-main #content h5 { font-size: 20px; margin: 0 0 15px 0; }
.land-main #content h2 { font-size: 54px; font-weight: 500; margin: 0 0 15px 0; }
.land-main #content h3 { font-size: 28px; margin: 0 0 15px 0; }
.land-main #content h1 { font-size: 92px; margin: 0 0 15px 0; }
.land-main #content h4 { font-size: 24px; margin: 0 0 30px 0; }
.land-main #content p { margin: 0 0 30px 0; }
.land-main #content p strong { font-weight: 500; }
.land-main #content p a { background: var(--primary-yellow); border-radius: 50px; color: black; display: inline-block; font-size: 18px; min-width: 180px; padding: 15px 30px; text-align: center; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.land-main #content p a:hover { background: black; color: white; }

.land-main #content .section1 { background: #60849C; color: white; }
.land-main #content .section1 .logo { padding: 50px; }
.land-main #content .section1 .maincontent { display: flex; justify-content: space-between; padding: 0 0 50px 50px; }
.land-main #content .section1 .leftside { width: 52%; }
.land-main #content .section1 ul { display: flex; justify-content: space-between; list-style: none; }
.land-main #content .section1 li { padding: 0 15px 0 0; }
.land-main #content .section1 li strong { font-weight: 500; }
.land-main #content .section1 li p { margin: 0 0 15px 0; }
.land-main #content .section1 li p small { font-size: 10px; }
.land-main #content .section1 .rightside { width: 47%; }
.land-main #content .section1 .rightside img { max-width: 100%; }

.land-main #content .section2 { display: flex; padding: 50px 50px 50px 0; }
.land-main #content .section2 .leftside { width: 47%; }
.land-main #content .section2 .rightside { width: 52%; }
.land-main #content .section2 ul { list-style: none; margin: 0 0 15px 0; }
.land-main #content .section2 li { min-height: 80px; padding: 15px 15px 0 80px; position: relative; }
.land-main #content .section2 h5 + ul { display: flex; }
.land-main #content .section2 h5 + ul li { min-height: 0; padding: 0 30px 0 0; }
.land-main #content .section2 li .icon { position: absolute; top: 0; left: 0; }
.land-main #content .section2 li strong { font-weight: 500; }
.land-main #content .section2 li p { margin: 0 0 10px 0; }
.land-main #content .section2 li p small { font-size: 10px; }

.land-main #footer { padding: 30px 50px; }
.land-main #footer .block1,
.land-main #footer .block2 { padding: 0; }

.p19 #header_text {min-height: 580px;}
.p19 #header_text .block1 .block1 {margin-bottom: 0;}
.p19 #header_text .block1 {padding-top: 0px;}
/* .p19 #header_text .block2 .block21 h1 { color: white; font-size: 38px; font-weight: bold; margin: 0 0 10px 0; font-weight:500;}
.p19 #header_text .block2 .block21 h1 strong { display: block; font-size: 130px; font-weight:500; }
.p19 #header_text .block2 .block21 h2 { color: white; font-size: 30px; margin: 0 0 220px 0; font-weight:400; }
.p19 #header_text .block2 .block21 h3 {color: #FFD100; font-size: 32px;font-weight:500;}
.p19 #header_text .block2 .block21 h4 {color: white; font-size: 16px;} */
.p19 #header_text .block22 {padding-top: 0}
.p19 #header_text.block21 h1 { color: white; font-size: 162px; font-weight: 500; margin: 0 0 18px 0; }
.p19 #header_text.block21 h1 strong { display: block; font-size: 170px; font-weight: 500; }
.p19 #header_text.block21 h2 { color: white; font-size: 30px; /* margin: 0 0 330px 0; */ margin-bottom: 20px; }
.p19 #header_text.block21 h3 { color: white; font-size: 32px; margin: 0 0 15px 0; /*font-weight:500;*/}
.p19 #header_text.block21 h4 { color: white; font-size: 16px;}
.p19 #content > table {width:85%; font-size: 14px;}
.p19 #header_text > div.block1 > p.slogan_mob { display: none; }
.p19 #extend_content p { margin: 10px 0; }

#header_text > div.block1 > p.logo_mob { display: none; }

@media (max-width: 1440px) { .p19 { background: #6B85A0 url(../images/T&C_bg.jpg) top right no-repeat!important; }}
@media (max-width: 1180px) {
    body { background-position: top left 4%;}
    #promo_content.info_text_left #info_text_holder,
    #promo_content.info_text_left #form_holder { float: none; margin: 15px 0; width: 100%; }
    #promo_content.info_text_left #form_holder {margin-bottom: 0px;}
    #promo_content.info_text_left #info_text_holder { padding: 5px 15px; }
    #promo_content.info_text_left #form_holder { box-shadow: none; }
    #header_text .block2 { padding-top: 100px; }
    #header_text .block1 .logo { max-width: 50%; }
    #header_text .block21 h1 { font-size: 98px; }
    #header_text .block21 h1 strong { font-size: 90px; }
    #header_text .block21 h2 { font-size: 24px; }
    #header_text .block21 h3 { font-size: 24px;}
    #header_text .block22 p.earbuds img { max-width: 70%;}
    #info_text .logo {margin: 0 0 11px 0;}
    #info_text h3 {font-size:18px;}
    #info_text h4 {margin-bottom: 20px;}
    
    #main.ty #form_holder { margin-top: 0; }
    #footer { background-color: #B0967D; padding:0px;}
    #footer .tablet-product {display:block;}
    #footer .badge {text-align: center; width:100%;}
    #footer .badge img {max-width:50%;}
    #footer .block1 { float: none; padding: 5px 40px; margin: 15px 0;}
    #footer .block2 { float: none; padding: 0px 40px; margin: 15px 0;}
    #footer .block2 p { display: block; margin: 10px 0; }
    #footer .earbuds-mobile {display:none;}
    .p19 #content > p:nth-child(40) > a {word-break: break-all!important;}
}
@media (max-width: 999px) {
    .land-main #content .section1 .logo,
    .land-main #footer { padding: 30px; }
    .land-main #content .section1 .maincontent { padding: 0 0 30px 30px; }
    .land-main #content .section1 .maincontent,
    .land-main #content .section2 { flex-direction: column; }
    .land-main #content .section1 .rightside { padding-bottom: 30px; text-align: right; width: 100%; order: 1; }
    .land-main #content .section1 .leftside { width: 100%; order: 2; }
    .land-main #content .section2 .leftside { width: 100%; }
    .land-main #content .section2 .rightside { padding: 30px; width: 100%; }
}
@media (max-width: 800px) {
    #header_text .block22 {float: right; padding-top: 280px;text-align: right;}
    #header_text .block21 h2 {font-size: 24px; }
    #header_text .block22 {width: 40%;}
    #header_text .block22 p.earbuds img {max-width: 50%;}

    /* T&C */
    .p19 #header_text .block1 {margin-bottom: 23px;}
    .p19 #header_text .block2 .block21 h1 { font-size: 82px; margin-bottom: 8px; }
    .p19 #header_text .block2 .block21 h1 strong { font-size: 90px; }
    .p19 #header_text .block2 .block21 h2 { font-size: 18px; }
    .p19 #header_text .block2 .block21 h3 {font-size: 18px;}
    .p19 #header_text .block2 .block21 h4 { font-size: 12px;} 
    #header_text .block2 { padding-top: 200px; }
    .p19 #header_text .block22 {display:none;}
    .p19 #header_text .block21 {width: 80%;}
    .table-scroll { overflow-x: auto; }
    .table-scroll table { min-width: 800px; } 
    /* .p19 #header_text > div.block1 > p.slogan_mob { display: block; }
    #header_text > div.block2 > p.slogan { display: none; } */
}
@media (max-width: 480px) {
    body { background-position: 15% top; }
    #header_text .block1 { margin-bottom: 159px; text-align:center!important; }
    #header_text .block1 .logo {float:none;}
    #header_text .block1 .logo {margin: 0 auto;}
    #header_text .block21 {width: 68%;}
    #header_text .block22 {width: 30%;}
    #header_text .block22 p.earbuds img {max-width: 70%;}
    #header_text .block21 h1,
    #header_text .block21 h2 { color: white; text-shadow: none; }
    #header_text .block21 h2 { margin: 0 0 10px 0; }
    #header_text .block22 { padding-top: 375px!important; float: right;}
    #header_text .block21 h3 { font-size:18px; margin-bottom: 8px; }
    #header_text .block21 h1 {font-size: 62px; margin-bottom: 8px; }
    #header_text .block21 h1 strong {font-size:80px;}
    #header_text .block21 h2 {font-size: 20px;}
    #info_text .logo_mob { margin-bottom: 330px; }
    #info_text h1 strong { font-size: 50px; }
    #info_text h2 { margin: 0 0 30px 0; }
    #info_text > div.block1 { margin-bottom: 110px; }
    #promo_content.info_text_left #info_text_holder { background: url(../images/mobile_info_text_bg.png) bottom center no-repeat; text-align:center; margin-bottom: 0px; /*padding-bottom: 30px;*/ }
    #promo_content.info_text_left #form_holder {margin-top: 0px; padding:20px; background-color: #FFD100;}
    #form_wrapper {padding:20px; background-color: white;}
    #info_text h1 { color: black; font-size: 100px; font-weight: 500; margin: 15px 0 20px 0; }
    #info_text h1 strong { display: block; font-size: 128px; }
    #info_text h2 { color: black; font-size: 28px; margin: 0 0 14px 0; font-weight:500; }
    #info_text h3 {color: black; font-size: 22px; font-weight: 500; margin-bottom: 10px;}
    #info_text h4 {color: black; font-size: 16px; margin-top: 15px;}
    #gallerycontainer_imgitem_16879 {width:120%;}
    #info_text .badge { bottom: 350px; }
    .accordion-content,
    #submit-div { padding-left: 0; }
    #footer .earbuds-mobile {display:block;}
    #footer .tablet-product .earbuds {display:none;}
    #info_text > div.block1 > p.logo_mob { display: block; }
    #info_text > div.block1 > p.logo { display: none; }
    #info_text > div.block1 > p.slogan_mob {
        display: block;
    }
    #info_text > div.block2 > p { display: none; }
    #info_text h4 { width: 100%; }
    #info_text > div.block2 { padding-top: 0px; }
    #header_text > div.block1 > p.logo_mob { display: block; }
    #header_text > div.block1 > p.logo { display: none; }
    #header_text > div.block2 > p img { max-width: 60%; }
    #header_text .block2 { padding-top: 60px; }

    /* T&C */
    .p19 { background-position: top right 20%!important;}
    .p19 #header_text .block1 {margin-bottom: 120px;}
    .p19 #header_text .block21 { width: 80%; }
    .p19 #header_text .block2 .block21 h1 { font-size: 58px;}
    .p19 #header_text .block2 .block21 h1 strong { font-size: 70px; }
    .p19 #header_text .block2 .block21 h2 { font-size: 16px; margin: 0 0 25px 0;}
    .p19 #header_text .block2 .block21 h3 {font-size: 16px;}
    .p19 #header_text .block2 .block21 h4 { font-size: 12px;}
    .table-scroll { overflow-x: auto; }
    .table-scroll table { min-width: 800px; } 
    .p19 #header_text .block2 { padding-top: 50px; }
    .p19 #content > table > tbody > tr {margin-bottom:20px!important; font-size: 12px;}
    
    /* LP */
    .land-main #content .section1 .logo { padding: 15px; }
    .land-main #content .section1 .maincontent { padding: 0; }
    .land-main #content .section1 .maincontent,
    .land-main #content .section2 { text-align: center; }
    .land-main #content .section1 .leftside { padding: 15px; }
    .land-main #content .section1 ul { flex-direction: column; }
    .land-main #content .section2 { padding: 15px 0; }
    .land-main #content .section2 .rightside { padding: 15px; }
    .land-main #content .section2 li { min-height: 0; padding: 15px 0; }
    .land-main #content .section2 li .icon { position: static; }
}