/* Flexnav Base Styles */
.flexnav {
	-webkit-transition: none; 
	-moz-transition: none; 
	-ms-transition: none; 
	transition: none; 
	-webkit-transform-style: preserve-3d; 
	overflow: hidden;  margin: 0 auto; 
	width: 100%;  max-height:0; margin-bottom:15px!important;
}
.flexnav.opacity {opacity:0;}
.flexnav.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; border-bottom:5px solid #2D2D2D; margin-bottom:20px;
}
.flexnav.one-page {position: fixed; top: 50px; right: 5%; max-width: 200px;}
.flexnav li {margin:0;padding:0 !important;font-size: 100%; position: relative; overflow: hidden;border-bottom:0!important;}
.flexnav li a {
	position: relative; display: block; padding: 19px 15px; z-index: 2; background:#fff;
	overflow: hidden; color: #222222; border-bottom:2px solid #F6F6F6;
}
.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%; position: relative; overflow: hidden;}
.flexnav li ul.flexnav-show li {overflow: visible;}
.flexnav li ul li a {display: block; background:#F2F2F2; color: #222222; border-bottom:2px solid #F6F6F6;}
.flexnav ul li ul li a {background: #EAEAEA;}
.flexnav ul li ul li ul li a {background: #D6D6D6;}
.flexnav .touch-button {
	position: absolute; z-index: 999; top:0; right:0; 
	padding: 20px 15px 19px; display: inline-block; 
	text-align: center; background:#3A3A3A;
}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {font-size: 12px; color: #666;}

.menu-button {
	display: block; padding:00; position: relative;
	background: #343434;
	background: -moz-linear-gradient(top,  #343434 0%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343434), color-stop(100%,#2a2a2a));
	background: -webkit-linear-gradient(top,  #343434 0%,#2a2a2a 100%);
	background: -o-linear-gradient(top,  #343434 0%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,  #343434 0%,#2a2a2a 100%);
	background: linear-gradient(to bottom,  #343434 0%,#2a2a2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#2a2a2a',GradientType=0 ); cursor: pointer; font-size: 2em; color:#fff; overflow:hidden;
}
.menu-button .navicon {
	display: inline-block; padding:15px; position: relative; float:left;
	cursor: pointer; font-size: 18px; color:#fff;
}
.menu-button.one-page {position: fixed; top:0; right: 5%; padding-right: 45px;}
.menu-button .touch-button {
	padding:22px; display: none; z-index: 999;
	position: absolute; top: 0px; right:0; 
	font-size:23px; text-align: center; 
}
.menu-button .touch-button .navicon {
	position: relative; top: 1em;
	font-size: 16px; color: #666; 
}
@media screen and (min-width:967px) {
body.one-page {padding-top: 70px;}

.flexnav {overflow: visible; list-style: none;}
.flexnav.opacity {opacity: 1;}
.flexnav.one-page {top:0; right: auto;}
.flexnav li {
	margin-bottom:2px; position: relative; display: block; background:none!important; color:#a3a3a3;
	font-weight:700; font-size:12px!important; font-family:Roboto !important; 
	overflow: visible; width: auto; text-transform: uppercase; text-decoration: none; text-align: left; 
}
.flexnav li:last-child {margin-bottom:0;}
.flexnav li a {padding: 5px; background:rgba(0,0,0,0.1); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1); border-bottom:0!important;}
.flexnav li a:hover {background:rgba(255,255,255,0.5); color:#A0325B; padding-bottom:5px;}
..flexnav li:nth-child(even) {background:none!important;}
.flexnav li > ul, .flexnav li ul, .flexnav li ul li ul, .flexnav li ul li ul li ul {display:none !important;}

.flexnav li ul.open {display: block; opacity: 1; visibility: visible; z-index: 1;}
.flexnav li ul.open li {overflow: visible; max-height: 100px;}
.flexnav li ul.open ul.open {margin-left: 100%; top:0;}

.menu-button, .flexnav .touch-button, .flexnav .touch-button .navicon{display: none;}
}

.oldie body.one-page {padding-top: 70px;}
.oldie .flexnav {overflow: visible;}
.oldie .flexnav.one-page {top:0; right: auto; max-width: 1080px;}
.oldie .flexnav li {
	position: relative; list-style: none; 
	float: left; display: block; 
	background-color: #a6a6a2; 
	width: 20%; min-height: 50px; 
	overflow: visible; 
}
.oldie .flexnav li:hover > ul {display: block; width: 100%; overflow: visible;}
.oldie .flexnav li:hover > ul li {width: 100%; float: none;}
.oldie .flexnav li a {border-left: 1px solid #acaca1; border-bottom: none; overflow: visible;}
.oldie .flexnav li > ul {background: #acaca1; position: absolute; top: auto; left:0; display: none; z-index: 1; overflow: visible;}
.oldie .flexnav li ul li ul {top:0;}
.oldie .flexnav li ul li a {border-bottom: none;}
.oldie .flexnav li ul.open {display: block; width: 100%; overflow: visible;}
.oldie .flexnav li ul.open li {width: 100%;}
.oldie .flexnav li ul.open ul.open {margin-left: 100%; top:0; display: block; width: 100%; overflow: visible;}
.oldie .flexnav ul li:hover ul {margin-left: 100%; top:0;}
.oldie .menu-button {display: none;}
.oldie.ie7 .flexnav li {width: 19.9%;}
