.nav {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding: 10px 0;
  background-color: #001c55; }
  .nav__logo {
    float: left;
    width: auto;
    height: 40px; }
  .nav__menu-list {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
    width: 100% !important;
    height: 0;
    background-color: #001c55;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    overflow: hidden;
    margin: 0;
    width: auto;
    list-style: none;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .nav__menu-list::-webkit-scrollbar {
      display: none; }
    .nav__menu-list--open {
      height: 180px; }
    .nav__menu-list-item {
      display: block;
      width: 100%; }
      .nav__menu-list-item:first-child {
        margin-left: 0; }
      .nav__menu-list-item-link {
        display: block;
        color: #fff;
        font-family: 'ProximaNovaBold', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        text-align: right; }
        .nav__menu-list-item-link:hover {
          color: #fff;
          text-decoration: underline; }
        .nav__menu-list-item-link:active, .nav__menu-list-item-link:focus, .nav__menu-list-item-link:visited {
          color: #fff; }
        .nav__menu-list-item-link i {
          margin-left: 5px; }
  .nav__icon {
    width: auto;
    height: 20px;
    margin-top: -2px;
    margin-left: 2px; }
  .nav__toggle {
    display: block;
    float: right;
    margin-top: 10px;
    border: none;
    outline: 0;
    padding: 0;
    background: none;
    cursor: pointer; }
    .nav__toggle-icon {
      float: left;
      width: 27px;
      height: 19px;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      cursor: pointer; }
      .nav__toggle-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 2px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out; }
      .nav__toggle-icon span:nth-child(1) {
        top: 0; }
      .nav__toggle-icon span:nth-child(2),
      .nav__toggle-icon span:nth-child(3) {
        top: 8px; }
      .nav__toggle-icon span:nth-child(4) {
        top: 16px; }
    .nav__toggle--open span:nth-child(1) {
      top: 10px;
      width: 0%;
      left: 50%; }
    .nav__toggle--open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .nav__toggle--open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .nav__toggle--open span:nth-child(4) {
      top: 10px;
      width: 0%;
      left: 50%; }