*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
}

@font-face {
    font-family: "DINPro-Light";
    src: url("../../assets/fonts/DINPro/DINPro-Light.woff2") format("woff2"),
    url("../../assets/fonts/DINPro/DINPro-Light.woff") format("woff"),
    url("../../assets/fonts/DINPro/DINPro-Light.otf") format("otf");
    font-weight: normal;
}

body { color: #000; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 14px; }

a { color: #c00; text-decoration: underline; }
a:hover { text-decoration: none; }

#main { max-width: 100%;   margin: 0 auto; }
#header_text .container { max-width: 940px; margin: 25px auto; overflow: hidden; }
#header_text .logo { max-width:1200px;margin: 1.5rem auto!important; padding-left: 7%;}
#header_text #hero { 
    max-width: 100%; 
    margin: 0 auto;
    position: relative;
}

/* --- */
#header_text {max-width: 100%;}
#header_text .logo {max-width:1200px!important;}
#header_text .bg {background-color: #E4E4E4!important; height:630px;width:100%;}
    
.p19 #main #extend_content {max-width:70%;}
.p19 #content table {
    border-collapse: collapse;
    margin: 0 0 15px 0;
    width: 100%;
    float: right;}
   .p19 #content > p:nth-child(13) #text {display: inline-block;} 
   .p19 #content > table > tbody {font-size:12px;}
   #content > div:nth-child(10) > div.description {font-size:12px;}
   .p19 #content > p:nth-child(23) {width:100%; float:right;margin-bottom:50px;}
   .p19 .TnC_title {text-align:center; font-size: 1.4em; display:block!important;margin-bottom:30px;}
   .p19 .TnC_subtitle {text-align:center; font-size: 1em;display:block!important;}
   .p19 .title_line {font-weight:600;display:inline-block;vertical-align: top;margin-right:20px;width:220px;text-align:right;}
   .p19 .description { width:60%;margin-bottom:20px; display:inline-block;}
   .p19 .line1,.line2,.line3,.line4,.line5,.line6 {display:block;width:100%;}
   .p19 h3 {margin-bottom: 20px;}
   .p19 h4 {text-align:center;margin-bottom: 15px; margin-top:15px;}

   .p19 #content > ul:nth-child(26) {
    list-style-type: none;
    margin-left: 0;
    padding-left: 1em;
  }
  
  .p19 #content > ul:nth-child(26)  > li:before {
    
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em; 
  }
  
  #content > ul:nth-child(29){
    list-style-type: none;
    margin-left: 0;
    padding-left: 1em;
    
  }

  #content > ul:nth-child(29)> li:before {
    
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em; 
    
  }

   .p19 #extend_content #content  ul.circle_list {display: block;
    list-style-type: circle;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;}
   .p19 #content > ul.circle_list > li:nth-child(1) > ul,#content > ul.circle_list > li:nth-child(2) > ul {display: block;
    list-style-type: square;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;}

    .p19 #content > ul.circle-list {display: block;
        list-style-type: circle;
        margin-top: 1em;
        margin-bottom: 2 em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 40px;}

      .p19  #content ul.square-list {display: block;
        list-style-type: square;
        margin-top: 1em;
        margin-bottom: 1 em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 40px;}
        #content > p:nth-child(43) {padding-top:40px!important;}
        #content > p:nth-child(43) > strong {text-align: center!important;font-size: 19px; }
        #content > p:nth-child(46) > strong {text-align: center!important;font-size: 19px; }
/* --- */
#header_text .promo-head {max-width:1200px!important;margin:0 auto; display:block; vertical-align: baseline; position:relative;top:0; left:5%; right:5%; background-color: #E4E4E4!important; }
#header_text .promo-head .title {display: inline-block; max-width: 56%; margin-bottom: 20px; position: absolute; ;}
#header_text .promo-head .right_content {float:right;}
#header_text .promo-head .promo_img{display: inline-block; width:100%;  }

#header_text .promo-head .title h2 {color:#000000; font-size: 72px; font-weight: 800; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;}
#header_text .promo-head .title h1 strong {color:#C8102E;font-size: 112px; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;}


#header_text .promo-head .title .sub-title1 {color:#000000; font-size: 24px;margin-top: 15px; margin-bottom:20px;font-family:'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;}
#header_text .promo-head .title .sub-title2 {max-width:90%;color:#000000; font-size: 20px;margin-top: 15px; margin-bottom:20px;font-family:'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;}
#header_text .promo-head .right_content .sub-title3 {text-align:right; vertical-align: bottom; display:block;color:#000000; font-size: 14px;margin-top: 5%; margin-left: 20%; font-family:'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;line-height: 1.2;}
#header_text .promo-head .right_content .sub-title3 a {color:#C8102E;}
#promo_content {
    background: none;
    margin: 0 auto;
    max-width: 1440px;
    /* width: 650px!important; */
    overflow: hidden;
    position:relative;
    padding: 0 5% 0 5%;
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
    margin-bottom: 20px;
}
#apply_form_box {width: 60%; margin: 0 auto;}

