.social-bar{
	height: 35px;
}
.social-bar a{
	color: white;
	margin-left: 8px;
}
.social-bar a:hover{
	color: #ffe002;
}
.social-bar .commerce-bar a{
	color: white;
	margin-left: 0px;
}

.nav-container{
	background-color: rgba(0, 53, 149, 0.7);
	position: absolute;
	top:35px;
	left:0px;
	width:100%;
	z-index: 100;
}

.nav-container.solid-bar{
	background-color: rgba(0, 53, 149, 1.0);
	position: static;
}

.logo img{
	height: 50px;
	width: auto;
}

header nav{
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	flex-direction: row;
}

nav.woocommerce-breadcrumb{
	justify-content: flex-start;
}

header nav>div>ul{
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-right: 20px;
}

header nav>div>ul>li{
	height:75px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

header nav>div>ul>li ul{
	display: none;
}

header nav>div>ul>li>a{
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:0px 12px;
	font-size: 14px;
}

header nav>div>ul>li>a:hover{
	color: #001c4f;
	background-color: rgba(255,255,255,0.5);
}

header nav>div>ul>li.active>a{
	background-color: white;
	color: #003595;
}

.mobile-logo a>img{
	height: 50px;
	width: auto;
}

@media (max-width: 1399.98px) {
	header nav>div>ul>li a{
		font-size: 14px;
	}
}

@media (max-width: 1199.98px) {
	header nav>div>ul{
		flex-direction: column;
		margin:0px;
		padding:0px;
		margin-right: 0px;
	}
	header nav>div>ul>li{
		height:55px;

	}
	header nav>div>ul>li a{
		font-size: 16px;
	}
	header nav{
		width: 100%;
		justify-content: flex-center;
		flex-direction: column;
		padding-top:0px;
		padding-bottom:40px;
	}
	header nav>div>ul>li>a:hover{
		color: #ffe002;
		background-color: transparent;
	}
	.nav-container{
		position: static;
		background-color: rgba(0, 53, 149, 1.0);
	}
}

@media (min-width: 1199.99px) {
  
  #navCollapse.collapse{
	  display: block !important;
  }
  
}

@media (max-width: 991.98px) {
	
}

@media (max-width: 767.98px) {
	
}