#sfimg_header {
	font-family:"Lato", sans-serif;
	padding:0;
	color:#fff;
	background-color:#0082bf
}

#sfimg_header .rank {
	margin:.2rem 0 .2rem 0;
}

#sfimg_header .logo {
	height:110px;
}

#sfimg_header .desktop_buttons {
	height: 34px;
	margin-bottom:.75rem;
}

.top-bar-section .has-dropdown.not-click > .dropdown { display: none; }
.top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; z-index:1000 }

#sfimg_header .header-middle { padding:15px 0; color:#fff; background-image:url(/Images/Backgrounds/bg-sfimg_header3.jpg); background-size:cover; background-position:center; background-repeat:no-repeat }
#sfimg_header .header-middle input { margin-bottom:0; margin-top:10px; background:#fff; border:0 }

#sfimg_header .header-middle .postfix { margin-bottom:1rem; border:0; cursor:pointer!important }
#sfimg_header .header-middle .photo { width:67px; height:67px; border-radius:4px; margin-left:.5rem; float:right }
#sfimg_header .header-middle .header_info { font-weight: 700; font-size: .75rem; }
#sfimg_header .header-middle .pipe { color:#3CF }
#sfimg_header .header-middle .hot { color:#ffdd57 }
#sfimg_header .header-middle a { color:#fff }
#sfimg_header .header-middle .icon { position:relative; }
#sfimg_header .header-middle .logout { font-weight:900; text-decoration:underline }

#sfimg_header .header-menu { background-color:#333; padding:10px 0; color:darkgray; text-center; font-size:.875rem; text-align:center }
#sfimg_header .header-menu a { padding:0 7px; font-weight:700; color:#cccccc }
#sfimg_header .header-menu { color:#777 }
.top-bar-section .has-dropdown > a:after { border-top-style: none; }

#sfimg_header .b-search,
#sfimg_header .b-faq,
#sfimg_header .b-lp,
#sfimg_header .b-sfim,
#sfimg_header .b-email,
#sfimg_header .b-logout { background:rgba(0,0,0,.30); color:#fff; text-shadow:0px 1px 1px #000; cursor:pointer!important; text-align:center; border-radius:3px; padding:.3rem 1rem .3rem; margin-bottom:1rem; border:1px solid rgba(255,255,255,.75); position:relative }

#sfimg_header .mobile_buttons .b-search,
#sfimg_header .mobile_buttons .b-faq,
#sfimg_header .mobile_buttons .b-lp,
#sfimg_header .mobile_buttons .b-sfim,
#sfimg_header .mobile_buttons .b-email,
#sfimg_header .mobile_buttons .b-logout { padding-left: 0; padding-right: 0; }

#sfimg_header .desktop_buttons .b-email {
	margin-left:3px;
}

#sfimg_header .b-search:hover,
#sfimg_header .b-faq:hover,
#sfimg_header .b-lp:hover,
#sfimg_header .b-sfim:hover,
#sfimg_header .b-email:hover,
#sfimg_header .b-logout:hover { background:rgba(0,0,0,.5); }

#sfimg_header .animated { color:#FFB800 }

#sfimg_header .header-middle .unread {
    color:#fff;
    background:#B21C00;
    border-radius:50%;
    text-align:center;
    font-size:.75rem;
    height:24px;
    width:24px;
    line-height:24px;
    position:absolute;
    z-index:1000;
    left:30px;
    top:-5px;
    font-weight:700
}

#sfimg_header .member_info {
	padding:0;
}

/*#sfimg_header .header-menu { background-color:#333; padding:10px 0; color:darkgray; text-center; font-size:.875rem; text-align:center }*/
/*#sfimg_header .header-menu a { padding:0 7px; font-weight:700; color:#cccccc }*/
/*#sfimg_header .header-menu { color:#777 }
.top-bar-section .has-dropdown > a:after { border-top-style: none; }*/

/*#sfimg_header .b-search { background:#000; color:#fff; cursor:pointer!important }*/
/*#sfimg_header .b-faq { background:#FC0; color:#000!important; cursor:pointer!important }*/
/*#sfimg_header .b-lp { background:#68bd14; color:#fff; cursor:pointer!important }*/

#sfimg_header .trophy {
   text-align: center;
   height: 30px;
   line-height: 30px;
   /*background: rgba(0,0,0,.5);*/
   padding: 0rem;
   position: relative;
   top: -2px;
   margin-left:.25rem;
   border-radius:3px;
   text-shadow:1px 0 1px #000000;
}


/*#sfimg_header .animated { color:#FC0 }*/
#sfimg_header .trophySilver {
   color:#CCC!important;
}

#sfimg_header .trophyGold {
   color:#FC0!important;
}

nav .icon-tc_icon {
    font-size:1.5rem;
    position:relative;
    top:6px;
}