#promo_content #form_holder #apply_form_box #form_intro {margin: 20px 0 30px 0;}    
#promo_content #form_holder #apply_form_box .first_row .drow#a_l_first_name_div {margin-bottom: 20px; }
#promo_content #form_holder #apply_form_box .first_row .drow#a_l_first_name_div {margin-bottom: 20px; }



#store_name_crm_autocomplete {width:50%;}

#r_purchase_upload_file > div:nth-child(2) > label {background:#7DA1C4;}
#r_upload_barcode > div:nth-child(2) > label {background:#7DA1C4;}
#date_purchase_u_info{margin-top: 10px;}
#a_l_txt_first_name {font-size: 28px;text-transform: capitalize;margin-bottom: 15px;}
#a_l_txt_new_productgroup_all {font-size: 28px;text-transform: capitalize;margin-top: 20px; margin-bottom: 15px;}
#a_l_new_productgroup_all_div {margin-top: 20px; margin-bottom: 15px;}

#l_right_txt_promo_agreement {padding-left: 5px;
    width: 93%;
    display: inline-block;}

    #block-info-container2 ul {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;}
/* --- */

#header_text #hero img { width: 100%; }
#header_text #hero h1 {
    position: absolute;
    z-index: 2;
    bottom: 3rem;
    left: 3rem;
    color: #ffffff;
    font-size: 5.5rem;
    line-height: 5.5rem;
    padding-right: 30px;
}
.cid-4 #header_text #hero h1 strong { display: inline; }
#header_text .container { padding-bottom: 1.5rem; }
#header_text .container ul { 
    float: right; 
    width: 75%; 
    text-align: right;
    list-style: none;
    margin-top: 0.75rem;
}
#header_text .container ul li { display: inline-block; }
#header_text .container ul li:first-child { margin-right: 1rem; }
#header_text a { color: #333; text-decoration: none; }
#header_text a:hover { text-decoration: underline; }
#header_text h1, .land-main #content h1 { 
    font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; 
    font-weight: bold; 
    font-size: 90px;
    color: #000; 
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8;
    padding: 0;
}

#promo_title h1 { display: inline-block; }
#promo_title img { float: right; }

#form_wrapper {margin-top: 52px;}
#promo_content h1 { padding-bottom: 1rem;
    font-size: 3.3rem;
    font-weight: 500;
font-family:'DINPro-Light'; 
font-weight:bold;}
    #promo_content h3 {color:black; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-size: 1rem; margin-top: 20px; font-weight: bold; line-height: 1.2;}
.p18 #promo_title, .p19 #promo_title, #main.ty #promo_title { max-width: 940px; margin: 1.25rem auto 0 auto; }
.p18 #promo_title h1, .p19 #promo_title h1, #main.ty #promo_title h1 { margin-bottom: 1rem; }
.land-main #content p, .p18 #promo_title h3, .p19 #promo_title h3, #main.ty #promo_title h3 {
    font-weight: 300;
    font-size: 20px;
    color: #333f48;
    line-height: 1.5rem;
    padding-bottom: 1.5rem;
}
#header_text .logo{ max-width: 960px; margin: 1.5rem 0; }
#header_text .title{ display: inline-block; width: 46%;  padding-top: 50px;}
#header_text .promo-img { display: inline-block; width: 52%; }
#header_text .promo-img img{ width: 100%;}
#header_text .title h1 strong { color: #c00; }

#banner { display: none; }
#banner img, #products-collage img, #extended_content img, #footer img { max-width: 100%; }
#content .button1{ background: #c00; color: #fff; }
#content .button1, #content .button2 { 
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 1rem 3rem;
    margin-top: 10px;
} 
#content .button1:hover { color: #fff; text-decoration: none; opacity: 0.7; }
#content .button2 { text-decoration: none; color:#fff; background: #2e9597; }
#content .button2:hover{ opacity: 0.8; }

#gallerycontainer_imgitem_8398{padding: 20px 0;}
.header-cont{font-size: 15px; line-height: 24px;}
.promo-img{float: right; display: block;}
.first_row, .second_row { clear: both!important; float: none!important; padding: 0!important; width: 100%!important; }

