Untitled

<nav class="main-navigation">

  <div class="container">

    <ul class="menu">

      <li><a href="#">Интерьеры</a>

        <ul>

          <li><a href="#">Двери</a></li>

          <li><a href="#">Лестницы</a></li>

          <li><a href="#">Кухни</a></li>

          <li><a href="#">Спальни</a></li>

          <li><a href="#">Гостиные и кабинеты</a></li>

        </ul>

      </li>

      <li><a class="active" href="#">Мебель</a>

        <ul>

          <li><a href="#">Двери</a></li>

          <li><a href="#">Лестницы</a></li>

          <li><a href="#">Кухни</a></li>

          <li><a href="#">Спальни</a></li>

          <li><a href="#">Гостиные и кабинеты</a></li>

        </ul>

      </li>

      <li><a href="#">Стили</a>

        <ul>

          <li><a href="#">Двери</a></li>

          <li><a href="#">Лестницы</a></li>

          <li><a href="#">Кухни</a></li>

          <li><a href="#">Спальни</a></li>

          <li><a href="#">Гостиные и кабинеты</a></li>

        </ul>

      </li>

      <li><a href="#">Услуги</a>

        <ul>

          <li><a href="#">Двери</a></li>

          <li><a href="#">Лестницы</a></li>

          <li><a href="#">Кухни</a></li>

          <li><a href="#">Спальни</a></li>

          <li><a href="#">Гостиные и кабинеты</a></li>

        </ul>

      </li>

      <li><a href="#">Партнеры</a></li>

      <li><a href="#">Контакты</a></li>

      <li><a href="#">О нас</a></li>

    </ul>

  </div>

</nav>

.main-navigation,

.main-navigation .menu,

.main-navigation ul {

  padding: 0;

  margin: 0;

}

.main-navigation {

  background: #202020;

  border-top: 1px solid #282828;

  border-bottom: 1px solid #282828;

  padding: 0px 0;

  margin-bottom: 10px;

}

.main-navigation .menu {

  position: relative;

  display: table;

  width: 100%;

  text-align: center;

}

.main-navigation .menu ul {

  position: absolute;

    visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s,visibility .3s;

  transition: opacity .3s,visibility .3s;

  z-index: 5;

  top: 35px;

  border-radius: 1px;

  padding-top: 10px;

}

.main-navigation .menu ul a {

  position: relative;

  padding: 3px 15px;

  text-transform: none;

  font-size: 16px;

  font-weight: 400;

}

.main-navigation .menu ul a:before {

  position: absolute;

  content: "";

  width: 9px;

  height: 1px;

  top: 50%;

  left: 0;

  background: #fff;

}

.main-navigation .menu li:hover ul {

    visibility: visible;

  opacity: 1;

  -webkit-transition: opacity .3s,visibility 0;

  transition: opacity .3s,visibility 0;

}

.main-navigation .menu li {

  display: table-cell;

  text-align: center;

  padding: 3px 0;

  padding: 5px 14px 12px 15px;

}

.main-navigation .menu ul li {

  display: block;

  text-align: left;

  background: #202020;

}

.main-navigation .menu a {

  display: block;

  text-decoration: none;

  color: #f5f5f5;

  text-transform: uppercase;

  font-weight: 700;

  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1); 

  font-size: 18px;

  padding: 0;

}

.main-navigation .menu a:hover {

  color: #ffd200;

}