/*----- FLEXNAV - SETUP - Open -----*/
#flexnav {
	display: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 99;
}
#flexnav nav,
#flexnav #menu-bar,
#flexnav .menu-block-wrapper {
	margin: 0px;
	padding: 0px;
}
#ota-site .flexnav {
	max-height: 0;
	overflow: hidden;
	width: 100%;
	
	-webkit-transition: none;
	   -moz-transition: none;
		-ms-transition: none;
			transition: none;
			
	-webkit-transform-style: preserve-3d;
}
#ota-site .flexnav.show {
	max-height: 2000px;
    opacity: 1;
	
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
#ota-site .flexnav .touch-button {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
}
#ota-site .flexnav .touch-button .navicon {
	background-image: url(../aeronet/images/flexnav-arrow-02.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer; 
	display: block;
	font-size: 0em;
	height: 46px;
	width: 50px;
}
/*----- FLEXNAV - SETUP - Close -----*/


/*----- FLEXNAV - GENERAL - Open -----*/
#ota-site .flexnav li {
	background: #fff;
	padding: 0px;
	position: relative;
	width: 100%;
}
#ota-site .flexnav li a {
	color: #000;
	overflow: hidden;
	white-space: normal !important;
}
#ota-site .flexnav li,
#ota-site .flexnav li a {
	display: block;
	margin: 0px;
	
	-webkit-transition: all 150ms linear;
	   -moz-transition: all 150ms linear;
		-ms-transition: all 150ms linear;
		 -o-transition: all 150ms linear;
			transition: all 150ms linear;
}
/*----- FLEXNAV - GENERAL - Close -----*/


/*----- FLEXNAV - MOBILE - Open -----*/
/* MENU LEVEL 1 - Open */
/* <LI> */
#ota-site .flexnav li.menu-depth-1 {
	display: block;
	list-style: none;
	margin: 0px!important;
	overflow: visible; 
	position: relative;
}
/* <A> */
#ota-site .flexnav li.menu-depth-1 > span.nolink,
#ota-site .flexnav li.menu-depth-1 > a {
	display: block;
	margin: 0px!important;
	overflow: hidden;
	padding: 10px!important;
}
/* MENU LEVEL 1 - Close */


/* MENU LEVEL 2 - Open */
/* <A> */
#ota-site .flexnav li li span.nolink,
#ota-site .flexnav li li a	{
	padding: 10px!important;
}
/* MENU LEVEL 2 - Close */


/* MENU LEVEL 3 - Open */
/* <A> */
#ota-site .flexnav li li li span.nolink,
#ota-site .flexnav li li li a {
	padding: 10px 10px 10px 25px!important;
}
/* MENU LEVEL 3 - Close */


/* MENU LEVEL 4 - Open */
/* <A> */
#ota-site .flexnav li li li li span.nolink,
#ota-site .flexnav li li li li a {
	padding: 10px 10px 10px 40px!important;
}
/* MENU LEVEL 4 - Close */


/* MENU LEVEL 5 - Open */
/* <A> */
#ota-site .flexnav li li li li li span.nolink,
#ota-site .flexnav li li li li li a	{
	padding: 10px 10px 10px 55px!important;
}
/* MENU LEVEL 5 - Close */
/*----- FLEXNAV - MOBILE - Close -----*/


/*----- FLEXNAV - DESKTOP - Open -----*/
@media all and (min-width: 1025px) {

	/* SETUP - Open */
	#flexnav {
		padding: 0px;
	}
	#ota-site .flexnav {
		overflow: visible; 
	}
	#ota-site .flexnav ul {
		display: block; 
		left: -1px;
		position: absolute;
		top: auto;
		z-index: 1;
		
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
		   -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
				box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	}
	#ota-site .flexnav ul ul {
		z-index: 2;
	}
	#ota-site .flexnav ul ul ul {
		z-index: 3;
	}
	#ota-site .flexnav ul ul ul ul {
		z-index: 4;
	}
	#ota-site .flexnav ul ul ul ul ul {
		z-index: 5;
	}
	/* SETUP - Close */
	
	
	/* MENU LEVEL 1 - Open */
	#ota-site .flexnav li.menu-depth-1 {
		margin: 0px 0px 0px 10px!important;
		width: auto;
	}
	#ota-site .flexnav li.menu-depth-1 > span.nolink,
	#ota-site .flexnav li.menu-depth-1 > a {
		padding: 8px 10px!important;
	}
	/* MENU LEVEL 1 - Close */
	
	
	/* SETUP - SUBMENUS - Open */
	#ota-site .flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible; 
	}
	#ota-site .flexnav li ul.open li {
		max-height: 100px; 
		overflow: visible;
	}
	#ota-site .flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0; 
	}
	#ota-site .flexnav ul ul {
		left: 0px;
	}
	#ota-site .flexnav li > ul li {
		width: 260px;
	}
	#ota-site .flexnav li ul li > ul {		
		left: -5px;
		margin-left: 100%!important;
		top: 5px; 
	}
	#ota-site .flexnav li li.expanded > span.nolink,
	#ota-site .flexnav li li.expanded > a {
		background-image: url(../aeronet/images/flexnav-arrow-expand-02.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
	#ota-site .flexnav li li:hover.expanded > span.nolink,
	#ota-site .flexnav li li:hover.expanded > a,
	#ota-site .flexnav li li.expanded > span.nolink:hover,
	#ota-site .flexnav li li.expanded > a:hover {
		background-image: url(../aeronet/images/flexnav-arrow-expand-02.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
	/* SETUP - SUBMENUS - Close */
	
	
	/* MENU LEVEL 2 - Open */
	/* <A> */
	#ota-site .flexnav li li span.nolink,
	#ota-site .flexnav li li a {
		padding: 7px 10px!important;
	}
	/* MENU LEVEL 2 - Close */
	
	
	/* MENU LEVEL 3 - Open */
	/* <A> */
	#ota-site .flexnav li li li span.nolink,
	#ota-site .flexnav li li li a {
		padding: 7px 10px!important;
	}
	/* MENU LEVEL 3 - Close */
	
	
	/* MENU LEVEL 4 - Open */
	/* <A> */
	#ota-site .flexnav li li li li span.nolink,
	#ota-site .flexnav li li li li a {
		padding: 7px 10px!important;
	}
	/* MENU LEVEL 4 - Close */
	
	
	/* MENU LEVEL 5 - Open */
	/* <A> */
	#ota-site .flexnav li li li li li span.nolink,
	#ota-site .flexnav li li li li li a {
		padding: 7px 10px!important;
	}
	/* MENU LEVEL 5 - Close */
	
	
	/* INVERT LEVEL - Open */
	#ota-site .flexnav .invert-sub > ul,		
	#ota-site .flexnav ul.invert-level {		
		left: auto;
		margin-right: -1px;
		right: 0px;
	}
	/* INVERT LEVEL - Close */
	
	/* INVERT SUB LEVEL - Open */		
	#ota-site .flexnav ul.invert-level ul,		
	#ota-site .flexnav ul.invert-sub-level {		
		left: auto;
		margin-right: -5px;
		right: 100%;
	}
	/* INVERT SUB LEVEL - Close */
	
}
/*----- FLEXNAV - DESKTOP - Close -----*/


/*----- AFTER - Open -----*/
.flexnav:after {
	clear: both;
	content: "";
	display: table;
}
/*----- AFTER - Close -----*/