#promo_content, #extend_content { background: none; margin: 0 auto;  width: 100%; overflow: hidden; }
#extend_content { margin-top: 2rem; }
#form_holder, #content { margin: 0 auto; padding: 0; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; }
#promo_content.info_text_right #form_holder { float: none; margin: 2rem auto 0 auto; max-width: 100%; }
#info_text_holder { background: rgba(0,0,0,0.8); display: none; height: 100%; padding: 15px; width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 3;transition: 0s;}
#form_titles .button1 { background: url(../images/icon-info.png) left center no-repeat; color: #c00; display: inline-block; font-size: 15px; padding: 8px 0 8px 40px;}
#info_text {background: rgba(255,255,255,0.85); color: #272727; font-size: 15px; margin: 65px auto 0 auto; max-width: 1170px; padding: 20px 40px 20px 20px; position: relative;}
.info_text_left #info_text_holder, .info_text_right #info_text_holder, .info_text_left #form_holder, .info_text_right #form_holder { width: 100%; margin: 0; }
.info_text_right #form_holder { margin-top: 2rem; }
.info_text_left #info_text_holder { width: 50%; }
#info_text p { line-height: 1.5; margin: 0 0 15px 0; }
#info_text .title { float: right; position: relative; left: 50px; }
#info_text h1 { clear: both; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 105px; margin: 0 0 30px 0; }
#info_text h1 strong { color: #c00; display: block; }
#info_text ul { overflow: hidden; }
#info_text li { float: left; list-style: none; width: 132px; }
#info_text .button2{float:right; }
#info_text .button2 a{  background:#c00; color: #fff; padding: 2px 6px; text-decoration: none; border-radius:15px;}
#info_text .button2 a:hover{  background:#fff; color:#c00; border-radius:15px;}
#content h1 { font-size: 30px; margin: 0px 0 10px 0; text-align: center; text-transform: uppercase; font-family:'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; }
#content > h1:nth-child(2) { margin-top: 25px; }
#content p { display: inline-block; margin: 0 0 15px 0; }
#content ol li { list-style: inside decimal; }
#content table { border-collapse: collapse; margin: 0 0 15px 0; width: 100%; }
#content td { border: 1px solid #666; padding: 5px; }
.p62 #header_text {min-height: 0;}
label, #country_address, #country_promotion { display: inline-block; padding: 7px 10px 7px 0; font-weight: bold; }
.field-row { overflow: hidden;padding: 5px 0; }
.field-row .table-cell.colspan2 { width: 100%; }


/* CANON CANADA - one row field style */

.field-row .table-cell { width: 100%; float: right; clear:right;}
#r_title { /* clear: both; */width: 27%; display:inline-block;}
#r_first_name {overflow: visible!important;position: relative;width: 49%;display:inline-block;}
#r_last_name{ overflow: visible!important;position: relative;width: 50%; display:inline-block;}

#r_address_1,
#r_province,
#r_country_promotion,
#r_email,
#r_series_promotions,
#r_purchase_upload_file, #r_states_promotion {overflow: visible!important; position: relative; width: 49%; display:inline-block;}


#r_city,
#r_postal_code,
#r_phone,
#r_email_confirm,
#r_products_promotion,
#r_upload_serial_number {/* clear: both; */ width: 50%; display:inline-block;}

#apply_form_box > div.first_row > div:nth-child(11) {overflow: hidden;}
#r_serial_number {overflow: visible!important;
    position: relative;
    width: 49%;
    float: left; }
#r_date_purchase {float:right; width: 50%; overflow: visible!important;}
.field-row.err_msg_valid {clear:none;}
#r_date_purchase > div.table-cell.coll1 {width:100%;}

#r_upload_barcode .fileinputs { padding: 7px 0; }
#l_purchase_upload_file, #l_upload_barcode {width: 100%; float: left; vertical-align: top; }
.fileinputs{width: 100%; float: right;}

#r_upload_serial_number .table-cell.coll1 { width: 100%; }
#l_upload_serial_number { width: 100%; float: left; }

#r_upload_serial_number > div.table-cell.coll1 > div > label, #r_purchase_upload_file > div.table-cell.coll1 > div > label {width:100%; background:#000000;}
#r_purchase_upload_file > div.table-cell.coll1 > div > label:hover {background:#272727;}

#date_purchase { margin: 0 3px 0 0; width: 100%!important; }
.ui-datepicker-trigger {
    cursor: pointer;
    position: absolute;
    top: 44px;
    right: 9px;
}

#input_block_country_promotion {border-radius: 0;
    border: solid 2px;
    color: #484848;
    font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 4px 5px;
    width: 100%;}
    #input_block_date_purchase > div { color: #484848;
        font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; margin-top: 8px;font-size: 14px; line-height: 1.2;}
    #bank_benficiary_u_info, #bank_benficiary_individual_u_info, #bank_code_other2_u_info, #bank_account_u_info { color: #484848;
        font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; margin-top: 8px;font-size: 14px; line-height: 1.2;}


        #apply_form_box > div.first_row > div:nth-child(10) {    height: auto;
            overflow: hidden;
            clear: both;
        }

        #r_upload_serial_number > div.table-cell.coll1 > div > span.dynamic_info_logo.selected {top: 27px;}
/* -------------- */


