.nav-mobile{background-color:#000;display:none;}
@media only screen and (max-width:768px){#mobile-menu-icon,
#header-menu-icon,
#primary-menu-icon,
#secondary-menu-icon{background-color:#000;cursor:pointer;display:block;padding:15px 20px 14px;padding:1.5rem 2rem 1.4rem;text-align:center;}
#mobile-menu-icon::before,
#header-menu-icon::before,
#primary-menu-icon::before,
#secondary-menu-icon::before{color:#fff;content:'MOBILE MENU \2630';font-size:18px;font-size:1.8rem;}
#mobile-menu-icon:hover::before,
#header-menu-icon:hover::before,
#primary-menu-icon:hover::before,
#secondary-menu-icon:hover::before{color:#fff;content:'MOBILE MENU \2637';}
#mobile-menu-icon:active::before,
#header-menu-icon:active::before,
#primary-menu-icon:active::before,
#secondary-menu-icon:hover::before{color:#fff;content:'MOBILE MENU \2637';}
.menu-mobile,
#menu-header-navigation,
.menu-primary,
.menu-secondary{display:none;}
.nav-mobile,
.nav-header,
.nav-primary,
.nav-secondary{background-color:#000;clear:both;color:#999;display:block;font-family:'PT Sans Narrow', sans-serif;line-height:0.5;margin-bottom:-2px;margin-bottom:-0.2rem;width:100%;z-index:9999;}
.nav-mobile .menu-item,
.nav-header .menu-item,
.nav-primary .menu-item,
.nav-secondary .menu-item{display:block;text-align:left;}
.nav-mobile li{position:relative;}
.nav-mobile a,
.nav-header a,
.nav-primary a,
.nav-secondary a,
.nav-secondary .genesis-nav-menu a{background-color:#444;border-bottom:1px solid #555;color:#fff;display:block;margin:0 5px 3px;margin:0 0.5rem 0.3rem;padding:15px 20px 14px;padding:1.5rem 2rem 1.4rem;position:relative;}
.nav-mobile a:hover,
.nav-mobile .sub-menu .current-menu-item > a:hover,
.nav-header a:hover,
.nav-header .sub-menu .current-menu-item > a:hover,
.nav-primary a:hover,
.nav-primary .sub-menu .current-menu-item > a:hover,
.nav-secondary a:hover,
.nav-secondary .sub-menu .current-menu-item > a:hover{background-color:#00ADFF;}
.nav-mobile > .menu-item > a,
.nav-header > .menu-item > a,
.nav-primary > .menu-item > a,
.nav-secondary > .menu-item > a{text-transform:uppercase;}
.nav-mobile .sub-menu,
.nav-header .sub-menu,
.nav-primary .sub-menu,
.nav-secondary .sub-menu{left:0px;margin:0;opacity:1;position:relative;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;width:100%;z-index:99;}
.nav-mobile .sub-menu a,
.nav-primary .sub-menu a,
.nav-primary .sub-menu a,
.nav-secondary .sub-menu a{background-color:#444;border:0;border-bottom:1px solid #555;font-size:15px;font-size:1.5rem;margin:0 5px 3px 20px;margin:0 0.5rem 0.3rem 2rem;padding:15px 20px 14px;padding:1.5rem 2rem 1.4rem;position:relative;width:auto;}
.nav-mobile .sub-menu a::before,
.nav-header .sub-menu a::before,
.nav-primary .sub-menu a::before,
.nav-secondary .sub-menu a::before{content:"- ";font-size:14px;font-size:1.4rem;}
.nav-mobile .sub-menu a:hover,
.nav-header .sub-menu a:hover,
.nav-primary .sub-menu a:hover,
.nav-secondary .sub-menu a:hover{background-color:#00ADFF;}
.nav-mobile .sub-menu .sub-menu a,
.nav-header .sub-menu .sub-menu a,
.nav-primary .sub-menu .sub-menu a,
.nav-secondary .sub-menu .sub-menu a{margin:0 5px 3px 40px;margin:0 0.5rem 0.3rem 4rem;padding:15px 20px 14px;padding:1.5rem 2rem 1.4rem;}
.nav-mobile .sub-menu .sub-menu,
.nav-header .sub-menu .sub-menu,
.nav-primary .sub-menu .sub-menu,
.nav-secondary .sub-menu .sub-menu{border:0;margin:0;}
.genesis-nav-menu .sub-menu .sub-menu a{border-left:0;}
.nav-mobile .menu-item:hover,
.nav-header .menu-item:hover,
.nav-primary .menu-item:hover,
.nav-secondary .menu-item:hover{position:static;}
.nav-mobile .menu-item:hover > .sub-menu,
.nav-header .menu-item:hover > .sub-menu,
.nav-primary .menu-item:hover > .sub-menu,
.nav-secondary .menu-item:hover > .sub-menu{left:auto;opacity:1;}
.nav-mobile .sub-menu .sub-menu .sub-menu a,
.nav-header .sub-menu .sub-menu .sub-menu a,
.nav-primary .sub-menu .sub-menu .sub-menu a,
.nav-secondary .sub-menu .sub-menu .sub-menu a{margin:0 5px 3px 60px;margin:0 0.5rem 0.3rem 6rem;padding:15px 20px 14px;padding:1.5rem 2rem 1.4rem;}
#header-menu-icon::before{content:'HEADER MENU \2630';}
#header-menu-icon:hover::before{content:'HEADER MENU \2637';}
#header-menu-icon:active::before{content:'HEADER MENU \2637';}
.nav-header{padding-bottom:2px;padding-bottom:0.2rem;}
#primary-menu-icon::before{content:'PRIMARY MENU \2630';}
#primary-menu-icon:hover::before{content:'PRIMARY MENU \2637';}
#primary-menu-icon:active::before{content:'PRIMARY MENU \2637';}
#secondary-menu-icon{background-color:#444;margin-bottom:3px;margin-bottom:0.3rem;}
#secondary-menu-icon::before{content:'SECONDARY MENU \2630';}
#secondary-menu-icon:hover::before{content:'SECONDARY MENU \2637';}
#secondary-menu-icon:active::before{content:'SECONDARY MENU \2637';}
.nav-secondary{background-color:#fff;padding-top:3px;padding-top:0.3rem;}
.nav-secondary a,
.nav-secondary .genesis-nav-menu a{border-bottom:1px solid #111;margin:0 0 3px;margin:0 0 0.3rem;}
.nav-secondary .sub-menu a{margin:0 0 3px 20px;margin:0 0 0.3rem 2rem;}
.nav-secondary .sub-menu .sub-menu a{margin:0 0 3px 40px;margin:0 0 0.3rem 4rem;}
.nav-secondary .sub-menu .sub-menu .sub-menu a{margin:0 0 3px 60px;margin:0 0 0.3rem 6rem;}
}
.simplux-green .nav-mobile a:hover,
.simplux-green .nav-mobile .sub-menu .current-menu-item > a:hover,
.simplux-green .nav-header a:hover,
.simplux-green .nav-header .sub-menu .current-menu-item > a:hover,
.simplux-green .nav-primary a:hover,
.simplux-green .nav-primary .sub-menu .current-menu-item > a:hover,
.simplux-green .nav-secondary a:hover,
.simplux-green .nav-secondary .sub-menu .current-menu-item > a:hover{background-color:#064844;}
.simplux-orange .nav-mobile a:hover,
.simplux-orange .nav-mobile .sub-menu .current-menu-item > a:hover,
.simplux-orange .nav-header a:hover,
.simplux-orange .nav-header .sub-menu .current-menu-item > a:hover,
.simplux-orange .nav-primary a:hover,
.simplux-orange .nav-primary .sub-menu .current-menu-item > a:hover,
.simplux-orange .nav-secondary a:hover,
.simplux-orange .nav-secondary .sub-menu .current-menu-item > a:hover{background:#d59821;}
.simplux-pink .nav-mobile a:hover,
.simplux-pink .nav-mobile .sub-menu .current-menu-item > a:hover,
.simplux-pink .nav-header a:hover,
.simplux-pink .nav-header .sub-menu .current-menu-item > a:hover,
.simplux-pink .nav-primary a:hover,
.simplux-pink .nav-primary .sub-menu .current-menu-item > a:hover,
.simplux-pink .nav-secondary a:hover,
.simplux-pink .nav-secondary .sub-menu .current-menu-item > a:hover{background:#c269bf;}
.simplux-red .nav-mobile a:hover,
.simplux-red .nav-mobile .sub-menu .current-menu-item > a:hover,
.simplux-red .nav-header a:hover,
.simplux-red .nav-header .sub-menu .current-menu-item > a:hover,
.simplux-red .nav-primary a:hover,
.simplux-red .nav-primary .sub-menu .current-menu-item > a:hover,
.simplux-red .nav-secondary a:hover,
.simplux-red .nav-secondary .sub-menu .current-menu-item > a:hover{background:#e64d4d;}
.simplux-yellow .nav-mobile a:hover,
.simplux-yellow .nav-mobile .sub-menu .current-menu-item > a:hover,
.simplux-yellow .nav-header a:hover,
.simplux-yellow .nav-header .sub-menu .current-menu-item > a:hover,
.simplux-yellow .nav-primary a:hover,
.simplux-yellow .nav-primary .sub-menu .current-menu-item > a:hover,
.simplux-yellow .nav-secondary a:hover,
.simplux-yellow .nav-secondary .sub-menu .current-menu-item > a:hover{background:#c1c71c;}