/*****MAIN NAVIGATION*****/
#mainnav {
	padding: 0.5em 0px 0 0;
	position: relative;
	width: 100%;
	float: left;
	text-align: center;
	z-index: 1999;
	border-bottom: 5px solid #020077;
	background: #0a8400; }
#mainnav ul { 
	list-style: none;
	margin:0;
	padding:0;}
#mainnav li {
	position: relative;
	display: inline-block;
	margin:0 0.5% 14px;}
#mainnav li.first{margin-left:0;}
#mainnav li.last{margin-right:0;}
#mainnav li:hover:before {
	content: "";
	position: absolute;
	right: -31px;
	top: 0px;
	width: 31px;
	height: 43px;
	background: url(custom/images/menu-curve.png) no-repeat left;
	background-size: cover; }
@-moz-document url-prefix() {
	#mainnav li:hover:before,#mainnav li.last:hover:before  {height:44px;}
}
#mainnav li li:hover:before {display:none;}
#mainnav li a {
	padding:6px 17px 0;
	margin:0;
	display:inline-block;
	color: #ffffff;
	transition: none; -webkit-transition: none; 
	text-decoration: none;
	font-size: 1.4em;
	line-height: 37px;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-weight: normal; }
#mainnav li a:hover, #mainnav li.active a, #mainnav li:hover a { color: #020077;}
#mainnav li a:hover, #mainnav li:hover a { color: #op-nav-hover; background: rgba(255,255,255,0.9);}
#mainnav li:hover li:hover a,#mainnav li:hover li a, #mainnav li li a:hover{background:none;}
#mainnav li .expand { display: none; }
#mainnav li ul {
	padding: 1.27em 0 0.5em;
	margin: 0;
	text-align:
	left;
	display: none;
	width: 222px;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1999;
	background: rgba(255,255,255,0.9); }	
#mainnav li ul:before {
	content: "";
	position: absolute;
	bottom: -25px;
	z-index: 2000;
	left: 0px;
	width: 100%;
	height: 25px;
	background: url(custom/images/submenu-bg.png) no-repeat left bottom;
	background-size: cover; }
#mainnav li ul li, #mainnav li.active ul li {
	padding:0;
	margin: 0;
	width: 100%;
	float:left; }
#mainnav li ul li a, #mainnav li.active ul li a {
	padding:0.7em 9%;
	width:82%;
	display: block;
	color: #0a8400!important;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: 500; }
#mainnav li ul li a.drop1_haschildren{background: url(custom/images/nav-arrow.png) right center no-repeat;}
#mainnav li ul li a.drop1_haschildren:hover,#mainnav li ul li:hover a.drop1_haschildren{background: url(custom/images/nav-arrow-hover.png) right center no-repeat;}
#mainnav li ul li:hover a, #mainnav li.active ul li:hover a,
#mainnav li li:hover ul li:hover a:hover, #mainnav li.active li:hover ul li:hover a:hover {color:#020077!important;}
#mainnav li:hover ul ul{ display: none;}
#mainnav li ul ul,#mainnav li.last ul ul { background: rgba(10,132,0,0.8); top: -8px; left: 100%; padding-top:0.5em;}
#mainnav li.last ul ul{left:auto;right:100%;}
#mainnav li li:hover ul li a, #mainnav li.active li:hover ul li a{color: #ffffff!important;}
#mainnav li ul ul:before { display: none; }

#mainnav li.last:hover:before {
	content: "";
	position: absolute;
	left: -31px;
	top: 0px;
	width: 31px;
	height: 43px;
	background: url(custom/images/menu-curve-right.png) no-repeat left;
	background-size: cover; }
#mainnav li.last ul {
	padding: 10px 0;
	margin: 0;
	text-align: left;
	display: none;
	width: 222px;
	position: absolute;
	left: auto; right:0; top: 100%; z-index: 1999; background: rgba(255,255,255,0.9); }
#mainnav li.last ul:before {
	content: "";
	position: absolute;
	bottom: -25px;
	z-index: 2000;
	left: 0px;
	width: 100%;
	height: 25px;
	background: url(custom/images/submenu-bg1.png) no-repeat left bottom; background-size: cover; }

#mainnav li:hover ul { display: block; }
#mainnav li:hover ul li:hover ul { display: block; }
#mainnav a.toggleMenu { display: none; }




/*****INSIDE NAVIGATION*****/
#menu { padding: 0.83em 5.6%; width:88.8%; margin-bottom: 3.5em; overflow: hidden;}
#menu ul { list-style: none; padding: 0; margin:0;}
#menu li { padding:0; display:block; width:100%;}
#menu li a { padding: 0.5em 0; width:100%;display: inline-block; color: #0a8400; transition: none; -webkit-transition: none; font-size: 1em; line-height: 1.33em; font-weight: 500; }
#menu li a:hover, #menu li a.ln_default,#menu li a.ln2_default,#menu li a.ln3_default{ color: #020077; text-decoration:none;}
#menu li li a { padding-left: 7%; width:93%; }
#menu li li li a { padding-left: 12%; width:88%; }


