html {
  --main-color-menu-bg: transparent;
  --main-color-menu-text: #393f5b;
  --main-color-menu-text-hover: #4dbc4b;
  --main-color-menu-height: 0px;
  --main-color-submenu-text-hover: white;
  --main-color-submenu-text-active: white;
  --main-color-submenu-bg-hover: transparent;
  --main-color-submenu-bg-active: transparent;

}

.navbar {
  padding: 0;

}

.navbar-nav li {
  margin: 0 15px;

}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;

}

.nav-item.active {
  text-decoration: underline;

}

.nav-link {
  font: 17px MuseoSansCyrl700;
  padding: 0;

}

.dropdown-menu {
  font-size: 14px;
  color: white;
  background-color: var(--main-color-blue);
  border: none;
  border-radius: 0;

}

.dropdown-item {
  color: white;
  white-space: inherit;

}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--main-color-submenu-text-hover);
  text-decoration: underline;

}

@media (max-width: 415px) {
  .navbar-nav > li .dropdown-menu {
    position: static;

  }

}

@media (max-width: 767.9999px) {
  .top_menu {
    width: 100%;

  }
  .navbar > button {
    margin: 0;

  }
  .navbar-nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40px 0 0;

  }
  .navbar {
    padding: 0;
    text-align: center;

  }
  .nav-link {
    display: inline-block;

  }

}