header {
	background-color:#2b5696;
	position: relative;
}

@media screen and (max-width: 1200px){
	header{
		max-width: 1180px;
	}
}

.navbar {
	margin-top: 20px;
}

.logo {
	display: inline-block;
	left: 2.4%;
	padding: 0;
	position: absolute;
	top: 1px;	
}

/* SEARCH */

.navbar_search {
	background: #fff;
	border-radius: 5px;
	margin: 12px 0 auto 55px;
}

.navbar_search span {
	padding: 6px;
}

.navbar_search button {
	background: #fff;
	/*border: 1px solid #c6c6c6;
	border-radius: 3px !important;*/
	/*color: #2c5896;*/
	color: #555;
	font-size: 18px;
	margin-right: 0;
	/*padding: 3px 6px;*/
	padding: 0 6px;
	z-index: 12;
}

.navbar_search .glyphicon {
	top: 2px;
}

.navbar_search_input {
	border: none;
	font-family: "Cantarell-Regular";
	height: 40px;
}

.navbar_search_input:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-color: transparent !important;
  outline-style: none !important;
}

/* SEARCH ENDS */


/* NAVIGATION BAR */

.navbar_top a{
	color: #fff;
}

.navbar_top a:active{
	background-color: #477ebf;
}

.navigation {
	line-height: 65px;
	padding:0;
}

.navigation li {
	float: left;
	padding: 0;
	text-align: center;	
}

.submenu li:hover {
	background-color: #477ebf; 
}

.navigation li a {	
	font-family: "Cantarell-Regular";
	font-size: 17px;
	line-height: 65px;
	padding: 0 11px;
}

.logged .navigation > li > a {	
	/*padding: 0 15px;*/
	 padding: 0px 13px;

}

.dropdown-menu {
	background-color: #2a333f;
	border: none;
	-webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.8);
	box-shadow: 0 2px 9px rgba(0,0,0,0.8);
	color: #fff;
	padding-top: 0;
}

.dropdown-menu li a {
	background-color: #2a333f;
	border-top: 2px dotted #333e4d;
	color: #778294;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 42px;
	padding-left: 20px;
	text-align: left;
	text-transform: capitalize;
	width: 200px;
}

.dropdown-menu li:first-child a {
	border-top: none;
}

.dropdown-menu li a:hover {
	background-color: #1a2433 !important;
	color: #fff;
}

.navigation li a:focus,
.submenu > a:focus,
.navigation > li > a:hover {
	background: #4177b9  !important;
}

.navigation .sub-menu {
	position: relative;
}

.navigation .sub-menu > ul {
	left: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2px;
	width: 100%;
}

.navigation .sub-menu:first-child > ul {
	top: 0;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 96dpi) and (max-width: 767px),
only screen and (                min-resolution: 1dppx)  and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1534px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1534px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1534px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1534px),
only screen and (                min-resolution: 192dpi) and (max-width: 1534px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1534px),
only screen and (-webkit-min-device-pixel-ratio: 3)      and (max-width: 2401px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (max-width: 2401px),
only screen and (     -o-min-device-pixel-ratio: 3/1)    and (max-width: 2401px),
only screen and (        min-device-pixel-ratio: 3)      and (max-width: 2401px),
only screen and (                min-resolution: 288dpi) and (max-width: 2401px),
only screen and (                min-resolution: 3dppx)  and (max-width: 2401px) { 
 .navbar-nav .open .dropdown-menu {
   position: absolute;
   background-color: #2a333f;
  }
  .navbar-nav .open .dropdown-menu>li>a {
   line-height: 32px;
  }
}
@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
 .navbar-nav .open .dropdown-menu {
   position: absolute;
   background-color: #2a333f;
  }
  .navbar-nav .open .dropdown-menu>li>a {
   line-height: 32px;
  }
}

/* NAVIGATION BAR */

/* USER MENU */

.logged .user-menu {
	padding-right: 10px;
}

.user-menu .user-menu-item {
	float: right;
}

.user-menu .user-menu-item > a,
.user-menu .user-menu-item > a:focus {
	border-left: 1px solid #2a4162;
	-moz-box-shadow   : inset 1px 0 0 0 #3268b9;
	-webkit-box-shadow: inset 1px 0 0 0 #3268b9;
	box-shadow        : inset 1px 0 0 0 #3268b9;
	font-family: "Cantarell-Bold";
	font-size: 12px;
	height: 65px;
	padding: 7px 12px;
	text-transform: capitalize;
	color: #fff;
}

.user-menu .user-menu-item a:focus {
	background-color: #2b5696;
}

.user-menu .user-menu-item a:hover{
	background: #4177b9;
	color: #fff;
}

.nav_fb a {
	border-right: 1px solid #2a4162;
	position: relative;
}

.nav_fb a:after {
	content: ' ';
	-moz-box-shadow   : inset 1px 0 0 0 #3268b9;
	-webkit-box-shadow: inset 1px 0 0 0 #3268b9;
	box-shadow        : inset 1px 0 0 0 #3268b9;
	height: 100%;
	position: absolute;
	right: -2px;
	top: 0;
	width: 1px;
}

.user-menu img {
	margin: 0 auto;
	
}

.nav_fb img {
	padding-top: 10px;
}

/* USER MENU  ENDS */

/* HEADER BOTTOM NAVIGATION */

.navbar_header_bottom {
	min-width: 100%;
	background-color: #394351;
}

.navbar_header_bottom .nav_bottom {
	list-style: none;
    margin: 0 auto;
}

.nav_bottom li {
    display: inline-block;
}

.nav_bottom li a {
	color: #a3aec0;
    display: inline-block;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;    
}

.nav_bottom a:hover,
.nav_bottom a:focus {
	color: #fff;
}

.nav_bottom a.active {
	color: #fff;
	font-weight: bold;
}

/* HEADER BOTTOM NAVIGATION ENDS */

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 2700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 2700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 2700px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 2700px),
only screen and (                min-resolution: 192dpi) and (max-width: 2700px),
only screen and (                min-resolution: 2dppx)  and (max-width: 2700px),
only screen and (-webkit-min-device-pixel-ratio: 3)      and (max-width: 4050px),
only screen and (   min--moz-device-pixel-ratio: 3)      and (max-width: 4050px),
only screen and (     -o-min-device-pixel-ratio: 3/1)    and (max-width: 4050px),
only screen and (        min-device-pixel-ratio: 3)      and (max-width: 4050px),
only screen and (                min-resolution: 288dpi) and (max-width: 4050px),
only screen and (                min-resolution: 3dppx)  and (max-width: 4050px) { 
 	.navigation > li > a {	
		padding: 0 5px;
	}
	.logged .navigation > li > a {	
		padding: 0 10px;
	}
	.user-menu {	
		padding-right: 1px;
	}
	.logged .user-menu li a {
		padding: 7px 8px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1)      and (max-width: 1560px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (max-width: 1560px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1560px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1560px),
only screen and (                min-resolution: 96dpi) and (max-width: 1560px),
only screen and (                min-resolution: 1dppx)  and (max-width: 1560px),
only screen and (-webkit-min-device-pixel-ratio: 1)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 1)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 96dpi) and (max-width: 767px),
only screen and (                min-resolution: 1dppx)  and (max-width: 767px) { 
 	.navigation > li > a {	
		padding: 0 5px;
	}
	.logged .navigation > li > a {	
		  padding: 0px 7px;
		  font-size: 14px;
	}
	.user-menu {	
		padding-right: 1px;
	}
	.logged .user-menu li a {
		padding: 7px 8px;
	}
}