/*****UTILITY NAVIGATION*****/
	
/*****MAIN NAVIGATION*****/
#mainnav { padding: 24px 0px 0 0; margin-bottom: 20px; position: relative; width: 100%; float: left;  }
#mainnav ul { list-style: none; }
#mainnav li { padding: 0 25px 8px 0; position: relative; display: block; }
#mainnav li.drop1_first:hover { background: rgba(255,255,255,0.9); }

#mainnav li.drop1_last:hover { background: rgba(255,255,255,0.9); }

#mainnav li.last { padding-right: 0; }
#mainnav li a { color: #514d4f; transition: none; -webkit-transition: none; text-decoration: none; display: inline-block; font-size: 17px; line-height: 35px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.9px; }
#mainnav li a span { transition: all 0.3s; -webkit-transition: all 0.3s; }
#mainnav li.active > a, #mainnav li:hover > a { color: #002b54; }
#mainnav li a .expand { display: none; }
#mainnav li ul { padding: 10px 0; margin: 0; text-align: left; display: none; overflow: hidden; width: 228px; position: relative; left: 0px; top: 100%; z-index: 999; background: rgba(255,255,255,0.8); }
.toggleclass .fa { margin-left: 2px; font-size: 17px; font-weight: 600; }
#mainnav li ul ul { background: rgba(34,36,55,0.8); }
#mainnav li ul ul:before { display: none; }
#mainnav li:hover ul li ul li a { color: #ffffff; }

#mainnav li:hover ul li, #mainnav li.active ul li, #mainnav li ul li { padding: 0px 10px 16px 23px; width: 100%; float:left; }
#mainnav li ul li > a, #mainnav li.active ul li a { display: block; color: #828282; font-size: 17px; line-height: 21px; font-weight: 400; text-transform: inherit; }
#mainnav li li a:hover { color: #514d4f; text-decoration: none; font-weight: 700; }
#mainnav li:hover ul ul { display: none; top: 0; left: 100%; }
#mainnav li:hover li:hover ul li > a { color: #ffffff; }
#mainnav li:hover li:hover ul li:hover a { color: #514d4f; }
/*#mainnav li:hover ul { display: block; }
#mainnav li:hover ul li:hover ul { display: block; }*/

#mainnav a.toggleMenu { display: none; }
#mainnav a.close { display: none; }

#mainnav .expander { cursor: pointer; width: 30px;  z-index: 999; margin-left: 10px; top: 0px; font-size: 15px; display: none; position: absolute;}

/*****INSIDE NAVIGATION*****/
#menu { padding-top: 14px; margin-bottom: 10px; width: 100%; float: left; background: #002b54; }
#menu ul { list-style: none; padding: 0; }
#menu li { width: 100%; float:left; position: relative;}
#menu li a { padding: 17px 16px 17px 30px; display: block; color: #ffffff; transition: none; -webkit-transition: none; font-size: 17px; font-weight: 500; line-height: 23px; text-transform: uppercase; letter-spacing: 0.8px; }
#menu li a:hover, #menu li.active a { text-decoration: none; color: #002b54; position: relative; background: #99aabb; }
#menu li ul li a { padding: 17px 16px 17px 40px; color: #fbf9f9;  }

#menu li.leftnav_first2 a.ln2 {  }
#menu li.has_children_1 > a { padding: 4px 16px 14px 16px; color: #ffffff;  position: relative; }

#menu ul li ul { overflow: hidden; background: #474c51; }
#menu ul li ul li a:hover { color: #002b54; text-decoration: none; background: #474c51;}
#menu ul li ul li ul { overflow: hidden; position: relative; background: #00162b; }
#menu li.no_children_2 a:hover { color: #002b54; position: relative; background: #335576; }
#menu li.leftnav_first3 a:hover { color: #6a727a; position: relative; background: transparent; }
#menu li.leftnav_last3 a:hover { color: #6a727a; position: relative; background: transparent; }

#menu ul li:last-child { margin-bottom: 0px; }
#menu ul li ul li ul li a { padding: 17px 16px 17px 56px; font-size: 15px; text-transform: none; }
#menu ul li.leftnav_first2 { margin: 0; }
#menu ul li ul li ul li a:hover { color: #002b54; text-decoration: none; }
#menu .fa { margin-left: 10px; }

#menu li.has_children_1 > a { padding: 17px 16px 17px 30px; color: #ffffff; position: relative; background: #335576; }
#menu li.has_children_1:hover > a { background: #99aabb; color: #002b54; }
#menu li.has_children_2 > a { padding: 17px 16px 17px 40px; color: #002b54; position: relative; background: #a3a6a8; }
#menu li.has_children_2:hover > a { background: #a3a6a8; }
#menu li.has_children_2 { margin-top: 0; }
#menu li ul li.leftnav_last3 {}

#sidebar { margin-bottom: 22px; width: 100%; overflow: hidden; }

#menu .expander { cursor: pointer; width: 30px;  z-index: 999; right: 8px; top: 15px; font-size: 25px; display: block; position: absolute; color: #ffffff;}
#menu .expander.expanded { font-size: 25px; top: 5px; }

