/*----- FLEXNAV - SETUP - Open -----*/
#menu-bar-area {
	width: 100%;
}
#flexnav {
	display: none;
}
.menu-bar-full {
	background-color: rgba(255,255,255,1);
	border-bottom: 1px #00005b solid;
	
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
/* TOUCH BUTTON */
.flexnav li .touch-button .navicon {
	background-color: rgba(0,0,170,1);
	height: 43px;
}
.flexnav li li .touch-button .navicon {
	background-color: rgba(20,20,180,0.75);
}
.flexnav li li li .touch-button .navicon {
	background-color: rgba(20,20,190,0.6);
}
.flexnav li li li li .touch-button .navicon {
	background-color: rgba(20,20,200,0.45);
}
.flexnav li li li li li .touch-button .navicon {
	background-color: rgba(20,20,210,0.3);
}
/*----- FLEXNAV - SETUP - Close -----*/


/*----- FLEXNAV - GENERAL - Open -----*/
.flexnav li {
	background: none;
}
.flexnav li a {
	font-size: 1em;
	font-weight: 400;
}
/*----- FLEXNAV - GENERAL - Close -----*/


/*----- FLEXNAV - MOBILE - Open -----*/
@media all and (max-width: 980px) {
	
	/*----- FLEXNAV - SETUP - Open -----*/
	#menu-bar-area {
		display: block;
		position: relative;
	}
	.menu-bar-full-extent {
		display: none;
	}
	#flexnav {
	}
	#flexnav .flexnav {
		max-height: none;
	}
	#mega-menu {
		display: none;
	}
	/*----- FLEXNAV - SETUP - Close -----*/
	

	/* MENU LEVEL 1 - Open */
	/* <LI> */
	.flexnav li.menu-depth-1 {
		background: none;
		border: none;
		border-bottom: 1px #00005b solid;
	}
	.flexnav li.menu-depth-1.first {}
	.flexnav li.menu-depth-1.last {}
	.flexnav li.menu-depth-1:hover {
		background: #990000;
	}
	.flexnav li.menu-depth-1.active-trail,
	.flexnav li.menu-depth-1.active {
		background: #00005b; 
	}
	/* <A> */
	.flexnav li.menu-depth-1 > a {
		color: #00005b;
		font-weight: 400;
		/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
	}
	.flexnav li.menu-depth-1:focus > a,
	.flexnav li.menu-depth-1:hover > a,
	.flexnav li.menu-depth-1 > a:focus,
	.flexnav li.menu-depth-1 > a:hover {
		color: #fff;
	}
	.flexnav li.menu-depth-1 > a.active-trail,
	.flexnav li.menu-depth-1 > a.active {
		color: #fff;
	}
	/* MENU LEVEL 1 - Close */


	/* MENU LEVEL 2 - Open */
	/* <LI> */
	.flexnav li li {
		background: #e7e7ff;
		border: none;
		border-top: 1px #2133a3 solid;
	}
	.flexnav li li.first {}
	.flexnav li li.last {}
	.flexnav li li:hover {
		background: #990000;
	}
	.flexnav li li.active-trail,
	.flexnav li li.active {
		background: #00005b;
	}
	/* <A> */
	.flexnav li li a {
		color: #000080;
	}
	.flexnav li li:focus > a,
	.flexnav li li:hover > a,
	.flexnav li li a:focus,
	.flexnav li li a:hover {
		color: #fff;
	}
	.flexnav li li a.active-trail,
	.flexnav li li a.active {
		color: #fff;
	}
	.flexnav li li a:before {
		content: "› ";
		font-size: 1.1em;
		font-weight: 700;
	}
	/* MENU LEVEL 2 - Close */


	/* MENU LEVEL 3 - Open */
	/* <LI> */
	.flexnav li li li {
		background: #cecefc;
		border: none;
		border-top: 1px #2133a3 solid;
	}
	.flexnav li li li.first {}
	.flexnav li li li.last {}
	.flexnav li li li:hover {
		background: #990000;
	}
	.flexnav li li li.active-trail,
	.flexnav li li li.active {
		background: #00005b;
	}
	/* <A> */
	.flexnav li li li a {
		color: #000080;
	}
	.flexnav li li li:focus > a,
	.flexnav li li li:hover > a,
	.flexnav li li li a:focus,
	.flexnav li li li a:hover {
		color: #fff;
	}
	.flexnav li li li a.active-trail,
	.flexnav li li li a.active {
		color: #fff;
	}
	.flexnav li li li a:before {
		content: "›› ";
		font-size: 1.1em;
		font-weight: 700;
	}
	/* MENU LEVEL 3 - Close */


	/* MENU LEVEL 4 - Open */
	/* <LI> */
	.flexnav li li li li {
		background: #b7b7f1;
		border: none;
		border-top: 1px #2133a3 solid;
	}
	.flexnav li li li li.first {}
	.flexnav li li li li.last {}
	.flexnav li li li li:hover {
		background: #990000;
	}
	.flexnav li li li li.active-trail,
	.flexnav li li li li.active {
		background: #00005b;
	}
	/* <A> */
	.flexnav li li li li a {
		color: #000080;
	}
	.flexnav li li li li:focus > a,
	.flexnav li li li li:hover > a,
	.flexnav li li li li a:focus,
	.flexnav li li li li a:hover {
		color: #fff;
	}
	.flexnav li li li li a.active-trail,
	.flexnav li li li li a.active {
		color: #fff;
	}
	.flexnav li li li li a:before {
		content: "››› ";
		font-size: 1.1em;
		font-weight: 700;
	}
	/* MENU LEVEL 4 - Close */

}
/*----- FLEXNAV - MOBILE - Close -----*/


