#product-navi{
	margin-top:75px;
	width:100%;
	position:fixed;
	z-index:2
	}
	@media only screen and (
		max-width:991px
	)
	{
	#product-navi{
		margin-top:60px
	}
}
.nav-justified .nav-item{
	background-color:#0563a5
}
.nav-pills .nav-link{
	border-radius:0
}
.nav-link{
	color:#fff;
	border-right:solid 1px #004781;
	padding:.75em 1em
}
.nav-link:hover{
	color:#fed890;
	background:#006cb0;
}
header{
	z-index:1000;
	background-color:#fff;
	height:75px;
	position:fixed;
	width:100%;
	border-bottom: solid 3px #003663;
	top:0;
	padding-top:30px;

	}
	@media only screen and (
		max-width:991px
		)
	{
	header{
		height:80px;
	}
}
header #kennedy-logo{
	display:inline-block;
	height:42px;
	margin-left:20px;
	}
	@media only screen and (
		max-width:991px
	)
	{
	header #kennedy-logo{
		height:50px
	}
}
header nav{
	float:right
	}
	@media only screen and (
		max-width:991px
	)
	{
	header nav{
		position:relative;
		float:none;
		display:none;
		margin:auto;
		z-index:1
	}
}
header nav ul{
	padding:0;
	display:inline-block;
	vertical-align:top;
	margin:27px 0;
	margin-left:-25px;
	margin-right:-25px;
	}
	@media only screen and (
		max-width:1199px
	)
	{
	header nav ul{
		margin:24px 0
	}
}
	@media only screen and (
		max-width:991px
	)
	{
	header nav ul{
		display:block;
		margin:auto;
		background-color:#fff
	}
}
header nav ul li{
	display:inline-block;
	margin:0 40px;
	font-family:'Open Sans',sans-serif
	}
	@media only screen and (
		max-width:1199px
	)
	{
	header nav ul li{
		font-size:14px;
		margin:0 20px
	}
}
	@media only screen and (
		max-width:991px
	)
{
	header nav ul li{
		display:block;
		text-align:center;
		margin:0
	}
}
header nav ul li a{
	text-decoration:none!important;
	color:#000;
	padding:5px 0
}
header nav ul li a:hover{
	color:#006cb0
	}
	@media only screen and (
		max-width:991px
	)
{
	header nav ul li a{
		display:block;
		padding:10px 0
	}
}
header .explore{
	cursor:default
}
header .explore #arrow{
	display:none
	}
	@media only screen and (
		max-width:991px
	)
	{
	header .explore #arrow{
		display:inline-block;
		width:10px;
		padding:5px
	}
	header .explore #arrow:hover{
		background-color:#edeff0
	}
}
header .explore .sub-menu{
	position:absolute;
	margin:4px 0 0 -44px;
	background-color:#fff;
	display:none
	}
	@media only screen and (
		max-width:991px
	)
	{
	header .explore .sub-menu{
		position:static;
		margin:0;
		border:none
	}
}
header .explore .sub-menu li{
	display:block;
	margin:0;
	text-align:center
}
header .explore .sub-menu li:hover{
	background-color:#edeff0;
	color:#006cb0
	}
	@media only screen and (
		max-width:991px
	)
	{
	header .explore .sub-menu li:hover{
		background-color:#fff;
		color:#006cb0
	}
}
header .explore .sub-menu a{
	display:block;
	padding:10px 35px
}
header .flipped{
	transform:rotate(180deg)
}
header #menards-logo{
	width:150px;
	display:inline-block;
	margin:28px 20px 0 10px
	}
	@media only screen and (
		max-width:1199px
	)
{
header #menards-logo{
	width:100px;
	margin:30px 20px 0 10px
	}}
	@media only screen and (
		max-width:991px
	)
	{
	header #menards-logo{
		display:none
	}
}
header #mobile-menu{
	display:none
	}
	@media only screen and (
		max-width:991px
	)
	{
	header #mobile-menu{
		display:block;
		width:20px;
		float:right;
		margin:12px 30px 0 0;
		cursor:pointer;
		padding:10px;
		z-index:1000
	}
	header #mobile-menu:hover{
		background-color:#edeff0
	}
}
