.nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; margin-top: 26px;}
.nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #006830; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) {top: 0px;}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {top: 7px;}
.nav-icon span:nth-child(4) {top: 14px;  }
.nav-icon.open span:nth-child(1) {top: 21px;width: 0%; left: 50%;}
.nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
.nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
.nav-icon.open span:nth-child(4) {top: 18px; width: 0%; left: 50%; }

.mobile-nav {display: none; position: static; top: 0; left: 0; width: 100%; z-index: 999;}
.mobile-nav ul {margin: 0!important;}
.mobile-nav li ul {display: none; border-bottom: 1px solid #2b2b2b;}
.mobile-nav li li ul {border-bottom: none;}
.mobile-nav li {list-style: none; position: relative;}
.mobile-nav li a {display: block; background: #006830; padding: 15px 50px 15px 20px; text-decoration: none; color: #fff; font-weight: 800; text-transform: uppercase; font-size: 80%; border-bottom: 1px solid #004e24; border-top: 1px solid #009143;}
.mobile-nav li li a {padding: 10px 50px 10px 30px; background: #009143; border: none; color: #fff;}
.mobile-nav li li li a {padding-left: 50px;}
.mobile-nav li li li li a {padding-left: 70px;}
.mobile-nav li li li li li a {padding-left: 90px;}
.mobile-nav li.selected a {color: #ffee00;}
.mobile-nav li.selected li a {color: #fff;}
.mobile-nav li li.selected li a {color: #fff;}
.mobile-nav li li li.selected li a {color: #fff;}
.mobile-nav li li li li.selected li a {color: #fff;}
.mobile-nav li li.selected a {color: #ffee00;}
.mobile-nav li li li.selected a {color: #ffee00;}
.mobile-nav li li li li.selected a {color: #ffee00;}
.mobile-nav li li li li li.selected a {color: #ffee00;}
.mobile-nav li span {display: none;}
.mobile-nav li li.children li span {display: none!important;}
.mobile-nav li.children span {position: absolute; top: 0; right: 0; background: url(../images/expand.png) no-repeat center center; width: 54px; height: 54px; display: block; cursor: pointer;}
.mobile-nav li.children li span {display: none; height: 42px; width: 54px;}
.mobile-nav li.children li.children span {display: block;}
.mobile-nav li li li.children span {display: block!important;}
.mobile-nav li li li.children li span {display: none!important;}
.mobile-nav li li li li.children span {display: block!important;}
.mobile-nav li li li li.children li span {display: none!important;}

.mobile-nav li.selected ul {display: block;}
.mobile-nav li.selected li ul {display: none;}
.mobile-nav li li.selected ul {display: block;}
.mobile-nav li li.selected li ul {display: none;}
.mobile-nav li li li.selected ul {display: block;}
.mobile-nav li li li.selected li ul {display: none;}
.mobile-nav li li li li.selected ul {display: block;}
.mobile-nav li li li li.selected li ul {display: none;}