*{margin:0;padding:0;text-decoration:none}

/* header{position:relative;width:100%;background:#333;} */
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}
#navbar{position:relative;width:980px;margin:0 auto;}
#navbar,#navbar ul,#navbar ul li,#navbar ul li a,#navbar #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}
#navbar:after,#navbar > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
/* #navbar #head-mobile{display:none} */
#navbar{font-family:sans-serif;/* background:linear-gradient(to bottom, #5F524C 0%,#1F1A17 100%) */}
#navbar > ul > li{float:left; position: relative; background: url(fadeline.png) left right center no-repeat;}
#navbar > ul > li > a{padding:17px;font-size:9px;letter-spacing:1px;text-decoration:none;color:#ffffff;font-weight:700; font-family: Arial,Helvetica,sans-serif !important;}
#navbar > ul > li:hover > a,#navbar ul li.active a{color:#F8CC29 !important;}
#navbar > ul > li:hover,#navbar ul li.active:hover,#navbar ul li.active,#navbar ul li.has-sub.active:hover{/* background:linear-gradient(to bottom, #9CEDB3 0%,#3C7629 100%)!important;*/ -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#navbar > ul > li.has-sub > a{padding-right:30px}
#navbar > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#navbar > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#navbar > ul > li.has-sub:hover > a:before{top:23px;height:0}
#navbar ul ul{position:absolute;left:-9999px; z-index:9999;}
#navbar ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#94032A;transition:all .25s ease}
#navbar ul ul li:hover{}
#navbar li:hover > ul{left:auto}
#navbar li:hover > ul > li{height:35px}
#navbar ul ul ul{margin-left:100%;top:0}
#navbar ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:200px;font-size:9px;text-decoration:none;color:#ffffff;font-weight:700; font-family:Arial,Helvetica,sans-serif !important}
#navbar ul ul li:last-child > a,#navbar ul ul li.last-item > a{border-bottom:0}
#navbar ul ul li:hover > a,#navbar ul ul li a:hover{color:#F8CC29 !important;}
#navbar ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#navbar ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#navbar ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#navbar ul ul li.has-sub:hover,#navbar ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#navbar ul ul ul li.active a{border-left:1px solid #333}
#navbar > ul > li.has-sub > ul > li.active > a,#navbar > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
