.flexnav {
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
transition:none;
-webkit-transform-style:preserve-3d;
overflow:hidden;
width:100%;
max-height:0;
margin:0 auto;
}

.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;
}

.flexnav.one-page {
position:fixed;
top:50px;
right:5%;
max-width:200px;
}

.flexnav li a {
position:relative;
display:block;
z-index:2;
overflow:hidden;
color:#fff;
background:#A2BB80;
border-bottom:1px solid rgba(0,0,0,0.15);
padding:.96em;
}

.flexnav li ul li a {
display:block;
background:#fff;
color:#818181
}

.flexnav ul li ul li a {
background:#A2BB80;
color:#fff !important;
}

.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: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;
  background: #fff;
  color: #818181;
  cursor: pointer;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding: 0.5em;
  font-size: 20px;
  text-transform: uppercase;
}

.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:0.5em;
color:#666;
}

.oldie body.one-page {
padding-top:70px;
}

.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 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 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%;
}

.flexnav li,.flexnav li ul li {
font-size:100%;
position:relative;
overflow:hidden;
}

.flexnav li ul,.oldie .flexnav li ul.open li {
width:100%;
}

.flexnav li ul.flexnav-show li,.oldie .flexnav {
overflow:visible;
}

.oldie .flexnav li:hover > ul,.oldie .flexnav li ul.open {
display:block;
width:100%;
overflow:visible;
}

@media all and min-width 1075px{
    

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-color:#a6a6a2;
overflow:visible;
width:20%;
}

.flexnav li a {
border-left:1px solid #acaca1;
border-bottom:none;
}

.flexnav li > ul {
position:absolute;
top:auto;
left:0;
}

.flexnav li > ul li {
width:100%;
}

.flexnav li ul li a {
border-bottom:none;
}

.flexnav li ul.open {
display:block;
opacity:1;
visibility:visible;
z-index:1;
}

.flexnav li ul.open li {
overflow:visible;
max-height:100px;
}

.menu-button {
display:none;
}

.flexnav li ul li > ul,.flexnav li ul.open ul.open {
margin-left:100%;
top:0;
}
}