.menu-space, .menu .container {
  height: 60px; }

.menu {
  background: #2e2e2e;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 80; }
  .menu .container {
    display: flex;
    align-items: center; }
    .menu .container .menu-presentation {
      display: flex;
      align-items: center;
      height: 100%; }
      .menu .container .menu-presentation a.logo {
        display: block;
        height: 80%;
        background-color: transparent; }
        .menu .container .menu-presentation a.logo img {
          height: 100%;
          width: auto;
          background-color: transparent; }
      .menu .container .menu-presentation .mobile-search {
        display: none; }
      .menu .container .menu-presentation .menu-burger {
        display: none; }
        .menu .container .menu-presentation .menu-burger img {
          height: 25px;
          width: auto; }
    .menu .container .menu-content {
      display: flex;
      align-items: center;
      flex: 1;
      height: 100%; }
      .menu .container .menu-content ul.menu-items {
        list-style: none;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0; }
        .menu .container .menu-content ul.menu-items li {
          display: inline-block;
          margin-left: 20px;
          color: #9a9a9a;
          text-transform: uppercase; }
        .menu .container .menu-content ul.menu-items li:hover {
          color: white; }
      .menu .container .menu-content .menu-button {
        background: #ff9a33;
        color: #b94700;
        margin-left: auto;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 25px;
        text-transform: uppercase;
        position: relative;
        cursor: pointer; }
        .menu .container .menu-content .menu-button .pending-notifications {
          position: absolute;
          left: 10px;
          top: 5px;
          width: 20px;
          height: 20px;
          background-color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 0 4px rgba(0, 0, 0, .3);
          font-size: 12px; }
        .menu .container .menu-content .menu-button .user-image {
          border-radius: 50%;
          width: 32px;
          height: 32px;
          margin-left: 10px; }
        .menu .container .menu-content .menu-button .menu-user {
          position: absolute;
          z-index: 80;
          top: 100%;
          left: 0;
          width: 100%;
          background: orange;
          color: #b94700;
          padding: 15px;
          overflow: hidden; }
          .menu .container .menu-content .menu-button .menu-user ul {
            list-style: none;
            list-style-image: none !important;
            margin: 0;
            padding: 0;
            text-align: center; }
            .menu .container .menu-content .menu-button .menu-user ul li {
              margin: 0;
              font-size: 14px;
              cursor: pointer; }
              .menu .container .menu-content .menu-button .menu-user ul li > a {
                display: flex;
                align-items: center;
                justify-content: center; }
              .menu .container .menu-content .menu-button .menu-user ul li .pending-notifications {
                position: relative;
                position: initial;
                margin-left: 5px; }
            .menu .container .menu-content .menu-button .menu-user ul li:hover {
              font-weight: bold; }
            .menu .container .menu-content .menu-button .menu-user ul li:not(:last-child) {
              margin-bottom: 15px; }