.toggleMenu{
	display:none;
	border-bottom: 2px solid #003893;
	border-top: 2px solid #003893;}
.expand{
	display:none;
	font-size:0.875rem;
	padding: 0 2%}
#mainnav{
	float:left;
	width:100%;
	margin:-93px 0 0 0;
	margin:-5.8125rem 0 0 0;}
#mainnav ul{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;}
#mainnav ul li{
	position:relative;
	margin:0;
	display:inline-block;
	border-bottom:2px solid #003893;
	border-top:2px solid #003893;
	float:left;}
#mainnav ul li.nav-item-left{padding:0 2.2%;}
#mainnav ul li.nav-item-right{padding:0 1%;}
#mainnav ul li a{
	text-decoration:none;
	font-family: 'Roboto Slab', serif;
	font-size:21px;
	font-size:1.3125rem;
	line-height:23px;
	line-height:1.4375rem;
	font-weight:700;
	color:#ffffff;
	padding:6px 0;
	padding:0.375rem 0;
	display:inline-block;}
#mainnav ul li a:hover,
#mainnav ul li.active a,
#mainnav ul li:hover a{color:#022762;}

#mainnav ul > li:nth-child(3){margin-right:17%;}

#mainnav ul li ul{
	position:absolute;
	left:10%;
	top:36px;
	top:2.25rem;
	width:178px;
	width:11.125rem;
	padding:8px 0;
	padding:0.5rem 0; 
	margin:0;
	text-align:left;
	background: rgba(225,227,230,0.9);
	display:none;
	z-index: 101;}
#mainnav ul li.nav-item-left ul{left: 20%;}
#mainnav ul li.nav-item-right ul{left: 15%;}
#mainnav ul li.last ul{right:10%; left:auto;}

#mainnav ul li ul li{
	float:left;
	padding:0; 
	width:100%;
	position:relative;
	margin:0;
	border:0;}

#mainnav ul li:hover ul li a,
#mainnav ul li ul li a{
	font-size: 14px;
	font-size: 0.875rem;
	line-height:17px;
	line-height: 1.0625;
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	color:#003893;
	padding: 8px 8%;
	padding: 0.5rem 8%;
	width:84%;
	z-index:101;
	position:relative;
	display:inline-block;
	} 
#mainnav ul li ul li a.drop1_haschildren{
	background: url(custom/images/menu_arw.png) 92% center no-repeat;}
#mainnav ul li ul li a.drop1_haschildren:hover{
	background: url(custom/images/menu_arw_hvr.png) 92% center no-repeat;}
#mainnav ul li:hover ul li a:hover,#mainnav ul li ul li a:hover{color:#002560;}


#mainnav ul li ul ul{
	position:absolute;
	left:100%;
	top:0;
	width:178px;
	width:11.125rem;
	padding:8px 0.75rem;
	padding:0.5rem  0.75rem; 
	margin:0;
	text-align:left;
	background: rgba(0,56,147,0.9);
	display:none;
	z-index:101;}

#mainnav ul li ul li ul li{
	float:left;
	padding:0; 
	width:100%;
	position:relative;
	margin:0;
	border:0;}

#mainnav ul li:hover ul li:hover ul li a,
#mainnav ul li ul li ul li a,
#mainnav ul li:hover ul li:hover ul li:hover a{
	font-size: 14px;
	font-size: 0.875rem;
	line-height:17px;
	line-height: 1.0625;
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	color:#003893;
	padding: 8px 8%;
	padding: 0.5rem 8%;
	width:100%;
	z-index:101;
	position:relative;
	display:inline-block;} 


#mainnav ul li:hover ul{display:block;}
#mainnav ul li:hover ul .drop_level2_wrapper ul{display:none;}
#mainnav ul li:hover ul li:hover .drop_level2_wrapper ul{
	display:block;
	left:178px;
	top:-8px;}

#mainnav ul li ul li:hover ul{display:block;}

#mainnav ul li ul li ul li{ padding:7px 0!important;}

#mainnav ul li ul li ul li a{color:#ffffff!important; padding:0 !important}
#mainnav ul li ul li ul li a:hover{  color: #002560!important; padding:0;}

#mainnav ul li ul li.drop:hover > a{color:#002560!important;  background:url(custom/images/hover_arw.png) no-repeat 165px 5px!important;}

#mainnav ul li:last-child > ul li ul{left:-180px;}

/*****INSIDE NAVIGATION*****/
#menu{
	float:left;
	width:100%;
	padding:13px 0 6px 0;
	padding:0.8125rem 0 0.375rem;
	background:#d9dbdf;}
#menu ul{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;}
#menu a{
	margin-bottom:6px;
	margin-bottom:0.375rem;
	font-family: 'Roboto Slab', serif;}
