.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}
nav{position:relative;width:auto;margin:0 auto;}
nav * { margin:0;padding:0;text-decoration:none; }
nav.hnav-resp,nav.hnav-resp ul,nav.hnav-resp ul li,nav.hnav-resp ul li a,nav.hnav-resp #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
nav.hnav-resp:after,nav.hnav-resp > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
nav.hnav-resp #head-mobile{display:none}
nav.hnav-resp{/* font-family:sans-serif;background:#333 */}
nav.hnav-resp > ul > li{float:left}
nav.hnav-resp > ul > li > a{padding:17px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:500;}
nav.hnav-resp > ul > li:hover > a,nav.hnav-resp ul li.active a{color:#fff}
nav.hnav-resp > ul > li:hover,nav.hnav-resp ul li.active:hover,nav.hnav-resp ul li.active,nav.hnav-resp ul li.has-sub.active:hover{background:rgba(0,0,0,0.1)!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
nav.hnav-resp > ul > li.has-sub > a{padding-right:30px}
nav.hnav-resp > ul > li.has-sub > a:after {position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:rgba(0,0,0,0.9);content:''}
nav.hnav-resp > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:rgba(0,0,0,0.9);content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
nav.hnav-resp > ul > li.has-sub:hover > a:before{top:23px;height:0}
nav.hnav-resp ul ul{position:absolute;left:-9999px}
nav.hnav-resp ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease; background:#bbb; transition:all .25s ease}
nav.hnav-resp ul ul li:hover{}
nav.hnav-resp li:hover > ul{left:auto; z-index: 50;}
nav.hnav-resp li:hover > ul > li{height:35px}
nav.hnav-resp ul ul ul{margin-left:100%;top:0}
nav.hnav-resp ul ul li a{border-bottom:1px solid rgba(255,255,255,0);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#fff !important;font-weight:normal;}
nav.hnav-resp ul ul li:last-child > a,nav.hnav-resp ul ul li.last-item > a {border-bottom:0}
nav.hnav-resp ul ul li:hover > a ,nav.hnav-resp ul ul li a:hover {color:#fff; background:rgba(0,0,0,0.1);}
nav.hnav-resp ul ul li.has-sub > a:after{ position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
nav.hnav-resp ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
nav.hnav-resp ul ul > li.has-sub:hover > a:before{top:17px;height:0}
nav.hnav-resp ul ul li.has-sub:hover,nav.hnav-resp ul li.has-sub ul li.has-sub ul li:hover{background:#555;}
nav.hnav-resp ul ul ul li.active a{border-left:1px solid rgba(255,255,255,0)}
nav.hnav-resp > ul > li.has-sub > ul > li.active > a,nav.hnav-resp > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid rgba(255,255,255,0)}

/*
@media screen and (max-width:1200px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
*/

nav.hnav-resp.packed{width:100%}
nav.hnav-resp.packed ul{width:100%;display:none}
nav.hnav-resp.packed ul li{width:100%;border-top:0px solid rgba(255,255,255,0)}
nav.hnav-resp.packed ul li:hover{background:#ccc;}
nav.hnav-resp.packed ul ul li,nav.hnav-resp.packed li:hover > ul > li{height:auto}
nav.hnav-resp.packed ul li a,nav.hnav-resp.packed ul ul li a{width:100%;border-bottom:0}
nav.hnav-resp.packed > ul > li{float:none}
nav.hnav-resp.packed ul ul li a{padding-left:25px}
nav.hnav-resp.packed ul ul li{background:#bbb!important;}
nav.hnav-resp.packed ul ul li:hover{background:rgba(0,0,0,0.1)!important}
nav.hnav-resp.packed ul ul ul li a{padding-left:35px}
nav.hnav-resp.packed ul ul li a{color:#ddd;background:none}
nav.hnav-resp.packed ul ul li:hover > a,nav.hnav-resp.packed ul ul li.active > a{color:#fff}
nav.hnav-resp.packed ul ul,nav.hnav-resp.packed ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
nav.hnav-resp.packed > ul > li.has-sub > a:after,nav.hnav-resp.packed > ul > li.has-sub > a:before,nav.hnav-resp.packed ul ul > li.has-sub > a:after,nav.hnav-resp.packed ul ul > li.has-sub > a:before{display:none}
nav.hnav-resp.packed #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
nav.hnav-resp.packed .button{width:55px;height:46px;position:absolute;left:0;top:0;cursor:pointer;z-index: 1000;}
nav.hnav-resp.packed .button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid rgba(0,0,0,0.5);border-bottom:2px solid rgba(0,0,0,0.5);content:''}
nav.hnav-resp.packed .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:rgba(0,0,0,0.5);content:''}
nav.hnav-resp.packed .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#777;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
nav.hnav-resp.packed .button.menu-opened:before{top:23px;background:#777;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
nav.hnav-resp.packed .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,0);height:46px;width:46px;cursor:pointer}
nav.hnav-resp.packed .submenu-button.submenu-opened{background:#aaa}
nav.hnav-resp.packed ul ul .submenu-button{height:34px;width:34px}
nav.hnav-resp.packed .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#555;content:''}
nav.hnav-resp.packed ul ul .submenu-button:after{top:15px;right:13px}
nav.hnav-resp.packed .submenu-button.submenu-opened:after{background:#fff}
nav.hnav-resp.packed .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#555;content:''}
nav.hnav-resp.packed ul ul .submenu-button:before{top:12px;right:16px}
nav.hnav-resp.packed .submenu-button.submenu-opened:before{display:none}
nav.hnav-resp.packed ul ul ul li.active a{border-left:none}
nav.hnav-resp.packed > ul > li.has-sub > ul > li.active > a,nav.hnav-resp.packed > ul ul > li.has-sub > ul > li.active > a{border-top:none}

/*
}
*/