.accordioncontainer{
  display:inline-flex;
  background:black;
  height:100%;
}

.accordioncontainer li:hover>a{
  color:#1bd61b;
}


.accordioncontainer .hiddenitem{
  max-height: 0px;
  /* visibility:hidden; */
  transition: max-height 0s ease-out;
}

.accordioncontainer .hiddenitem li{
  max-height: 0px;
  opacity: 0;
  visibility:hidden;
  transition: opacity 0s ease-out;
}


.accordioncontainer ul{
  max-height:10000px;
  /* visibility:visible; */
  transition: max-height 0.4s ease-in;
}

.accordioncontainer ul li{
  max-height:10000px;
  opacity:1;
  transition-delay:0.3s;
  transition: opacity 0.3s ease-in;
}

.accordioncontainerul{
  margin:0px;
  background:#14661b;
  height:100%;
  padding:0px
}



.accordionsublevelul{
  list-type: none;
  padding-left:0;
  /* transition: height ease-out 0.3s; */
}

.accordionsublevelul_1{
  margin-bottom:5px;
}

.accordionsublevelul_1 li:hover>a{
  color:#1bd61b;
}




.herlperview0{
  height:100%;
  width:100%;
  position: absolute;
  z-index: 10000;
  top:0px;
  left:0px;
}

.herlperview1{
  height:100%;
  width:100%;
  position: absolute;
  background: white;
  opacity:0.6;
  top:0px;
  left:0px;
}