.meniu {
   position:absolute;
   top:114px;
   padding: 0;
   margin: 0;
   border: 0;
   line-height: 1;
   background: #1e333b;
   height: 471px;
   z-index: 3;
}
.meniu-content a{
   line-height: 23px;
}
.open_menu:hover .meniu{
   background: red;
   display: block !important;
}
.meniu a{
   color: #fff !important;
   font-size:13px !important;
   font-family:'Roboto';
   font-weight: 500;
   display: block;
}
.meniu li:hover a{
   color: #fff !important
}
.meniu .has-children a::before{
   content:"»";
   float: right;
}
.meniu ul li:not(:last-child) {
   border-bottom:1px solid #47545b;
   display: block;
}
.meniu ul li:hover{
   background: #005b8c4f;;
}
.meniu ul li:hover > a{
   color:#231f20  !important;
}
.subcategorii{
   background: #1e333b;
   width:1039px;
   height: 479px;
   overflow-y: auto;
   overflow-x: hidden;
   top:0;
   padding: 13px 15px  !important;
   color: #54595F;
}
.subcategorii a::before{
   content: "" !important;
}
.subcategorii a{
   transition: ease-out 0.3s all;
   /* border-left: 1px solid white;
 */
   font-size:14px !important;
   line-height: 17px !important;
   display: block !important;
}
.subcategorii a:hover{
   color:#0056b3 !important;
   border-left: 3px solid #1e333b;
}
.meniu ul,
.meniu ul li,
.meniu ul ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.subcategorie{
   font-weight:bold !Important;
   line-height:20px;
   color: #fff !important;
   margin-bottom:5px;
}
li .subcategorie:not(:first-child){
   padding-top:16px;
}
.subsubcategorie{
   line-height:20px;
   margin-bottom:0;
   font-weight:500 !important;
   color: #ddd !important
}
.meniu ul li:hover a:not(.subcategorie){
   color: #ddd !important;
}
.meniu ul li{
   padding: 8px 12px;
}
.meniu{
   width:234px;
}
.meniu-content{
   position:relative;
}
.meniu-content .subcategorii{
   position: absolute;
   top:0px;
   left:230px;
   display:none;
}
.meniu-content .has-children:hover .subcategorii{
   display:flex;
}
/* ------------------------------- RESPONSIVE ----------------------------------- */
/* mobile */
@media all and (min-width:0px) and (max-width: 767px) {
   .meniu-content .subsubcategoriiMobile {
      background: #2e4a54
   }
   .meniu-content li.returnBack{
      background: #2e4a54 !important;
   }
   .meniu{
      display: none;
      top: 42px;
      overflow-y: auto;
      left: 0;
      max-height: none;
   }
   .meniu .iconExpand{
      float: right;
      font-size: 12px;
   }
   .meniu .iconBack{
      float: left;
      margin-right: 10px;
      font-size: 12px;
   }
   .meniu span{
      display: block;
      padding: 8px 12px;
      font-size: 1rem !important;
      font-family: "Roboto";
      font-weight: 600;
      color: white
   }
   .meniu .subcategoriiMobile{
      display: none;
      background: rgb(43 48 137 / 0.03);
   }
   .meniu .subsubcategoriiMobile{
      display: none;
   }
   .meniu ul li:hover{
      background: transparent;
   }
   .subcategoriiMobile li:last-child{
      border:none;
   }
   .meniu li:last-child{
      border-bottom: none;
   }
   .meniu a{
      font-size: 1rem !important;
      font-family: "Roboto";
      font-weight: 600;
   }
   .meniu .has-children a::before{
      content: "";
   }
   .meniu li{
      cursor: pointer;
   }
   .meniu .has-children .subcategoriiMobile a, .meniu .has-children .subcategoriiMobile span {
      font-size: 14px !important;
   }
   .meniu .has-children .subsubcategoriiMobile a{
      font-size: 12px !important;
   }
}
/* tableta */
@media all and (min-width:768px) and (max-width: 1023px) {
   .meniu-content .subcategorii{
      left: 195px;
      width: 510px;
   }
   .meniu{
      top: 101px;
      width: 111% !important
   }
}
@media all and (min-width:1024px) and (max-width: 1366px) {
   .meniu{
      top: 101px;
      /* width: 100% !important */
      height: 405px;
      width: 216px;
   }
   .meniu-content .subcategorii{
      left: 230px;
      height: 405px;
      top: 0px;
   }
   .meniu-content a{
      line-height: 17px;
   }
}
@media all and (min-width:1366px) and (max-width: 1366px) {
}