#menu ul li{
	float:left;
	width:100%;}
#menu ul li a{
	float:left;
	padding:6px 5% 6px 10%;
	padding:0.375rem 5% 0.375rem 10%;
	width:85%;
	font-size:16px;
	font-size:1rem; 
	text-decoration:none;
	color:#002560;
	line-height:20px;
	line-height:1.25rem;}
#menu ul li a:hover,#menu ul li a.ln_default{
	text-decoration:none;
	color:#ffffff;
	background:#003893;}
#menu ul li ul li a{padding-left:19%; width:76%;}
#menu ul li ul li a:hover,#menu ul li a.ln2_default{color:#ffffff; background:#003893;}
#menu ul li ul li ul li a{width:71%; padding-left:24%; color:#003893;}
#menu ul li ul li ul li a:hover,#menu ul li a.ln3_default{color:#ffffff; background:#003893;}

/*****MEDIA QUERIES*****/
@media only screen and (max-width:75rem) {
	#mainnav ul li.nav-item-right {padding: 0 1%;}
	#mainnav ul li.nav-item-left {padding: 0 2%;}
	#mainnav ul > li:nth-child(3) {margin-right: 20%;}
}

@media only screen and (max-width: 72rem) {
	#mainnav ul li.nav-item-right {padding: 0 0.8%;}
	#mainnav ul li.nav-item-left {padding: 0 1.7%;}
	#mainnav ul > li:nth-child(3) {margin-right: 19%;}
}

@media only screen and (max-width: 68rem) {
	#mainnav ul li.nav-item-right {padding: 0 0.6%;}
	#mainnav ul li.nav-item-left {padding: 0 1.6%;}
	#mainnav ul > li:nth-child(3) {margin-right: 17%;}
}
@media only screen and (max-width:64rem){
	#mainnav ul li{
		border-bottom:2px solid #ffffff;
		border-top:2px solid #ffffff;}
	#mainnav{
		width:100%;
		margin:0;}
	.toggleMenu{
		display:block;
		font-family: 'Roboto Slab', serif;
		font-size: 21px;
		font-size: 1.3125rem;
		line-height: 23px;
		line-height: 1.4375rem;
		font-weight: 700;
		color: #ffffff;
		padding: 6px 0;
		padding: 0.375rem 0;
		display: inline-block;
		width:100%;
		border-bottom: 2px solid #003893;
		border-top: 2px solid #003893;}
	.toggleMenu:hover{text-decoration:none;}
	.toggleMenu.actv .fa-chevron-down:before{content: "\f077";}
	.expand{
		display: inline-block;
		float: none !important;
		position: absolute;
		right: 0;
		top: 0;
		padding: 1rem 2.5%;}
	.toggleMenu i{
		font-size:1rem;
		padding:0 2%;
		display:block;}
	#mainnav.left-logo ul{width:100%;}
	#mainnav ul li{
		width:100%;
		padding:0 !important;
		border-top:0;}
	#mainnav ul li a{
		float: left;
		width: 93%;
		line-height: 2rem;
		padding: 1rem 5% 1rem 2%;
		margin: 0;
		text-align:left;}
	#mainnav ul li ul{
		position:relative;
		width:100%;
		display:inline-block;
		left:0;
		padding:0.5rem 2%;
		width:96%;}
	#mainnav.left-logo ul li ul{width:96%;}
	#mainnav ul li.nav-item-left ul,
	#mainnav ul li.nav-item-right ul{
		left:0;
		top:0;
		right:0;}
	#mainnav ul li ul li ul li{padding:0.875rem 0 !important;}
	#mainnav ul li:hover ul li a,
	#mainnav ul li ul li a{padding: 0.875rem 8% 0.875rem 2%; width:90%;}
	#mainnav ul li ul li a.drop1_haschildren,#mainnav ul li ul li a.drop1_haschildren:hover{background:none;}
	#topnav,#mainnav ul li.nav-item-left ul, #mainnav ul li.nav-item-right ul{display: none;}
	#mainnav ul li:hover ul,#mainnav ul li ul li:hover ul,#mainnav ul li:hover ul li:hover ul,#mainnav ul li:hover ul li:hover .drop_level2_wrapper ul{display:none;}
	
	#mainnav ul li:hover ul li:hover .drop_level2_wrapper ul{
		left:0;
		top:0;}
	#mainnav ul li ul li ul{
		position:relative;
		width:100%;
		display:inline-block;
		left:0;
		width:100%;}
	#mainnav ul li ul li .expand{z-index:101; cursor:pointer;}
}
@media only screen and (min-width: 50rem) { 
	header nav{ display:block!important}
}