/*CSS reset|normalize*/
body { background: #efea1d; font-family: 'Open Sans';}
fieldset { border: none; }

/*Unbranded Orange*/
body.unbranded_orange { background: #000; }
body.unbranded_orange #header, body.unbranded_orange .next_link, body.unbranded_orange .submit_btn, body.unbranded_orange div[data-form-page="1"] .next_link { background: #ffa100; }
body.unbranded_orange .free_reg_title { color: #fff; }

/*Unbranded Redtube Red */
body.unbranded_redtube_red { background: #000; }
body.unbranded_redtube_red #header, body.unbranded_redtube_red .next_link, body.unbranded_redtube_red .submit_btn, body.unbranded_redtube_red div[data-form-page="1"] .next_link { background: #ba1b22; }
body.unbranded_redtube_red .free_reg_title { color: #fff; }

/*Unbranded YouPorn Pink*/
body.unbranded_youporn_pink { background: #000; }
body.unbranded_youporn_pink #header { background: #ef7896; }
body.unbranded_youporn_pink .next_link, body.unbranded_youporn_pink .submit_btn, body.unbranded_youporn_pink div[data-form-page="1"] .next_link { background: #ec567c; }
body.unbranded_youporn_pink .free_reg_title { color: #fff; }

/*Unbranded Tube8*/
body.unbranded_tube { background: #000; }
body.unbranded_tube #header { background: #731d1e; background: linear-gradient(to bottom, #731d1e 0%,#731d1e 70%,#8e2424 70%,#8e2424 100%); }
body.unbranded_tube .next_link, body.unbranded_tube .submit_btn, body.unbranded_tube div[data-form-page="1"] .next_link { background: #731d1e; }
body.unbranded_tube .free_reg_title { color: #fff; }

/*Unbranded Pornhub */
body.unbranded_pornhub { background: #000; }
body.unbranded_pornhub #header, body.unbranded_pornhub .next_link, body.unbranded_pornhub .submit_btn, body.unbranded_pornhub div[data-form-page="1"] .next_link { background: #ff9000; }
body.unbranded_pornhub .free_reg_title { color: #fff; }

/*Registartion reset|normalize*/
.hide, .submit_alert, div[data-form-field="handle_confirm"], div[data-form-field="email_confirm"], div[data-form-field="password_confirm"], #form-intro-title label p, .writing_tool li[data-form-tool="instant_writer"]{ display: none; }

/*common*/
.container { width: 950px; margin:0 auto; }
.explicit .container { width: 1420px; }
#Layer_1 { display: none; }
form .suggest { position: relative; }
form .loading { background: url( 'https://secureimage.securedataimages.com/images/common/icons/loading.gif' ) no-repeat 0 0 / 100% 100%; position:absolute; height: 18px; width: 18px; top: -1px; right:-22px; }

/*header*/ 
#header { background: #43a2da; margin: 0; }
.header_container { text-align: center; position: relative; min-height: 67px; display:flex; align-items:center; justify-content:center; }
.sitename{ font-family: 'Open Sans Bold';  font-size: 36px; color: #fff; }
  
/*content*/ 
.content_container { position: relative; }
.free_reg_title { text-align: center; padding: 10px 0; }
#count_down { font-weight: bold; color: #ff0000; }        
.page_title { background: #000; font-size: 18px; color: #fff; text-align: center; padding: 10px 0; letter-spacing: 1px; font-weight: normal; }
.reg_box{ background: rgba(0,0,0, .7); border: 1px solid rgba(255,255,255, .7); margin: 125px auto 0; color: #fff; width: 500px; }
.next_link, .submit_btn { background: #43a2da; -webkit-appearance: none; border: none; line-height: 42px; color: #fff; cursor: pointer; width: 240px; font-size: 18px; margin: 10px 0px; }
.next_link:hover, .submit_btn:hover { background: #0777ba; }
.pagination { text-align: center; margin-bottom: 20px; font-size: 14px; }
.pagination_back { cursor: pointer; }

/*background*/
.bg_img { position: absolute; z-index: -1; margin-top: 25px; top: 0; left: 0; right: 0; bottom: 0; }  
.bg_img img { width: 100% }
.mobile_bg { display: none; }

/*field set*/
fieldset { text-align: center; }
div[data-page-asset="fields"] { text-align: left; width: 90%; display: inline-block; }
div[data-page-asset="fields"] label { width: 27%; display: inline-block; text-align: right; margin-right: 5px; font-size: 16px; }
div[data-page-asset="fields"] .input { display: inline-block; vertical-align: top; width: 62%;}
fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea { width: 98%; height: 38px; box-sizing: border-box; font-size: 16px; }
fieldset textarea { height: 75px; font-family: 'Open Sans'; resize: none; }
fieldset select { color: #666; }
select#bday_month, select#bday_month2 { width: 48%; }
select#bday_year, select#bday_year2 { width: 25.5%;  }
select#bday_day, select#bday_day2{ width: 23.5%; }
.french select#bday_month, .french select#bday_month2 { width: 42%; }
.french select#bday_day, .french select#bday_day2 { width: 25%  }
.french select#bday_year, .french select#bday_year2 { width: 30% }
.german select#bday_month, .german select#bday_month2{ width: 42%; }
.german select#bday_day, .german select#bday_year, .german select#bday_day2, .german select#bday_year2 { width: 27%; }
.help-block p { margin: 0; height: auto !important; }
.actions { text-align: center; }
.input_row  { margin: 15px 0; }
.username_check { display: none !important; }
.note-block { height: auto !important; font-size: 9px; }
.alert-error, .alert-error a, .submit_alert { color: red; }
.alert-error p { display: inline-block;}

/*page1*/
div[data-form-page="1"] .reg_box { width: 420px }
div[data-form-page="1"] .page_title { font-weight: bold;  }
div[data-form-page="1"] ol { font-size: 16px; display: inline-block; padding-left: 20px; line-height: 1.5em; }
div[data-form-page="1"] ol li { font-size: 16px; text-align: left; }
div[data-form-page="1"] .next_link { background: #f23c57; margin: 20px 0px; }
div[data-form-page="1"] .next_link:hover { background: #e1143d; }
div[data-form-page="1"] .pagination, div[data-form-page="2"] .pagination { display: none; }

/*page2 & page3*/
div[data-page-asset="fields"] label.find_sex_title, div[data-page-asset="fields"] label.looking_for_title{ width: 100%; text-align: center; font-size: 24px; }
div[data-page-asset="fields"] .input.looking_for_wrapper { width: auto; }
div[data-form-field="find_sex"], div[data-form-field="looking-for"] { text-align: center; }
div[data-page-asset="fields"] .find_sex_row label, div[data-page-asset="fields"] .looking_for_row label { width: auto; text-align: center; }
.find_sex_row, .looking_for_row { display: inline-block; vertical-align: top; margin: 10px; }
.find_sex_wrapper, .looking_for_wrapper { margin: 10px 0; }
.find_sex_row input, .looking_for_field input { opacity: 0; }
.find_sex_row span > span, .looking_for_field span > span { display: block; font-size: 10px; }
.find_sex_row input:checked ~ span,  .find_sex_row input:checked ~ svg { color: #43a2da; }
.looking_for_field input:checked ~ span, .looking_for_field input:checked ~ svg { color: #e04e7b; }
.gender_indicator{ width: 60px; height: 60px; display: block; margin: 0 auto; color:#999; }
.g04 .gender_indicator { width: 85px; height: 78px; margin-top: -5px; }

/*page6 & page7*/
div[data-form-page="6"] label { width: 35% }
div[data-form-page="7"] div[data-page-asset="fields"] { width: 65%; }
div[data-form-page="7"] div[data-page-asset="fields"] .input { width: 100%; }

/*RWD*/
@media only screen and (max-width: 1420px) {
  body.explicit .container { width: 100%; }
}
@media only screen and (max-width: 950px) {
  body .container { width: 100%; } 
  body .aff_logo { width: 75%; margin: 15px 0; }
  body .free_reg_title { margin: 0; font-size: 4vw; }
  body .reg_box, body div[data-form-page="1"] .reg_box { width: 90%; margin: 20px auto; }
  body .page_title { font-size: 14px; }
  body div[data-page-asset="fields"] label { width: 100%; display: block; text-align: left; }
  body div[data-page-asset="fields"] .input { width: 100%; }
  body .input_row { margin: 10px 0; }
  body div[data-form-page="7"] div[data-page-asset="fields"] { width: 90%; }
  body .next_link, body .submit_btn { width: 98%; }
  div.actions { text-align: left; }
  #content .bg_img .desktop_bg { display: none; }
  #content .mobile_bg { display: block; width: 95%; margin: 45px auto; }
}