@gm-nav-bg-second: #363d44;
@gm-nav-there-active: #c3ecc4;

.gm-nav {
  background: @gm-nav-bg-second;
  font-size: 14px;

  .gm-nav-logo {
    height: 50px;
  }

  .gm-nav-there > a {
    display: block;
    color: @gm-color-first;
    white-space: nowrap;
    padding: 7px 0px 7px 16px;
    text-decoration: none;
  }

  .gm-nav-two > div > a {
    display: block;
    white-space: nowrap;
    padding: 9px 0px 8px 11px;
    text-decoration: none;
    cursor: inherit;
    font-size: 12px;
    color: @gm-color-second;
  }

  .gm-nav-jump > div > a {
    display: block;
    color: @gm-color-first;
    white-space: nowrap;
    padding: 15px 15px;
    text-decoration: none;
  }

  .gm-nav-two > div + div {
    margin-top: 5px;
  }

  .gm-nav-one > div > a {
    border-top: 1px solid @gm-nav-bg-second;
    display: block;
    padding: 15px 0px 15px 11px;
    color: white;
    text-decoration: none;
  }

  .gm-nav-there > a.active {
    background-color: @gm-nav-there-active;
  }

  .gm-nav-there > a:hover {
    color: @brand-primary;
  }

  .gm-nav-one > div.active a {
    background: white;
    color: @gm-color-first;
  }
}