#mainnav{
	width:100%;
	position:relative;
	padding:0;
	margin: 0 auto;
	text-align: center;
	float:left;}
#mainnav ul{
	width:100%;
	display:inline-block;
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;}
#mainnav ul li{
	float:none;
	font-size:18px;
	font-size: 1.125rem;
	line-height:21px;
	line-height:1.3125rem;
	position:relative;
	padding: 0 1.4%;
	display:inline-block;
	vertical-align:top;}
#mainnav ul li a{
	color:#2f579f;
	float:left;
	padding:4px 10px 64px;
	padding:0.25rem 0.625rem 4rem;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	letter-spacing: -1px;}
#mainnav ul li a:hover,#mainnav ul li:hover a,#mainnav ul li.active a{
	text-decoration:none;
	color:#6ea87f;}
#mainnav ul li.has-children:hover a, #mainnav ul li.has-children a:hover{
	background:url(custom/images/drpdwn_arw.png) no-repeat center 1.75rem;}
#mainnav ul li.active a{
	background:url(custom/images/page_active_bg.png) repeat-x 0 0;
	text-decoration:none;
	color:#2f579f;}

#mainnav ul li:last-child ul{left:auto; right:0;}
#mainnav ul li:last-child{padding-right:0;}

#mainnav ul li ul{
	position:absolute;
	top:65px;
	left:-20px;
	display:none;
	width:187px;
	background: rgba(251,253,251,0.9);
	padding:0;
	margin:0;}
#mainnav ul ul li{
	float:left;
	font-size:14px;
	font-size: 0.875rem;
	line-height:18px;
	line-height:1.125rem;
	width:89%;
	padding:0px;
	text-align:left;
	margin:0 5.5%;}  
#mainnav ul ul li a{
	width:93%;
	color:#6ea87f!important;
	border-bottom: 6px solid #fbfdfb;
	text-transform:none;
	padding:6px 0;
	padding:0.375rem 0;
	letter-spacing:0;
	background: none !important;}
#mainnav ul ul li a.ln_last{border:0;}
#mainnav ul ul li a:hover{color:#2f579f!important; text-shadow:none;}
#mainnav li:hover ul{display:block;}
.toggleMenu,.expand{display:none;}


#menu{
	float:left;
	width:100%;
	padding: 0;}
#menu ul{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;}
#menu ul li{
	float:left;
	width:100%;
	margin:0;
	padding:0;}
#menu ul li a{
	float: left;
	padding:8px 10.8% 10px 7.5%;
	padding:0.5rem 10.8% 0.625rem 7.5%;
	width:81.7%;
	font-size:15px;
	font-size:0.9375rem;
	line-height:normal;
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	text-decoration:none;
	color:#6ea87f;
	background:url(custom/images/side_bar_list_bg.png) no-repeat left bottom;
	background-size: 92% 4px;
	margin-top:-3px;
	letter-spacing: -0.5px;}
#menu ul li a:hover, #menu ul li a.ln_default, #menu ul li a.ln2_default, #menu ul li a.ln3_default, #menu ul li a:hover{
	color:#fbfdfb; 
	background:url(custom/images/sidebar_hvr.png) no-repeat left center;
	background-size:100% 100%;}
#menu ul ul li a{
	color:#2f579f;
	padding:0.5rem 10.8% 0.625rem 15%;
	width:74.2%;}
#menu ul ul ul li a{
	color:#2f579f;
	padding:0.5rem 10.8% 0.625rem 22.5%;
	width:66.7%;}
	
	
/*****MEDIA QUERIES*****/
@media only screen and (max-width:65rem){
	#mainnav ul li{padding: 0 0.70%;}
	#mainnav ul li a{
		font-size:1rem;
	}
}
@media only screen and (max-width:60rem){
	#mainnav ul li a{
		font-size:0.875rem;
		padding:0.25rem 0.5rem 4rem;}
}
@media only screen and (max-width:59.9375rem){
	#menu ul li a{
		padding:0.75rem 5% 0.875rem 5%;
		width:90%;}
	#menu ul ul li a{
		padding:0.75rem 5% 0.875rem 7.5%;
		width:87.5%;}
	#menu ul ul ul li a{
		padding:0.75rem 5% 0.875rem 10%;
		width:85%;}
	#menu ul li a:hover,
	#menu ul li a.ln_default,
	#menu ul li a.ln2_default,
	#menu ul li a.ln3_default,#menu ul li a:hover{ background-size:140% 100%;}
}

@media only screen and (max-width:50rem){
	.toggleMenu{
		display:block;
		color: #fbfdfb;
		background: #2f579f;
		width:3rem;
		height:3rem;
		border-radius:5px;
		position:absolute;
		right:3%;
		top: -4rem;
		text-align:center;}
	.toggleMenu i.fa{
		color: #fbfdfb;
		font-size:2.5rem;
		padding:0.25rem 0;}
	span.expand{
		display:block;
		position:absolute;
		right:2%;
		top:0;
		width:40px;
		font-size:1.125rem;
		z-index:98;
		text-align:center;}
	span.expand.actv .fa-plus:before{content: "\f068";}
	span.expand i.fa{
		padding:0.78125rem 0;}
	#mainnav{
		margin:0;
		width:100%;
		z-index:99;}
	#mainnav ul{
		position:absolute;
		left:0;
		top:-0.5rem;
		background:#2f579f;
		display:none;
		width:101%;}
	#mainnav ul li{
		width:100%;
		border-bottom:1px solid #fbfdfb;
		float:left;
		text-align:left;
		font-size:18px;
		font-size:1.125rem;
		padding:0;}
	#mainnav ul li a,
	#mainnav ul li.active a,
	#mainnav ul li:hover a,
	#mainnav ul li a:hover{
		padding:0.75rem 6% 0.75rem 4%;
		width:90%;
		color:#fbfdfb;
		}
	#mainnav ul li.has-children:hover a, #mainnav ul li.has-children a:hover{background:none;}
	#mainnav ul li.active a{background: none !important;}
	#mainnav ul li ul{
		position:static;
		float:left;
		width:98%;
		background:#fbfdfb;
		padding-top:0.75rem;
		margin:0 1%;}
	#mainnav ul li:hover ul{display:none;}
	#mainnav ul ul li{
		width:96%;
		margin:0;
		padding:0 2%;}
	#mainnav ul ul li a,
	#mainnav ul li.active li a,
	#mainnav ul li:hover li a,
	#mainnav ul li li a:hover{
		width:96%;
		padding:0 2% 0.75rem!important;
		margin-bottom:0.75rem;
		border-bottom: 6px solid #2f579f;}
	#mainnav ul li:last-child a{border:none;}
	
}
@media only screen and (max-width:45rem){
	.toggleMenu{
		position: relative;
		float: right;
		top: -1rem;
		right:-2.5%;}
	#mainnav ul{top:2.5rem;}
}
@media only screen and (max-width:30rem){
	#menu ul li a{
		padding:0.75rem 5% 0.875rem 5%;
		width:90%;}
	#menu ul ul li a{
		padding:0.75rem 5% 0.875rem 10%;
		width:85%;}
	#menu ul ul ul li a{
		padding:0.75rem 5% 0.875rem 15%;
		width:80%;}
}