nav{position:relative; z-index:9999; background:#2d3702; float:left; width:100%; padding:3px;}
nav ul li ul li{float:left; width:100%;}
nav ul li ul li a{padding:0 9px; text-align:left; white-space:nowrap; font-size:13px;}
nav ul li:hover a,nav ul li a.active{background:#afd503; color:#000; text-decoration:none;}
nav ul li ul li .touch-btn{border-top:solid 5px transparent; border-left: solid 4px #fff; border-bottom: solid 4px transparent; float:right; margin-top:11px;}
nav ul li ul li .touch-btn .fa{display:none;}
@media screen and (min-width:768px) {
.main-nav {display:block!important}

nav ul{padding:5px 6%; float:left; width:100%;}
nav ul li {float:left; display:inline; position:relative; margin:0 .1%;}
nav ul li a {color:#fff; padding:4px 20px; display:block; text-align:center; font-size:14px; line-height:30px;}
nav ul li ul li a:hover {text-decoration: none; color: #fff; background-color: #2d3702;}
nav ul li ul {-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease; transition:all .25s ease;
position:absolute; max-height:0; overflow:hidden; margin:-20px 0 0 0; opacity:0; -webkit-box-shadow:1px 1px 2px rgba(50, 50, 50, .35); -moz-box-shadow:1px 1px 2px rgba(50, 50, 50, .35); box-shadow:1px 1px 2px rgba(50, 50, 50, .35); background:#afd503; width:170px;}
nav ul li:hover>ul {
max-height:1000px;
overflow:visible;
margin:0;
opacity:1
}
ul li ul li a.parent {
background:url(../_images/arrow-parent.gif) no-repeat 97% 50%
}
nav ul li ul li ul {
float:left;
position:absolute;
left:158px;
top:0;
width:0;
margin:0 0 0 -20px
}
nav ul li ul li:hover>ul {
margin:0;
width:175px
}
}
@media only screen and (max-width:767px) {
	


a.toggleMenu {
padding:10px;
text-decoration:none !important;
background-color:#2d3702; color:#fff;
}

nav ul li {
list-style:none;

}
nav>ul>li {
background-color:#afd503;
}
nav ul li a {
padding:10px;
display:block; color:#000;
}
nav ul li ul {
max-height:0;
overflow:hidden;
padding:0 20px;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
nav>ul {
max-height:0;
overflow:hidden;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
nav ul li ul li a {
background:url(../_images/bullet-sub.gif) no-repeat 6px 8px;
padding:5px 5px 5px 18px
}
nav ul li.active>ul, nav>ul.active {
max-height:1000px; background:#afd503;
}
span.touch-btn {
float:right;
transition:all .2s ease;
-webkit-transition:all .2s ease;
width:20px;
height:20px;
margin:0px 0 0 0;
padding:2px;
-webkit-border-radius:30px;
border-radius:30px;
text-align:center;
font-size:14px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/plus-minus.gif) no-repeat 50% 2px;
}

nav ul li ul li .touch-btn{border:0; margin-top:1px;}
nav ul li:hover a{background:transparent;}
nav ul li a:hover,nav ul li a.active{background:#2d3702;color:#fff;}

a.toggleMenu span.touch-btn, nav ul li.active>a.parent span.touch-btn {
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
background-position:50% -18px;

}

nav ul li.active>a.parent span.touch-btn {margin-top:5px;}
a.toggleMenu.active span.touch-btn {
background-position:50% 2px;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
nav ul li ul {
display:none
}
nav ul li:hover>ul {
display:block
}
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
nav ul li ul {
display:none
}
nav ul li:hover>ul {
display:block
}
}