article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block }
body{ margin:0px; padding:0px; font-family: 'Open Sans', Tahoma, Geneva, sans-serif; }
ol, ul{ list-style:none; }
blockquote, q{ quotes:none; }
img, fieldset{ border:none; margin:0px; padding:0px; }
blockquote:before, blockquote:after, q:before, q:after{ content:none; }
table{ border-collapse:collapse; border-spacing:0; }
a{ text-decoration:none; outline:none; color:#3daaff; }
a:hover{ color:#004c88; text-decoration:none; }
h1, h2, h3, h4, h5, h6, ul, p, form, input{ margin:0px; padding:0px; outline:none; }
.clear:before, .clear:after{ content:" "; display:table; }
.clear:after{ clear:both; }
.clear{ *zoom:1; }
a{ -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in; }
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.steps{ position:relative; padding-bottom:30px; }
.pagination{ position:absolute; top:-25px; left:50%; margin-left:-178px;}
.pagination .pages li{ float:left; font-family: 'Open Sans Bold',Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; line-height:35px; padding:0 16px; background-color:#fd2746; height:4px; }
.pagination .pages li a{ background-color:#fd2746; height:35px; width:35px; border-radius:50%; display:block; color:#fff; margin-top:-16px;}
.pagination .pages li a:hover{ color:#fff; }
.pagination .pages li.current a,.pagination .pages li.current { background-color:#fd2746; }
.pagination .current ~ .pagination_item a, .pagination .current ~ .pagination_item { background-color:#fff; color:#bcbcbc !important; }
input[name="action"][value="page1"] ~ .pagination .prev_link, .pagination li + li + li + li + li + li, .pagination .prev_link, [data-form-field="handle_confirm"], [data-form-field="email_confirm"], [data-form-field="password_confirm"]{ display:none; }
.grid_row { margin-top:30px; }
.grid_row .page_title{ font-size:16px; text-align:center; color:#010000; letter-spacing:-0.025em; padding-bottom:60px; }
.grid_row label{ font-family: Open Sans Semibold; width:55%; height:68px; font-size:30px; color:#fff; float:left; clear:left; text-align:left; line-height:68px; background:rgba(0, 0, 0, 0.7);text-transform:uppercase;padding-left: 20px;border-right:2px solid #212121; border-radius: 0;overflow:hidden;}  
.grid_row label b {font-weight: normal;letter-spacing: 1px;}
.grid_row [data-form-field^="birthdate"] label, .grid_row [data-form-field="country"] label, .grid_row [data-form-field="state"] label, .grid_row [data-form-field="city"] label{ width:30%; }

.grid_row [data-form-page="5"] label{ display: none; } 
.grid_row [data-form-page="5"] button[type="submit"]{ margin-top:20px; }  
.grid_row [data-form-page="5"] .reg_consent_group{ margin: 0 auto; color: #fff; width: 486px; }
.grid_row [data-form-page="5"] .reg_consent_group a {color: #fff;text-decoration:underline;}
.grid_row [data-form-page="6"] button[type="submit"]{ margin-top:100px; }   

.grid_row [data-form-field="looking-for"] .input label{ width:auto; margin-bottom:0; text-align:left; text-transform:capitalize; }
.textbox, input[type="text"], input[type="password"],textarea{ background:rgba(0, 0, 0, 0.6); height:68px; width:100%; border: none; color: #fff;font-size: 30px; padding: 0 15px;border-radius: 0;cursor:context-menu;font-family: 'Open Sans';}
:-webkit-input-placeholder{ color:#fff; }
:-ms-input-placeholder{ color:#fff; }
:-moz-placeholder{ color:#fff; }
.grid_row [data-form-page="3"] input[type="text"] {text-transform:none;}
.input textarea{ height:70px; width:100%; padding: 15px; resize: none;}   
.grid_row [data-form-field="zip"] .input .zip_check{ display:block; margin-top:2px; float: right;background: #fff;padding: 3px 5px;}
.dropdown, .grid_row .input{ float:left; height:68px; width:45%; }
.grid_row .input select, .grid_row .input input, .grid_row .input textarea { cursor:pointer; font-family: Open Sans Semibold, Arial; }
.grid_row .input input::-ms-clear {display: none; width:0; height:0;}
.grid_row [data-form-page="3"] .input{ width:32%; }
.grid_row [data-form-field="password"] .input{ width:29%; }
.grid_row [data-form-field="handle"] .input{ width:35%; position: relative; }
.grid_row [data-form-field="handle"] .input .suggest, #form-handle .input .loading { position: absolute; right: 0; top: 0; }
.grid_row [data-form-page="3"] label, .grid_row [data-form-field="zip"] label,.grid_row [data-form-field="state"] label { display: none; }
.grid_row [data-form-page="6"] .input{ width:100%; }
.grid_row [data-form-page="6"] fieldset .note{ color: #fff;text-align: center;margin: 20px 0; }
.grid_row [data-form-field="country"] .input, .grid_row [data-form-field="city"] .input {width:70%;}
.grid_row [data-form-field="state"] .input{width:100%;}
.grid_row [data-form-page="4"] .input { margin-bottom:10px; }
.grid_row [data-form-field="looking-for"] .input p.clearfix { width: 47%; border: 1px solid #ccc; padding: 5px; margin: 5px 10px 5px 0; float: left; }   
.grid_row [data-form-field^="birthdate"] .input { width:70%; }  
.grid_row [data-form-field="zip"] .input{ height:68px; width:100%;} 
.grid_row [data-form-field="email"] .input,.grid_row [data-form-field="handle"] .input,.grid_row [data-form-field="password"] .input{ margin-bottom:30px; margin-left: 10px; }
.grid_row [data-form-field="title"] .input,.grid_row [data-form-field="intro"] .input{ margin-bottom:35px; width:100%;}  
.grid_row [data-form-field="title"] .input .note-block{ margin-top:5px; width: auto; }
.grid_row [data-form-field="title"] .input .note-block p{ display:none; } 
.dropdown select, .grid_row .input select{ width:100%; border-radius:0;border:none; height:68px; padding:0 10px;background:url(https://secureimage.securedataimages.com/images/ffadult/landing_pages/member_lander/arrow_down2.png) no-repeat right center rgba(0, 0, 0, 0.5); color:#fff;font-size: 30px; 
  text-transform:uppercase;-webkit-appearance:none;-moz-appearance: none; appearance: none;}
.grid_row .input select:focus {outline:none;}
.grid_row .input select::-ms-value  { background: none;}   
.grid_row .input select::-ms-expand { display: none; }
.dropdown.small, .grid_row [data-form-field^="birthdate"] .input select { width:34%; }
.dropdown.smaller, .grid_row [data-form-field^="birthdate"] .input [id^="bday_day"], .grid_row [data-form-field^="birthdate"] .input [id^="bday_year"] { width:33%;margin-left:-4px;}
.dropdown.last { margin-right:0; }
.help-block{ line-height:20px; }
.grid_row [data-form-field="looking-for"] .input .help-block{ margin-top:130px; }  
.grid_row [data-form-field="handle"] .input .suggest_base .subtitle, .ok{ color:#228B22; font-weight:normal; }
.next, .btn.primary{ background: #fd2746;border:none; clear:both; width:50%; font-size:30px; color:#fff; font-family: 'Open Sans',Arial, Helvetica, sans-serif; margin-top:46px; margin-left:25%;cursor:pointer; text-transform:uppercase; padding:12px 0; }
.btn.primary img {margin-left:5px;margin-bottom:5px;vertical-align:middle;}
.next:hover, .btn.primary:hover{ background-color:#bd1b33; }
.members{ text-align:center; padding-top:22px; padding-bottom:38px; }
.members h3{ font-size:20px; color:#fff; letter-spacing:-0.05em; padding-bottom:8px; }
.members p{ font-size:12px; line-height:16px; letter-spacing:-0.001em; color:#fff; }
input[type="submit"], [data-page-view="landing-stepbystep"] [data-form-submit], [data-page-view="landing-stepbystep"] button[type="submit"]{ -webkit-appearance:none; -webkit-border-radius:0px; }
.disclaimer { display:inline-block; width:100%; text-align:center;}
.disclaimer label { display:inline-block; width:100%; text-align:center; font-size:11px; font-weight:bold; line-height:14px; }
.disclaimer input { margin: 0 5px; position: relative; top: 2px; }
.sub-header { float:left; width:100%; padding:10px; border:1px solid #CCC; background:#FFF; text-align:center; margin:5px 0; }
.sub-header h4 { color:#004c88; font-size:17px; }
.sub-header.highlight { background:#d8ff9a; border:1px solid #8fc23e; width:100%; margin:0;padding:10px; }
.step2, .step3, .step4, .sub-header, .final { display:none; }  

form .help-block p, form .note-block{ display:none;background: #fff; padding: 10px; line-height: 1; margin-top: 2px;height: auto !important; }
form .note-block {width: 100%;padding: 10px;} 
.grid_row [data-form-field^="birthdate"] .help-block {display:inline-block;}
.grid_row [data-form-field="intro"] .note-block { background: none; }
form div.clearfix.error{ background:transparent; }
form .input{ margin-bottom: 25px; }
#form-title .input, #intro .input { margin-bottom: 32px; }
form .actions{ margin-top:10px; }
form .ok, form .not_ok { font-size: 12px; font-style: normal; }
form .not_ok, form .form_errors { color: #CC0000; }
form .form_success { color: #666666; }
form .form_errors, form .form_success { margin: 4px 0; }
form .suggest{ position:relative; display:block; }
.actions_msg_box {text-align:center;}
.grid_row [data-form-field="intro"] .input .suggest{background: #fff; top: -15px; height: 20px; line-height: 20px; padding: 0 5px; width: 300px;}
.grid_row [data-form-field="intro"] .input .suggest p,.grid_row [data-form-field="intro"] .input .suggest .writing_tool {float: left;}
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: -32px; right:10px; }
#form-email .suggest .loading { top: -40px; }
#form-handle .suggest { display: inline; }
#form-handle .suggest a{ float: right;background: #fff;padding: 3px 5px;margin-top: 2px;}
#email .loading { top: -15px; }
form #form-country .loading, form #country .loading, form #reg_state .loading { top:-15px; }
.actions .loading { top: -40px; }
form #form-handle .suggest_base, form #handle .suggest_base { position:relative; z-index: 10; }
form #form-handle .suggest_list, form #handle .suggest_list { padding: 6px; line-height: 18px; display: none; width:185px; background: #FFF; box-shadow: 0 2px 3px rgba(9,9,9,0.6); position: absolute; border-radius: 5px; border:1px solid #CCC; top:8px; z-index: 20; left:138px; }
form #form-handle .suggest_list:after, form #handle .suggest_list:after { position:absolute; content: ""; border-bottom:6px solid #CCC; border-left:6px solid transparent; border-right:6px solid transparent; left:60px; top:-6px; }
form .zip_box { position:absolute; top:18px; right:-50px; width:300px; height:400px; z-index: 20; background:#FFF; box-shadow: 1px 1px 3px rgba(3,3,3,0.6); overflow:auto; border: none; }
[data-form-js] #form-city, [data-form-js] #city, [data-form-js] #reg_closest_city, [data-form-js] #reg_city, [data-form-js] #reg_city_input, [data-form-js] #form-state, [data-form-js] #state, [data-form-js] #reg_state, [data-form-js] #reg_state_input, [data-form-js] #zip_code { display: none; }
#form-city, #city, #reg_closest_city, #reg_city, #reg_city_input, #form-state, #state, #reg_state, #reg_state_input, #zip_code, #form-zip { display: none; }
#zip_code, #form-zip { display: block; }
#form-handle .suggest_list, #handle .suggest_list { display:none; }
#form-handle .suggest_list span, #handle .suggest_list span { color: #3366CC; font-size:12px; margin:0 4px 0 0; cursor: pointer; line-height: 18px; }
#form-handle .suggest_list .subtitle, #handle .suggest_list .subtitle { border-bottom: 1px solid #d1d1d1; margin: 0 0 4px; color:#000000; font-weight: normal; }
#form-handle .suggest_list span:hover, #handle .suggest_list span:hover { text-decoration: underline; }
#form-handle .suggest_list span:last-child, #handle .suggest_list span:last-child { margin:0; }
form .username_check { display: none; }
form .submit_alert, #reg2 .submit_alert, .actions .actions_msg_box .alert-error{ padding:5px 0; color: #FC0000; }
#reg2 .counter-block { padding:5px 0 0; margin:0 0 4px; font-size: 11px; color: #666666; }
#reg2 #recaptcha_table tr:last-child { display:none; }
#recaptcha_response_field { line-height: normal; font-size: 11px !important; padding:0; height:auto; min-height: 15px !important; border-radius: 0; }
#form-recaptcha input[name='antispam_num'], #captcha input[name='antispam_num'] { width:120px; margin-bottom: 4px; }
#content .gst { position: inherit !important; z-index: 0 !important; }
    
.grid_row [data-form-page="6"] [data-page-asset="fields"] { width:90%; margin:0 auto; }
.grid_row [data-form-page="6"] #recaptcha_area{ margin:0 auto;}
.recaptchatable .recaptcha_image_cell center img { width:90%; }
#recaptcha_area .recaptchatable #recaptcha_image { width:auto!important; }
#recaptcha_box { margin-left:5px; }

[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] { margin: 40px auto 0; width: 100%;}
[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div { float: left; width: 153px; height: 153px; margin-left: 72px; text-align: center;}
[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div img { height: 153px; border: 3px solid #000;border-radius:50%; }
[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p { font-size: 18px; line-height: 18px; margin: 5px 0; color: #fff; float: left; width:100%; text-align: center; font-family: Open Sans Semibold; }
[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p.member_photo,[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p.member_video { line-height: 35px;width: 50%; height: 35px;}
[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p img{ height: 35px; width:35px;border: none; margin-left:7px;float:left;}
[data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div:nth-child(5) { display: none; }

.lp_content { position:relative; }
.full_width { position: absolute; top: 0; left: 0; width: 100%; height: 75px; background: #000; opacity: 0.8; }
#header { max-width: 960px; height: 75px; margin: 0 auto; z-index: 50; position: relative; }
#header #header_tagline { color:#fff; }
#header #logo_container { float:left; padding-top:12px;}
#header #logo_container img { width:300px; }
#header #header_links { float:right;list-style:none;margin:0;padding:0; }
#header #header_links li { float:left;width:100px;height:75px; line-height:75px; text-align:right; }
#header #header_links li a { color:#fff;text-decoration:none; font-family: 'Open Sans Bold'; }
#bg_video video { position: fixed; z-index: -1; min-width: 100%; min-height: 100%; width: auto; height: auto; top:0; }
#bg_video_mask {width: 100%;height: 100%;background:rgba(0, 0, 0, 0.5);position: absolute;top:75px;left: 0;}
.lp_content .geo { position: absolute; top:265px; left: 50%; margin-left: 0; margin-right: -50%; transform: translate(-50%,-50%); color: #fff; text-shadow:1px 1px 1px #000;}
.lp_content .geo h2{ font-size: 65px; margin:0px; font-family: Open Sans Bold; text-align:center; padding:0 5px; }
.lp_content .geo p{ font-size: 36px; margin:0px; text-align: center; font-family: Open Sans Semibold;}

#lp_gist { margin:400px auto 75px; padding:0; width:1000px; }
#lp_gist .steps #form-content .page_title { display: none;}
#lp_gist .steps #form-content fieldset { border: none;}


@media screen and (max-width:1025px){  
  #lp_gist { width: 95%;}  
  .grid_row .page_title{ font-size:20px; }
  .dropdown select, .grid_row .input select { padding:0 3px; }
  .dropdown.last { margin-right:0; }
  .next,.btn.primary { font-size:30px; margin-top: 60px;} 
  .grid_row [data-form-page="6"] #recaptcha_area{ margin-left:0; } 
  .grid_row [data-form-field="email"] .input .help-block, .grid_row [data-form-field="handle"] .input .help-block, .grid_row [data-form-field="handle"] .input .note-block, .grid_row [data-form-field="handle"] .input .suggest_base, .grid_row [data-form-field="password"] .input .help-block, .grid_row [data-form-field="password"] .input .note-block {float: left;line-height: 1;height:auto !important;}
  form #form-handle .suggest_list, form #handle .suggest_list {top: 30px;left: -100px;}
}
@media screen and (max-width:1024px) {
    .grid_row [data-form-field="password"] .help-block p,.grid_row [data-form-field="handle"] .help-block p  { width: auto; height:auto !important; line-height: 1; }
}
@media screen and (max-width: 768px){
  #header {padding: 0 10px;}
  .lp_content .geo h2 {font-size: 47px;}
  .grid_row [data-form-field^="birthdate"] label, .grid_row [data-form-field="country"] label, .grid_row [data-form-field="state"] label, .grid_row [data-form-field="city"] label{padding-left: 3px;}
  .grid_row [data-form-field^="birthdate"] .input select {font-size: 17px;padding-left: 5px;}
  .grid_row label {width: 100%; height: 50px; font-size: 16px; line-height: 50px; }
  .grid_row .input {width: 100%; height: 50px;}
  .grid_row .input select { height: 50px; padding: 0 15px;font-size: 19px;}
  form #form-country .loading, form #country .loading, form #reg_state .loading {top:3px;}
  .grid_row [data-form-field="email"] .input, .grid_row [data-form-field="handle"] .input, .grid_row [data-form-field="password"] .input {margin: 26px 0 0 5px;}
  .textbox, input[type="text"], input[type="password"] {height: 50px; font-size: 19px;}  

  
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div {width: 130px;margin-left: 42px;}
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div img {width: 130px; height: 130px;}
  .mobile [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] {display: none;}
}

@media screen and (max-width: 675px){
  .lp_content .geo{top:150px;}
  .lp_content .geo h2 {font-size: 35px;}
  #lp_gist {margin-top:350px;}
}

@media screen and (max-width: 479px){
  #header #logo_container{padding-top: 15px;}
  #header #logo_container img {width: 200px; }
  #header #header_links {margin-top: 5px;}
  #header #header_links li.join_now {display:none;}
  #header #header_links li {line-height: 65px;width:auto;}

  .lp_content .geo {top:135px;}
  .lp_content .geo h2.geo_title,.lp_content .geo p {font-size: 26px;}
  .lp_content .geo h2 { font-family: Open Sans Extrabold; }
  #lp_gist {margin-top:240px;}

  .pagination {left: 50%;margin-left: 0;top:-80px; margin-right: -50%; transform: translate(-50%,-50%);}
  .grid_row {margin-top: -30px;}
  .grid_row .input select, .grid_row .input input, .grid_row .input textarea { font-family: Open Sans; }
  .grid_row label {font-size: 16px;border-right:0px; font-family: Open Sans; }
  .grid_row .input select { font-size: 16px;}  
  .next, .btn.primary{ margin-top: 0;font-size: 19px; width: 90%; margin-left: 5%; padding: 0; line-height: 50px; height: 50px; }  
  .btn.primary img {margin-bottom:0px;}
  .grid_row [data-form-field^="birthdate"] label, 
  .grid_row [data-form-field="country"] label, .grid_row [data-form-field="state"] label, .grid_row [data-form-field="city"] label,
  .grid_row [data-form-field^="birthdate"] .input,
  .grid_row [data-form-field="country"] .input, .grid_row [data-form-field="state"] .input, .grid_row [data-form-field="city"] .input,.grid_row [data-form-page="3"] .input { width: 100%; }
  .grid_row [data-form-field^="birthdate"] .input select { font-size: 12px; background-image: none; padding-left:5px; float:left; }
  .grid_row [data-form-field^="birthdate"] .input [id^="bday_day"], .grid_row [data-form-field^="birthdate"] .input [id^="bday_year"] { margin-left:0;}
  .textbox, input[type="text"], input[type="password"], textarea { font-size: 15px;height: 50px;}
  .grid_row [data-form-page="3"] .input {margin-left: 0;}
  .grid_row [data-form-field="handle"] .input, .grid_row [data-form-field="title"] .input {margin-bottom: 3px;}
  .grid_row [data-form-page="5"] .reg_consent_group,.grid_row [data-form-field="intro"] .input .suggest {width: auto;}
  .grid_row [data-form-field="password"] .help-block p,.grid_row [data-form-field="handle"] .help-block p  { line-height: 1; }
  .grid_row [data-form-field="handle"] .input {margin-top:40px;}
  .grid_row [data-form-field="password"] .input {margin-top:37px;}
  .grid_row .input textarea {margin-top:43px;}
  .btn.primary {margin-top:54px;}
  .input textarea {height: 150px;}
  .grid_row [data-form-page="5"] button[type="submit"] { margin-top: 149px;}
  #lp_gist { max-width:none;  }
  .box_body { width:95%; }
  .box_body h1 { font-size:40px; }
  .box_body h1 img { height:30px; }
  .box_header h2 { font-size:1.5em; }
  #lp_gist .primary {font-size: 18px; }
  .pagination .pages li { font-size: 22px; }
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p { font-size: 14px; font-family: Open Sans; }
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p img { margin-left: 15px; }
}

@media screen and (max-width: 360px){
  #header { padding:0 5px; }
  .lp_content .geo h2.geo_title, .lp_content .geo p { font-size: 22px; }
  .grid_row [data-form-field="title"] .input .note-block { font-size: 10px; }

  /*.lp_content .geo h2.geo_title,.lp_content .geo p {font-size: 23px;}*/
  .pagination .pages li{padding: 0 12px; margin-left: -1px;}
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div img {width: 100px; height: 100px;margin:0 10px;}
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div{ height: 100px;}
  [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p.member_photo, [data-page-view="landing-stepbystep"] [data-page-asset="piclist"] > div p.member_video{margin-top: 20px;}
  .grid_row [data-form-field^="birthdate"] .input select { padding: 0 5px;}
}


/* Bootstrap Helpers */
.centered {  text-align: center; }
.pull-right {  float: right; }
.pull-left {  float: left; }
.hide {  display: none; }
.show {  display: block; }
.invisible {  visibility: hidden; }
.no_link {  pointer-events: none; }