.field-row .table-cell.coll1,
.table-cell.coll1_field_sub_group_btm {  }
.field-row .table-cell.coll1,
.field-row .table-cell.coll1_field_sub_group_btm {  clear: none;  width: 100%; text-align: left;}
.table-cell input[type="text"],
.table-cell select {  border-radius: 0; border: solid 2px; color: #484848; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 400; font-style: normal; padding: 10px 5px; width: 100%;  }
.table-cell option { background: #fff; }
.table-cell input[type="text"]:focus,
.table-cell select:focus { color: #333; }
.disabled { display: none; }
#r_purchased_products_number { display: none; }
#date_purchase,
#date_purchase2,
#date_purchase3,
#date_purchase4,
#date_purchase5,
#date_purchase6,
#date_purchase7,
#date_purchase8,
#date_purchase9,
#date_purchase10,
#date_birth { margin: 0 3px 0 0; width: 100%; }

#date_purchase1 { margin: 0 3px 0 0; width: 100%; }

.field-row .inputfile.inputfile__btn + label { background: black!important; width: 100%; }

.calendarButton { background: url(../images/calendar.gif) center center no-repeat!important; cursor: pointer; height: 25px!important; vertical-align: middle; width: 25px!important; }
#add_another_product,
#remove_last_product { 
    background: #c00; border: 0;  color: #fff; cursor: pointer; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-size: 14px; font-weight: 300; font-style: normal; padding: 12px; width: 100%; }
#add_another_product { margin: 0 0 5px 0; }
#add_another_product:hover,
#remove_last_product:hover { background: black; color: #fff; }
#form_wrapper a.popup { background: none!important; border: 1px solid #c00; border-radius: 50%; color: #c00!important; display: inline-block; font-weight: normal; height: 20px; line-height: 20px; text-align: center; text-decoration: none; width: 20px; }
#store_name_crm_autocomplete1_u_info, #store_name_crm_autocomplete2_u_info, #store_name_crm_autocomplete3_u_info, #store_name_crm_autocomplete4_u_info, #store_name_crm_autocomplete5_u_info { padding-top: 10px; float: left; }
#form_wrapper a.popup:hover { background: #c00!important; color: #fff!important; }
#r_subscribe,
#r_terms_conditions, #r_promo_agreeement { line-height: 18px; width: 90%; position: relative; }
#r_terms_conditions { margin-top: 20px; margin-bottom: 10px; }
#r_subscribe .table-cell,
#r_terms_conditions .table-cell, 
#r_promo_agreeement .table-cell { padding-left: 10px; }
#r_subscribe input,
#r_terms_conditions input { position: absolute; top: 0; left: 0; }
#submit-div { padding: 25px 0; text-align: center; }
#button_subscribe_a_info { margin-bottom: 30px; text-align: left; }
.SubmitButt { background: #cc0001;	border: 0; color: #fff; cursor: pointer; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 20px; padding: 10px 100px; }
.SubmitButt:hover { background: black; }
.tc-box .tc-box-checkbox .label_r_field, #l_right_txt_subscribe_custom { 
    padding-left: 5px; 
    width: 93%;
    display: inline-block;
} 
.dynamic_info_logo { top: 47px; }
[id^=r_date_] .dynamic_info_logo { right: 18px; }
.tc-box .tc-box-textarea a {
    word-break: break-all;
}
.field-row .hidden ~ .table-cell input[type="checkbox"] { vertical-align: top; float: left; }
.p18 #r_subscribe, #r_promo_agreement { margin-top: 0.75rem;}
#l_right_txt_subscribe { line-height: 18px; }

#captcha_img { padding: 15px 0 0 0; clear: both; float: none; padding: 15px 0 0 0; width: 100%; }
#footer { clear: both; font-size: 13px; padding: 1rem 0 2rem 0; max-width:1200px; margin:auto;  font-family:'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif!important;}
#footer a { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .block1 { border-bottom: 2px solid #c00; padding: 30px 15px; }
#footer .details p { text-align: center; line-height: 1.25rem; }
#footer .details a { color: #cc0000; }
#footer .block2 { overflow: hidden; margin-top: 1.2rem; padding: 0 15px; }
#footer .block2  ul {    
    width: 70%;
    list-style: none;
    text-align: right;
    float: right;
    margin-top: 0.35rem;
}
#footer .block2 ul li {
    display: inline;
    margin-left: 15px;
}
#footer .block2 p { 
    display: inline-block;
    margin-top: 0.25rem;
    text-align: left;
    line-height: 1.15rem;
    color: #666;
}
#form_titles {}
#form_titles p { margin: 0 0 15px 0; }
#form_titles .button1 { background: url(../images/icon-info.png) left center no-repeat; color: #c00; display: inline-block; font-size: 15px; padding: 8px 0 8px 40px; }
#form_titles .block2 { display: none; margin: 0 0 30px 0; }
.required { color: #c00; font-size: 20px; }
div.required { color: #000; font-size: 14px; margin: 0; }
div.required span { color: #c00; }
#a_l_txt_title,
#a_l_series_promotions_div,
#a_l_txt_first_name,
#a_l_txt_bank_details_international,
#a_l_prommq_answers,
#a_l_txt_purchased_products_number  { color: #000; display: block; font-size: 35px; font-weight: 600; margin: 30px 0 15px 0; }
.second_row { float: right; }
#date_birth_u_info,
#date_purchase1_u_info,
#date_purchase2_u_info,
#date_purchase3_u_info,
#date_purchase4_u_info,
#date_purchase5_u_info,
#date_purchase6_u_info,
#date_purchase7_u_info,
#date_purchase8_u_info,
#date_purchase9_u_info,
#date_purchase10_u_info,
#a_l_txt_bank_name,
#purchase_upload_file_u_info,
#serial_number_u_info,
#a_l_txt_bank_account_country,
#serial_number1_u_info,
#serial_number2_u_info,
#serial_number3_u_info,
#serial_number4_u_info,
#serial_number5_u_info,
#serial_number6_u_info,
#serial_number7_u_info,
#serial_number8_u_info,
#serial_number9_u_info,
#serial_number10_u_info,
[id^=store_name_crm_auto_validate],
#send_purchase_by_u_info,
#u_l_purchase_upload_file,
#u_l_address_1,
[id^=LABELInfoAboveTextParagraph_barcode],
[id^=purchase_upload_file],
#barcode1_u_info,
#barcode2_u_info,
#barcode3_u_info,
#barcode4_u_info,
#barcode5_u_info,
#barcode6_u_info,
#barcode7_u_info,
#barcode8_u_info,
#barcode9_u_info,
#barcode10_u_info { color: #999; display: block; font-size: 12px; padding: 5px 0; }
#LABELInfoAboveTextParagraph_bank_name, #a_l_txt_bank_name, #u_l_address_1 { padding: 0; }
#r_purchase_upload_file .table-cell.coll1 { font-size: 14px; padding: 0; width: 100%; }
#r_upload_barcode .table-cell.coll1 { width: 100%; }

#gallerycontainer_imgitem_8394{    display: block; float: left;  padding: 12px 0;}
#tc-box-textarea h1 { 
    font-size: 1.5rem; 
    line-height: 1.5rem; 
    padding-bottom: 0; 
    
}
#input_block_subscribe input#subscribe { margin-top: 0; }
/* checkbox */
#checkboxes-div { clear: both; padding: 10px 0 0 0; position: relative; }
/* #r_subscribe + div { display: none;  background: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.25); color: #333; font-size: 15px; padding: 20px 10px 30px 10px; text-align: left; width: 98%; position: absolute; top: 0; left: 1%; } */
#r_subscribe + div ul { counter-reset: item;list-style-type: decimal; margin: 0 0 15px 15px; }
#r_subscribe + div a { font-size: 14px; position: absolute; top: 15px; right: 30px; }
#r_terms_conditions,
#r_subscribe, #r_promo_agreement { position: relative; line-height: 18px; }
#r_terms_conditions { margin: 15px 0 30px 0; }
#r_terms_conditions input,
#r_subscribe input, #r_promo_agreeement input { position: absolute; top: 0; left: 0; }
#r_subscribe + div p { font-size: 25px; margin: 0 100px 50px 100px; text-align: center; }
#r_subscribe + div li { display: block; float: left; font-size: 13px; padding: 110px 10px 0 45px; vertical-align: top; width: 25%; position: relative; }
#info_text .block1 p { text-align: left; }
#info_text .block1 strong { background: #c00; border-radius: 15px; color: #fff; display: inline-block; float: left; font-size: 20px; height: 32px; line-height: 32px; margin: 0 10px 0 0; text-align: center; width: 32px; position: relative; top: -2px; }
#r_subscribe + div li:nth-child(1) { background: url(../images/icon1.gif) top center no-repeat; }
#r_subscribe + div li:nth-child(2) { background: url(../images/icon2.gif) top center no-repeat; }
#r_subscribe + div li:nth-child(3) { background: url(../images/icon3.gif) top center no-repeat; }
#r_subscribe + div li:nth-child(4) { background: url(../images/icon4.gif) top center no-repeat; }
#r_subscribe + div li:before { content: counters(item, ".") " "; counter-increment: item; color: #fff; background:#c00; width:32px; text-align: center; display:block; float:left; line-height: 32px; margin: 0 10px 0 0; border-radius: 15px; font-size: 20px; position: absolute; top: 110px; left: 0; }
#l_reimbursement_type_crm1 {
    display: block;
}
#l_reimbursement_type_crm1 h1{
    color: #000!important;
    display:inline!important;
    width: auto;
    font-size: 14px;

    
    
}
#l_reimbursement_type_crm1 span{
    display:inline;
}


