.header-menu {
  position: absolute;
    top: 18px;
    z-index: 100;
}
body.logged-in .header-menu {
  position: absolute;
  top: 47px;
}
@media (max-width: 1200px) {
  body.logged-in .header-menu {
    top: 49px;
  }
}

@media (max-width: 1024px) {
  .header-menu {
      top: 16px;
  }
  body.logged-in div.header-menu {
      top: 45px;
  }
}

@media (max-width: 767px) { .header-menu { margin-bottom: 7px; } }

.data-header-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

.data-header-menu .menu { -webkit-box-flex: 18; -webkit-flex: 18; -ms-flex: 18; flex: 18; }

.data-header-menu .logo-header { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; text-align: right; }

@media (max-width: 991px){
  .data-header-menu {
    display: none;
  }
}

@media (max-width: 767px) { .data-header-menu .logo-header { text-align: center; }
  .data-header-menu .logo-header svg { width: 205px; height: auto; } }

@media (min-width: 768px) and (max-width: 991px) { .data-header-menu .logo-header svg { width: 220px; height: auto; } }

ul.menu { list-style-type: none; padding: 0px; margin: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

ul.menu > li { padding: 0px  12px; margin: 0px; background-image: inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

ul.menu > li a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    border-bottom: 4px solid transparent;
}
ul.menu > li a:hover {
  color: #83BA3F;
}


l.menu > li:first-child { display: none; }

ul.menu > li > ul.sub-menu {
  padding: 0px;
    margin: 0px;
    position: absolute;
    top: 44px;
    width: 400%;
    z-index: 250;
    list-style-type: none;
    display: none;
   background-color: #808285;;
    padding: 7px 0px;
}

ul.menu > li > ul.sub-menu > li { padding: 0px; margin: 0px; background-image: inherit; /*submenus mas internos*/ /* /submenus mas internos*/ }

ul.menu > li > ul.sub-menu > li > a {
     display: block;
    font-weight: 500;
    font-size: 15px;
    background-color: #808285;
    color: white;
    padding: 7px 12px;
    line-height: 20px;
    border-bottom: solid 1px #808285;
}
ul.menu>li>ul.sub-menu>li.menu-item-has-children>a {
    font-weight: 700;
}

ul.menu > li > ul.sub-menu > li > a:hover, ul.menu > li > ul.sub-menu > li > a:active, ul.menu > li > ul.sub-menu > li > a:focus { color: #83BA3F; }

ul.menu > li > ul.sub-menu > li ul.sub-menu li a { 
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 7px 12px;
    padding-left: 20px;
    line-height: 20px;
    border-bottom: 1px solid #808285;
}

ul.menu > li > ul.sub-menu > li ul.sub-menu li a:hover, ul.menu > li > ul.sub-menu > li ul.sub-menu li a:active, ul.menu > li > ul.sub-menu > li ul.sub-menu li a:focus { color: #83BA3F; }

ul.menu > li > ul.sub-menu > li ul.sub-menu li > ul.sub-menu li a { padding-left: 30px; }

ul.menu > li ul.sub-menu { list-style-type: none; padding: 0px; margin: 0px; }

ul.menu > li:hover > ul.sub-menu { 
    display: block;
    padding: 7px 0px;
}

ul.menu > li:last-child { margin-right: 0px; }

@media (min-width: 768px) and (max-width: 991px) { ul.menu > li { 
    padding: 0px 12px;
} }

@media (max-width: 767px) { ul.menu { display: none; } }


ul.menuul {
    display: none;
    position: absolute;
    z-index: 999;
    background: #808285;
    border: solid 1px #999;
    padding: 12px 0;
}