.flexnav { *zoom: 1; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; padding: 0}
.flexnav:after { content: ""; display: table; clear: both;}
.flexnav.show { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; max-height: 1000px;}
.flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px;}
.flexnav li { font-size:100%; position:relative; list-style:none}
.flexnav li a { position: relative; display: block; padding:2px 13px 4px; z-index: 2; overflow: hidden; font:16px 'MyriadProRegular'; color: #777; background:none; border-bottom:none;}
.flexnav li ul { width: 100%; display: none;}
.flexnav li ul li { float: none; width: 100%;}
.flexnav li ul li a { display: block;}
.flexnav ul li ul li a { background: #bfbfbc;}
.flexnav ul li ul li ul li a { background: #cbcbc9;}
.flexnav .touch-button { position:absolute; z-index:999; top:-2px; right:0; width:14px; height:14px; display:inline-block; background:none; text-align:center;}
.flexnav .touch-button:hover { cursor: pointer;}
.flexnav .touch-button .navicon { position:static; font-size:9px; color:#666;}
.menu-button { position:relative; display:block; color:#222222; padding:5px 10px; border-radius:5px; cursor:pointer; border-bottom:1px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; background-color:#FFFFFF; border:1px solid rgba(0, 0, 0, 0.15);}
.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:7px; color: #666;}
@media all and (max-width:767px) {
	nav{ margin-bottom:10px;}
	nav > ul.show{ background-color:#f2f2f2; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-top:5px; margin-top:-4px;}
	nav > ul.show li{ border-bottom:1px solid #ccc;}
	nav > ul.show li li{ border-bottom:none;}
	nav > ul.show li li a{ font-size:14px;}
	nav ul ul{ margin:0; padding:0 0 0 15px;}
	.flexnav li a{ display:inline-block; padding-top:10px;}
	.flexnav .touch-button { background-color:#ddd; height:41px; top:0px; width:40px;}
	.flexnav .touch-button .navicon { line-height:41px;}
}
@media all and (min-width:768px) {
body.one-page { padding-top: 70px;}
.flexnav { overflow: visible; max-height:1000px; margin-top:85px;}
.flexnav.one-page { top: 0; right: auto; max-width: 1080px;}
.flexnav li { position: relative; list-style: none; float: left; display: block; background-color:none; width:auto;}
.flexnav li:hover > ul { visibility: visible; opacity: 1; height: auto; display: block; position: absolute;}
.flexnav.lg-screen li:hover > ul, .flexnav.sm-screen li:hover > ul { display: none;}
.flexnav li a { border-left:none; border-bottom:none;}
.flexnav li:hover a, .flexnav li:hover li:hover a {  color: #fff; border-radius:5px; text-decoration:none; background: rgb(195,24,27); background: -moz-linear-gradient(top,  rgba(195,24,27,1) 0%, rgba(171,28,29,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,24,27,1)), color-stop(100%,rgba(171,28,29,1))); background: -webkit-linear-gradient(top,  rgba(195,24,27,1) 0%,rgba(171,28,29,1) 100%); background: -o-linear-gradient(top,  rgba(195,24,27,1) 0%,rgba(171,28,29,1) 100%); background: -ms-linear-gradient(top,  rgba(195,24,27,1) 0%,rgba(171,28,29,1) 100%); background: linear-gradient(to bottom,  rgba(195,24,27,1) 0%,rgba(171,28,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3181b', endColorstr='#ab1c1d',GradientType=0 );}
.flexnav li:hover li a{ background:#fff; color:#222}
.flexnav li:hover .touch-button .navicon { color:#fff;}
.flexnav li ul li a:hover { border-radius:0px!important;}
.flexnav li > ul { position:absolute; border-radius:5px; overflow:hidden; margin:0; padding:5px 0; top:auto; left:0; opacity:0; visibility:hidden; height:1px; z-index:1; width:200px; background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);}
.flexnav li ul li ul { top: 0;}
.flexnav li ul li a { border-bottom: none;}
.flexnav li ul.open { display: block; opacity: 1; visibility: visible; height: auto;}
.flexnav li ul.open ul.open { margin-left: 100%; top: 0;}
.flexnav ul li:hover ul { margin-left: 100%; top: 0;}
.menu-button { display: none;}
}
@media (min-width:768px) and (max-width:991px) {
	.flexnav{ margin-top:45px;}
	.flexnav li a{ font-size:13px; padding:2px 7px 4px;}
	.flexnav .touch-button .navicon{ font-size:6px;}
	.flexnav .touch-button{ top:-5px; right:-3px;}
	.flexnav li ul li a{ font-size:12px;}
}
@media (min-width:992px) and (max-width:1199px) {
	.flexnav{ margin-top:90px;}
	.flexnav li a{ font-size:14px; padding:2px 10px 4px;}
	.flexnav .touch-button .navicon{ font-size:6px;}
	.flexnav .touch-button{ top:-4px; right:-2px;}
}
.oldie body.one-page { padding-top: 70px;}
.oldie .flexnav { overflow: visible; max-height: 1000px;}
.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;}
.oldie .flexnav li:hover > ul { visibility: visible; opacity: 1; height: auto; display: block; top: 3.1em; position: absolute;}
.oldie .flexnav li:hover > ul li { width: 100%;}
.oldie .flexnav.lg-screen li:hover > ul, .oldie .flexnav.sm-screen li:hover > ul { display: none;}
.oldie .flexnav li a { border-left: 1px solid #acaca1; border-bottom: none;}
.oldie .flexnav li > ul { position: absolute; top: auto; left: 0; opacity: 0; visibility: hidden; height: 1px; z-index: 1;}
.oldie .flexnav li ul li ul { top: 0;}
.oldie .flexnav li ul li a { border-bottom: none;}
.oldie .flexnav li ul.open { display: block; opacity: 1; visibility: visible; height: auto;}
.oldie .flexnav li ul.open ul.open { margin-left: 100%; top: 0;}
.oldie .flexnav ul li:hover ul { margin-left: 100%; top: 0;}
.oldie .menu-button { display: none;}
.oldie.ie7 .flexnav li { width: 19.9%;}