nav a {
    text-decoration: none !important;
}

.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}

/*center top bar menu*/
nav.top-bar {
    text-align:center;
}
section.top-bar-section {
    display: inline-block;
}

/* ALERT BAR  */
#alert_bar.alert { background-color:#cc0000; padding:.5rem 0; color:#fff; font-size:.9rem }
#alert_bar.notice { background-color:#F60; padding:.5rem 0; color:#fff; font-size:.9rem }
#alert_bar.congrats { background-color:#66cc00; padding:.5rem 0; color:#fff; font-size:.9rem }
#alert_bar a { color:#fff }
.close { position: relative; top: 50%; transform: translateY(-50%); -ms-transform:transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-right:1rem }

.top-bar-section .nav_link .dashed {
	border-bottom: 1px dashed white;
	padding-bottom: 2px;
}

.off-canvas-list li .dashed {
	border-bottom: 1px dashed white;
}

.top-bar-section li.root-item:not(.has-form) > a:not(.button) {
    font-weight: 900;
    text-transform: uppercase;
    font-family:"Lato", sans-serif;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    color: #FFFFFF ;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    color: #FFFFFF ;
    padding:2px 12px;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #555555 ;
    color: #b2e2f6 ;
    background: #222222 ;
}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    content: "\00203A";
}

.top-bar li:not(.root-item) a {
    line-height: 1.4rem !important;
    margin: 0;
}


.top-bar li:not(.root-item) a {
    line-height: 1.4rem !important;
    margin: 2px 0;
}
.top-bar-section li.root-item:not(.has-form) > a:not(.button) {
    padding: 0 0.6rem;
}
.top-bar-section .root-item.has-dropdown > a:after {
    margin-right: 0;
    visibility: hidden
}
.top-bar .navbar-description {
    color: #bebebe;
    font-size: 11px;
    line-height: 1em;
    padding-bottom: 3px;
}
.top-bar ul.expand-left {
    left: auto !important;
    right: 100%;
}

.top-bar-section .root-item > a
{
    padding: 0 11px !important;
}

.page_content { padding:1rem 0 }

.link_not_active {
	pointer-events:none;
  cursor:default;
	text-decoration:none;
	border-bottom:0;
}

@media (min-width:640px) and (max-width:860px) {
    body:not(.disable_responsive) .top-bar-section .root-item > a
    {
        padding: 0 7px !important;
        font-size: 0.65rem;
    }
    body:not(.disable_responsive) #sfimg_header .icon-tc_icon {
        font-size: 1.3rem;
    }
}

/*@media (min-width:320px) and (max-width:767px) {
    #sfimg_header { background-size:auto }

    #sfimg_header .header-middle .unread {
        text-align: center;
        padding: .25rem;
        border-radius: 2rem;
        background: #F00;
        color: #fff;
        font-size: .5rem;
        position:absolute;
        z-index:1000;
        left:15px;
        top:-4px;
        font-weight:900
    }
}*/





#alert_bar.alert { background-color:#cc0000 ; padding:.5rem 0; color:#fff; font-size:.9rem }
  #alert_bar.notice { background-color:#F60; padding:.5rem 0; color:#fff; font-size:.9rem }
  #alert_bar.congrats { background-color:#66cc00 ; padding:.5rem 0; color:#fff; font-size:.9rem }

	  #alert_bar.chat-alert a {
		  color: #036;
	  }

  #alert_bar.anniversary, #alert_bar.birthday, #alert_bar.newyear, #alert_bar.chat-alert {
      font-family: 'Pompiere', cursive;
      padding:.5rem 0;
      color:#036;
      font-size:1.25rem;
      background: rgb(228,245,252);
      background: -moz-linear-gradient(top, rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%);
      background: -webkit-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%);
      background: linear-gradient(to bottom, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc ', endColorstr='#2ab0ed ',GradientType=0 );

      background: rgb(242,246,248); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8 ', endColorstr='#e0eff9 ',GradientType=0 );

  }


 	#alert_bar.chat-alert {
		background:linear-gradient(#666666, #000000);
		color:#ffcc00;
		font-size: 1rem;
		border-bottom:1px solid #ccc;
	}


  #alert_bar a { color:#fff }

  #alert_bar.anniversary a,
  #alert_bar.birthday a,
  #alert_bar.newyear a {
      color:#036!important
  }

#footer {
	background:#555;
	color:#fff !important;
}

#footer p {
    color: inherit;
    font-size: 1rem;
    line-height: 1.6;
}

#footer .row {
	padding:2rem 0;
}

#footer .row .row {
	padding:0;
}

#footer h5 {
	color:#fff;
	letter-spacing:0;
}

#footer a {
	font-size:.8rem;
	color:#fff;
    text-decoration: none;
}