/*****FOOTER NAVIGATION*****/
.footer-bar .f-navigation { padding-left: 45px; width: 270px; float: left; border-left: 3px solid #f3f3f3; } 
.footer-bar .f-navigation h4 { margin-bottom: 20px; font-size: 15px; line-height: 31px; color: #444444; font-weight: 700; text-transform: uppercase; }
.footer-bar .f-navigation li { margin-bottom: 26px; float: left; width: 100%; }
.footer-bar .f-navigation li a { font-size: 15px; color: #999999; font-weight: 500;  }
.footer-bar .f-navigation li a:hover { color: #002b54; text-decoration: none; }
.footer-bar .f-navigation li {}
.footer-bar .f-navigation li {}
.footer-bar .f-navigation li {}
.footer-bar .f-navigation li {}


/*****MEDIA QUERIES*****/
@media only screen and (max-width: 1399px) {
	
	#mainnav { margin-bottom: 40px; }
	
	
	#menu li a { padding: 5px 16px 5px 20px; }
	#menu li.has_children_1 > a { padding: 15px 16px 15px 20px; }
	#menu li ul li a { padding: 15px 15px 15px 14px; }
	#menu li.has_children_2 > a { padding: 15px 16px 15px 28px; }
	#menu ul li ul li ul li a { padding: 0 16px 2px 40px; }
	
	.footer-bar .f-navigation { width: 22%; }
	
	
}

@media only screen and (max-width: 1365px) {
	
	#menu .fa { margin-left: 4px; }
	
	.footer-bar .f-navigation li { margin-bottom: 22px; }
	
}


@media only screen and (max-width: 1279px) {
	
	#mainnav { padding: 16px 0px 0 0; }
	
	#mainnav li:hover ul li, #mainnav li.active ul li { padding: 0px 10px 16px 3px; }
	
	#mainnav li ul { width: 100%; }
	#mainnav li ul li > a, #mainnav li.active ul li a { font-size: 16px; }
	#mainnav li a { font-size: 16px; line-height: 34px; }
	#mainnav .wrapper { padding: 0; }
	
	#menu li a { padding: 15px 15px 15px 15px; font-size: 15px; line-height: 20px; }
	#menu li.has_children_1 > a { padding: 15px 15px 15px 15px; }
	#menu li.has_children_2 > a { padding: 15px 15px 15px 14px; }
	#menu ul li ul li ul li a { padding: 10px 15px 10px 14px; }
	
}


@media only screen and (max-width: 1023px) {
	
	#mainnav { padding: 10px 0px 0 0; }
	
	#mainnav li ul { width: 170px; }
	#mainnav li ul li > a, #mainnav li.active ul li a { font-size: 15px; line-height: 20px; }
	#mainnav li a { font-size: 16px; line-height: 33px; }
	
	#mainnav .wrapper { padding: 0 10px; }
	

	.footer-bar .f-navigation { padding-left: 15px; width: 23%;}
	
		
}



@media only screen and (max-width: 767px) {
	
	#mainnav a.toggleMenu { display: block; line-height: 40px; display: inline-block; color: #ffffff; font-size: 20px; text-transform: capitalize; text-decoration: none; }
	#mainnav { margin-bottom: 10px; margin-top: 0; width: 100%; height: 46px; text-align: center; padding: 0; position: relative; background: #002b54 ; }
	#mainnav .wrapper { padding: 0 15px; max-width: 100%; position: static; }
	#mainnav ul { display: none; }	
	#mainnav li a { padding: 5px 5px 5px 12px; line-height: 28px; }
	#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; float: right; color: #ffffff; font-size: 20px; text-transform: capitalize; text-decoration: none; }
	#mainnav ul#topnav { padding: 10px 0; position: absolute; width: 100%; z-index: 9999; left: 0; top: 100%; overflow: inherit; background: #ebebeb; }
	#mainnav li.drop1_last:hover { background: inherit; }
	#mainnav li.drop1_first:hover { background: inherit; }
	#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 li:hover ul { display: none; }
	#mainnav li { padding: 0 0px 8px 0; width: 100%; float: left; position: relative; text-align: left; }

	#mainnav li ul { width: 100%; }
	#mainnav .text { display: none; }
	.mm-menu { min-width: 140px; max-width: 440px; }
	#mainnav li.quick_nav { display: block; }
	
	#mainnav li ul { display: none; position: static; background: transparent; }
	
	#mainnav li:hover ul li, #mainnav li.active ul li { padding: 0px 10px 8px 0; }
	
	#mainnav li .drop_level2_wrapper { padding: 10px 0; margin: 0; text-align: left; width: 100%; display: none; position: static; left: 0px; top: 100%; z-index: 999;background: #ffffff; }
	
	.nav-drop { display: block; text-align: center; background: #eaeaea ; }
	.nav-drop a.sideMenu { display: block; line-height: 40px; display: inline-block; color: #434544; font-size: 18px; text-transform: capitalize; font-weight: 500; text-decoration: none; }
	.nav-drop a.sideMenu:hover { color: #00447c; }
	.nav-drop a.sideMenu.active { color: #00447c; }
	.nav-drop a.sideMenu i { float: right; margin: 14px 0 0 10px; font-size: 16px; }
	.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
	.nav-drop a.sideMenu.active i.fa-chevron-up { display: block; }
	.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }
	
	#menu { }
	
	.footer-bar .f-navigation { width:100%; margin: 0 auto; display: inline-block;padding-left: 0;}
	#mainnav .expander{ position: absolute; right: 8px; margin-left: 0px;}
	
	
}

@media only screen and (min-width: 768px) {
	
	#mainnav ul#topnav{display: block !important;}
}
/* BEGIN: add for mobile menu reasons */
#mainnav .toggleMenu.active + #topnav .drop_level2_wrapper_mobile ul {
    display: block !important;
    margin-left: 1rem;
    width: calc(100% - 1rem);
}
/* END: add for mobile menu reasons */

