article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block }
body{ margin:0px; padding:0px; }
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; }
select.form-control { -moz-appearance: none; -ms-appearance: none; }
select.form-control::-ms-expand { display:none; }

.lp_content { position:relative; padding-bottom: 130px; overflow:hidden; }
.full_width { position: absolute; top: 0; left: 0; width: 100%; height: 92px; background: #8f8e8e; opacity: 0.3; }
#header { max-width: 960px; height: 92px; margin: 0 auto; }
#header #header_tagline { color:#fff; font-size: 12px;  }
#header #logo_container { float:left; padding-top:25px;}
#header #header_links { float:right; margin:0; padding:0; color:#fff; line-height:92px; font-size:15px;}

.lp_content h2{ font-size: 46px; margin:30px auto; color: #fff; text-align: center; }
#lp_gist { max-width:480px; text-align:center; margin: 230px auto 0; }
.steps{ position:relative;}
.pagination{ position:absolute; top:-100px; width:100%;margin-left: -15px;}
.pagination .pages li{ float:left; font-size:22px; text-align:center; line-height:50px; padding:0 48px; background-color:#fece95; height:3px; padding-left: 0;}
.pagination .pages li[data-page="1"] { padding-left:0px; }
.pagination .pages li[data-page="5"] { padding-right:0px; }
.pagination .pages li a{ background-color:#fece95; height:50px; width:50px; border-radius:50%; display:block; color:#333; margin-top:-25px;}
.pagination .pages li.current a,.pagination .pages li.current { background-color:#fece95; }
.pagination .current ~ .pagination_item a, .pagination .current ~ .pagination_item { background-color:#b3898b;color:#caafb0; }
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; }
.bs-component { min-height: 428px; }
.help-block{ line-height:20px; color: #f41002; }
.reg_consent_group {color: #737373;}
.btn.primary{ background:#428bca; border-color: #428bca; width:100%; font-size:21px; color:#fff; padding:10px 0; }
textarea.form-control { height:100px; margin-bottom:50px;  }

.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:left;}
.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{ display:none; }
form div.clearfix.error{ background:transparent; }
#form-title .input, #intro .input { margin-bottom: 32px; }
form .actions{ margin-top:10px; }
form .ok, form .not_ok { color:#00AF4C; }
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; }
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:0px; }
#form-email .suggest .loading { top: -25px; }
#form-handle .suggest { padding-top: 5px; }
.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:28px; z-index: 20; left:120px; }
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; }
#reg_closest_city select[name="location_city"] {display: block; width: 100%; height: 39px; padding: 10px 0px; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: transparent; background-image: none; border: 0; border-bottom: 1px solid #cccccc; border-radius: 0;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  background:url('https://secureimage.securedataimages.com/images/production/fruit_3/svg/down-arrow.svg') center right no-repeat; background-size:12px;-webkit-appearance: none; -webkit-border-radius: 0px;}
#reg_closest_city select[name="location_city"]:focus {border-bottom:1px solid #3366cc; outline: 0;} 
#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; }  

select#bday_month, select#bday_month2, select#bday_day, select#bday_day2, select#bday_year, select#bday_year2 { width:30%; float:left; margin-right:10px;}
select#bday_month, select#bday_month2 { width:33%; height:39px; }
select#bday_year, select#bday_year2 { margin-right:0px;}
[data-form-field="state"] label b , [data-form-field="city"] label b{ font-weight:500;}
input[placeholder] { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
    
.grid_row [data-form-page="6"] [data-page-asset="fields"] { width:90%; margin:0 auto; }
#recaptcha_area #recaptcha_area, #recaptcha_table.recaptcha_theme_white { width:90%!important; }
.recaptchatable .recaptcha_image_cell center img { width:90%; }
#recaptcha_area .recaptchatable #recaptcha_image { width:auto!important; }
#recaptcha_box { margin-left:5px; }


  #footer { padding:20px 0; position:relative; z-index:15; min-width: 130px !important; background-color:#E8E8E8; font-size:12px; text-align:left; overflow:hidden; }
  #footer .wrapper { margin:0 auto; max-width:960px; }
  #footer, #footer a, footer p { color:#000000;   }
  #footer ul { padding:0; float:left; list-style:none; width:31.9149%;/* 300/940 */ }
  #footer li { padding-bottom:4px; }
  #footer li a { text-decoration:none; color:#3366CC; }
  #footer li a:hover { text-decoration:underline; }
  #footer .disclaimer, #footer #copyright { float:left; margin:2px; }
  #footer .disclaimer { margin-bottom:10px; }
  #footer #footer_icra_icon { text-align:center; }
  #footer .admininfo, #footer .neticongroup, #footer .share_story  { display:none; }
  #footer .copy { float:left; padding-left:1%; width:44%; }
  #footer #copyright { color:#000000; font-size:10px; }
  #footer #copyright .admin { display:none; }
  #footer .icons { float:right; text-align:right;}
  #footer .icons .pb20 { display:none; } 
  #footer_verisign_seal { box-sizing: content-box; }


.btn-group .btn { width: auto; padding: 16px 35px; font-size: 16px; margin-right: 10px; }


[name="REG_handle"] { font-size: 13px; }


.grid_row .control-label { text-align: right; padding-top:10px;}
[data-form-field="find_sex"] label{ padding: 10px 0 0 0; }
[data-form-field="looking-for"] label.control-label{ padding-top: 0px; }
[data-form-field="looking-for"] .checkbox { margin: 0 0 10px; }
[data-page-view="landing-stepbystep"] { margin-bottom: 0; }


@media screen and (max-width:1200px){
  .grid_row [data-page-asset="fields"] { text-align: center; }
  .grid_row div { text-align: left; }
  .btn-group { padding: 0; }
  .btn-group .btn { margin: 0; }
  #lp_gist {margin:125px auto 0; }
  [data-form-field="find_sex"] label {padding:0 10px; }
}

@media screen and (max-width:1023px){
  [name="REG_handle"] { font-size: 14px; }
  .geo_title{ font-size:40px; }
  #footer { padding:20px !important; } 
}

@media screen and (max-width:767px){
  .geo_title{ font-size:32px; } 
  #header {padding: 0 10px;} 
  .actions .loading { top: -75px; }  
  #footer ul { padding:0; }
  #footer .copy { width:38%; } 
}

@media screen and (max-width:479px){ 

  #lp_gist {margin-top: 70px;}
  #header #logo_container {padding-top: 15px;}
  #header #header_tagline {display: none; }
  .full_width, #header {height: 60px;}
  #header #header_links { line-height: 60px;}
  .lp_content {padding-bottom: 50px;}
  .lp_content h2 {font-size: 30px; margin:15px auto;}
  .pagination { margin-left: 0; top:-65px;} 
  .pagination .pages li {padding: 0 30px 0 0;line-height: 40px;font-size: 19px;font-weight: bold;} 
  .pagination .pages li a {width: 40px;height: 40px;margin-top: -20px;}
  select#bday_month, select#bday_month2, select#bday_day, select#bday_day2 {margin-right: 8px;}

  #footer ul { float:none; width:100%; margin:12px 0; }
  #footer .copy { float:none; width:100%; }
  #footer .icons { float:none; text-align:center; min-width:150px; }
  
}

@media screen and (max-width:350px){
  #header #logo_container img {width: auto;}
  .pagination .pages li {padding: 0px 23px 0 0;line-height: 36px;}
  .pagination .pages li a {height: 36px;width: 36px; margin-top: -18px;} 

}
