#mainnav{
	float:right;
	width:100%;
	position:relative;
	z-index:200;
	margin:100px 0 0;
	/*margin:0.5rem 0 0;*/
	padding:0; }
.toggleMenu,.expand{display:none;}
#mainnav ul{
	float:right;
	width:auto;
	list-style:none;
	margin:0;
	padding:0; }
#mainnav ul li{
	float:left;
	font-size:21px;
	font-size:1.313rem;
	line-height:25px;
	line-height:1.563rem;
	position:relative;
	margin:0;
	padding:0;
	padding-left:14px;
	padding-left:0.875rem;}
#mainnav ul li.first{padding-left:0;}
#mainnav ul li a{
	color:#ffffff;
	float:left;
	padding:8px 8px 30px 8px;
	padding:0.5rem 0.5rem 1.875rem 0.5rem;
	text-transform:none;
	font-family: 'Ruda', sans-serif;
	font-weight:400;
	letter-spacing:-1px;}
#mainnav ul li a:hover, #mainnav ul li:hover a ,#mainnav ul li.active a{
	background:url(custom/images/top_nav_span.png) no-repeat 0 0;
	background-size:100% 41px;
	text-decoration:none;}
#mainnav ul li.active a{
	color:#ffffff;}
#mainnav ul li:last-child ul{left:auto; right:0;}

#mainnav ul li ul{
	position:absolute;
	top:56px;
	left:-42px;
	display:none;
	width:218px;
	background:rgba(236,244,243,0.9);
	padding:0 0 16px;
	padding:0 0 1rem;
	border:1px solid #046A38;}
#mainnav ul ul li{
	float:left;
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1.125rem;
	width:100%;
	padding:0px;
	text-align:left;
	margin:-14px 0 0;}  
#mainnav ul ul li, #mainnav ul li.active ul li, #mainnav ul li:hover ul li{
	float:left;
	padding:0 0 0 9px;
	margin-left:-9px;
	margin-top:0;}
#mainnav ul ul li a,#mainnav ul li.active ul li a , #mainnav ul li:hover ul li a {
	width:186px;
	color:#2f2f2f;
	background:none;
	padding:0;
	text-transform:none;
	font-size:16px;
	font-size: 1rem;
	line-height:20px;
	line-height:1.25rem;
	letter-spacing:0;
	padding:28px 0 11px 29px;
	margin-left:-9px;
	margin-bottom:-16px;
	font-family: 'Ruda', sans-serif;
	font-weight: normal;
	background-size:100% 100%;}
#mainnav ul ul li:hover a, #mainnav ul ul li a:hover, #mainnav ul li.active ul li:hover a, #mainnav ul li:hover ul li a:hover {
    background: url("custom/images/drop_dwn_bg.png") no-repeat scroll 0px 0px / 100% 100% transparent;
    color: #ffffff;
    font-family: "Ruda",sans-serif;
    font-weight: 700;
}
#mainnav li:hover ul{display:block;}

/****INSIDE NAVIGATION****/
#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%;}
#menu ul li a{
	float: left;
	font-size:15px;
	font-size:0.9375rem;
	padding:0.75rem 10% 0.5rem;
	width:80%;
	line-height:19px;
	line-height:1.188rem;
	font-family: 'Ruda', sans-serif;
	font-weight: 700; text-decoration:none;
	color:#046A38;}

#menu ul li a:hover, #menu a.ln_default, #menu a.ln2_default, #menu a.ln3_default {
	background:url(custom/images/left_nav_bg.jpg) no-repeat 0 bottom;
	color:#ffffff;
	background-size:100% 100%;}
#menu ul li ul li a {padding-left:20%;width:70%;}
#menu ul li ul li ul li a {padding-left:30%;width:60%;}

/*****MEDIA QUERIES*****/

@media only screen and (max-width:62.1875rem) {
	#mainnav ul li{
		font-size:19px;
		font-size:1.1875rem;
		padding-left:0;}
	#mainnav ul ul li a span{
		padding:23px 0 7px 29px;
		padding:1.4375rem 0 0.4375rem 1.8125rem;
		font-size:13px;
		font-size:0.8125rem;}	
}
@media only screen and (min-width: 50.0625rem) { 
	header .nav{ display:block!important}
}
@media only screen and (max-width:50rem) {
	#menu ul li a {padding-left:5%;width:85%;}
	#menu ul li ul li a {padding-left:10%;width:80%;}
	#menu ul li ul li ul li a {padding-left:15%;width:75%;}
	.toggleMenu{
		float:right;
		margin-top:-25px;
		border-radius:5px;
		font-size: 35px;
		background: #003057;
		padding:0.375rem 0.5rem;
		border-radius: 5px;
		color:#ffffff;
		display:block;}
	.toggleMenu:hover{
		color:#ffffff;
		text-decoration: none;}
	#mainnav{width:100%; margin-top: 140px;}
	#mainnav .nav{
		display:none;
		position:absolute;
		left:0;
		top:40px;}
	#mainnav .nav{
		width:100%;
		background:#046A38;}
	#mainnav ul li{
		width:100%;
		float:left;
		padding:0;
		font-size: 1.313rem;}
	#mainnav ul li a{
		padding:7px 4%;
		padding:0.4375rem 4%;
		margin:0;
		width:92%;
		float:left;
		border-bottom:1px solid #2f2f2f;}
	#mainnav ul li a span{padding:0;}
	#mainnav ul li ul{
		position:static;
		float:left;
		width:100%;
		display:none;
		padding:0!important;
		overflow:hidden;}
	#mainnav ul ul li a{ background:none!important;}
	#mainnav ul ul li a:hover{background:#046A38!important;}
	#mainnav ul ul li a:hover span{background:none!important}
	#mainnav ul li > a span{background:none!important}
	#mainnav ul li > a:hover span{background:none!important}
	#mainnav ul li > a:hover span + span{background:none!important}
	#mainnav ul li.active  a{background: none !important;}
	#mainnav ul li  a:hover{background: none !important;}
	#mainnav ul ul li a{
		padding:0;
		width:100%;
		margin:0;
		display:inline-block;
		width:81%;}
	#mainnav ul ul li a span{
		width:94%;
		padding:21px 0 6px 5%!important;
		padding:1.3125rem 0 0.375rem 5%!important;
		font-size:14px;
		font-size:0.875rem;}
	#mainnav ul ul li{
		margin:0;
		padding:0;}
	#mainnav ul li:last-child a{border:none;}
	#mainnav li:hover ul{display:none;}
	#mainnav ul ul li a, #mainnav ul li.active ul li a, #mainnav ul li:hover ul li a {
		width: 96%;
		padding: 16px 2%;
		padding: 1rem 2%;
		margin: 0 !important;}
	.has-children a { position: relative;}
	nav li.has-children a .expand {
		display:block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		z-index: 200;
		color:#ffffff;
		text-align:center;}
	nav li.has-children a .expand i{padding:0.625rem 0;}
	#mainnav ul li > a .actv i:before, #mainnav ul li > a:hover .actv i:before{
		content:"\f068"; font-family: 'FontAwesome'; color: #ffffff;}
}

@media only screen and (max-width:27rem) {
	
	#mainnav{ margin-top: 154px;}
}