/*****FOOTER NAVIGATION*****/
.footer-navigation{width:100%;padding: 1.11em 0; background: #077400; float:left;}
.footer-navigation ul { list-style:none; margin:0; padding:0;  display:block;}
.footer-navigation li {color: #ffffff; list-style:none;  padding: 0 10px; float: left;}
.footer-navigation li:first-child { padding-left: 0; }
.footer-navigation li a { color: #ffffff; font-size: 1em; font-weight:normal; }
.footer-navigation li a:hover { color: #020077;  text-decoration:none;}
.footer-navigation li span{display:inline-block; padding-left:14px;}
.credit{float:right; opacity: 0.6; max-width: 45px;}
.credit:hover{color:#0a8400; text-decoration:none;}

/*****MEDIA QUERIES*****/
@media only screen and (max-width: 1400px) {
	#mainnav li{margin: 0 0.1% 14px;}
}
@media only screen and (max-width: 1345px) {
	#mainnav li{margin: 0 0.1% 14px;}
	#mainnav li a {font-size:1.2em;}
}
@media only screen and (max-width: 1280px) {
	#mainnav li{margin: 0 0.1% 14px;}
	#mainnav li a {padding: 6px 12px 0;}
}
@media only screen and (max-width: 1090px) {
	
}
@media only screen and (max-width: 1000px) {
	#mainnav li a {font-size:1.125em;}
}
@media only screen and (max-width: 980px) {
	#mainnav li a {font-size:1em;}
}
@media only screen and (max-width: 950px) {
	.footer-navigation ul{display:inline-block; float:none; width:100%; text-align:center;}
	.footer-navigation li{float:none; display:inline-block;}
}
@media only screen and (max-width: 939px) {
	#menu{margin-bottom:0.5em;}
	#menu li a {padding: 0.5em 0;}
	.footer-navigation li{width:25%; padding:0 0 0.875em 0;}
	.footer-navigation li span{display:none;}
}
@media only screen and (max-width: 870px) {
	#mainnav {width: 100%; padding: 0.5em 0; }
	#mainnav ul { display: none; }	
	#mainnav li:hover:before  { display: none; }
	#mainnav li:hover:before { display: none; }
	#mainnav li ul:before { display: none; }
	#mainnav li ul::before { display: none; }
	#mainnav li .expand{
		display:block;
		height:37px;
		text-align:center;
		width:37px;
		position:absolute;
		color:#020077;
		right:0;
		top:0;
		padding-top:0.25em;}
	#mainnav li ul li .expand{font-size: 1.1em;}
	#mainnav li .expand.actv .fa-chevron-up:before {content: "\f077";}
	#mainnav a.toggleMenu {
		display: block;
		line-height: 2em;
		display: inline-block;
		color: #ffffff;
		font-size: 1.11em;
		text-transform: capitalize;
		font-family: 'Open Sans',Arial,Helvetica,sans-serif;
		font-weight:normal;
		text-decoration: none; }
	#mainnav li.last:hover { background: inherit; }
	#mainnav li.first:hover { background: inherit; }
	#mainnav a.toggleMenu:hover { color: #020077 !important; }
	#mainnav a.toggleMenu:hover i{ color: #020077 !important; } 
	#mainnav a.toggleMenu i { float: right; margin: 0.5em 0 0 0.8em; font-size: 1em; }
	#mainnav a.toggleMenu i.fa-chevron-up { display: none; }
	#mainnav a.toggleMenu.actv i.fa-chevron-up { display: block; }
	#mainnav a.toggleMenu.actv i.fa-chevron-down { display: none; }
	#mainnav ul { top: 40px; display: none; width: 100%; margin:0; }
	#mainnav li { width: 100%; padding: 0; margin:0; text-align: left; }
	#mainnav li a { 
		color: #ffffff;
		font-size: 1.22em;
		line-height:37px;
		width:96%;
		display:inline-block;
		border-bottom: 1px solid #ffffff;
		padding: 0.375em 2% 0.5em; margin: 0; }
	#mainnav li ul,#mainnav li.last ul { position: static; width: 100%; margin:0  auto; padding:0.5em 0; width: 100%; overflow: hidden;}
	#mainnav li li a {border:0;}
	#mainnav li li { padding: 0; }
	#mainnav li:hover ul { display: none; }
	#mainnav li ul li a, #mainnav li.active ul li a{padding: 0.7em 15% 0.7em 9%;    width: 76%;}
	#mainnav li:hover li:hover ul, #mainnav li li:hover ul,#mainnav li:hover ul li:hover ul { display: none; } 
	#mainnav li ul li a.drop1_haschildren{background: none;}
	#mainnav li ul li a.drop1_haschildren:hover,#mainnav li ul li:hover a.drop1_haschildren{background: none;}
	.footer-navigation li{width:33.3%;}
}
@media only screen and (max-width: 420px) {
	.footer-navigation li{width:50%;}
}