.flex{
	display: flex;
	align-items:center;
	align-content:center;
	justify-content: space-between;
}
header{
	padding: 15px 0px;
	display: block;
	background: #fff;

}
/*header .container{*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	align-items: center;*/
/*}*/
header .container img{
	max-width: 150px;
	transition: all .3s;
}
header .container ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .container ul li{
	list-style: none;
	text-decoration: none;
	padding: 0px 20px;
	transition: all .3s;
}
.navbar-inverse .navbar-nav > li > a{
	border-bottom: 2px solid transparent;
	padding: 15px 0px;
	color: #333;
	font-size: 18px;
	transition: all .3s;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	text-decoration: none;
	border-color: #00489a;
	/*transition: all .3s ease .2s;*/
	transition: transform 0.2s ease;
	color: #00489a;
	background: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
	text-decoration: none;
	border-color: #00489a;
	/*transition: all .3s ease .2s;*/
	transition: transform 0.2s ease;
	color: #00489a;
	background: transparent;
}
.navbar-nav ul.dropdown-menu{
	display: none;
}
.navbar-inverse .navbar-nav > li > a:hover .navbar-nav ul.dropdown-menu{
	display: block;
}
header .container ul li a:hover{
	text-decoration: none;
	border-color: #00489a;
	/*transition: all .3s ease .2s;*/
	transition: transform 0.2s ease;
	color: #00489a;
}
a:hover{
	text-decoration: none;
}
img{
	max-width: 100%;
	width: auto;
}
.header .navbar{
	margin-bottom: 0px;
	border-bottom: 1px solid #d4d4d4;
}
.navbar-inverse{
	background: #fff;
}
.navbar-nav .form-search{
	position: inherit;
}
.navbar-nav .form-search input{
	top: -12px;
	height: 33px;
}
header .sub-navs li:nth-last-child(2){
	display: none;
}
 header .sub-navs .dropdown-menu li:nth-last-child(2){
	 display: block;
 }
header .container .dropdown-menu li:last-child{
	padding: 0px
}
header .container .dropdown-menu li{
	padding: 0px
}
header .container .dropdown-menu li a{
	padding: 10px 15px;
	border-bottom: 1px solid #00489a;
}
.navbar-inverse .navbar-nav .dropdown:hover > a{
	color: #00489a;
}
@media (min-width: 768px){

	header .container .tranNav img{
		max-width: 80px;
		transition: all .3s;
	}
	header .container .tranNav ul li{
		padding: 0px 10px;
		transition: all .3s;
	}
	header .container .tranNav ul li a{
		font-size: 16px;
		transition: all .3s;
	}
	.navbar-brand{
		height: auto;
	}
	header .container ul li:last-child{
		padding-right: 110px;
		position: relative;
	}
}

@media (max-width: 991px){
	.navbar-nav .open ul.dropdown-menu{
		display: block;
	}
	header .container ul li{
		padding: 0px 6px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-header {
		overflow: hidden;
		width: auto;
	}
	header .container ul li:last-child{
		display: none;
	}
	header .container ul.dropdown-menu li:last-child{
		display: block;
	}

}
@media (max-width: 991px){
	navbar-collapse
}
@media (min-width:768px) {
	#navbar-collapse{
		display: flex !important;
	}
}
@media (max-width:767px) {
	.navbar-collapse{
		display: none;
	}
	.navbar-header{
		width: 100%;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		background-color: #333;
	}
	.navbar-inverse .container{
		position: relative;
	}
	.collapse.in{
		display: block;
		position: absolute;
		width: 100%;
		overflow-y: inherit;
		background-color: #fff;
		max-height: inherit;
		top: 50px;
		border:1px solid #E5E5E5;
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
		background-color: #fff;
	}
	.navbar-inverse .navbar-toggle{
		border-color: #333;
	}
	.navbar-right button{
		width: 124px;
		margin-left: 15px;
	}
	.navbar-inverse .navbar-nav > .active > a::after{
		width: 0px;
	}
	.caret{
		margin-left: 10px;
		border-top: 8px dashed;
		border-top: 4px solid \9;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
	}
	header .container img{
		max-height: 45px;
	}
	header .container ul{
		display: block;
	}
	.navbar-inverse .navbar-form{
		border: none;
		padding-left: 0px;
		margin-top: 20px;
	}
}
