#menu {
  margin: 0px;
  position: relative;
  background-color: #333333;
  z-index: 10;
  padding: 0px;
  min-width: 980px;
  border-top: none;
  -moz-box-shadow: 0px 1px 2px #f7f8fb;
  -webkit-box-shadow: 0px 1px 1px #f7f8fb14;
  -o-box-shadow: 0px 0px 1px #f7f8fb;
  -khtml-box-shadow: 0px 1;
  z-index: 100;
  width: calc(100% - 15px);
}
#menu a {
  text-decoration: none;
}
#list_menu {
  margin: 0px 80px 0 0;
  width: 100%;
}
#list_menu li {
  float: left;
  display: block;
  font-size: 11px;
  list-style: none;
}
#list_menu li.firstli {
  font-size: 12px;
  margin: 0px 0px;
  position: relative;
}
#list_menu li.firstli:after {
  content: '';
  width: 1px;
  height: 85%;
  background-color: #2b2c2e26;
  display: block;
  right: -1px;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  z-index: 2;
}
#list_menu li.firstli a span {
  padding: 5px 15px;
  letter-spacing: 1px;
  text-transform: lowercase;
}

#list_menu li.firstli a:hover span,
#list_menu li.firstli a.active span {
  margin: 0;
}
#list_menu li a {
  font-size: 1.6rem;
  position: relative;
  padding: 10px 0;
  display: block;
  color: var(--c-grey);
}
@media only screen and (max-width: 1440px) {
  #list_menu li a {
    font-size: 1.4rem;
  }
  #list_menu li.firstli a span {
    padding: 8px 8px;
  }
  #list_menu {
    margin: 0px 10px 0 0;
  }
}
#list_menu li a:hover {
  background: #5a5b5b;
  color: var(--c-white);
  border-radius: 4px;
}

#list_menu li a.active {
  background: var(--c-light-grey-hover);
  color: var(--c-white);
}
#list_menu li div {
  top: 99%;
  display: none;
  position: absolute;
  padding: 0px 0 5px 0;
  background: #333333;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  min-width: 100%;
  box-shadow: 0px 1px 2px #95939396;
  z-index: 100;
}
#list_menu li div li {
  float: none;
}
#list_menu li div a {
  min-width: 180px;
  padding: 8px 10px;
  background: #333333;
  font-size: 1.6rem;
  color: #333333;
  border-radius: 0;
}
#list_menu li div a:hover {
  color: var(--c-white);
  border-radius: 0;
}
#list_menu li div table {
  font-size: 12px;
  list-style: none;
  margin: 0px;
  background: #333333;
  border-collapse: collapse;
  width: 100%;
}
#list_menu li div table tr {
  margin: 0px;
  padding: 0px;
}
#list_menu li div table tr td a {
  margin: 0px;
  padding: 12px 8px;
  background: #333333;
  background-position: 0 3px;
  color: var(--c-grey);
}
#list_menu li div table tr td a:hover {
  background: var(--c-light-grey-hover);
}
#list_menu li a:focus {
  outline: none;
}
#list_menu li a:click {
  outline: none;
}

#list_menu li.firstli:first-child div {
  text-align: right;
  right: 0;
}
.firstli span {
  display: inline-block;
}
.firstli span::first-letter {
  text-transform: uppercase;
}