::-webkit-input-placeholder { color: #484848; }
:-moz-placeholder { color: #484848; opacity: 1; }
::-moz-placeholder { color: #484848; opacity: 1; }
:-ms-input-placeholder { color: #484848; }

/* LP */
.land-main #header_text .container { padding-bottom: 0; }
.land-main #promo_title { margin-top: 1rem; }
.land-main #content { font-size: 16px;  position: relative; }



/* TY page */
#main.ty #form_titles,
#main.ty #form_titles .button1,
#main.ty #info_text_holder,
#main.ty #printArea,
#main.ty #printLink { display: none; }
#main.ty #form_wrapper { font-size: 20px; line-height: 1.5; padding: 30px 0; }
#main.ty #form_wrapper h2 { font-size: 24px; margin-bottom: 30px; }

.p19 #content p { display: block!important; } 

.p19.cid-13 #content ul {
    list-style: none!important;
    list-style-type: none!important;
}

.check-status h2 { border-bottom: 0; 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: #cc0001;	border: 0; color: #fff; cursor: pointer; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 20px; padding: 10px 100px; }
#button_ajax:hover,
#btn_new_search:hover { background: black; }
.check-status .table-body .table-cell.id { background-color: #cc0001; color: white; }

@media (max-width: 1200px) {
    #content .button1, #content .button2 {
        text-align: center; 
        display: inline-block;
        font-size: 16px;
        padding: 1rem 2.5rem;
    }

    #header_text .logo {padding-left: 5%;}

/* --- */
    #header_text .promo-head .title h2 {color:#000000; font-size: 66px; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;}
    #header_text .promo-head .title h1 strong {color:#C8102E;font-size: 110px; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;}
/* --- */

}







@media (max-width: 1090px) {
    #header_text .promo-head .promo_img {
        display: inline-block;
        width: 100%;
        position: static;
        left: 30%;
        right: 15%;
        
    }
    #header_text .promo-head {
        display: flex;
        flex-direction: column;}

        #header_text .promo-head .title {
            position: static;
            display: block;
            max-width: 100%;
            line-height: 1.1;}

            #header_text .bg {height: auto;}

            
                
    
    .promo-head .title {
        order: 2;
    }
    .promo-head .promo_img {
        order: 1;
    }
    body { background: #fff; font-size: 16px; }
    #promo_content{ padding-left: 20px; padding-right: 20px; width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; }
    #header_text, #content, #footer { padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; }
    .hero { overflow: hidden; }
    .hero img { max-width: 960px; width: 100%; }
	.first_row, .second_row { clear: both!important; float: none!important; padding: 0!important; width: 100%!important; }
	#form_holder, #info_text_holder { float: none!important; width: 100%!important; }
	label, .label_r_field { font-size: 16px; padding-right: 2px; }
    .field-row .table-cell.coll1, .field-row .table-cell.coll1_field_sub_group_btm{ width: 100%;}
    #a_l_txt_title, #a_l_txt_first_name, #a_l_txt_bank_details_international, #a_l_prommq_answers, #a_l_txt_purchased_products_number { margin-bottom: 0; }
    .tc-box .tc-box-textarea { max-height: 200px; }
    #l_purchase_upload_file, #l_upload_serial_number, #l_upload_barcode { width: 85%; }
    #r_upload_barcode .fileinputs { padding: 0; }
    #r_terms_conditions_box { margin-top: 10px; }
    .fileinputs{width: 100% ; float: left;}
    .p62 #content{width: 95%;}
    #gallerycontainer_imgitem_8394{float: none;}
    #extend_content { margin-top: 1rem; }
    #content p { width: 100%; }
    #header_text p { float: none; }
    .info_text_left #info_text_holder { height: auto; padding: 30px 0 0 0; width: 100%!important; }
    #info_text { padding-top: 0; }
    #info_text .title { float: none; position: static; }
    #info_text .block2 { margin-top: 30px; position: static; }
    #date_purchase,
    #date_purchase1,
    #date_purchase2,
    #date_purchase3,
    #date_purchase4,
    #date_purchase5,
    #date_purchase6,
    #date_purchase7,
    #date_purchase8,
    #date_purchase9,
    #date_purchase10,
    #date_birth { margin: 0 3px 0 0; width: 100%; }
    #footer { padding: 1rem 15px 2rem 15px; }
    #footer .block2 .button1,
    #footer .block2 .button2 { float: none; margin: 10px 0; }
    .field-row .table-cell {width: 100%;}
    .land-main #content .light_grey { text-align: left; }
    .land-main #content .title { position: static; }
    .promo-img{width: 100%;}
    #header_text #block-info-container2{width: 100%; padding: 0;}
    #r_subscribe + div li { 
        width: 50%;
        min-height: 12rem;
    }

    #header_text .promo_img,#header_text .title{ width: 100%; display: block; margin-top: 15px; }
    #header_text .title{ padding-top: 0;}
    #header_text .title .premium{ text-align: left; padding-top: 15px;}

    /* -- */
    #store_name_crm_autocomplete { width: 100%;}
    .p19 #main #extend_content {max-width:90%;}
    #header_text .promo-head .right_content .sub-title3 {text-align:left; display:block;color:#000000; font-size: 14px;  margin-bottom:20px;margin-left:0; margin-top:0;font-family:'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;line-height: 1.2;}
    /* -- */
}

@media (max-width: 980px) {
    #header_text .promo-img img{ width: 100%; height: 480px; object-fit: cover;}
    .land-main #content p { margin-bottom: 0; }
    .land-main #content table tr td:last-child { min-width: 100px; vertical-align: top; }
    #content .button1, #content .button2 { margin-bottom: 5px; }
    .p18 #promo_title h1, .p19 #promo_title h1, #main.ty #promo_title h1 { 
        font-size: 70px;
        line-height: 4rem;
    }
    .land-main #content p, .p18 #promo_title h3, .p19 #promo_title h3, #main.ty #promo_title h3 { 
        font-size: 18px;
        line-height: 1.35rem;
    }
    .p18 #promo_title h3, .p19 #promo_title h3 { padding-bottom: 0; }
    
    #header_text .promo-head .promo_img {width: 95%;}

