/*****UTILITY NAVIGATION*****/
	
/*****MAIN NAVIGATION*****/
#mainnav { padding: 11px 0px 0 0; /*position: absolute; top: 0px;*/ z-index: 999; width: 100%; float: left; text-align: center; background: #edecec; background: rgba(237,236,236,0.8); position: relative;}
.bottom-bar.inside #mainnav{ background: #edecec;}
#mainnav ul { list-style: none; }
#mainnav li { padding: 0 1% 10px 1%; position: relative; display: inline-block; }
#mainnav li.last { padding-right: 0; }
#mainnav li a { color: #4b4b4d; transition: none; -webkit-transition: none; text-decoration: none; display: block; font-size: 19px; line-height: 38px; font-family: 'Ubuntu',Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; }
#mainnav li:hover > a { color: #017343; }
#mainnav li a .expand { display: none; }
#mainnav .fa { margin-left: 40px; font-size: 20px; font-weight: 600; }
#mainnav li ul ul { background: #fbf9f9; }
#mainnav li ul li a { padding: 2px 15px 5px 12px; font-size: 16.59px; color: #4b4b4d; text-transform: none; line-height: 22px; font-weight: 400; border-left: 4px solid #e9e9e9; } 
#mainnav li ul li { padding: 4px; width: 100%; border: 1px solid #acacac; border-bottom: none; display: block;}
#mainnav li ul li.sn_last{ border-bottom: 1px solid #acacac}
#mainnav li ul li:hover a { color: #017343; border-left: 4px solid #017343; }
#mainnav li:hover .drop_level2_wrapper, #mainnav li:hover ul { display: block; }
#mainnav li .drop_level2_wrapper { position: absolute; left: 28px; top: 100%; display: none; }
#mainnav li:last-child .drop_level2_wrapper { left: -20px; }
#mainnav li:last-child ul::before { left: 98px; }
#mainnav li ul { padding: 15px; margin-top: 20px; text-align: left; width: 288px; z-index: 999; position: absolute; background: #fbf9f9; display: none;}
#mainnav li ul:before { content: ""; position: absolute; width: 100%; height: 13px; top: -13px; z-index: 9999; background: url(custom/images/menu-arrow.png) no-repeat; background-position: 20px;} 
#mainnav a.toggleMenu { display: none; }
#mainnav a.close { display: none; }
span.expander { display: none; }


/*****INSIDE NAVIGATION*****/
#menu { margin-bottom: 63px; overflow: hidden; border-bottom: 2px solid #4b4b4d; background: #fbf9f9; }
#menu ul { list-style: none; padding: 0; }
#menu li { padding: 2px 0; width: 100%; border: 2px solid #4b4b4d; border-bottom: 0px; position: relative; display: inline-block; }
#menu li > a { padding: 4px 15px 8px 12px; margin-left: 2px; display: block; color: #4b4b4d; border-left: 3px solid #e9e9e9; transition: none; -webkit-transition: none; font-size: 16.59px; line-height: 24px; font-weight: 400; font-family: 'Ubuntu',Arial, Helvetica, sans-serif; text-transform: none; line-height: 22px; }
#menu li:hover > a { color: #017343; border-left: 3px solid #017343; text-decoration: none; }
#menu li ul { border-top: 2px solid #e9e9e9; }
#menu li ul li a { padding: 7px 16px 8px 12px; margin-left: 18px; margin-right: 3px; color: #4b4b4d; border-left: 0; position: relative; border-left: 3px solid #e9e9e9; background: #e9e9e9;}
#menu li ul li { margin: 1px 0; padding: 0px; border: 0px; }
#menu li ul li a:before { content: ""; position: absolute; left: -8px; top: 0px; height: 100%; width: 3px; background: #e9e9e9; }
#menu li ul li > a:hover:before { content: ""; position: absolute; left: -8px; top: 0px; height: 100%; width: 3px; background: #017343; }
#menu li ul li:hover > a { border-left: 3px solid #e9e9e9; }
#menu li ul ul li a { color: #fbf9f9; border-left: 3px solid #4b4b4d; background: #4b4b4d; }
#menu li ul ul li a:hover { color: #fbf9f9; border-left: 3px solid #017343; background: #017343; }
#menu li ul ul li  a:before { content: ""; position: absolute; left: -8px; top: 0px; height: 100%; width: 3px; background: #4b4b4d; }
#menu li ul ul li  a:hover:before { content: ""; position: absolute; left: -8px; top: 0px; height: 100%; width: 3px; background: #017343; }
#menu li ul ul li a { margin-left: 34px; border-left: 3px solid #4b4b4d; }
#menu li ul li:last-child > a { margin-bottom: 2px; }
#menu li ul li:first-child > a { margin-top: 2px; }
#menu li ul ul li:last-child a { margin-bottom: 0px; }
#menu li ul ul li:first-child a { margin-top: 0px; }


