.nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: 600;

  @include breakpoint (large down) {
    position: fixed;
    top: 0;
    right: 60;
    padding: 2px 0px 2px 20px;
  }

  @include breakpoint (medium down) {
    display: none;
  }

  a {
    transition: 5s;
  }

  .current-menu-item {

    a {
      color: $white;
    }
  }

  .menu-top-menu-container, .menu-top-menu-eng-container {
    margin-right: 50px;

    @include breakpoint (large down) {
      display: none;
    }
  }

  .top-widget {
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
  }

  li {
    text-transform: uppercase;
    padding: 20px 15px;

    @include breakpoint (large only) {
      padding: 15px 0px;
    }

    @include breakpoint (medium down) {
      padding: 15px 15px;
    }

    &:hover {
      ul {
        display: block;
      }
    }

    ul {
      display: none;
      position: absolute;
      list-style: none;
      padding: 0 20px;
      margin: 5px 0px;
      background: white;
      min-width: 200px;

      li {
        margin: 0;
        padding: 0;
        text-transform: none;

        a {
          padding: 10px 0;
        }
      }
    }

    a {
      color: $white;
      padding: 0;
      padding: 20px;
      transition: .5s;

      &:hover {
        color: $yellow;
      }
    }
  }
}

.shiftnav-inner {
  background: black!important;

  li {
      padding: 5px 0!important;

      &.current_page_item {
          background: $red!important;
      }

    a {
      color: white;
      text-transform: uppercase;
      font-size: 16px;
      font-family: $header-font-family;
      font-weight: 500;

    }
  }
}

.pagination {

  margin: auto;
  text-align: left;
  display: flex;
  justify-content: left;

  .current{
    background: $red;
    border-radius: 4px;
  }

  ul {
    background: blue;
  }
}

.shiftnav .shiftnav-menu-title a {
  color: $cream!important;
}
