* { margin:0; padding:0; }
body { margin:0; padding:0; background:#151515; color:#FFFFFF; font-family:'Josefin Sans', sans-serif; font-size:12px; }
form { margin:0; padding:0; }

/* Main Content */

#main_img { left:420px; position:absolute; top:0; }
#logo { left:3.125%;/* 50px / 1600px */ max-width:466px; position:absolute; top:38.1667%;/*458px / 1200px*/ }
#logo a { color:#CCCCCC; font-size:0.9583em;/*23 / 24*/ font-weight:normal; letter-spacing:-1px; line-height:1em; text-decoration:none; text-transform:uppercase; }
#logo img { width:100%; }

#navbar { list-style:none; text-align:right; width:100%; }
#navbar li { float:right; }
#navbar a { color:#FFFFFF; display:block; font-family:'Istok Web', sans-serif; font-size:12px; line-height:25px; padding:0 10px; text-decoration:none; }
#navbar a:hover { background-color:#CC33FF; }
a.active#login { background-color:#CC33FF; }

#navbar a#mobile_login { display:none; }

#lang .lng_active span { color:#FFFFFF; }

#login_form { display:none; font-family:'Istok Web', sans-serif; position:absolute; right:100px; top:25px; width:225px; }
#login_form a { color:#CCCCCC; font-size:10px; }
#login_form a:hover { color:#CF77F0; }
#login_form form p, #login_form button, .forgot_password, .remember { float:left; }
#login_form #close { float:right; margin-right:5px; }
  #login_form #handle { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat 0 -154px transparent; border:2px solid #FFFFFF; height:24px; padding-left:3px; width:216px; -webkit-appearance:none; }
  #login_form #handle:focus, #login_form #password:focus { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:2px solid #56B4EF !important; outline:none; }
  #login_form #password { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat 0 -180px transparent; border:2px solid #FFFFFF; height:24px; margin:0 5px 5px 0; padding-left:3px; width:135px; }
#login_form button { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat 0px -205px transparent; border:none; color:#FFFFFF; cursor:pointer; height:29px; margin:1px 0; padding:0 3px 5px 0; width:77px; }
#login_form button:hover { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat -79px -205px transparent; }
#login_form #nav_keep_login { margin:2px 5px 0 0; }
#login_form label.remember { color:#CCCCCC; cursor:pointer;  margin-right:40px; }

#login_form form p { height:28px; margin:10px 0; position:relative; }
#login_form form p#username {  margin:5px 0 10px; width:224px; }
#login_form form p#pwrd { margin:0 7px 0 0; width:140px; }
#login_form form .field { left:0; position:absolute; top:0 }
#login_form label.input { color:#666666; font-size:14px; left:0; position:absolute; padding:4px 0 0 6px; top:0; z-index:5; }

#lang_dd { border:none !important; width:80px !important; }
#lang_dd.suspended { background-color:transparent !important; }
#lang_dd.suspended:hover { background-color:#CC33FF; }
#lang_dd .arrows, #lang_dd .flag { display:none; }
#lang_dd span { color:#FFFFFF !important; left:10px !important; top:0 !important; }
.lang .nobo { margin:0 !important; }
.lang .expanded a, .lang .expanded a:hover, .lang a.lng_active { background:#1A1A1A !important; }

#srch_form { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/form_bg.png) repeat 0 0 transparent; font-family:'Josefin Sans', sans-serif; max-width:310px; padding:10px; position:absolute; right:2.5%;/* 30px / 1600px */ top:24.1667%;/* 315px / 1200px */ border-radius:4px; -moz-border-radius:4px; -web-kitborder-radius:4px; width:100%; }
#srch_form h2 { font-size:23px; font-weight:normal; letter-spacing:-1px; margin-bottom:20px; text-align:center; text-transform:capitalize; }
#srch_form h2 a { color:#FEFEFE; text-decoration:none; }
#srch_form form { margin:0 auto 10px; width:224px; }
#srch_form .search_field_text { font-family:'Istok Web', sans-serif; font-size:14px; }
#srch_form button { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat 0 -34px transparent; border:none; color:#FFFFFF; cursor:pointer; font-family:'Istok Web', sans-serif; font-size:21px; font-weight:bold; height:49px; width:222px; }
.english #srch_form button { font-size: 26px; }
#srch_form button:hover { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat 0 -94px transparent; }

#search_mobile { display:none; margin-bottom:10px; }
#search_mobile label { font-family:Arial,sans-serif,Helvetica; }
#search_mobile #seeking select { width:100%; margin-top:5px; }

  .search_field { border:none; height:24px; margin-bottom:15px; overflow:hidden; position:relative; width:221px; }
  .search_field .field_sm { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/cover_sprites.png) no-repeat 0 0 transparent; border:none; height:24px; padding:2px 2px 2px 6px; position:absolute; width:241px; -webkit-appearance:none; }
  .search_field option { background-color:#FFFFFF; }

#secure { margin:0 auto; width:69.3548%; /*215px / 310px*/ }
#geo { font-size:23px; letter-spacing:-1px; margin:20px 0 5px 0; text-align:center; text-transform:uppercase; }
#geo a { color:#FEFEFE; font-size:24px; letter-spacing:0; text-decoration:none; text-transform:none; }
#geo a span { color:#CF77F0; }

@media only screen and (min-width:480px) {
  .justify { width:calc(100% - 10px); text-align:justify; text-justify:inter-ideograph; -ms-text-justify:inter-ideograph; -moz-text-align-last:justify; -webkit-text-align-last:justify; }
  .justify::after { content:''; display:inline-block; width:100%; }
  .justify.english { letter-spacing:1.5px; }
  .justify.french, .justify.japanese { font-size:18px; }
  .justify.portuguese { font-size:20px; }
  .justify.dutch, .justify.german { font-size:16px; }
}

/* Footer */

#footer { background-color:transparent; overflow:hidden; padding:20px 0; }
#footer .wrapper { margin:0 auto;  max-width:1600px; width:100%; }
#footer, #footer a, footer p { color:#FEFEFE; font-family:'Istok Web', sans-serif;  }
#footer ul { float:left; list-style:none; padding-left:3.125%;/*50px / 1600px*/ width:31.25%;/*400px / 1600px*/ }
#footer li a { text-decoration:none; }
#footer li a:hover { color:#CF77F0; }
#footer .copy { float:left; padding-left:1.875%;/*30px / 1600px*/ width:43.75%;/*700px / 1600px*/ }
#footer #copyright .admin { display:none; }
#footer .icons { float:right; padding-right:3.125%;/*50px / 1600px*/ text-align:right;}
#footer .icons .pb20 { display:none; }

/* Media Queries */

/* Smartphones (landscape) */
@media only screen and (max-width:480px) {
  body, #srch_form { font-family:Arial,sans-serif,Helvetica !important; }
  #main_content {  background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/mobile_imgs/bg_img.jpg) no-repeat center top transparent; background-size:cover; min-height:360px; display:block; margin:0 auto; position:relative;}

  #navbar { margin:10px auto; overflow:hidden; text-align:center; display:inline-block; }
  #navbar a:hover { background-color:transparent; }
  #navbar a#login { display:none; }
  #navbar a#mobile_login { display:block; }

  #navbar li { float:none; display:inline-block; }
  #navbar li#lang_li { display:none; }

  #login_form { display:none !important; }

  #logo { left:0; margin:20px auto 30px; position:inherit !important; top:0; width:230px; }
  #logo a { font-size:0.4167em !important;/*10px / 24px*/ font-weight:bold !important; letter-spacing:-0.05em !important; }

  #logo .tagline { margin-top:10px; text-align:center; }
  #logo .english.tagline,
  #logo .swedish.tagline,
  #logo .spanish.tagline,
  #logo .korean.tagline,
  #logo .italian.tagline,
  #logo .chinese.tagline { text-align:justify; text-justify:inter-ideograph; -ms-text-justify:inter-ideograph; -moz-text-align-last:justify; -webkit-text-align-last:justify; }
  #logo .tagline:after { content:''; display:inline-block; width:100%; }

  #srch_form { background:none; margin:0 auto; position:inherit !important; right:0; top:0; width:240px; }
  #srch_form form { width:175px; }
  #srch_form h2 { font-size:1.5em; text-transform:uppercase; }
  #srch_form button { background-image:none !important; background-color:#B428CF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.25em; height:32px; width:100%; }
  #srch_form button:hover { background-color:#830FA0; }

  #geo { margin:0 5px; }
  #geo a { font-size:0.6087em;/*14px / 23px*/ }

  #search_non-mobile { display:none !important; }
  #search_mobile { display:block !important; }

  #footer { display:none; }
  #footer_mobile { display:block; font-family:Arial,sans-serif,Helvetica; padding:20px; text-align:center; }
  #footer_mobile .langs { margin-bottom:5px; }
  #footer_mobile a { color:#CF77F0; line-height:22px; margin:0 3px; }
  #footer_mobile .admin_text { color:#AA0000; }

  
  
  
  }

/* 1390px wide */
@media screen and (min-width:1601px) {
  #main_content { background:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/bg_img.jpg) no-repeat center top transparent !important; display:block; height:1199px; margin:0 auto;  max-width:1600px; min-width:1280px; position:relative; }
  #footer { display:block !important; }
  #footer_mobile { display:none !important; }
}

/* between 1025px and 1600px */
@media screen and (min-width:1025px) and (max-width:1600px) {
  #main_content { background-image:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/bg_img.jpg) !important; background-position:center top; background-size:100% auto !important; background-color:transparent; display:block; margin:0 auto; max-width:1600px; min-width:1024px; padding-bottom:74.9%; position:relative; }
  #main_img { left:320px !important; }
  #footer { display:block !important; }
  #footer_mobile { display:none !important; }
}


/* between 769px and 1024px */
@media screen and (min-width:769px) and (max-width:1024px) {
  #main_content { background-image:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/bg_img.jpg) !important; background-position:right top !important; background-size:1024px auto !important; background-color:transparent; display:block; height:769px; margin:0 auto; max-width:1600px; min-width:768px; position:relative; }
  #login_form { background:url("https://secureimage.securedataimages.com/images/ffadult/passion/cover2/form_bg.png") repeat scroll 0 0 transparent; border-radius:5px; padding:5px; right:100px; z-index:99; -moz-border-radius:5px; -webkit-border-raduis:5px; }
  #logo { width:45.5508%;/*466px / 1024px*/}
  #srch_form { width:30.2734%;/*310px / 1024px*/ }
  #footer { display:block !important; }
  #footer_mobile { display:none !important; }

  
  }


/* between 641px and 768px */
@media screen and (min-width:641px) and (max-width:768px) {
  #main_content { background-image:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/bg_img.jpg) !important; background-position:98.3235% top !important; background-size:1365.33px auto !important; background-color:transparent; display:block; height:1024px; position:relative; }
  #login_form { background:url("https://secureimage.securedataimages.com/images/ffadult/passion/cover2/form_bg.png") repeat scroll 0 0 transparent; border-radius:5px; padding:5px; right:100px; z-index:99; -moz-border-radius:5px; -webkit-border-raduis:5px; }
  #logo { left:58.2031% !important;/*447 / 768px*/ top:14.6484% !important;/*150px / 1024px*/ width:37.3698%;/*287px / 1024px*/}
  #logo a { font-size:0.625em !important;/*15px / 24px*/ }
  #srch_form { width:40.3646%;/*310px / 768px*/ }
  #footer { display:block !important; }
  #footer_mobile { display:none !important; }

  
  }

/* between 481px and 640px */
@media screen and (min-width:481px) and (max-width:640px) {
  #main_content { background-image:url(https://secureimage.securedataimages.com/images/ffadult/passion/cover2/bg_img.jpg) !important; background-position:98.3235% top !important; background-size:853.33px auto !important; background-color:transparent; display:block; height:640px; position:relative; }
  #login_form { background:url("https://secureimage.securedataimages.com/images/ffadult/passion/cover2/form_bg.png") repeat scroll 0 0 transparent; border-radius:5px; padding:5px; right:24px; z-index:99; -moz-border-radius:5px; -webkit-border-raduis:5px; }
  #lang_li { display:none; }
  #logo { left:54.4271% !important;/*418px / 768px*/ padding-right:2.6042%;/*20px / 768px*/ top:60px !important; }
  #logo a { font-size:0.5em !important;/*12px / 24px*/ }

  #srch_form { min-width:227px !important; top:200px !important; width:36.4583% !important;/*280px / 768px*/ }
  #srch_form h2 { font-size:191.6667% !important;/*14px / 12px*/ margin-bottom:10px; }
  #srch_form form { width:88.7079% !important;/*275px / 310px*/ }
  #srch_form button { background-image:none !important; background-color:#B428CF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:2.1667em; width:100% !important; }
  #srch_form button:hover { background-color:#830FA0; }

  .search_field { width:100% !important; }
  .search_field .field_sm { background-image:none !important; background-color:#FFFFFF !important; width:100% !important; }
  #geo { margin:10px 0 5px 0; }

  #search_non-mobile { display:none !important; }
  #search_mobile { display:block !important; }

  #footer { display:none; }
  #footer_mobile { display:block; font-family:Arial,sans-serif,Helvetica; text-align:center; }
  #footer_mobile a { color:#CF77F0; line-height:22px; margin:0 3px; }
  #footer_mobile .admin_text { color:#AA0000; }

  
  
  }