@media (max-width: 860px) {
    
    .land-main #content { margin: 0rem 15px 0rem 15px; }
    .land-main #content h1, .land-main #content h4 { text-align: center; }
    #content .button1, #content .button2 { width: 49%; display: inline-block; font-size: 14px; padding: auto 0; }
    .p18 #promo_title h1, .p19 #promo_title h1, #main.ty #promo_title h1 { font-size: 67px; }
    #header_text #hero h1 { font-size: 4.5rem; line-height: 4.5rem; }
    #footer .details { margin-top: 1.5rem; }
    #footer .block1 { }
    #footer .block2 p { width: 100%;  }
    #footer .block2 ul { 
        width: 100%; 
        float: none; 
        text-align: left;
        margin-top: 1rem;
    }
}

@media (max-width: 780px) {
    #header_text { position: relative; }

    #header_text .promo-img img{ width: 100%; height: 400px; object-fit: cover;}
    
    .land-main #promo_title img { 
        display: block;
        clear: both;
        position: absolute;
        top: -310px;
        right: 30px;
    }
    .land-main #content h1, .land-main #content h4 { text-align: left; }

     /* CANON CANADA - one row field style */

.field-row .table-cell { width: 100%; float: right; clear:right;}
#r_title { /* clear: both; */width: 100%; display:block;}
#r_first_name {overflow: visible!important;position: relative;width: 100%;display:block;}
#r_last_name{ overflow: visible!important;position: relative;width: 100%; display:block;}

