/* Flexnav Base Styles */
.flexnav, .flexnav ul {
	list-style: none;
}
.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; padding-left:0; }
.flexnav.opacity { opacity: 0; }
.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; }
.flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; }
.flexnav ul{padding-left:0;}
.flexnav li { font-size: 0.938em; position: relative; overflow: hidden; }
.flexnav li a { position: relative; display: block; padding: .96em; z-index: 2; overflow: hidden; color: white; background: #18196C; font-family: "Bliss2Regular"; text-decoration: none; text-align: left; }
.flexnav li ul { width: 100%; }
.flexnav li ul li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li ul.show li { overflow: visible; }
.flexnav li ul li a { display: block; background-color: rgba(8, 8, 91, 0.9); color:#fff; }
.flexnav ul li ul li a { background: #bfbfbc; text-align: left;}
.flexnav ul li ul li ul li a { background: #cbcbc9; }
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; background: #acaca1; background: rgba(0, 0, 0, 0.075); text-align: center; }
.flexnav .touch-button:hover { cursor: pointer; }
.flexnav .touch-button .navicon { position: relative; top: 1.4em; font-size: 12px; color: #666; }
.menu-button { position: relative; display: block; padding: 1em; background: #18196C; color: #fff; cursor: pointer; }
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; }
.menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center; }
.menu-button .touch-button .navicon { font-size: 16px; position: relative; top: 1em; color: #fff; }

@media all and (min-width: 769px) {
body.one-page { padding-top: 70px; }
.flexnav { overflow: visible; }
.flexnav.opacity { opacity: 1; }
.flexnav.one-page { top: 0; right: auto; max-width: 1080px; }
.flexnav li { position: relative; list-style: none; float: left; display: block; background: none; overflow: visible; }
.flexnav li a {border-bottom: none; background: none; padding: .7rem 1.8rem; }
.flexnav li:first-child a{border:none;}
.flexnav li:hover > a{background: none;color:#5374ff;}
.flexnav li > ul { position: absolute; top: auto; left: 0; min-width:135px; }
.flexnav li > ul li { width: 100%; }
.flexnav li ul li > ul { margin-left: 100%; top: 0; }
.flexnav li ul li a { border-left: none; background-color: rgba(8, 8, 91, 0.9);color: #fff; text-align: left; font-size:0.750rem;}
.flexnav li ul li:last-child a{border-bottom:none;}
.flexnav li ul li:hover a{background-color: rgba(8, 8, 91, 0.9); color: #fff; text-decoration: underline;}
.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; }
.no-touch .flexnav .touch-button,.no-touch .touch-button .navicon{display:none;}
.menu-button, .flexnav .touch-button  { 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-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%; }

/* Subnav Styles */
.subnav ul{list-style-type:none;padding-left:0;}
.subnav ul li {border-bottom: 1px solid #BDBDBD; padding: 5px 0px 5px 20px;}
.subnav ul li ul{display:none;padding-left:10px;}
.subnav ul li a{color:#191a5a;text-decoration:none;font-size:0.813rem; font-family:Arial, Helvetica, sans-serif;font-weight: bold}
.subnav ul li a:hover{color:#5374ff;}
.subnav ul li ul li {border-bottom: none; padding: 0.5px 0 ;}
.subnav ul li ul li a{color:#191a5a; font-weight: normal; font-size:0.688rem;}
.subnav ul li ul li a:hover{text-decoration: underline; color:#5374ff;}
