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

@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/OpenSans.woff') format('woff'), 
       url('../fonts/OpenSans.ttf')  format('truetype'), 
       url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/OpenSans-Light.woff') format('woff'), 
       url('../fonts/OpenSans-Light.ttf')  format('truetype'), 
       url('../fonts/OpenSans-Light.svg#OpenSans') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/OpenSans-Bold.woff') format('woff'), 
       url('../fonts/OpenSans-Bold.ttf')  format('truetype'), 
       url('../fonts/OpenSans-Bold.svg#OpenSans') format('svg');
  font-weight: 700;
  font-style: normal;
}

body { background: #000 url(../images/header.jpg) center -250px no-repeat; color: #fff; font-family: 'OpenSans'; font-weight: normal; font-size: 14px; }
a { color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }

#main { max-width: 1010px; width: 100%; }
#header_text { min-height: 530px; padding-top: 30px; position: relative; }
#header_text h1 { font-size: 56px; font-weight: 700; }
#header_text h2 { font-size: 24px; }
#header_text .title { position: absolute; top: 30px; right: 0; }
#header_text .block1,
#header_text .block2 { display: none; }
#banner {}
#promo_content, #extend_content { background: none; }
#form_holder, #info_text_holder, #content { padding: 30px 0; }
#info_text_holder { display: none; }
#content {}
#content h1 { font-size: 24px; margin: 0 0 30px 0; text-transform: uppercase; }
#content p { margin: 0 0 15px 0; }
#content li { list-style: inside; }
#content table { background: #eee; border-collapse: collapse; margin: 0 0 15px 0; width: 100%; }
#content td { border: 1px solid #ddd; padding: 5px; }
#form_holder { background: none; }
label, #country_address, #country_promotion { display: inline-block; padding: 7px 10px 7px 0; }
.field-row { overflow: hidden; }
.field-row .table-cell { width: 60%; }
.field-row .table-cell.colspan2 { width: 100%; }
.field-row .table-cell.coll1,
.table-cell.coll1_field_sub_group_btm { width: 40%; }
.table-cell input[type="text"],
.table-cell select { background: #434343; border: 0; border-radius: 0; color: #ccc; padding: 2% 3%; width: 100%; }
.table-cell option { background: #434343; }
.table-cell input[type="text"]:focus,
.table-cell select:focus { color: #fff; }
input[type="file"] { max-width: 100%; }
.disabled { display: none; }
#date_purchase,
#date_purchase1,
#date_purchase2,
#date_purchase3,
#date_purchase4,
#date_purchase5,
#date_purchase6,
#date_purchase7,
#date_purchase8,
#date_purchase9,
#date_purchase10 { margin: 0 3px 0 0; width: 80%; }
.calendarButton { cursor: pointer; vertical-align: middle; }
#add_another_product,
#remove_last_product { cursor: pointer; }
#add_another_product { margin: 0 0 5px 0; }
#add_another_product:hover,
#remove_last_product:hover { }
#form_wrapper a.popup { background-color: #f58220; border-radius: 50%; color: #fff; display: inline-block; height: 20px; line-height: 20px; text-align: center; text-decoration: none; width: 20px; }
#form_wrapper a.popup:hover { color: #000!important; }
#r_subscribe,
#r_terms_conditions { position: relative; line-height: 18px; padding: 0 0 0 23px; }
#r_subscribe input,
#r_terms_conditions input { position: absolute; top: 0; left: 0; }
#submit-div { padding: 30px 0; text-align: center; }
.SubmitButt { background: #fff;	border: 0; border-radius: 5px; color: #000; cursor: pointer; font-size: 30px; font-weight: normal; margin-bottom: 30px; padding: 15px 50px; }
.SubmitButt:hover { background: #c00; color: #fff; }
#submit-div .label-under { border-top: 1px solid #fff; font-size: 12px; padding-top: 10px; }
#captcha_img { padding: 15px 0 0 0; clear: both; float: none; padding: 15px 0 0 0; width: 100%; }
#footer { line-height: 1.2; padding: 30px 0; }
#footer ul { overflow: hidden; }
#footer li { float: left; list-style: none; }
#footer li:last-child { float: right; }

#form_holder { background: #252525; border-radius: 5px; padding: 30px!important; }
#form_titles h3 { font-size: 36px; margin-bottom: 5px; }
.required { color: #fff; }
div.required { margin-bottom: 30px; }
#a_l_txt_prommq_answers,
#a_l_txt_answer_20518_4 { font-size: 18px; font-weight: 700; }
#r_answer_20518 { font-size: 18px; }
#r_answer_20518 .prommq_ans_arrange { background: #1a1a1a; border-radius: 20px; float: left; margin: 0 5% 10px 0; padding: 0 5px; width: 45%; }
#r_answer_20518 input { margin-right: 70px; }
.third_row { clear: both; padding-top: 30px; }
#r_promotion_premiums .table-cell { float: none; width: 100%; }
#r_promotion_premiums .table-cell.coll1 { font-size: 30px; margin-bottom: 15px; }
#r_promotion_premiums .table-cell h3,
#r_promotion_premiums .table-cell h6 { display: none; }
#r_promotion_premiums .table-cell ul { overflow: hidden; }
#r_promotion_premiums .table-cell li { background: #4b4b4b; border-radius: 5px; float: left; margin: 0 0.5%; min-height: 390px; padding: 10px 5px; width: 24%; position: relative; }
#r_promotion_premiums .table-cell input { height: 20px; width: 20px; position: absolute; bottom: 10px; left: 50%; transform: translatex(-50%); }

#r_promotion_premiums li span { background: url(../images/checkbox.png) 0 0 no-repeat; background-size: cover; display: inline-block; height: 24px; margin: 0 0 15px 0; width: 24px; position: absolute; bottom: 0; left: 50%; margin-left: -11px; transition: 0s; }
#r_promotion_premiums li span input { display: none; }
#r_promotion_premiums li.active span { background-position: 0 bottom; }
#r_promotion_premiums li.inactive span { display: none; }

/* LP */
.land-main #header_text h2 { margin-bottom: 50px; }
.land-main #header_text .block1 { display: block; }
.land-main #header_text .block1 a { background: #ebebeb; border-radius: 8px; color: #000; display: inline-block; font-size: 30px; padding: 15px 70px; text-decoration: none; transition: border-radius 0.3s; }
.land-main #header_text .block1 a:hover { border-radius: 0; }

/* TY page */
#main.ty #form_titles,
#main.ty #info_text_holder,
#main.ty #printArea,
#main.ty #printLink,
#main.ty #promo_content { display: none; }
#main.ty #header_text .block2 { display: block; }
#main.ty #header_text h2 { margin-bottom: 50px; }
#main.ty #header_text h3 { font-size: 30px; margin-bottom: 15px; }
		
@media (max-width: 1010px) {
	body { font-size: 18px; }
    #header_text, #banner, #promo_content, #content, #footer { padding-left: 15px; padding-right: 15px; }
	.first_row, .second_row { clear: both!important; float: none!important; padding: 0!important; width: 100%!important; }
	.field-row .table-cell { clear: both!important; float: none!important; width: 100%!important; }
	#form_holder, #info_text_holder { float: none!important; width: 100%!important; }
	label, .label_r_field { font-size: 18px; }
    #r_promotion_premiums .table-cell li { margin: 0 2.5% 15px 2.5%; width: 45%; }
    #header_text .title { position: static; }
}
@media (max-width: 600px) {
    #r_promotion_premiums .table-cell li { margin: 0 0 15px 0; width: 100%; }
    #footer li, #footer li:last-child { float: none; }
}
@media (max-width: 480px) {
    #r_answer_20518 .prommq_ans_arrange { float: none; margin: 0 0 10px 0; width: 100%; }
}