#cssmenu{position:fixed; top:-100%; width:100%; left:0; z-index:99999;}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
    font-family: 'gothic', sans-serif;
  font-size: 14px;
  background-color:#efefef;
 }

#cssmenu a {
  line-height: 1.3;
  padding:10px 5px;
}
#cssmenu ul li ul li a{ padding-left:25px;}#cssmenu ul ul a:hover {    background-color: #F04E2F !important;	color: #fff;}
#cssmenu {
  width: 100%; padding:15px; box-sizing:border-box;
}
#cssmenu > ul > li {
  cursor: pointer;border-bottom: 1px solid #dfdfdf;
  background: #FFFFFF;
  position:relative
}
#cssmenu > ul > li:last-child {
  border-bottom: 1px solid #dfdfdf;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  color: #676767;
   background: #EFEFEF;
  
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
  background-color:#00afff;
color:#FFFFFF;
}
#cssmenu > ul > li.active {
  border-bottom: none;
} 
#cssmenu > ul > li.active > a {
  background: #ff0000;
  color: #fff;

   
 }
#cssmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #EC490E;
}

#cssmenu > ul > li.has-sub > a:hover {
background-color:#00afff;
color:#FFFFFF;
}


#cssmenu > ul > li.has-sub.active > a:after {
  right: 14px;
  top: 12px;
  border: 5px solid transparent;
  border-top: 5px solid #fff;
}
/* Sub menu */
#cssmenu ul ul {
  padding: 0;
  display: none;
}
#cssmenu ul ul a {
  background: #dfe3ea;
  display: block;
  color: #797979;
  font-size: 13px;
}
#cssmenu ul ul li {
  border-bottom: 1px solid #c9c9c9;dfdfdf
}
#cssmenu ul ul li.odd a {
  background: #e5e5e5;
}
#cssmenu ul ul li:last-child {
   border-bottom: 1px solid #dfdfdf;
}