.navbar-default li > [class^="sprite-"]:before, .navbar-default li > [class*=" sprite-"]:before {
    font-size: 24px;
    margin: -2px 15px 0 10px;
    height:24px;
}
.nav.navbar-nav .sprite-home.grey:before {
    margin-left: 0;
}
bt-xs:before {
	font-size:10px;
}
#header {
    max-height: 75px;
	background: #FFFFFF;
}
#header > .page {
    padding: 5px 0px;
    width: 1275px;
	margin: 0 auto;
}
#logo {
    margin: 15px 0 0 15px;
	display: inline-block;
}
#logo a img {
    border: none;
    max-height: 45px;
}
#site_logo {
    float: left;
}
#site_logo {
    width: 250px;
    height: 29px;
    background: url(http://graphics.pop6.com/images/ffadult/header/logo_black_250x29.png) no-repeat;
}
#tagline {
    float: left;
    clear: both;
    margin: 0 0 10px 0;
    color: #666666;
    font-weight: normal;
    font-size: 12px;
}
.utility {
    margin: 5px 0 0;
	float:right;
}
#header .utility .user-info {
    margin-top: 7px;
    float:right;
}
.utility ul {
    margin: 0;
    list-style: none;
    float: right;
}
#header .nav-handle {
    position: relative;
    background: none;
    border: none;
    padding-bottom: 5px;
}
.utility .nav-handle > a {
    color: #333333;
    padding: 0 14px 2px 8px;
    line-height: 22px;
}
.utility .dropdown:hover > a:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    z-index: 100002;
    top: 20px;
    left: 30%;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 0 10px 10px;
    border-bottom-color: #ffffff;
}

.nav-handle > a .sprite-down-arrow:before {
	font-size:10px;
	width: 10px;
    height: 10px;
    margin-left: 5px;
    position: relative;
    bottom: 2px;
}
.dropdown-menu .subnav-link {
    display: block;
    padding: 5px 20px 5px 10px;
    margin: 0 5px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
#header .subnav-flyout .subnav-link:hover {
    background: #e9e9e9;
}
#header .nav-handle .subnav-flyout {
    top: 27px;
}
#header .subnav-flyout {
    background: #fff;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    clear: both;
    margin: 0 auto;
    padding: 14px;
    float: left;
    left: -15%;
}

#header .nav-points {
    float: left;
    padding: 0 8px 6px;
    line-height: 22px;
}
.utility .cell:before {
	content:"|";
	display:inline;
	position: absolute;
    left: -5px;
    top: -1px;
}
.utility .cell {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 8px 6px;
    line-height: 22px;
}
#header .member_interaction_btns {
    float: right;
    margin-right:20px;
}
#header .member_interaction_btns > a {
    text-align: center;
    float: left;
    margin: 0 2px;
}
#header .member_interaction_btns .btn {
    text-align: center;
    border:1px solid #cccccc;
    position:relative;
	min-width:50px;
}

.nav-sprite-utility {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.nav-sprite-utility img {
    position: relative;
    bottom: 0;
}
#header .nav-webcam-bg {
    width: 44px;
    height: 45px;
    padding: 0 4px;
    margin: 0 auto;
}
#header .nav-webcam {
    width: 44px;
    height: 45px;
}
/*
#header .nav-webcam-wrap .sprite-badge-broadcasting:before{
	font-size:42px;
	position:absolute;
	top:-43px;
	right:calc(25% + 5px);
	color:#E9E9E9;
	background:#121212;
	height:41px;
	width:41px;
	border-radius:50px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	z-index:1;
}
*/
#header .nav-chat-bg {
    background-position: -301px -4px;
    width: 44px;
    height: 45px;
    padding: 0 4px;
    margin: 0 auto;
}

#header .nav-chat {
    background-position: -73px -3px;
    width: 44px;
    height: 44px;
}
.nav .dropdown-menu a {
  display: block;
  padding: 5px 20px 5px 10px;
  margin:0 5px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  text-transform: capitalize;
}
.navbar-default .navbar-nav > li > a:before {
    color: #DDDDDD;
}
.navbar-default .navbar-nav > li > a:hover:before {
    color: #FFFFFF;
}
.nav .dropdown-menu a:hover {
	text-decoration: none;
    background-color: #e9e9e9;
}

.nav-handle .dropdown-menu a.btn-cta,
.nav .dropdown-menu a.btn-cta {
    color: #ffffff;
    background-color: #f41002;
    border-color: #f41002;
}

.nav-handle .dropdown-menu a.btn-order,
.nav .dropdown-menu a.btn-order {
    color: #ffffff;
    background-color: #fe9f25;
    border-color: #fe9f25;
}

.nav-handle .dropdown-menu a.btn-cta:hover,
.nav .dropdown-menu a.btn-cta:hover {
    background-color: #cc002e;
    border-color: #c2002b;
}