#footer .links a {
	display:block;
}

#footer .saying { margin-top:2rem }
#footer .saying img { border-radius:50%; margin-bottom:1rem }

.copyright { font-size:75%; color:#777; padding-bottom:1rem }

#ez_promo { background:#939; color:#fff; margin-bottom:1rem; font-weight:700; color:#fff; font-variant: small-caps; }
#ez_promo .row { padding:.5rem 0; }




div, p, span, a { font-family:"Lato", sans-serif }
 h1, h2, h3, h4, h5 { font-family:'Open Sans', sans-serif; font-weight:900; letter-spacing:0; color:#333 }



 .valign-middle {
   display: table;
}

 .valign-middle .columns {
   display: table-cell;
   vertical-align: middle;
}

 .valign-middle .columns,
 .valign-middle [class*="column"] + [class*="column"]:last-child {
   float: none;
}







/*homepage tabs*/
.tabs_bar {
	background:#fff;
	text-align:center;
	margin-top:2rem;
	border-bottom:#555;
	box-shadow:inset 0 -8px 16px -12px #000;
}

#tabs .button {
    font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    padding: .5rem;
    font-size: .75rem;
    background-color: #dedede;
    border-color: #ccc;
    color: #000;
    transition: border-bottom 300ms ease-out;
    margin-bottom:0;
}

#tabs .button:hover:not(.disabled) {
transition: background 300ms ease-out, border-top 300ms ease-out;
background-color:#fff;
color:#000;
}

#tabs .current {
background-color:#fff!important;
color:#000!important;
box-shadow:inset 0 2px 4px -2px #000;
}

#tabs .novp {
background-color:#C30;
color:#fff
}

.off-canvas-list .novp {
    color: #C30;
}

#tabs .novp:hover {
background-color:#F30!important;
color:#fff!important;
}

.off-canvas-list .yesvp {
    color: #669933;
}

#tabs .yesvp {
background-color:#99cc00;
color:#fff
}

#tabs .yesvp:hover {
background-color:#a9e100!important;
color:#fff!important;
}

#tabs .yesvp.current {
color:#7aa300!important;
}

#tabs .yesvp .dashed, #tabs .novp .dashed {
	border-bottom: 1px dashed white;
}

#tabs a {
    text-decoration: none;
}

@media (min-width:480px) and (max-width:768px) {
   #tabs .button {
   padding: .5rem .375rem!important;
   font-size: .7rem;
   width: 100%;
   }
}

@media (min-width:320px) and (max-width:480px) {
		.page_content p {
			font-size: .8rem;
			line-height: 1.33rem;
		}

		.page_content h2 {
			font-family:"Lato", sans-serif;
			font-size:1.33rem;
		}

		.page_content h3 {
			font-family:"Lato", sans-serif;
			font-size:1.125rem;
			font-weight:400;
		}

   .tabs_bar {
 			border-bottom:1px solid #ccc;
   }
}

@media (min-width:860px) and (max-width:950px) {

   #tabs .show-for-medium-up .button {
   font-weight: 700;
   padding: .5rem .6rem;
   font-size: .7rem;
   font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
   width:100%!important;
   }
}
@media (min-width:320px) and (max-width:859px) {

   #tabs .show-for-medium-up .button {
   font-weight: 700;
   padding: .5rem .55rem;
   font-size: .65rem;
   font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
   transition: border-bottom 300ms ease-out;
   margin-bottom:0;
   width:100%!important;
   }
}
@media (min-width:320px) and (max-width:768px) {
	#sfimg_header .row .row {
		margin:0;
	}

   #tabs .columns {
 position: relative;
 padding-left: 0;
 padding-right: 0;
 float: left;
   }

   #tabs .button.disabled {
       color: #777;
   }

   #tabs .yup {
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
   }

   #tabs .mobile_tabs {
 box-shadow:0px 5px 5px 5px #000!important
   }

	.page_content .row {
		margin:0;
	}

	#tabs .button { width: 100% }

}


@media (min-width:320px) and (max-width:1100px) {
	.page_content {
		padding:1rem 0.9375rem;
	}
}

[data-reactions="0"] .no-reactions {
    display: inline-block;
}
[data-reactions] .has-reactions {
    display: inline-block;
}
[data-reactions="0"] .has-reactions {
    display: none;
}
[data-reactions="1"] .has-reactions .plural-only {
    display: none;
}
.button[data-reactions] {
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-weight: normal !important;
	font-size: 0.6875rem !important;
}
.secondary.button[data-reactions] {
	color: #333333 !important;
}


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

	.disable_responsive .dropdown .main-navigation {
		display: flex;
	}
	
	.disable_responsive .dropdown li:not(:last-child) {
		display: block;
	}

}