/*****FOOTER NAVIGATION*****/
.footer-navigation { padding: 22px 0; width: 100%; float: left; background: #d5d5d5; }
.footer-navigation li { margin-right: 27px; float: left; }
.footer-navigation li a { color: #292526; font-size: 16px; text-transform: uppercase; }
.footer-navigation li a:hover { color: #017343; text-decoration: none; }
.footer-navigation span { margin-top: 2px; float: right; }



/***************************************************************/
/************************ MEDIA QUERIES ************************/	
/***************************************************************/
@media only screen and (max-width: 1249px) {

	#mainnav li:last-child .drop_level2_wrapper { left: -49px; }
	#mainnav li:last-child ul::before { left: 123px; }

}

@media only screen and (max-width: 1189px) {
	
	#mainnav li { padding: 0 1% 10px 1%; }
	#mainnav li a { font-size: 16px; }
	#mainnav li:last-child .drop_level2_wrapper { left: -90px; }
	#mainnav li:last-child ul::before { left: 146px; }
	
	.footer-navigation li a { font-size: 18px; }
	
}


@media only screen and (max-width: 1023px) {
	
	#mainnav li { padding: 0 0.5% 10px 0.5%; }	
	#mainnav li a { font-size: 13px; }
	#mainnav li .drop_level2_wrapper { left: 0px; }
	#mainnav li ul li a { padding: 2px 10px 5px 10px; font-size: 16px; }
	#mainnav li ul { width: 265px; }
	#mainnav li:last-child .drop_level2_wrapper { left: -120px; }
	#mainnav li:last-child ul::before { left: 176px; }
	
	#menu li > a { padding: 4px 15px 8px 8px; font-size: 14px; line-height: 18px; }
	#menu li ul li a { padding: 7px 16px 8px 8px; }
	
	
	.footer-navigation li { margin-right: 22px; }
	.footer-navigation li a { font-size: 16px; }
		
}

@media only screen and (min-width: 767px) {
	#mainnav, #topnav { display: block !important; }
	#mainnav li .expand{display: none !important;}	
	#mainnav li:hover ul{ display: block !important;}
}


@media only screen and (max-width: 767px) {
	
	#mainnav { padding: 8px 15px; width: 100%; float: left; position: relative;     background: #edecec;}
	#mainnav ul { display: none; }	
	#mainnav li.drop1_first:hover:before  { display: none; }
	#mainnav li.drop1_last:hover:before { display: none; }
	#mainnav li.drop1_last ul:before { display: none; }
	#mainnav li ul::before { display: none; }
	#mainnav a.toggleMenu { display: block; line-height: 40px; display: inline-block; color: #4b4b4d; font-size: 20px; text-transform: capitalize; transition: none; font-family: 'Ubuntu',Arial, Helvetica, sans-serif; text-decoration: none; }
	#mainnav a.toggleMenu.active {  margin-bottom: 10px; }
	#mainnav li.drop1_last:hover { background: inherit; }
	#mainnav li.drop1_first:hover { background: inherit; }
	#mainnav a.toggleMenu:hover { color: #017343 !important; }
	#mainnav a.toggleMenu:hover i{ color: #017343 !important; } 
	#mainnav a.toggleMenu i { float: right; margin: 10px 0 0 10px; font-size: 20px; }
	#mainnav a.toggleMenu i.fa-chevron-up { display: none; }
	#mainnav a.toggleMenu.active i.fa-chevron-up { display: block; }
	#mainnav a.toggleMenu.active i.fa-chevron-down { display: none; }
	#mainnav ul { top: 40px; display: none; width: 100%; margin:0; }
	#mainnav li { width: 100%; padding: 0 0 10px; text-align: left; }
	#mainnav li .drop_level2_wrapper { display: block; width: 100%; position: static; }
	#menu { margin-bottom: 10px; }
	#mainnav li a { line-height: 30px; }
	#menu li > a { font-size: 16px; }
	#menu { display: block; width: 100%;}
	#mainnav li:hover span.expander { color: #017343; }
	
	#mainnav li .expand{ display: block; position: absolute; top:-8px; right: 0px;}
	/*#mainnav li::after{ content:"\f067"; float: right; font-size: 30px; color: #4f4f4f; font-family: 'fontawesome'; position: absolute; top: 0px; right: 0px;}*/
	#mainnav li ul { width: 100%; position: static; }
	#mainnav li:hover ul{ display:none;}
	
	span.expander { cursor: pointer; width: 20px; float: right; position: absolute; z-index: 999; right: 0px; top: 0px; font-size: 30px; display: block; }
	span.expander.expanded { font-size: 45px; top: -9px; }
	#mainnav li:last-child .drop_level2_wrapper { left: 0px; }
	
	.footer-navigation ul { display: none; }
	.footer-navigation span { width: 100%; text-align: center; }
	.footer-navigation span img { display: inline-block; }
	

}


/* BEGIN: add for mobile menu reasons */
#mainnav .toggleMenu.active + #topnav .drop_level2_wrapper_mobile ul {
    display: block !important;
    margin-top: inherit;
}
#mainnav li ul li {
    border-bottom: 1px solid #acacac;
}
/* END: add for mobile menu reasons */