#r_address_1,
#r_province,
#r_country_promotion,
#r_email,
#r_series_promotions,
#r_purchase_upload_file {overflow: visible!important; position: relative; width: 100%; display:block;}


#r_city,
#r_postal_code,
#r_phone,
#r_email_confirm,
#r_products_promotion,
#r_upload_serial_number, #r_states_promotion {/* clear: both; */ width: 100%; display:block;}

#r_serial_number {overflow: visible!important;
    position: relative;
    width: 100%;
    float: none; }
#r_date_purchase {float:none; width: 100%;}
.field-row.err_msg_valid {clear:none;}
#r_date_purchase > div.table-cell.coll1 {width:100%;}
#apply_form_box {width: 95%; margin: 0 auto;}

#r_upload_serial_number > div.table-cell.coll1 > div > span.dynamic_info_logo.selected {top: 10px;}
/* ---- */
}

@media (max-width: 720px) {
    #header_text { float: none; width: 100%; }
    .land-main #content { width: 100%; margin: 0.5rem 0; padding: 0 15px; }
    #content .button2 { float: right; }
    #header_text .block1 { padding-bottom: 5px; }
    #header_text .block1 ul li { line-height: 1.5rem; }
    #date_purchase,
    #date_purchase2,
    #date_purchase3,
    #date_purchase4,
    #date_purchase5,
    #date_purchase6,
    #date_purchase7,
    #date_purchase8,
    #date_purchase9,
    #date_purchase10,
    #date_birth { margin: 0 3px 0 0; width: 100%; }

    #date_purchase1 { margin: 0 3px 0 0; width: 100%; }

    #footer .block3 p, #footer .block3 ul { width: 55%; padding-bottom: 0.5rem; }
    #footer .block3 ul li { padding: 0.25rem; }
    .land-main #promo_title { margin-top: 2rem; }
    .land-main #content h1 { font-size: 70px; line-height: 4rem; margin-bottom: 0.5rem; }
    .land-main #content .cta { margin-top: 1rem; }
    .land-main #content .cta a { margin-bottom: 1rem; }
    #header_text { position: relative; }
    .p18 #promo_title, .p19 #promo_title, #main.ty #promo_title, .p18 #promo_title h1, .p19 #promo_title h1, #main.ty #promo_title h1 { text-align: center; }
    
    #header_text .promotitle { margin: 1rem auto; }


    /* --- */
    #header_text .promo-head .title h2 {color:#000000; font-size: 56px; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;}
    #header_text .promo-head .title h1 strong {color:#C8102E;font-size: 90px;font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;}
    /*  */
}

@media (max-width: 680px) {

    #header_text .promo-img img{ width: 100%; height: 400px; object-fit: cover;}
    .land-main #content p { width: 100%; padding: 0; margin: 0; overflow: hidden; }
    #content .button1, #content .button2 { width: 100%; display: block; float: none; margin: 0;}
    #content .button1 { margin-top: 0.75rem; }
    #content .button2 { margin-bottom: 0.75rem; }
    #footer .container {  }
    #footer .block2 ul, #footer .block2, #footer .block3 { clear:both; float: none; width: 100%; }
    #footer .block2 img { margin-bottom: 1rem; }
    #footer .block2 ul li{ line-height: 1.35rem; }
    .p18 #promo_title img, .p19 #promo_title img, #main.ty #promo_title img { 
        display: block;
        clear: both;
        position: absolute;
        top: 125px;
        right: 30px;
        width: 130px;
    }
    .land-main #promo_title img { width: 130px; top: -300px; }
    .land-main #content h1 { font-size: 62px; line-height: 3.5rem; }
    .land-main #content p { font-size: 16px; line-height: 1.5rem; }
    #footer .details { margin-top: 1.25rem; }
    #footer .block2 ul { margin-top: 0; }

    /* --- */
    .p19 .description { width:100%;margin-bottom:20px; display:block;}
    .p19 .title_line {width:100%;display:block;text-align:left;}
    /*---  */


   
}

