/* IF FIXED HEADER */
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: all 0.4s ease 0s;
  padding-top: 34px;
}

@media (max-width: 767px) {
  .header {
    padding-top: 10px;
  }
}

.header._fixed {
  position: fixed;
  background-color: #000;
}

/* HEADER NOT FIXED */
.header {
  /* background-color: $headerBackground; */
  position: relative;
  z-index: 5;
}

/*-----------------*/

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* height: $headerHeight; */
}

.header__logo {
  position: relative;
  z-index: 5;
}

/*-------- HEADER TEXT STYLE --------*/

/* MENU LIST */
.menu__list {
  display: flex;
  align-items: center;
}

.menu__list>li {
  position: relative;
  margin-left: 40px;
  padding: 10px 0;
}

@media (max-width: 1300px) {
  .menu__list>li {
    margin-left: 20px;
  }
}

.sub-list-user .sub-list__title,
.menu__link {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all 0.4s ease 0s;
}

@media (max-width: 1300px) {

  .sub-list-user .sub-list__title,
  .menu__link {
    font-size: 14px;
  }
}

@media(max-width: 767px) {

  .sub-list-user .sub-list__title,
  .menu__link {
    font-size: 24px;
  }
}

.menu__link:hover,
.menu__link._active {
  color: #8BD1F0;
  text-decoration-line: underline;
}

.sub-list-lang.menu__link._active,
.sub-list-lang.menu__link:hover,
.sub-list-user.menu__link._active,
.sub-list-user.menu__link:hover {
  color: #FFF;
  text-decoration-line: none;
}

@media(max-width: 767px) {
  .menu__link {
    color: #fff;
  }

  .sub-list-mobile .sub-list__content {
    width: 130px;
  }

  .header__logo {
    width: 100px;
  }

  .menu__list>li {
    margin-left: 10px;
  }
}

body._touch .menu__list>li {
  display: flex;
  align-items: center
}

body._touch .menu__link {
  flex: 1 1 auto
}

/* MENU LIST WITH BURGER */
/* @media (max-width: 767px) {
  .menu__list {
    flex-direction: column;
    margin: 0 auto;
    padding: 0 20px;
  }

  .menu__list>li {
    margin-bottom: 30px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .menu__list>li>li:last-child {
    margin: 0
  }

  .menu__link {
    font-size: 24px
  }
} */