/*===========================
  --- Header & menu ----
=========================== */
.navbar {
	
	background-color: rgba(0,0,0,0);
	display: block;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 0;
	padding-bottom:0;
	

	-webkit-transition: background .5s, -webkit-transform .5s; /* Safari */
    transition:  background .5s, transform .5s;	
}
.navbar .container{ overflow:visible;}

.navbar .navbar-collapse {
	margin-bottom: 0;
	border-top: 1px solid #ddd;
	padding-bottom:0;
}

.navbar .navbar-collapse.top-links {
	list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    line-height: 100%;
}

.navbar .navbar-collapse.top-links:after{
	display: table;
    content: " ";
    clear: both;
}

.navbar .navbar-collapse.top-links .login { float:right;  }
.navbar .navbar-collapse.top-links .signup { float:right; margin-right: 5px;}
.navbar .navbar-collapse.top-links .signup a{ border-left:none !important;}
.navbar .navbar-collapse.top-links a { font-family: 'Lato', sans-serif;font-weight: 400;font-size: 12px; text-transform: uppercase; color:#718888; }

.navbar .navbar-collapse.top-links .login > a, .top-links .signup > a { color: #fff; font-size: 12px; padding:10px 10px; display: block; /*border-left:1px solid #ddd; border-right:1px solid #ddd;*/}



.navbar .navbar-collapse .user-name-label { float:right; display:table-cell; vertical-align:middle; padding:0px;font-family: 'Lato', sans-serif;font-weight: 400;font-size: 12px; position: relative; color: #fff; overflow: hidden;}
.navbar .navbar-collapse .user-name-label a.dropdown-toggle { display: block; padding: 10px 0px; text-transform: none; color: #fff;}
.navbar.menusmall .navbar-collapse .user-name-label a.dropdown-toggle{ color: #f18762; }
.navbar .navbar-collapse.in .user-name-label a.dropdown-toggle{ color: #fff; }
.navbar .navbar-collapse .user-inbox-label  {
	float: right;
}
.navbar .navbar-collapse .user-inbox-label .top-user-inbox {
	padding: 8px 0px;
}
.navbar .navbar-collapse .user-inbox-label .top-user-inbox a {
	color: red!important;
	margin-right: 10px;
}
.navbar .navbar-collapse .user-inbox-label .top-user-inbox a .fa {
	margin-right: 3px;
	font-size: 14px!important;
	color: red!important;
}
.navbar .navbar-collapse .user-inbox-label .top-user-inbox a:hover {
	opacity: 0.6;
}

.nav li {
	height: 100%;
	line-height: 100%;
	padding-bottom:0;
	text-align: left;
}

.nav>li>a {
	display: inline-block;
	line-height: 100%;
	vertical-align: middle;
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}
.nav>li>a .fa{
    font-family: 'FontAwesome';
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	text-align:right;
	margin-left:5px;
}
.nav>li>a:hover {
	background: none !important;
}

.nav>li> a span{font-size:12px; border-radius:5px;display:block; padding:0 15px; margin:-13px 0 0 0px;}
.nav>li> a:hover span{ background:#37d2cf; color:#FFF; border-color:#13afac;}

.nav>li> a .start-link{ background:#f18762; color: #fff; font-size:12px; border:1px solid #d9784b; border-radius:5px; line-height:36px; height:41px; display:block; padding:0 10px; margin:-13px 0 0 0px; font-weight: 700;}
.nav>li> a:hover .start-link:hover{ background:#37d2cf; color:#FFF; border-color:#13afac;}
.nav > li > a .new_start-link {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2ad2d0;
    border-radius: 5px;
    color: #2ad2d0;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 41px;
    line-height: 41px;
    /* margin: -13px 0 0; */
    padding: 0 10px;
}
.nav > li:hover > a .new_start-link {
    background: #2ad2d0 none repeat scroll 0 0;
    border: 1px solid #2ad2d0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 41px;
    /* line-height: 36px; */
    /* margin: -13px 0 0; */
    padding: 0 10px;
}
.nav>li> a .fa.start-icon{ background:#f18762; border:1px solid #d9784b; border-radius:5px; line-height:28px; color:#fff; font-size:18px; text-decoration:none; margin:-3px 0px 0px 0px; padding:0px 8px; display:none;}
.nav>li> a:hover .fa.start-icon:hover{ background:#37d2cf; color:#FFF; border-color:#13afac;}

.nav>li> a span img{ border-radius:50%;}

.nav>li.login{ margin-left:50px;}

.navbar-nav {
	margin-bottom: 0;
	padding-bottom:0;
}

.nav li{ overflow:hidden;}
.nav li ul{ width:100%; float:left; background-color: #eee; border: 0; list-style:none; margin:0; padding:0px 0; position:absolute; z-index:10; min-width: 130px;}


@media screen and (min-width: 768px) {
	.nav li:hover{ overflow: visible;}
	.nav li:hover ul{ width:100%; float:left; height:auto !important; opacity:1; transition: all 0.3s ease-out; }
}
@media screen and (max-width: 768px) {
	.nav li.open{ overflow: visible;}
	.nav li.open ul{ width:100%; float:left; height:auto !important; opacity:1; transition: all 0.3s ease-out; }
}
.nav li ul {
	position: relative !important;
}
.nav li ul li a {
	color: #333 !important;
}
.nav li ul li{ margin:0 0 0 0px; padding:0px 0px 0px 0px; text-align:left; line-height:18px; width:100%; }
.nav li ul li a{color: #fff; font-weight: 400; font-size: 12px; text-transform: uppercase; font-family: 'Lato', sans-serif; display:block; /*padding-left:10px;*/ padding:8px 0 8px 10px; }

.nav li ul li .fa{ margin:0px 5px 0 -13px; padding-left:13px; font-size:14px;}
.nav li ul li a span{ width:90%; text-align:left; padding:0px 0px 0px 13px; margin:0px;}



.navbar .navbar-nav > .active > a {
	color: #fff;
}
.navbar .navbar-nav > .active > a {
	padding-bottom: 22px;
}

h1 a.navbar-brand {
	background: url("/assets/imgs/Inverse-logo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	width:158px;
	height:51px;
}
h1 a.navbar-brand-inr {
	background: url("../img/logo_after.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	width:158px;
	height:51px;
	margin:24px 0px 0px 0px;
}
.navbar-brand img {
	vertical-align: middle;
}
.navbar-brand-inr {
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 90px;
}

.navbar-brand-inr img {
	vertical-align: middle;
}


.navbar-collapse.in {
	margin-top: 0px !important;
}
.navbar-toggle .icon-bar {
    background-color: #455a89;
}


.menusmall{ width:100%; background-color: rgba(255,255,255,1); height:110px; /*transition: all 0.3s ease-out;*/}
.menusmall h1 a.navbar-brand {background:url(../img/logo_after.png) no-repeat left top; margin:0px 0px 0px 0px;}
.menusmall h1 a.navbar-brand-inr{background:url(../img/logo_after.png) no-repeat left top; margin:0px 0px 0px 0px;}
.menusmall .top_bdr{border-bottom:0px solid rgba(255,255,255,0);}

.menusmall li { float:left;}
.menusmall li a{ color:#465b87;}
.menusmall .nav>li>a:hover, .menusmall .navbar .navbar-nav > .active > a {color: #f18762;}
.navbar .navbar-nav > li:last-child.active > a {color: #fff;}
.navbar .navbar-nav > li:last-child.active > a:hover {color: #ff0036;}
.menusmall li a .fa{ color:#37d2cf;}
.menusmall li a:hover .fa{ color:#37d2cf;}
.menusmall li ul li a:hover .fa{ color:#fff;}
.menusmall li.login a, .menusmall li.signup a{ color:#f18762!important;}