@media (max-width: 620px){
    #header_text .promo-img img{ width: 100%; height: 300px; object-fit: cover;}
    #header_text .container ul {
        width: 100%;
        margin: 1.75rem auto 0 auto;
        text-align: center;
    }
    #header_text .container { padding-bottom: 0; }
    .p18 #promo_title img, .p19 #promo_title img, #main.ty #promo_title img { top: 120px; }
    #header_text #hero h1 { 
        left: 2rem;
        bottom: 2rem;
        font-size: 4rem;
        line-height: 4rem;
    }
    .land-main #promo_title img { width: 120px; top: -270px; }

    [id^=r_bank_code_other] > div:nth-child(2) > span.dynamic_info_logo.selected,
    [id^=r_upload_serial_number] > div:nth-child(2) > span.dynamic_info_logo.selected, [id^=r_purchase_upload_file] > div:nth-child(2) > span.dynamic_info_logo.selected, [id^=r_upload_serial_number] > div:nth-child(2) > span.dynamic_info_logo.selected { top: 62px; }
}

@media (max-width: 560px){
    #header_text .promo-img img{ width: 100%; height: 250px; object-fit: cover;}
    #header_text .block1 ul, #header_text .block1 p { float: none; text-align: center; width: 100%; }
    .land-main .tableContainer { width: 100%; overflow-x: scroll; }
    .land-main #content table { width: 720px; }
    .land-main #content ul#legend { margin: 1.5rem auto 1rem auto; width: 100%; text-align: center; }
    .land-main #content ul#legend li { padding-bottom: 1rem;}
    #date_purchase,
    #date_purchase2,
    #date_purchase3,
    #date_purchase4,
    #date_purchase5,
    #date_purchase6,
    #date_purchase7,
    #date_purchase8,
    #date_purchase9,
    #date_purchase10,
    #date_birth { margin: 0 3px 0 0; width: 100%; }

    #date_purchase1 { margin: 0 3px 0 0; width: 100%; }

    #footer .block2 ul li { display: block; margin: 0.5rem 0; }
    .land-main #promo_title img { top: -250px; }
    .p19 #content h1,
    #tc-box-textarea h1{font-size: 1.2rem; line-height: 1.2rem; word-wrap: break-word }
    }

@media (max-width: 540px) {

    #header_text .logo img { max-width: 160px; }
    #content .button1, #content .button2 { line-height: 1.25rem; padding: 0.8rem 1rem; }
    #footer { text-align: left; }
    #footer .block2 ul { float: none; margin: 1.5rem auto 0.5rem auto; }
    .land-main #content p, .p18 #promo_title h3, .p19 #promo_title h3, #main.ty #promo_title h3 { font-size: 16px;}
    .land-main #promo_title img { top: -220px; }
    #r_subscribe + div li { 
        width: 100%;
        min-height: auto;
        padding-bottom: 1.5rem;
        
    }
    #footer .details { margin-top: 2rem; }
    #header_text h1, .land-main #content h1 {
        font-size: 3.25rem;
        line-height: 3rem;
    }

    /* --- */
    #header_text .promo-head .title h2 {color:#000000; font-size: 42px; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;line-height: 1;}
    #header_text .promo-head .title h1 strong {color:#C8102E;font-size: 74px;font-family: "Tungsten A", "Tungsten B", Arial, sans-serif;line-height: 0.8;}
    #header_text .promo-head .title .sub-title1 { color: #000000; font-size: 20px; margin-top: 10px; margin-bottom: 20px;}
    #header_text .promo-head .title .sub-title2 { color: #000000; font-size: 16px; margin-top: 10px; margin-bottom: 20px;}
    #header_text .promo-head .right_content .sub-title3 { color: #000000; font-size: 13px; margin-top: 30px; margin-bottom: 20px;}
   
    /*  */
}

@media (max-width: 460px) {
    .p18 #promo_title h1, .p19 #promo_title h1, #main.ty #promo_title h1 {
        font-size: 50px;
        line-height: 2.75rem;
    }
    .p18 #promo_title img, .p19 #promo_title img, #main.ty #promo_title img { width: 100px; }
    .land-main #promo_title img { width: 100px; top: -200px; }
    .land-main #promo_title { text-align: center; }
    .land-main #content h1 { font-size: 52px; line-height: 2.75rem; }
    .land-main #content p { font-size: 16px; line-height: 1.5rem; text-align: center; }

    /* --- */
    #content > div:nth-child(10) > div.description > table {display: block;
        overflow-x: auto;
        white-space: nowrap;}
    
        .p19 >#content > div:nth-child(10) > div.description > table >tbody{display: table;
            width: 100%;}

            .p19 #content p { text-align:left!important;}
    /*  */
}

@media (max-width: 420px) {
    #header_text .container ul li { padding: 0.25rem 0; }
    .p18 #promo_title img, .p19 #promo_title img, #main.ty #promo_title img { top: 150px; }
    .land-main #promo_title img { top: -180px; }
    .land-main #promo_title { text-align: center; }
    .land-main #content h1 { font-size: 48px; text-align: center; }
    #header_text #hero h1 {
        position: relative;
        color: #000000;
        left: 0;
        bottom: 0;
        top: 1rem;
    }
    #header_text h1 strong, #promo_content h1 strong, .land-main #content strong {color: #c00;display: block;}
    .tc-box .tc-box-checkbox .label_r_field, #l_right_txt_subscribe_custom { max-width: 90%; }

    #header_text .promo-head .title {max-width: 95%;}
}
@media (max-width: 340px) {
    #header_text #hero h1 { font-size: 2.5rem; line-height: 2.5rem; }}
}