/* Flexnav Base Styles */
.flexnav { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; position: relative; z-index: 1500; }
.flexnav.opacity { opacity: 0; }
.flexnav.flexnav-show { 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; width: 80%; margin: 0 auto; background: #9C5330; padding-top: 48px; max-height:506px; max-height:86vh;overflow-y:scroll; }
.flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; }
.flexnav li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li a { position: relative; display: block; padding: .96em; z-index: 2; overflow: hidden; color: #222222; ; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.flexnav-show > li:first-child a { border-top: 1px solid rgba(0, 0, 0, 0.15); }
.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; ; }
.flexnav ul li ul li a { }
.flexnav ul li ul li ul li a { background: #cbcbc9; }
.flexnav .touch-button { position: absolute; z-index: 2000; top: 0; right: 0; width: 50px; height: 47px; 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.8em; font-size: 12px; color: white; }
.menu-button { position: absolute; display: block; padding: .6em 1em 1.5em; background: #41180d; color: white; text-transform: uppercase; z-index: 2000!important; cursor: pointer; box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.66) inset, 0px 1px 2px 0px rgba(253, 254, 254, 0.16); -webkit-box-shadow: none; left: 30%; right: 30%; top: -6px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 60px; -webkit-border-bottom-right-radius: 60px; text-align: center; }
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; }
.menu-button .touch-button { background: transparent; position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; }
.menu-button .touch-button .navicon { display: block; width: 29px; height: 13px; background: url(../images/up-down-arrows.png) top right no-repeat; background-size: cover; text-indent: -9999px; position: relative; top: 1.8em; margin: 0 auto; }
.menu-button .touch-button.active .navicon { background-position: top left; }

@media all and (min-width: 700px) {
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: 1.643rem .58em 0.857rem; }
.touch .flexnav > li:first-child { display: none; }
/*.touch .flexnav li.item-with-ul a{padding-right:25px;}*/
.touch .flexnav li ul li a { padding-left: .96em; }
.flexnav li:hover > a { background: #41180d; box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.66) inset, 0px 1px 2px 0px rgba(253, 254, 254, 0.16); }
.flexnav li.item-with-ul:hover > a { box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.66) inset; }
.flexnav li > ul { position: absolute; min-width: 150px; top: auto; left: 0; background: #41180d; box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.66) inset, 0px 1px 2px 0px rgba(253, 254, 254, 0.16); display: none; }
.flexnav li > ul li { width: 100%; }
.flexnav li ul li > ul { margin-left: 100%; top: 0; }
.flexnav li ul li a { border-bottom: none; background: none; }
.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 { display: none; }
.flexnav .touch-button { background: none; width: 100%; height: 10px; top: 14px; }
.no-touch .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%; }
/* Subnav Styles */
.subnav ul { list-style-type: none; padding-left: 0; }
.subnav ul li ul { display: none; padding-left: 10px; }
.subnav ul li a { color: #e07b06; text-decoration: none; font-size: 1rem; text-transform: uppercase; padding: 7px; border-bottom: 1px solid #d5d1c6; display: block; }
.subnav ul li a:hover { color: #a61e21; }
.subnav ul li ul li a { color: #6f6f6f; text-transform: none; border-bottom: 1px dotted #d5d1c6; }