/*----- FLEXNAV - DESKTOP - Open -----*/
@media all and (min-width: 981px) {
	
	/*----- FLEXNAV - SETUP - Open -----*/
	#menu-bar-area {
		display: none;
		position: absolute;
	}
	.menu-bar-full {
		min-height: 46.4px;
	}
	#flexnav {
		display: none;
	}
	#mega-menu {
		display: block;
	}
	/*----- FLEXNAV - SETUP - Close -----*/
	
	
	/* MENU LEVEL 1 - Open */
	/* <LI> */
	.flexnav li.menu-depth-1 {
		border: none;
		border-right: 1px #d26b04 solid;
	}
	.flexnav li.menu-depth-1.first {
		border-top: none;
		border-left: 1px #d26b04 solid;
	}
	.flexnav li.menu-depth-1.last {
		border-bottom: none;
	}
	.flexnav li.menu-depth-1:hover {
		background: #ffa820;
	}
	.flexnav li.menu-depth-1.active-trail,
	.flexnav li.menu-depth-1.active {
		background: #e06900; 
	}
	/* <A> */
	.flexnav li.menu-depth-1 > a {
		color: #fff;
		font-weight: 400;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		text-transform: uppercase;
	}
	.flexnav li.menu-depth-1 > a:hover {
		color: #fff;
	}
	.flexnav li.menu-depth-1 > a.active-trail,
	.flexnav li.menu-depth-1 > a.active {
		color: #fff;
	}
	/* MENU LEVEL 1 - Close */
	
	
	/* MENU LEVEL 2 - Open */
	/* <LI> */
	.flexnav li li {
		background: #fff;
		border: 1px #aaa solid;
		border-bottom: none;
	}
	.flexnav li li.first {}
	.flexnav li li.last {
		border-bottom: 1px #aaa solid;
	}
	.flexnav li li:hover {
		background: #ddd;
	}
	.flexnav li li.active-trail,
	.flexnav li li.active {
		background: #bbb!important;
	}
	/* <A> */
	.flexnav li li a {
		color: #222;
	}
	.flexnav li li a:hover {
		color: #000;
	}
	.flexnav li li a.active-trail,
	.flexnav li li a.active {
		color: #000;
		font-weight: 400;
	}
	/* MENU LEVEL 2 - Close */
	
}
/*----- FLEXNAV - DESKTOP - Close -----*/
