@charset "utf-8";

/*						*/
/*		Header			*/
/*						*/

header{
	position: relative;
}

/*		menu			*/

header .menu{
	position: relative;
	z-index:200;

	height:78px;
	
	background-color:#fff;
	border-bottom:1px solid #eee;
}


header .logo {
	width: 150px;
	z-index:1100;

	font-family:a-otf-gothic-bbb-pr6n, sans-serif;		
	transition: .3s;			
}

header .logo a{
	text-decoration: none;
}


header .logo img{
	width: 140px;
	height:auto;
	margin:0 auto 1px auto;	
}

header .menu .navbar a{
	font-size:13px;	
	color:#5EB7E8 !important;
	font-family:a-otf-gothic-bbb-pr6n, sans-serif;		
	transition: .3s;	
}


header .navbar-nav{
	position: absolute;
	padding-top:24px;
}

header .menu .navbar-nav a{
	font-size:15px;	
	color:#2F759B !important;	
}

header .logo:hover, header .menu .nav-item > a:hover{
	opacity:0.5;
}

header .menu .dropdown-menu{
	border-color:#eee;
}

header .menu .sub{
	margin-top:-36px;
}

header .menu .sub li:first-child a{
	border-right:1px solid #ccc;
	padding-right:10px;
}

header .menu .sub a{
	color:#666 !important;
	font-size:11px;
	font-family:a-otf-gothic-bbb-pr6n, sans-serif;
	text-decoration: none;
	transition: .3s;
}

header .menu .sub a:hover{
	color:#ccc !important;
}


@media (max-width: 575.98px) {
	header .menu{
		height:54px;
		position: fixed;
		top: 0;
		right: 0;
		left: 0 ;
		z-index:1000;
	}
	
	header .logo {
		width:240px;
		height:30px;
		
		left: 0;
		right: 0;
		margin:2px auto 0 auto;
		font-size:10px !important;
	}

	header .logo img{
		height:25px;
		width:auto;
		margin:3px 0 0 7px;
		
		vertical-align:bottom;	
	}
	
	
	header .menu .navbar-nav {
		background-color:#fff;
		border:1px solid #eee;
		border-top:none;
		margin-top:9px;
		padding:0 1em 0.5em 1em;
	}
	
	header .menu .navbar-toggler{
		margin-top:2px;
	}
}

@media  (min-width: 576px){
	header .menu .navbar-nav  > li{
		margin-top:1em;				
		margin-left:2em;
	}

	header .menu .dropdown-menu{
		margin-top:1px;
		border-top:none;
		border-radius:0 0 3px 3px;
	}	

	
	header .menu.mini #navbars{
		margin-top:0;
	}	
	
	header .menu.mini{
		height:78px;
		
		position: fixed;
		width:100%;
		z-index:100;		
	}
	
	header .menu.mini .logo{
		display:block;
	}
	
	header .menu.mini .dropdown-menu{
		margin-top:-1px;
	}	
	
}