@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
    body { width:100%; padding:0; margin:0; background:#FFFFFF; min-width:320px; font-size:12px; }
    .header { text-align:center; position:fixed; top:0px; width:100%; z-index:200; min-width:320px; height: 60px;}
    .header.scrolled {
        height: 0;
    }
    #hamburger, .login_flyout { display:none; }
    .w960 { max-width:1440px; width:100%; margin:0 auto; position:relative;}
    section .w960 { overflow:hidden; }
    .header .960 { overflow:hidden; }
    .logo_bar { background:#383838; height:60px; position:relative; z-index:20; }
    .logo_bar .logo { padding-top:6px; height: 33px;}
    .guest-nav ul li ul li {
        padding-left: 9px !important;
    }
    .guest-nav ul li ul li:hover {
        background: #f3f3f3 !important;
    }
    .guest-nav ul.subnav li {
        padding: 0;
    }
    .scrolled .guest-nav li:hover, .scrolled .guest-nav ul li ul li {
        background: #464646 !important;
    }
    .logo_tagline {padding-top: 3px; font-weight: 600; display:block; top:30px; color:#cccccc; font-size: 11px;}
    .logo_wrapper { float:left; overflow:hidden; display: flex; flex-direction: column; align-items: flex-start; padding-left: 25px;}
    #login_wrapper { float:right; overflow:hidden; }
    .login_input_wrapper { float:left; position:relative; margin-right:10px; margin-top:10px; }
    .login_input_wrapper input {
        background-color: transparent;
        border: 1px solid #cccccc;
        width: 160px;
        height: 35px;
        font-size: 14px;
        box-shadow: inset 1px 1px 2px rgb(0 0 0 / 40%);
        color: #ffffff;
        border-radius: 10px;
        padding-left: 2em;
        background-repeat: no-repeat;
        background-position: 4px 4px;
    }
    #login_username_wrapper {
        display: flex;
        flex-direction: column;
        width: min-content;
    }
    #login_username_input {
        background-image: url("https://secureimage.securedataimages.com/images/ffadult/39850/handle_icon.svg");
    }
    #login_password_input {
        background-image: url("https://secureimage.securedataimages.com/images/ffadult/39850/psw_icon.svg");
    }
    #login_button { margin-top:9px; }
    #login_pasword_wrapper { margin-right:8px; }
    #login_flyout_button { border:1px solid #00366D; color:#FFFFFF; font-size:11px; padding:3px 5px; cursor:pointer; }
    #login_submit {
        border-radius: 10px;
        background-color: #f70202;
        background: #f70202 !important;
        color: #FFFFFF;
        text-transform: uppercase;
        height: 35px;
        min-width: 88px;
        font-size: 14px;
        width: fit-content;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .incorrect {
        display: none;
    }
    #login_wrapper {
        padding-left: 5px;
        padding-bottom: 10px;
        position: relative;
    }
    #login_wrapper:before {
        content: '';
        transition: background-color .5s, height .5s;
        height: 0;
        width: 100%;
    }
    #login_wrapper.active:before {
        transition: background-color .5s, height .5s;
        background-color: #f0f0f0;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        border-radius: 10px;
        height: 85px;
        position: absolute;
        top: 0;
        left: 0;
    }
    #login_wrapper.active .login_input_wrapper input {
        color: #000000;
        border: 1px solid #f70202;
        box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    }
    #login_wrapper.active a.forgot_password {
        color: #3366cc;
    }
    #login_wrapper.active .incorrect {
        display: inline-block;
        color: #212121;
        font-size: 13px;
        padding-top: 1em;
        white-space: nowrap;
        text-align: left;
        padding-left: .3em;
        width: 260%;
        padding-top: 0em;
        overflow: hidden;
        white-space: inherit;
    }
    .flyout_link { color:#FFFFFF; cursor:pointer; display:block; padding:4px 23px; text-transform: uppercase; float:left; font-size:14px; }
    .flyout_link:hover { text-decoration:underline; color:#FFFFFF}
    .fake { color:#999999; left:10px; position:absolute; top:4px; }
    .italics { font-style:italics; }
    a.forgot_password { color:#b3b3b3; display:block; margin-top:15px; text-align:right; text-decoration:none; font-size:11px;  }
    .navbar { position:fixed; z-index:110; top:60px; width:100%; min-height: auto; max-height: none; margin: 0; border: none; position: fixed; }
    .navbar { background-color:#303030; }
    .navbar ul { text-align:left; height:fit-content; height: 36px;}
    .navbar ul li { float:left; position:relative; white-space:nowrap; }
    .navbar ul li a { color:#ffffff; font-size: 16px; line-height: 36px; display:inline-block; text-decoration:none; font-weight:normal; height: 36px; min-width: 140px; text-align: center;}
    .portuguese .navbar ul li.join a {
      font-size: 13px;
    }
    .navbar ul li.join, .navbar ul li:hover.join { background-color:#f70202; text-transform: uppercase; }
    .navbar ul li:hover {   background-color:rgb(0, 0, 0); background-color:rgba(150, 150, 150, 0.2);  }
    .navbar ul li.join a { color:#FFFFFF; }
    .navbar ul li:hover ul { display:block; }
    .navbar ul li ul li a { color:#FFFFFF; }
    .navbar ul li ul { display:none; height:auto; left:0; position:absolute; top:100%; text-align:left; }
    .navbar ul li ul li { float:none; background:none repeat scroll 0 0 #333333;  }
    .navbar ul li ul li:hover { float:none; background:none repeat scroll 0 0 #444041;  }
    .navbar .login { display:none; }
    .navbar .home { display:none; }
    .navbar .has_secondary, .navbar .has_secondary a { cursor:pointer; }
    /* SOC-8244 - Add AVN Award News to AFF */
    #avn_ticker { background-color: rgba(255,255,255,0.6); height: 123px; position: absolute; bottom: 0; left:0; width: 100%; z-index:0; }    
    .japanese #avn_ticker {
      height: 135px;
    }
    #avn_ticker .w960 { text-align: center; padding: 11px; }
    .avn_wrapper { display: inline-block; font-family: 'Open Sans'; vertical-align: top; padding: 5px 30px; }
    .avn_text { display: block; font-size: 33px; color: #333; font-family: 'Open Sans Bold'; letter-spacing: -3px; }
    .english .avn_btn {font-size: 21px;letter-spacing: -1px;font-family: 'Open Sans Bold';border: 1px solid #f41002;color: #f41002;font-weight: bold;width: 270px;height: 43px;text-align: center;display: block;line-height: 43px;}
    .english .avn_btn:hover {text-decoration: none;color: #fff;background: #cc002e;}

    /* for SOC-7827 ab test, need merge with current css after test */
    
    .ab_soc7827online .header .stats { color:#fff; float:left; clear:both; padding:10px 0; font-size:10px; display: none; }
    .ab_soc7827online .header .stats a { color:#fff; }
    .ab_soc7827online .header.scrolled .stats { display: none; }
    /* end of  SOC-7827 ab test */

    #outer_wrapper { overflow:hidden; position:relative; width:100%; background:#333333; }
    .reg_form { z-index:1; margin-right: 30px;}
    .reg_form input.error, .recaptcha_theme_white #recaptcha_response_field.error, .reg_form select.error, .reg_form textarea.error { border-color:#f00; }
    .preloader { margin:10px 0 0 5px; float:left; width:32px; height:32px; background:transparent url('https://secureimage.securedataimages.com/images/ffadult/39850/loading.gif') no-repeat; }
    #fldID_butAction_1, #fldID_butAction_2 { float:left; }
    #disclaimer_single, #disclaimer_couple { clear:both; padding: 0 20px; }
    .help { clear:both; color:#f00; font-size:0.8em;}
    #regPage_2 .help { margin-top: 5px; }
    #regPage_2 #help_dob2 { margin-top:5px; }  
    .fldNote { font-size:10px; }
    .reg_form .fldRow .fldColumn_1 .fldNote { font-weight:normal; }
    #reg_alert {clear:both;}
    #reg_alert .close {top: -2px;}
    #reg_alert strong {font-weight: bold;}

    .scrolled .logo_bar .logo { left:0px; top:15px; padding-top:0px; position:absolute; }
    .scrolled .navbar li.join { margin-left:245px; }
    .scrolled .navbar { background:#333333; opacity:1; top:0px; }
    .scrolled .navbar ul li a { color:#FFFFFF; }
    .scrolled .logo_bar { height:auto; }
    .scrolled .navbar ul li a { padding:23px 16px; }
    .scrolled .login { display:none; }
    .scrolled .first { display:none; }
    .scrolled .logo_tagline { display:none; }

    .hide { display:none !important; }

    
   
    .fldErr { margin:6px 0 0 0; float:left; width:16px; height:16px; background:transparent url('https://secureimage.securedataimages.com/images/ffadult/39850/icon_error_new_white.png') no-repeat;}
    .redbg { background:#FA3934; color:#FFFFFF; }
    #piclist { background:url('https://secureimage.securedataimages.com/images/ffadult/39850/red_piclist_bg.jpg'); }
    #vid { background:url('https://secureimage.securedataimages.com/images/ffadult/39850/grey_img_bg.jpg') no-repeat scroll center 0 #D9D9D9; }
    #fldID_captcha { float:left; }
    #reg1_errors { margin:12px; padding:12px; background-color:#fcc; border:1px dotted #f00; color:#f00; }
    #tt { position:absolute; display:block; }
    #tttop { margin-left:5px; display:block; height:5px; overflow:hidden; }
    #ttcont { margin-left:5px; padding:2px 12px 3px 7px; display:block; background:#fcc; color:#f00; font:10px Arial,sans-serif; border:1px solid #f00; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:2px 2px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow:2px 2px 5px rgba(50, 50, 50, 0.75); box-shadow:2px 2px 5px rgba(50, 50, 50, 0.75); }
    #ttbot { margin-left:5px; display:block; height:5px; overflow:hidden; }
    .whitebg { background:#FFFFFF; color:#333333; }
    .sec_left { width:48%; float:left; padding-right:10px; }
    .sec_right { width:48%; float:right;  padding-left:10px; }
    span.reg_mark {
        font-size: 0.5em;
        vertical-align: text-top;
    }
    section { overflow:hidden; padding-top:40px; padding-bottom:40px; }
    section p a { color:#FFFFFF; }
    section#vid p a,section#activity_feed p a{ color:#5C5C5C; }
    section#vid_seo p a{ color:#000; }
    section img { width:100%; }
    #piclist .stats { font-weight:bold; margin-bottom:40px; font-size:15px; }
    #piclist .stats a { color:#FFFFFF; }
    .blue_btn { font-size:18px; cursor:pointer; background:#5FC4FC; background:url('https://secureimage.securedataimages.com/images/ffadult/39850/blue_btn_bg.png'); border-radius:3px 3px 3px 3px; padding:7px 15px; border:1px solid #5667C1; }
    a.blue_btn { display:inline-block; font-weight:bold; color:#FFFFFF; text-decoration:none; }
    .blue_btn:hover { background:#5FC4FC; }
    .red_btn { font-size:18px; cursor:pointer; background:url('https://secureimage.securedataimages.com/images/ffadult/39850/red_btn_bg2.png'); border-radius:3px 3px 3px 3px; padding:7px 15px; border:1px solid #C40000; }
    a.red_btn { display:inline-block; font-weight:bold; color:#FFFFFF; text-decoration:none; }
    .red_btn:hover { background:#cc002e; }
    .main { background-color: transparent; background-position: center 60px; background-repeat: no-repeat; display: block; margin: 0 auto; text-align: center; z-index:1; /*background-image: none;*/ max-width: 100%; overflow: hidden; }
    .english .main { max-height:960px; position: relative; height:calc(100vh + 123px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .main video { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top:0; right: 0; }
    .grey_bg { background:#333333; }
    #piclist .sec_left img { width:100%; max-width:406px; height:auto; }
    #piclist_to_move { display:none; }
    .bootstrap-select.btn-group .dropdown-menu { min-width: 105%; }
    .bootstrap-select.btn-group .dropdown-menu.inner{ padding:5px 0; }    
    .bg_gradient { background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

    h1, #mobile h2, #vid h2, #piclist h2, #vid_seo h2, #activity_feed h2 { margin-top:40px; font-size:24px; font-weight:normal; letter-spacing:-1px; line-height:30px; margin-bottom:40px; }
    h1 .bigger, h2 .bigger { font-size:48px; font-weight:bold; }
    #mobile h2 { line-height:34px; font-size:24px; }
    #mobile h2 .bigger { font-size:62px; letter-spacing:-4px; line-height:58px; }
    #mobile .subtext { font-size:20px; font-weight:bold; margin-bottom:30px; }
    .sec_right p, .sec_left p { font-size:16px; font-weight:bold; margin-bottom:40px; }
    #piclist { color:#FFFFFF; }
    #activity_feed { color:#5C5C5C; }
    .whitebg h2, #vid h2 { color:#FA3934; }
    #vid { color:#5C5C5C; }
    #vid h2 { margin-bottom:10px; font-size:30px; line-height:28px; }
    #vid h2 .bigger { font-size:41px; letter-spacing:-2px; line-height: 38px; }
    #vid .sec_right { margin-bottom:30px; }
    #the_vid { border:8px solid #FFFFFF; border-radius:8px 8px 8px 8px; float:right; margin-right:10px; margin-top:50px; box-shadow:0px 0px 10px #888888; width:440px; height:250px; }
    #feed_wrapper { position:relative; height:500px; overflow:hidden; }
    #feed_wrapper img { position:relative; top:0; left:0; }
    #mobile_pics img { width:99%; margin-top:0px; }
    .main .hero h1 { margin-bottom: 10px; }
    .main .hero h1 .bigger { letter-spacing: 0; font-size: 48px; font-weight: 300; line-height: 60px; margin-top: -5px; text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.5); color: #fff;}
    .hero_text { bottom:150px; left:30px; position:absolute; text-align:left; }
    .hero_text a { margin-left:50px; margin-top:15px; }
    .hero { max-width:1366px; width:100%; height:100%; position:relative; margin:0 auto; }
    .hero_stream { position: absolute; top: 150px; left: 10px; display: block; width: 286px; height: 40px; background: rgba(255,0,0,0.1); border: 1px solid #fff; padding-top: 7px; font-family: "Open Sans Semibold"; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
    .hero_stream span.status-badge.online { color: #fff; font-size: 14px; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
    .hero_stream .status-badge i { width: 22px; height: 22px; }
    .hero_stream .status-badge i.sprite-badge-broadcasting:before {content: "";}
    .hero_stream .status-badge i { 
      -webkit-animation: flickerAnimation 1s infinite; 
      -moz-animation: flickerAnimation 1s infinite; 
      -o-animation: flickerAnimation 1s infinite; 
      animation: flickerAnimation 1s infinite; }    

    @-webkit-keyframes flickerAnimation{
      0%   { opacity:1; }
      50%  { opacity:0.2; }
      100% { opacity:1; }
    }
    @-moz-keyframes flickerAnimation{
      0%   { opacity:1; }
      50%  { opacity:0.2; }
      100% { opacity:1; }
    }
    @-o-keyframes flickerAnimation{
      0%   { opacity:1; }
      50%  { opacity:0.2; }
      100% { opacity:1; }
    }
    @keyframes flickerAnimation {
      0%   { opacity:1; }
      50%  { opacity:0.2; }
      100% { opacity:1; }
    }

    .hero [class^="sprite-"]:before, [class*=" sprite-"]:before { color: #fff; font-size: 16px; }
    .hero .reg_form span#pause_button, .hero .reg_form span#mute_button{ position: absolute; bottom: 345px; right: 25px; background-image: none; cursor: pointer; }
    .hero .reg_form span#mute_button { right: 0px; }
    
    section { min-width:960px; }
    #section_cont { background:#FFFFFF; }
    .reg_form { right:10px; top:138px; }
    .has_notice .reg_form { top:170px; background: rgba(255,255,255,0.65); }
    .reg_form .fldRow { padding-left:20px; padding-right:20px; }
    .reg_form .fldRow.fldRow_submit { padding: 0; margin: 0; }
    .reg_form h2 { padding-left:20px; }
    .reg_form #regPage_2 h2 { padding-bottom:10px; margin-bottom:5px; display: none;}
    .reg_form h3 { padding-left:20px; padding-right:20px; }
    #fldID_butAction_2 { margin-bottom:0; margin-top:10px; }
    #fldID_butAction_1 { margin-top:5px; margin-bottom:0px; }
    .fld_checkbox { cursor:pointer; }
    .ie .navbar ul { height:60px; }
    .ie .reg_form .fld_checkbox input { border:none; }
    .ie #login_submit, .ie #login_flyout_button { padding:5px 7px 4px 7px; }
    .chrome #login_submit, .chrome #login_flyout_button { padding:3px 7px 3px 7px; }
    #activity_feed h2 { margin-top:15%; line-height:34px; }
    #activity_feed h2 .bigger { font-size:54px; letter-spacing:-3px; line-height:50px; }
    #piclist h2 { margin-top:90px; line-height:36px;  }
    #piclist h2 .bigger { font-size:45px; letter-spacing:-3px; line-height:41px; }
    #vid h2 { margin-top:30px; }
    #vid .sec_left { width:49%; position:relative; }
    #vid_seo { background-color:#FFFFFF; }
    #vid_seo h2 { color:#FA3934; margin-top:0px; line-height:26px; }
    #vid_seo h2 .bigger { font-size:42px; letter-spacing:-2px; line-height:38px; }
    #vid #play_button { cursor:pointer; display:block; left:45%; margin:0 auto; position:absolute; width:74px; top:37%; }
    .done #play_wrapper { display:block; }
    #play_wrapper { height:84%; margin-top:50px; max-width:480px; position:absolute; text-align:center; top:0; width:96%; display:none; }
    #mobile h2 { margin-top:80px; }
    
    
    #piclist .sec_left { text-align:right; overflow:hidden; }
    .my_piclist_cell { float:left; height:200px; width:200px; margin-bottom:5px; margin-right:5px; }
    .piclist_moved { width:200px; height:200px; }
    #piclist_moved2 { margin-bottom:4px; }
    #piclist_left { width:414px; float:right; overflow:hidden; }
    .piclist_cell { position:relative; }
    .piclist_cell a.piclist_image { display:block; }
    a.piclist_profile { width:100%; height:50%; font-size:16px; bottom:0px; color:#FFFFFF; display:block; font-weight:bold; right:0px; position:absolute; text-align:left; text-decoration:none; }
    a.piclist_profile { background:url('https://secureimage.securedataimages.com/images/ffadult/39850/piclist_overlay4.png') no-repeat scroll 0 0 transparent; padding-top:14%; background-size:100%; }
    .piclist_profile .piclist_profile_data {  }
    .piclist_profile .piclist_handle {  bottom:21%; display:block; left:5%; position:absolute; }
    .piclist_profile .piclist_age_gender { bottom:3.5%; left:13%; position:absolute; font-size:14px; }
    .piclist_profile .piclist_separator { display:none; }
    .piclist_profile .piclist_gender { display:none; }
    .piclist_profile .piclist_location { display:none; }
    .piclist_moved a.piclist_profile { display:block; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity:0; }
    .piclist_moved:hover a.piclist_profile { opacity:1;}
    .mosaicbg { height:956px; max-width:1600px; background-color:#FFFFFF; background-repeat:no-repeat; display:block; margin:0 auto; text-align:center; z-index:1; background-image:url("https://secureimage.securedataimages.com/images/ffadult/39850/mosaic4.jpg");  padding-bottom:0px; }
    a.mosaic_button { cursor:pointer; background:url("https://secureimage.securedataimages.com/images/ffadult/39850/button_bg.png") repeat scroll 0 0 transparent; border:3px solid #7B0002; color:#FFFFFF; display:block; font-size:44px; margin:30px auto 0; padding:44px 0; text-decoration:none; width:600px; }
    #join_marker { margin-top:150px; }
    #join_wrapper { opacity:0; width:100%; max-width:none; z-index:100; text-align:center; position:fixed; top:200px; }
    #join_wrapper img { width:auto; }
    a.floating_reg_anchor { display:block; left:100px; position:absolute; top:210px; }
   
    .numbers { text-transform: uppercase; color: #fff; background: #333333; display: inline-block; padding: 4px 7px; font-size: 17px; font-weight: 300;}
    .numbers .num { font-weight: 600; }
    .broadcasting { padding-top: 10px; }
    .broadcasting a { display: inline-block; color: #fff; border: 2px solid #fff; font-weight: bold; padding: 8px; border-radius: 4px; font-size: 14px; margin: 0; white-space: nowrap; }
    .broadcasting i { width: 24px; height: 24px; }
    .main_hero_text { color: #fff; }
    .hero_text { width: 620px; }
    .spanish .hero_text {
      top: 445px;
    }
    /*===== Footer ========================================================================================================================*/
    #footer { padding:20px 0; position:relative; z-index:300; text-align:left; clear: both; color: #383838;}
    #footer:after { content:''; display:block; clear:both; }
    #footer .wrapper {margin:0 auto; width:960px; }
    #footer, #footer a, footer p { font-size:10px;  }
    #footer ul { float:left; list-style:none; width:31.9149%;/* 300/940 */ }

    #footer ul li {margin-bottom: 4px;}

    #footer a { text-decoration:none; }
    #footer a:hover { text-decoration:underline; }
    /*#footer .disclaimer,*/ #footer #copyright { float:left; margin:2px; color: #cccccc;}

    #footer .disclaimer { color: #cccccc; font-size: 12px;}

    #footer .copy { float:left; padding-left:1%; padding-bottom: 15px; width:47.8723%;/* 450/940 */ }
    #footer #copyright .admin { display:none; }
    #footer .icons { float:right; text-align:left; padding-bottom: 15px;}
    #footer .icons .pb20 { display:none; }
    #footer .icons { padding-bottom:10px; }
    #footer .wrapper .seo_wrapper ul { float:none; width:auto; padding:0px 20px 20px 20px;}
    #footer .neticongroup { display:inline; font-size:12px; margin-right:20px; }
    #footer .neticongroup a, #footer .share_story a { font-size:12px; }
    #footer .share_story { font-size:12px; margin:10px 0; }
    /*#footer #twitter_icon { left:4px; position:relative; top:6px; }*/

    #footer .mt10 { color: #cccccc; }
    #footer .admin { font: bold 10px Arial !important; color: red !important;}

    #footer .languages {
        margin-top:35px;
        padding:0px;
    }
    #footer .languages li { position:relative; float:left; }
    #footer .languages li a { display:block; color:#000000; font-size:12px; }
    #footer .languages li a.selected { float:left; padding-right:11px; text-decoration:none; background:url(https://secureimage.securedataimages.com/images/ffadult/sprite_newaff.png) no-repeat right -648px; cursor:pointer; }
    #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; }
    #footer .languages li:hover ul { display:block; }
    #footer .languages li ul li { float:none; text-align:left; }
    #footer ul.languages, #footer .languages li ul { width:auto; }

    @media (max-width:1580px){
      .mosaicbg { background-position:-10px -6px; }
      section .w960 {
        max-width: 960px;
      }
    }
    @media (min-width:1600px){
      .main { background-size: 110%; background-position: 0 0; }
    }

    @media (max-width:980px){
      .w960 { width:auto; max-width:960px; }
      .login_input_wrapper .google-oauth span {
        display: none;
      }

      /* for SOC-7827 ab test, need merge with current css after test */
      .ab_soc7827online .logo_bar { height:60px; }
      .ab_soc7827online .header .stats { display: none; }
      /* end of  SOC-7827 ab test */

      .navbar { backface-visibility:hidden; left:0; transform:translate3d(-100%, 0px, 0px); width:220px; -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; }
      .navbar { background:#333333; position:absolute; top:0; }
      .navbar ul { height:auto; margin-top:60px; }
      .navbar ul li { height:57px; overflow:hidden; transition:height 0.5s; - webkit.communities-transition:height 0.5s; border-top:1px solid #2A2A2A; float:none; text-align:left; }
      .open_submenu.communities  .navbar ul li.communities  { height:410px; }
      .open_submenu.adult_dating .navbar ul li.adult_dating { height:524px; }

      .navbar ul li.first { display:none; }
      .navbar ul li a { padding:20px 15px; font-size:14px; color:#FFFFFF; display:block; }
      .navbar ul li ul { display:block; margin-top:3px; position:relative; top:0; width:100%; }
      .navbar ul li ul li { background: url("https://secureimage.securedataimages.com/images/ffadult/40082/dash3.jpg") no-repeat scroll 17px center transparent; }
      .navbar ul li ul li a { padding:20px 30px; display:block; }
      .navbar ul li ul li:hover { float:none; background:url("https://secureimage.securedataimages.com/images/ffadult/40082/dash3.jpg") no-repeat scroll 17px center #444041; }
      .navbar .home { display:block; }
      .navbar .has_secondary a { background:url('https://secureimage.securedataimages.com/images/ffadult/40082/plus.png') no-repeat scroll 190px center transparent; }

      .open_submenu.communities .navbar .communities.has_secondary a { background:url('https://secureimage.securedataimages.com/images/ffadult/40082/minus.png') no-repeat scroll 182px center transparent; }
      .open_submenu.adult_dating .navbar .adult_dating.has_secondary a { background:url('https://secureimage.securedataimages.com/images/ffadult/40082/minus.png') no-repeat scroll 182px center transparent; }

      .open_submenu.communities .navbar .communities.has_secondary ul li a { background:none; }
      .open_submenu.adult_dating .navbar .adult_dating.has_secondary ul li a { background:none; }

      .navbar .has_secondary ul li a { background:none; }
      .open_submenu .navbar .has_secondary ul li a { background:none; }

      .scrolled .navbar { backface-visibility:hidden; left:0; transform:translate3d(-100%, 0px, 0px); width:220px; -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; }
      .scrolled .navbar { background:#333333; position:absolute; top:0; }
      .scrolled .navbar ul { height:auto; margin-top:60px; }
      .scrolled .navbar ul li { height:57px; overflow:hidden; transition:height 0.5s; - webkit.communities-transition:height 0.5s; border-top:1px solid #2A2A2A; float:none; text-align:left; }
      .open_submenu.scrolled.communities .navbar ul li.communities  { height:410px; }
      .open_submenu.scrolled.adult_dating .navbar ul li.adult_dating { height:524px; }
      .scrolled .navbar ul li.first { display:none; }
      .scrolled .navbar ul li a { padding:20px 15px; font-size:14px; color:#FFFFFF; display:block; }
      .scrolled .navbar ul li ul { display:block; margin-top:3px; position:relative; top:0; width:100%; }
      .scrolled .navbar ul li ul li { background: url("https://secureimage.securedataimages.com/images/ffadult/40082/dash3.jpg") no-repeat scroll 17px center transparent; }
      .scrolled .navbar ul li ul li a { padding:20px 30px; display:block; }
      .scrolled .navbar ul li ul li:hover { float:none; background:url("https://secureimage.securedataimages.com/images/ffadult/40082/dash3.jpg") no-repeat scroll 17px center #444041; }
      .scrolled .navbar .home { display:block; }
      .scrolled .navbar .has_secondary a { background:url('https://secureimage.securedataimages.com/images/ffadult/40082/plus.png') no-repeat scroll 190px center transparent; }
      .scrolled .navbar .has_secondary ul li a { background:none; }
      .open_submenu.scrolled .navbar .has_secondary ul li a { background:none; }
      .scrolled .logo_bar .logo { top:2px; }
      .scrolled .logo_tagline { display:block; }
      .scrolled .logo_bar { height:60px; }
      .scrolled .login { display:block; }
      .scrolled .navbar .login { display:none; }
      .logo_bar .logo { margin-left:10px; display:block; float:none; padding-top:8px; }
      .logo_tagline { margin-left:10px; position:relative; left:auto; top:auto; }
      section { padding-left:10px; padding-right:10px; }
      h1 {font-size: 20px; }
      h1 .bigger, h2 .bigger { font-size: 40px; }
      #the_vid { width:92%; }
      #vid h2 {line-height:24px; }
      #vid h2 .bigger { font-size:32px; }
      .hero { width:auto; }
      .hero_stream { top:85px;}
      body #footer, #footer .wrapper { width:auto; min-width:200px; }
      section { min-width:0; }
      .my_piclist_cell { width:48%; height:auto; max-width:200px; }
      #piclist_left { width:96%; }
      #piclist .sec_left img { max-width:200px; }
      #piclist h2 { margin-top:8%; }
      #piclist h2 { line-height:30px;  }
      #piclist h2 .bigger { font-size:44px; }
      .main { position:relative; }
      .reg_form { right:10px; top:59px; }
      .has_notice .reg_form {top:100px; }
      .hero_text { bottom:145px; top:auto; left:10px; margin: 0; }
      .hero h1 { font-size:42px; line-height:46px; }
      .hero h1 .bigger { font-size:66px; }
      #vid #play_button { bottom:35%; top:auto; right:40%; left:auto; }
      .mosaicbg { padding:0; }
      #feed_wrapper { height:auto; }
      #feed_wrapper img { top:0 !important; }
      a.floating_reg_anchor { top:0px; }
      #vid_seo h2 .bigger { font-size:36px; letter-spacing:-1px; }
      .scrolled .logo_bar .logo, .logo_bar .logo { left:auto; padding-top:8px; position:relative; top:auto; }

      #inner_wrapper { left:0 !important; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; }
      #inner_wrapper { left:0; position:relative; width:100%; }
      .show_nav #inner_wrapper { -webkit-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); -moz-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); -ms-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); -o-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); }
      .show_nav #inner_wrapper { left:220px; }
      .italian .navbar { backface-visibility:hidden; left:0; transform:translate3d(-100%, 0px, 0px); width:250px; -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; }
      .italian .show_nav #inner_wrapper { -webkit-transform:translate3d(250px, 0, 0) scale3d(1, 1, 1); -moz-transform:translate3d(250px, 0, 0) scale3d(1, 1, 1); -ms-transform:translate3d(250px, 0, 0) scale3d(1, 1, 1); -o-transform:translate3d(250px, 0, 0) scale3d(1, 1, 1); transform:translate3d(250px, 0, 0) scale3d(1, 1, 1); }
      .italian .show_nav #inner_wrapper { left:250px; }
      #hamburger { display:block; float:left; cursor:pointer; }
      #hamburger img { padding:7px; }
      #the_vid { height:auto; }
      #activity_feed h2 { line-height:30px; }
      #activity_feed h2 .bigger { font-size:46px; }
      #footer .languages li a { font-size:14px; padding:10px; }
      #footer .languages li a.selected { padding: 0px 11px 0px 0px; }

    }

    @media (min-width: 801px) and (max-width: 900px) {   
        #footer .wrapper > ul { padding-left: 1%; }
    }

    @media (max-width:800px){
      .navbar ul { margin-top:45px; }
      .scrolled .navbar ul { margin-top:45px; }
      .login_flyout { display:block; float:right; margin-right:10px; margin-top:10px; overflow:hidden; }
      #reg_flyout_link { border-right:1px solid #2A2A2A; }
      .logo_tagline, .scrolled .logo_tagline { display:none; }
      .login, .scrolled .login { display:none; }
      .open_login .login { display:block; background:#333333; padding-left:10px; position:absolute; right:0; top:45px; }
      .open_reg .reg_form { display:block; position:absolute; right:0; top:45px; }
      .sec_left { float:none; width:100%; }
      .sec_right { float:none; width:100%; }
      #piclist .sec_left { text-align:center; position:relative; }
      #activity_feed h2, #mobile h2 { margin-top:0px; }
      #activity_feed img { max-width:480px; margin-top:0px; }
      #activity_feed .sec_right, #mobile .sec_right { text-align:center; }
      #activity_feed .sec_right { padding-left:0px; }
      #the_vid { width:92%; float:none; margin-right:0; margin-top:9px; max-width:480px; }
      #vid .sec_left { text-align:center; width:100%; }
      #mobile_pics img { max-width:481px; }
      #piclist .sec_left { margin:0 auto; }
      #piclist_left { overflow:hidden; width:100%; max-width:615px; float:none; margin:0 auto; }
      .my_piclist_cell { width:32%; margin:3px; }
      #feed_wrapper { margin-top:30px; }
      .reg_form { display:none; }
      .main { padding-bottom:67%; }
      .main video { height: 100%; }
      .hero h1 { font-size:38px; line-height:40px; }
      .hero h1 .bigger { font-size:60px; }
      #play_wrapper { height:96%; margin-top:9px; width:97%; max-width:none; }
      #vid #play_button { bottom:38%; right:44.5%; }
      #join_wrapper img { width:65%; }
      a.mosaic_button { font-size:34px; padding:25px 0; width:400px; }
      .scrolled .navbar li.join { margin-left:0px; }
      #piclist h2 { margin-bottom:470px; margin-top:0; }
      #piclist .sec_left { position:absolute; top:90px; }
      #activity_feed h2 { margin-bottom:780px; margin-top:0; line-height:34px; }
      #activity_feed h2 .bigger { font-size:54px; }
      #activity_feed .sec_right { position:absolute; top:90px; padding-left:0px; }
      #activity_feed img { margin-top:0; width:100%; max-width:480px; }
      #feed_wrapper { margin-top:0px; }
      #vid h2 { margin-bottom:360px; margin-top:0; }
      #vid .sec_left { position:absolute; top:75px; }
      #mobile h2 { margin-bottom:630px; margin-top:0; }
      #mobile .sec_right { position:absolute; top:90px; padding-left:0px; }
      #mobile img { margin-top:0; width:100%; max-width:471px; }
      #seo_nav li { float:none !important; }
      #vid_seo img { margin-top:0; max-width:471px; width:100%; }
      #vid_seo .sec_left { position:absolute; top:75px; padding-right:0px; text-align:center; }
      #vid_seo h2 { margin-bottom:508px; margin-top:0; }
      #footer .wrapper ul, #footer .wrapper .copy, #footer .wrapper .icons { float:none !important; }
      #footer .wrapper .icons { text-align:left; }
      #footer .wrapper .seo_wrapper ul { text-align:center !important; width:auto !important; }
      .sec_right { padding-left:0px; }
      #hamburger img { padding:0; }
      .logo_bar, .scrolled .logo_bar { height:45px; }
      .main { height: 600px;  }
      #footer .copy,
      #footer ul,
      #footer .wrapper .icons {
        padding-left:4%;
        padding-right:4%;
        width:91%;
      }
      .reg_form select, .reg_form input { padding:10px 7px; font-size:16px; }
      .reg_form #regPage_1 { width:342px; }
      .fldErr { margin: 15px 0 0 0; }
      .fld_checkbox { display:inline-block; margin-bottom:10px; margin-top:10px; width:140px; }
      .login_input_wrapper input { font-size:16px; padding:8px; }
      .fake { font-size:16px; top:8px; }
      #login_button input { font-size: 18px; padding:8px 10px; }
      a.forgot_password { margin-top:0px; padding:10px 0px; font-size:14px; }

    }

    @media (max-width:600px){
      #piclist h2 { margin-bottom:79%; }
      .hero h1 { font-size:32px; line-height:40px; }
      .hero h1 .bigger { font-size: 50px; }
      .main { padding-bottom:70%; }
      .hero_text { bottom:3%; }
      .my_piclist_cell { margin:2px; }
      #join_wrapper img { min-width:250px; width:65%; }
      a.mosaic_button { font-size:24px; padding:10px 0; width:250px; margin:10px auto 0; }
      #vid #play_button { bottom:36%; right:41%; }
      #activity_feed h2 { line-height:28px; }
      #activity_feed h2 .bigger { font-size:44px; letter-spacing:-2px; }

    }

    @media (max-width:550px){
      #vid h2 { margin-bottom:75%; }
      #mobile h2 { margin-bottom:120%; }
      #vid_seo h2 { margin-bottom:111%; }
      #mobile img { width:95%; }
      .login_flyout { background:#333333; border-top:1px solid #2A2A2A; border-bottom:1px solid #2A2A2A; position:absolute; top:35px; width:100%; }
      .flyout_link { padding:10px 0px; text-align:center; width:49.8%; margin:5px 0px; }
      .main { background-position:center 92px; padding-bottom:79%; }
      .open_login .login, .open_reg .reg_form { top:91px; }
      #vid #play_button { bottom:36%; right:41%; }
      .navbar ul { margin-top:93px; }
      .main.open_reg { background-image:none; padding-bottom:0;  height:auto; min-height: 897px;}
      .header.open_reg { position:relative; margin-bottom:30px; }
      .open_reg .reg_form { position:relative; top:0; padding-top: 6px; border-bottom:1px solid #CCCCCC; width: 100%;}
      .open_reg .reg_form #regPage_1, .open_reg .reg_form #regPage_2 { width:auto; }
      .hide_sections { display:none; }
      #login_username_wrapper input, #login_pasword_wrapper input { width:95%; }
      #login_button { width:14%; }
      .reg_form h2, .reg_form h3, .reg_form .fldRow { padding-left:60px; }
      #login_username_wrapper, #login_pasword_wrapper { width:45%; }
      #login_username_wrapper input, #login_pasword_wrapper input { width:100%; }
      #login_button { width:9%; }
      .login_input_wrapper input {
        padding-left: 26px;
        width: 166px;
      }
      #login_wrapper {
        top: 52px;
      }
    }

    @media (max-width:500px){
      #activity_feed h2 { margin-bottom:163%; }
      .navbar ul li a {height: 100%; padding: 11px 15px;}
      .show_nav .guest-nav ul li ul li {
        padding-left: 0 !important;
      }
      .show_nav .guest-nav ul li ul li a {
        padding: 10px 0;
        text-align: center;
      }
      .main {
        height: 551px;
        min-height: unset;
      }
      .hero {
        width: auto;
        height: 0;
        position: static;
      }
      .hero_text { width: 95%; bottom: 43%;}
      #avn_ticker {
        height: 225px;
      }
      #the_vid {
        margin-top: 43px;
      }
      #vid #play_button {
        bottom: 28%;
      }
    }

    @media (max-width:480px){
      .my_piclist_cell { width:31.7%; }
      h1 .bigger, h2 .bigger { font-size:28px; }
      .hero h1 { font-size:26px; line-height:32px; letter-spacing: -2px; }
      .main .hero h1 .bigger { font-size:35px; line-height: 50px; }
      .main { padding-bottom:82%; }
      a.piclist_profile { font-size:14px; }
      .piclist_profile .piclist_age_gender { bottom:1.5%; font-size:12px; }
      #activity_feed h2 { line-height:24px; }
      #activity_feed h2 .bigger { font-size:34px; }
      #piclist h2 { line-height:24px;  }
      #piclist h2 .bigger { font-size:35px; letter-spacing:-2px; }
      .navbar ul { margin-top:90px; }
      .blue_btn, .red_btn { text-align:center; width:89%; }
      #vid_seo h2 .bigger { font-size:29px; }
      #vid_seo h2 { line-height:22px; }
      .reg_form h2, .reg_form h3, .reg_form .fldRow { padding-left:40px; }
      #piclist .sec_left, #activity_feed .sec_right { top:75px; }
      .reg_input_wrapper .red_btn { width:auto; }
    }

    @media (max-width:400px){
      .hero h1 { font-size:24px; line-height:24px; letter-spacing: -2px; }
      .main .hero h1 .bigger { font-size: 32px; line-height: 1.5; width: 100%;}
      .main { padding-bottom:86%; }
      #piclist h2 { font-size:18px; }
      #vid h2 { margin-bottom:65%; }
      #vid h2 .bigger { font-size:28px; }
      #mobile h2 { margin-bottom:130%; }
      a.piclist_profile { font-size:12px; }
      .piclist_profile .piclist_age_gender { font-size:8px; }
      .piclist_profile .piclist_handle { bottom:17%; }     
      .navbar { backface-visibility:hidden; left:0; transform:translate3d(-100%, 0px, 0px); width:25%; width:220px; -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; }
      #inner_wrapper { left:0 !important; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform 500ms ease; -moz-transition:-moz-transform 500ms ease; -o-transition:-o-transform 500ms ease; transition:transform 500ms ease; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; }
      #inner_wrapper { left:0; position:relative; width:100%; }
      .show_nav #inner_wrapper { -webkit-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); -moz-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); -ms-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); -o-transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); transform:translate3d(220px, 0, 0) scale3d(1, 1, 1); }
      .show_nav #inner_wrapper { left:220px; }
      .reg_form h2, .reg_form h3, .reg_form .fldRow { padding-left:10px; padding-right:10px; }
      .reg_form select, .reg_form input { padding:10px 3px; }
      .fld_checkbox { width:130px; }
       #mobile h2 { line-height:30px; }
       #mobile h2 .bigger { font-size:52px; letter-spacing:-3px; }
       #fldID_title, #fldID_profile { width:270px; }
    }

    @media (max-width:360px){
      .login_input_wrapper { float:none; }
      #login_wrapper { float:none; width:100%; }
      #login_username_wrapper, #login_pasword_wrapper { width:99%; }
      #login_button { bottom:6px; position:absolute; right:43px;  }
      .fake { left:20px; }
      a.forgot_password { margin-left:10px; margin-top:0px; text-align:left; padding-top:20px; padding-bottom:20px; }
      #login_button input { font-size: 18px; padding:8px 10px; }      
    }

    @media (max-width:320px){
      .main { height:291px; padding-bottom:0; }
      #vid #play_button { bottom:30%; right:38%; }
    }

    header,nav,section,article,aside,footer,hgroup { display: block; }

    /* iPads (portrait) ----------- */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
     #the_vid { height:270px; width:480px; }
   }

   @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
     #join_wrapper { top:100px; }
   }

.notice {
    display: none;
}
.has_notice .notice {
    display: block;
    color: #cccccc;
    position: absolute;
    left: 0;
    top: 122px;
    width: 100%;
    z-index: 10;
    background: #333333;
}

.has_notice .notice a {
    color: #ffffff;
}

.notice .text {
    padding: 10px;
    width: 960px;
    margin: 0 auto;
}

@media (max-width:980px) {
    .has_notice .notice {
        top: 60px
    }
    .has_notice .notice .text {
        width: 100%;
    }
}

@media (max-width:800px) {
    .has_notice .notice {
        top: 45px;
    }
}

@media (max-width:550px) {
    .has_notice .notice {
        top: 93px;
    }
}