.page-wrapper {
  .header-travel {
    padding-top: 16px;
    color: var(--neutral-text-primary);
    background: transparent;
    z-index: 6;
    position: relative;
    background: #fff;

    // header-travel-top
    &-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      margin-bottom: 16px;

      @media (max-width: 767px) {
        align-items: start;
      }
    }

    // header-travel-logo
    &-logo {
      display: flex;
      align-items: center;

      // header-travel-logo__img
      &__img {
        position: relative;
        width: 200px;
        cursor: pointer;

        & > *{
          max-width: 196px;
          max-height: 48px;
          display: block;
        }
      }
    }

    // header-travel-auth
    &-auth {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;

      @media (max-width: 767px) {
        margin-top: 60px;
      }

      // header-travel-auth:hover
      &:hover {
        .header-travel-auth-user-menu {
          display: flex;
        }
      }

      // header-travel-auth-user
      &-user {
        display: flex;
        align-items: center;

        // header-travel-auth-user-info
        &-info {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          margin-right: 8px;

          @media (max-width: 575px) {
            display: none;
          }

          // header-travel-auth-user-info__status
          &__status {
            font-size: 12px;
            line-height: 16px;
            color: var(--neutral-text-primary);
          }

          // header-travel-auth-user-info__email
          &__email {
            font-size: 16px;
            line-height: 24px;
            color: var(--neutral-text-primary);
          }

          &__identitytype {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: var(--neutral-text-primary);
          }
        }

        // header-travel-auth-user-icon
        &-icon {
          width: 40px;
          height: 40px;
          border: 1px solid #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_1052_18054%29%22%3E%0A%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219.5%22%20stroke%3D%22%23DBDFE5%22/%3E%0A%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20fill%3D%22%23F8F9FA%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.25%2027C11.25%2024.3766%2013.3766%2022.25%2016%2022.25H24C26.6234%2022.25%2028.75%2024.3766%2028.75%2027V29C28.75%2029.4142%2028.4142%2029.75%2028%2029.75C27.5858%2029.75%2027.25%2029.4142%2027.25%2029V27C27.25%2025.2051%2025.7949%2023.75%2024%2023.75H16C14.2051%2023.75%2012.75%2025.2051%2012.75%2027V29C12.75%2029.4142%2012.4142%2029.75%2012%2029.75C11.5858%2029.75%2011.25%2029.4142%2011.25%2029V27Z%22%20fill%3D%22%23262626%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.25%2015C15.25%2012.3766%2017.3766%2010.25%2020%2010.25C22.6234%2010.25%2024.75%2012.3766%2024.75%2015C24.75%2017.6234%2022.6234%2019.75%2020%2019.75C17.3766%2019.75%2015.25%2017.6234%2015.25%2015ZM20%2011.75C18.2051%2011.75%2016.75%2013.2051%2016.75%2015C16.75%2016.7949%2018.2051%2018.25%2020%2018.25C21.7949%2018.25%2023.25%2016.7949%2023.25%2015C23.25%2013.2051%2021.7949%2011.75%2020%2011.75Z%22%20fill%3D%22%23262626%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1052_18054%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22white%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E%0A");
          background-color: #EFF3F5;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;

          @media (max-width: 767px) {
            width: 38px;
            height: 38px;
          }
        }

        // header-travel-auth-user-menu
        &-menu {
          display: none;
          flex-direction: column;
          position: absolute;
          right: 0;
          top: 40px;
          z-index: 100;
          background-color: #fff;
          box-shadow: 0 1px 15px 0 #8e8e8e;
          border-radius: 8px;
          overflow: hidden;
          width: 250px;

          // header-travel-auth-user-menu__item
          &__item {
            font-size: 14px;
            line-height: 20px;
            color: var(--neutral-text-primary);
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 10px;
            background: #fff;
            transition: .2s;

            // header-travel-auth-user-menu__item:hover
            &:hover {
              background: var(--brand-bg-tertiary-hover);
            }
          }
        }
      }

      .btn.btn-outline {
        color: var(--neutral-text-primary);
        border-color: var(--neutral-text-primary);
        border-radius: 8px;
        font-family: inherit;

        &:hover {
          color: #fff;
          border-color: var(--neutral-bg-inverse);
          background-color: var(--neutral-bg-inverse);
          opacity: 1;
        }
      }
    }

    // header-travel__nav
    &__nav {
      display: flex;
      align-items: center;
     

      // header-travel__nav-list
      &-list {
        display: flex;
        flex-wrap: wrap;
        padding-top: 12px;
        padding-bottom: 16px;

        @media (max-width: 767px) {
          display: none;
          position: absolute;
          overflow: hidden;
          width: calc(100% - 20px);
          text-align: center;
          top: 75px;
          left: 10px;
          padding-bottom: 0;
          padding-top: 0;
          background: #fff;
          box-shadow: 0px 1px 15px 0px rgba(142, 142, 142, 1);
          border-radius: 8px;
          z-index: 20;

          &.list-active{
            display: block;
          }
        }
      }

      // header-travel__nav-link 
      &-link {
        font-size: 14px;
        line-height: 20px;
        margin-right: 32px;
        color: var(--neutral-text-primary);
        position: relative;

        @media (max-width: 767px) {
          display: flex;
          justify-content: center;
          padding: 16px 0;
          margin: 0;

          &:not(:last-child){
            border-bottom: 1px solid var(--neutral-bg-stroke-default);
          }          
        }

        // header-travel__nav-link _active
        &_active {
            // header-travel__nav-link _active:after
            &:after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -16px;
                width: 100%; 
                height: 2px;
                background: var(--brand-bg-primary-default);

                @media (max-width: 767px) {
                  content: none;
                }
            }
        }    
      }

      // header-travel__nav-trigger
      &-trigger {
        display: none;

        @media (max-width: 767px) {
          display: block;
          position: absolute;
          top: 20px;
          width: 24px;
          height: 24px;
          right: 15px;

          &-btn {
            border: none!important;
            width: 24px!important;
            height: 24px!important;
            background-color: transparent !important;

            &:hover {
              background-color: transparent !important;
            }

            &-icon {
              top: 13px;
              position: absolute;
              width: 18px;
              height: 2px;
              background: var(--neutral-text-primary);
              border-radius: 2px;
              left: 6px;
              display: block;
              transition: transform 0.4s;
            }

            &:before {
              top: 6px;
              content: ''
            }

            &:after {
              top: 20px;
              content: '';
            }

            &:before,
            &:after {
              position: absolute;
              width: 18px;
              height: 2px;
              background: var(--neutral-text-primary);
              border-radius: 2px;
              left: 6px;
              display: block;
              transition: transform 0.4s;
            }

            &.active {
              .header-travel__nav-trigger-btn-icon {
                transform: translate3d(0, 0, 0) rotate(45deg);
                background: var(--neutral-text-primary);
              }

              &:before {
                transform: translate3d(0, -5px, 0) rotate(-90deg);
                opacity: 0;
              }

              &:after {
                transform: rotate(-45deg) translate3d(5px, -5px, 0);
                background: var(--neutral-text-primary);
              }
            }
          }
        }
      }
    }
  }

  header.header-travel{
    border-bottom: 0px!important;
    
    .container{
      max-width: 1330px!important;
    }
  }
}