body.bdsm { background: #1c1b1b; color: #fff; font-family: 'PT Sans', sans-serif; }
a { color: #fff; text-decoration: none; }

/*login lightbox*/
.overlay{ position: fixed; width: 100%; background: rgba(6,6,8,0.82); top: 0; right: 0; left: 0; bottom: 0; display:none; z-index:20;}
.lightbox {  width: 364px; margin: 221px auto; background: #fff; }
.close { float: right; cursor: pointer; width: 21px; height: 21px; margin: 12px 17px; border-radius: 21px; border: 1px #000 solid; color: #000; }
.close:before { content: '✕'; padding: 0px 5px; font-size: 14px; }
.ie .close:before { font-size: 15px; padding: 0px 3px; font-family: 'PT Sans', sans-serif;!important }
.mac .close:before { font-size: 15px; font-family: "Lucida Sans Unicode", "Arial Unicode MS" }
.mac.firefox .close:before { font-size: 14px; padding: 0 6px; } 
form[name="login"] { padding: 15px 0px 3px 19px; }
.login_title { color: #000; font-size: 30px; font-weight: normal; text-align: center; margin: 0 auto; padding: 23px 0; width: 252px; }
.fields { width: 170px; height: 30px; border: 1px #ccc solid; margin: 3px 0px 3px 5px; font-size: 16px; border-radius: .5rem; background: none; padding-left:10px; color: #ccc;}
.login_button { min-width: 88px; height: 34px; border: 1px #ffbe1d solid; padding: 3px 0px; margin-left: 5px; font-size: 16px; background: #ffbe1d; color: #000; border-radius: .5rem; cursor: pointer;}
.actions { padding: 24px 0; overflow: hidden; font-size: 14px; }
.remember_me { float: left; color: #000; }
.forgot_login a { color: #b3b3b3; float: right; font-size:12px;}

.nav_login { display: inline-block; }
.nav_login input { background: no-repeat 4px 4px; padding-left:2em !important;}
.nav_login input[name="handle"] { background-image: url("https://secureimage.securedataimages.com/images/ffadult/39850/handle_icon.svg"); }
.nav_login input[name="password"] { background-image: url("https://secureimage.securedataimages.com/images/ffadult/39850/psw_icon.svg"); }

/*header*/
.header { z-index: 10; position: absolute; width: 100%; pointer-events: none; }
.logo_navbar { height: 93px; background: rgba(0, 0, 0, 0.8); }
.logo_navbar_wrapper, .login_popup, #register { width: 1380px; margin: 0 auto; }
.logo_navbar_wrapper { display: flex; justify-content: space-between; align-items: center;}
.logo_navbar, .login_wrapper, #register { pointer-events: all; }

/*login*/
.login_icon {padding-left: 5px;}
.login_wrapper { display: inline-block;}
.login_popup { text-align: right; padding: 10px 0; font-size: 12px; }

/*logo*/
.logo { float: left; padding-top: 8px;}
.tagline { display: block; font-size: 14px; margin-top: -8px; }

/*navbar*/
.navbar { float: right; }
.navbar > li { display: inline-block; font-size: 16px; }
.navbar > li:hover { background: rgba(255, 255, 255, 0.15); }
.navbar > li a { padding: 0 10px; height: 93px; line-height: 93px; }
.navbar > li.nav_join_now a { color: #ca0072; font-weight: bold; }
.navbar > li.nav_blog { padding-right: 0; }

/*Register Form*/
#register { margin-top: 35px; }        
.reg_form { float: right; }
.english .reg_form { width: 269px;  }
.english .reg_title span { text-align: center;}
.spanish .reg_title span, .french .reg_title span, .german .reg_title span, .japanese .reg_title span, .portuguese .reg_title span, .italian .reg_title span, .dutch .reg_title span, .swedish .reg_title span, .chinese .reg_title span { text-align: right; }
.spanish #search_form, .french #search_form, .german #search_form, .japanese #search_form, .portuguese #search_form, .italian #search_form, .dutch #search_form, .swedish #search_form, .chinese #search_form{ float: right; }
.reg_title .emphasis { color: #c80273; display: inline; }
.find_who_shares { font-size: 32px; font-weight: bold; display: block; }
.your_kinks { font-size: 49px; font-weight: bold; display: block; }
.english .your_kinks { line-height: .6em; }
.member_active_desc { font-size: 19px; line-height: 2em; display: block; }
/*.spanish .reg_form, .french .reg_form, .german .reg_form, .japanese .reg_form, .portuguese .reg_form, .italian .reg_form, .dutch .reg_form, .swedish .reg_form, .chinese .reg_form { width: auto }
.spanish #search_form, .french #search_form, .german #search_form, .japanese #search_form, .portuguese #search_form, .italian #search_form, .dutch #search_form, .swedish #search_form, .chinese #search_form{ float: right; }
.spanish .reg_title span, .french .reg_title span, .german .reg_title span, .japanese .reg_title span, .portuguese .reg_title span, .italian .reg_title span, .dutch .reg_title span, .swedish .reg_title span, .chinese .reg_title span { text-align: right; }
.spanish .your_kinks, .french .your_kinks, .german .your_kinks, .japanese .your_kinks, .portuguese .your_kinks, .italian .your_kinks, .dutch .your_kinks, .swedish .your_kinks, .chinese .your_kinks { line-height: 1em; }
*/
.reg_sex_wrapper, .looking_for_wrapper { padding: 6px 0; }
.reg_sex_label, .looking_for_label{font-size: 14px; line-height: 2em;}        
.field_select { width: 268px; height: 46px; display: block; font-size: 13px; font-weight: bold;color: #666; background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/arrow_down.png') no-repeat right 10px center #fff;-webkit-appearance:none;-moz-appearance: none;appearance: none;border: none;border-radius: 0; padding-left: 10px; }  
#register select::-ms-expand{ display: none; }        
.join_for_free { width: 268px; height: 57px; margin: 24px 0; background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/btn01.png'); border: none; font-size: 22px; font-weight: bold; color: #fff; cursor: pointer;}
.join_for_free:hover { background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/btn01_hover.png'); }

/*slides*/
.hero_imgs { position: relative; }
.slides { width: 100%; height: 830px;}
.bg.active{ opacity: 1; }
.bg { transition: opacity 1s ease-in-out; opacity:0; margin: 0 auto; width: 100%; position: absolute; background-repeat: no-repeat; background-position: center top; height: 100%; }
.bg1 { background-image: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/bg01.jpg'); }
.bg2 { background-image: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/bg02.jpg'); }
.bg3 { background-image: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/bg03.jpg'); }
.control-nav {width: 100%; position: absolute; bottom: 60px; text-align: center; z-index: 999; }
.control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.control-nav  li {width: 12px; height: 12px; border: 3px #fff solid; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.control-nav li:hover { background: #fff; }
.control-nav li.active { background: #fff;  cursor: default;}

/*online_now*/
.online_now { position: relative; width: 100%; height: 164px; }
.online_now_desc { margin: 0 auto; width: 960px; text-align: center; padding: 57px 0; font-size: 48px; font-weight: bold; }
.online_members_numbers { color: #ca0072; }

/*members*/
.member_section { overflow: hidden; }
.member_wrapper { width: 100%; }
.member_cell { display: inline-block; padding: 0; margin: 0; width: 25%; float: left; overflow: hidden; position: relative; }
.member_cell img { width: 100%; vertical-align: bottom; }
.member_wrapper { width: 100%; }
.member_img_container{ position:relative; }
.member_cell:hover .member_img_container:after{ opacity: .8; background-color: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; }
.member_img{ width: 100%; transform: scale(1); transition: transform .35s; background-size: cover;
  background-position: center center; background-repeat: no-repeat; }
.member_cell:hover .member_img{ transform: scale(1.12); }
.member_info{ position: absolute; top: 45%; color: #fff; font-size: 1.8vw; text-align: center; width: 100%; opacity: 0; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); display: inline-block; vertical-align: baseline; zoom:1; *display: inline; *vertical-align: auto; transform: scale(0); transition: opacity .7s,-webkit-transform .35s}
.member_cell:hover .member_info{ transform: scale(1); opacity: 1; -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100) }
.gender{ font-weight: bold; }

/*group*/
.bdsm_groups { background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/group_bg.jpg') center / 100% 100% no-repeat; }
.groups_wrapper { width: 1264px; margin: 0 auto; overflow: hidden; }        
.groups_section_title { text-align: center; padding: 60px 0 44px 0;}
.groups_section_title h2 { font-size: 48px; font-weight: bold; }
.groups_section_title span { font-size: 30px; color: #ca0072; }
.groups { display: inline-block; width: 49%; }
.group { padding: 24px 0 24px 98px; }
.group div { height: 77px; display: inline-block; vertical-align: top; padding-left: 32px; width: 78%; }
.chinese .group div { width: 65%; }  
.group_title { font-weight: bold; display: block; margin-top: 27px; font-size: 24px; }
.group_desc { font-size: 18px; padding-left: 26px; }
.group_img { border-radius: 38px; }
.join_btn { margin: 43px auto; width: 449px; height: 73px; background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/btn02.png'); font-size: 24px; text-align: center; }
.join_btn a { display: block; padding: 20px 0; }
.japanese .join_btn a, .dutch .join_btn a, .italian .join_btn a, .portuguese .join_btn a, .french .join_btn a, .german .join_btn a { padding: 5px 5px; }
.japanese .join_btn { font-size: 22px; }
.join_btn:hover { background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/btn02_hover.png'); }

/*footer*/
#footer { background-image: linear-gradient(to bottom, #242424, #2a2a2a); background-color: #242424; font-size: 12px;}
.footer_wrapper { margin: 0 auto; width: 952px; padding: 20px 0 50px 0; }
.copy, .links, .logos { display: inline-block; vertical-align: top;}
.copy { width: 301px; padding: 0 42px 0 10px; }
.copy a { text-decoration: underline; }
.links { width: 311px; padding: 0 46px; }
.logos { padding: 0 10px 0 46px; }
.languages { padding: 20px 0; }
#footer .languages li { position:relative; float:left; width: 100%; }
#footer .languages li a { display:block; color:#000; }
#footer .languages li a.selected { color: #fff; font-size:16px; float:left; padding-right:11px; text-decoration:none; no-repeat right -648px; cursor:pointer; background: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/sprite_newaff.png') no-repeat right -645px; }
#footer .languages li ul { display:none; position:absolute; bottom:100%; left:-10px; padding:3px 10px; background:#FFFFFF; border:1px solid #CECECE; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 1px 1px #CECECE; -webkit-box-shadow:0 0 1px 1px #CECECE; box-shadow:0 0 1px 1px #CECECE; z-index:201; }
#footer .languages li:hover ul { display:block; }
#footer .languages li ul li { color: #000; cursor: pointer; padding: 3px 0; }
#footer .languages li ul li:hover {     background: #eee; }


@media screen and (min-width:1900px) {    
  .slides .bg { background-size: 100%; */ }
}
/* between 780px and 1440px */
@media screen and (min-width:780px) and (max-width:1440px) {            
  .logo { padding-left: 20px }
  .login_wrapper, .nav, .reg_form { padding-right: 20px }
}
@media screen and (max-width:1440px) {
  .logo_navbar_wrapper, .login_popup, #register, .online_now_desc { width: 100%; }
}
@media screen and (max-width:1300px) {
  .groups_wrapper { width: 100%; }
  .groups_wrapper .groups2 { display: none; }
  .groups_wrapper .group { padding: 24px 0; }
  .groups_wrapper .groups1 { margin: 0 auto; width: 530px; display: block; }
  .chinese .groups_wrapper .groups1 { width: 480px; }
  .german .groups_wrapper .groups1 { width: 560px; }
  .dutch .groups_wrapper .groups1 { width: 565px; }
}
@media screen and (max-width:1100px) {
  .login_popup { position: absolute; }
  .login_popup .login_wrapper { font-size: 20px; padding: 20px 30px; }
  .logo_navbar_wrapper .logo { padding-left: 30px; }
  .logo_navbar_wrapper .nav { display: none; }
}
@media screen and (max-width:950px) {
  #footer .footer_wrapper { width: 100%; }
  #footer .copy, #footer .links, #footer .logos { width: 80%; padding: 10px 0; margin: 0 auto; display: block; }
  #footer .rta, #footer .languages { display: inline-block; vertical-align: middle; } 
  #footer .languages { padding-left: 50px; }
}

@media screen and (max-width:839px) {
  #footer .copy, #footer .links, #footer .logos { width: 80%; padding: 10px 0; margin: 0 auto; display: block; }
  #footer .rta, #footer .languages { display: inline-block; vertical-align: middle; } 
  #footer .languages { padding-left: 50px; }
}

@media screen and (max-width:779px) {  
  #register .reg_form { padding: 0 20px; width: 80%; margin: 0 auto; float: none; }
  .reg_title .find_who_shares { font-size: 9vw; }
  .reg_title .your_kinks { font-size: 14vw; line-height: .6em;}
  .reg_title .member_active_desc { font-size: 5.5vw; line-height: 2em; }
  .chinese .reg_title .your_kinks { font-size: 11vw; }
  .spanish .reg_title .find_who_shares { font-size: 6vw; }
  .spanish .reg_title .your_kinks { font-size: 8.5vw;}
  .spanish .reg_title .member_active_desc { font-size: 4.9vw; }
  .french .reg_title .find_who_shares { font-size: 7.8vw; }
  .french .reg_title .your_kinks { font-size: 9.5vw;}
  .french .reg_title .member_active_desc { font-size: 5vw; }
  .german .reg_title .find_who_shares { font-size: 13vw; }
  .german .reg_title .your_kinks { font-size: 9vw;}
  .german .reg_title .member_active_desc { font-size: 5vw; }
  .japanese .reg_title .find_who_shares { font-size: 6vw; }
  .japanese .reg_title .your_kinks { font-size: 6.5vw;}
  .japanese .reg_title .member_active_desc { font-size: 5vw; }
  .portuguese .reg_title .find_who_shares { font-size: 6.5vw; }
  .portuguese .reg_title .your_kinks { font-size: 7.3vw;}
  .portuguese .reg_title .member_active_desc { font-size: 5vw; }
  .italian .reg_title .find_who_shares { font-size: 8vw; }
  .italian .reg_title .your_kinks { font-size: 9vw;}
  .italian .reg_title .member_active_desc { font-size: 6vw; }
  .dutch .reg_title .find_who_shares { font-size: 14vw; }
  .dutch .reg_title .your_kinks { font-size: 9.5vw;}
  .dutch .reg_title .member_active_desc { font-size: 5.5vw; }
  .swedish .reg_title .find_who_shares { font-size: 7.5vw; }
  .swedish .reg_title .your_kinks { font-size: 6.8vw;}
  .swedish .reg_title .member_active_desc { font-size: 4.2vw; }
  .chinese .reg_title .find_who_shares { font-size: 10vw; }
  .chinese .reg_title .your_kinks { font-size: 11vw;}
  .swedish .reg_title .member_active_desc { font-size: 5vw; }
  .spanish #register #search_form, .french #register #search_form, .german #register #search_form, .japanese #register #search_form, .portuguese #register #search_form, .italian #register #search_form, .dutch #register #search_form, .swedish #register #search_form, .chinese #register #search_form { float: none; }
  .spanish #register .reg_title span, .french #register .reg_title span, .german #register .reg_title span, .japanese #register .reg_title span, .portuguese #register .reg_title span, .italian #register .reg_title span, .dutch #register .reg_title span, .swedish #register .reg_title span, .chinese #register .reg_title span { text-align: center; }
  #register .field_select { width: 100%; }
  #register .join_for_free { width: 100%; }
  .hero_imgs .control-nav{ display: none; }
  .online_now, .member_section { display: none; }
  .bg.bg1 { background-image: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/bg01_mobile.jpg'); }
  .bg.bg2 { background-image: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/bg02_mobile.jpg'); }
  .bg.bg3 { background-image: url('https://secureimage.securedataimages.com/images/bdsm.com/cover/images/bg03_mobile.jpg'); }
  .slides .bg{ background-size: cover; }
  .header #register { margin-top: 75px; }
  .reg_sex_wrapper .reg_sex_label, .looking_for_label { font-weight: bold; }
  .overlay .lightbox { margin-top: 20px; }  
  .header .login_wrapper { display: none; }
  .header .login_popup a { padding: 15px; font-size: 14px; float: right; }
}

@media only screen and (max-width: 480px) {
  .header .logo_navbar { height: 75px; }
  .header .logo_navbar_wrapper .logo { padding-left: 15px; width: 70%; padding-top: 15px; }
  .header .logo_navbar_wrapper img { width: 50%;}
  .header .logo_navbar_wrapper .tagline { font-size: 3vw; }
  .header #register .reg_form { width: 90%; padding: 0; }
  .overlay .lightbox { width: 100%;  
  .bdsm_groups .join_btn { width: 90% }
  .groups_section_title h2 { font-size: 12vw; }
  .groups_section_title span { font-size: 7vw; }
  .groups_wrapper .groups.groups1 { width: 100%; }
  .groups_wrapper .group { width: 95%; margin: 0 auto; }
  .group a div { padding-left: 0; width: 75%; }
  .group .group_title { margin-top: 18px; font-size: 5vw; }
  .german .group .group_title { margin-top: 0; }
  .german .group:nth-child(1) .group_title { margin-top: 10px; }
  .german .group:nth-child(3) .group_title { margin-top: 5px; }
  .spanish .group:nth-child(1) .group_title, .spanish .group:nth-child(3) .group_title { margin-top: 10px; }
  .spanish .group:nth-child(2) .group_title { margin-top: 5px; }
  .group .group_desc { font-size: 4vw; padding-left: 0; }
  .groups_wrapper .join_btn { font-size: 5.5vw; }
}

@media only screen and (max-width: 350px) {
  .groups .group a div { width: 70%; }
  .lightbox .fields, .lightbox .login_button { width: 100%; }
  .dutch .groups_wrapper .join_btn a, .italian .groups_wrapper .join_btn a, .portuguese .groups_wrapper .join_btn a, .french .groups_wrapper .join_btn a, .german .groups_wrapper .join_btn a { padding: 10px 0; }
}