.nav-handle .dropdown-menu a.btn-order:hover,
.nav .dropdown-menu a.btn-order:hover {
    background-color: #ea8503;
    border-color: #ea8503;
}
.container-fluid > .navbar-collapse {
	width:1275px;
	margin-left:auto;
	margin-right:auto;
}
.nav_notification .nav_notif_header {
    width:100%;
    border-bottom:1px solid #606060;
}
.nav_notification .nav_notif_title {
	float: left;
    color: #606060;
    font-size:18px;
    font-weight: bold;
    line-height: 20px;
}
.nav_notification .nav_notif_settings {
	float:right;
}
.nav_notification .notif_dropdown_container {
    padding: 15px 20px;
    left: -180px;
    width: 358px;
}
.nav .dropdown-menu .nav_notif_settings a {
	padding:0;
	margin:0;
}
.nav .dropdown-menu .nav_notif_settings a .sprite-settings:before {
	padding:0;
	margin:0;
	padding-bottom:3px;
	font-size:18px;
	height:18px;
	width:18px;
}
.nav .dropdown-menu .js-notification_dropdown_viewall a {
	padding:0;
	margin:0;
	margin-top:3px;
	font-size:12px;
	color:#3366cc;
}
.nav .dropdown-menu.nav_search_menu {
	width: 225px;
}
.nav .dropdown-menu .form-group {
	margin:0 5px;
}
.nav .dropdown-menu .sprite-search:before {
	font-size:18px;
	height:18px;
	width:18px;
	margin:0;
	padding:0;
}
.nav .dropdown-menu .sprite-search {
	padding: 5px;
}
#notification_dropdown .open-btn {
      display: none;
}
/* notification animation */
    .pulsing-notification {
      position: relative;
    }
    .pulsing-notification .circle {
      border-radius: 50%;
      border: 2px solid #f84e4e;
      width: 18px;
      height: 18px;
      margin: 1px;
    }
    .pulsing-notification .bubble {
      position: absolute;
      width: 0px;
      height: 0px;
      top: 9px;
      left: 10px;
      -webkit-transition-duration: .5s;
      -webkit-transition-property: all;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-duration: .5s;
      -moz-transition-property: all;
      -moz-transition-timing-function: ease-in-out;
      -ms-transition-duration: .5s;
      -ms-transition-property: all;
      -ms-transition-timing-function: ease-in-out;
      -o-transition-duration: .5s;
      -o-transition-property: all;
      -o-transition-timing-function: ease-in-out;
      transition-duration: .5s;
      transition-property: all;
      transition-timing-function: ease-in-out;
      text-align: center;
      background: #f84e4e;
      color: white;
      border-radius: 100%;
      overflow: hidden;
      font-size: 11px;
      line-height: 22px;
    }
    .pulsing-notification .pulse-out {
      width: 22px;
      height: 22px;
      top: -1px;
      left: -1px;
    }
    .pulsing-notification .pulse-in {
      top: 4px;
      left: 4px;
      width: 12px;
      height: 12px;
    }
    .radial-down {
      position: absolute;
      width: 11px;
    }
    .radial-down .radial-mask {
      -webkit-transition: max-height 0.5s;
      -moz-transition: max-height 0.5s;
      -ms-transition: max-height 0.5s;
      -o-transition: max-height 0.5s;
      transition: max-height 0.5s;
      overflow: hidden;
      max-height: 0px;
    }
    .radial-down .radial-mask.open {
      max-height: 29px;
    }
    .radial-up {
      position: absolute;
      left: 11px;
      width: 12px;
      height: 24px;
    }
    .radial-up .radial-mask {
      overflow: hidden;
      position: absolute;
      width: 14px;
      bottom: 0;
      top: 26px;
      -webkit-transition-property: top, bottom;
      -webkit-transition-duration: .5s;
      -o-transition-property: top, bottom;
      -o-transition-duration: .5s;
      -moz-transition-property: top, bottom;
      -moz-transition-duration: .5s;
      -ms-transition-property: top, bottom;
      -ms-transition-duration: .5s;
      transition-property: top, bottom;
      transition-duration: .5s;
    }
    .radial-up .radial-mask.open {
      top: 0px;
    }
    .radial-up .radial-mask.open .circle {
      top: 0px;
    }
    .radial-up .circle {
      position: absolute;
      left: -11px;
      top: -26px;
      -webkit-transition: top .5s;
      -moz-transition: top .5s;
      -ms-transition: top .5s;
      -o-transition: top .5s;
      transition: top .5s;
    }

    .notification_bubble.inbox_count .circle {
      border: 2px solid #f89a4e;
    }
    .notification_bubble.inbox_count .bubble {
      background: #f89a4e;
    }
    .notification_bubble {
        position: absolute;
        top: -5px;
        left: 50px;
        display: none;
    }
    [group="notification"] .notification_bubble {
        left: 45px;
    }
    /* end notification animation */
@media (min-width: 1280px)
body #logo {
    margin-left: 10px;
}