.header {
  position: relative;
  width: 100%;
  background: #131e39;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header__nav-container {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 64px;
  background: #131e39;
  position: fixed;
  z-index: 10;
}
.header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 0 20px;
  background: #131e39;
  position: fixed;
  z-index: 8;
}
.header__top__lang-select {
  display: flex;
  align-items: center;
  padding-left: 1em;
}
.header__top__lang-select-link {
  font-family: "Work Sans", sans-serif;
  font-size: 1.3em;
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  padding-top: 2px;
}
.header__top__lang-select-link--active {
  font-weight: 500;
}
.header__top__open-menu {
  display: none;
  color: #fff;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  padding-right: 20px;
}
.header__top__nav {
  position: absolute;
  top: 64px;
  left: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #131e39;
  width: 100%;
  height: 520px;
  list-style: none;
}
.header__top__nav__mobile-btn {
  padding-right: 2em;
}
.header__top__nav__items {
  display: flex;
}
.header__top__nav__item {
  margin: 40px;
  height: 100%;
}
.header__top__nav__item__link {
  font-family: "Work Sans", sans-serif;
  font-size: 2.4em;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
  height: 100%;
}
.header__banner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 440px;
  background-image: url(../img/banner_mobile.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 64px;
}
.header__banner__container {
  width: 100%;
}
.header__banner__title {
  font-family: "Poppins", sans-serif;
  font-size: 5.4em;
  font-weight: 800;
  color: #fff;
  padding: 180px 20px 0 20px;
}
.header__banner__subtitle {
  font-family: "Work Sans", sans-serif;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.5em;
  color: #fff;
  padding: 0 10px 70px 50px;
}
.header__banner__motto {
  font-family: "Work Sans", sans-serif;
  font-size: 1.8em;
  font-weight: 300;
  color: #fff;
  padding: 0 20px 20px 50px;
}

@media screen and (min-width: 769px) {
  .header__nav-container {
    height: 80px;
  }
  .header__top {
    justify-content: space-between;
    max-width: 1140px;
    height: 80px;
    padding: 0 20px;
  }
  .header__top__lang-select {
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 1em;
    height: 100px;
  }
  .header__top__lang-select-link {
    font-family: "Work Sans", sans-serif;
    font-size: 1.3em;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    padding-top: 21px;
  }
  .header__top__lang-select-link--active {
    font-weight: 500;
  }
  .header__top__logo:hover {
    cursor: pointer;
  }
  .header__top__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: none;
    padding: 20px 0 20px 0;
    list-style: none;
    height: 100%;
    position: relative;
    top: 0;
  }
  .header__top__nav__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    cursor: pointer;
    margin: 0;
    height: 80px;
    transition: 0.3s;
  }
  .header__top__nav__item__box {
    width: 100%;
    height: 0px;
    background: #fff;
  }
  .header__top__nav__item:hover {
    background: #459bea;
  }
  .header__top__nav__item__link {
    font-size: 1.6em;
    font-weight: 300;
    margin-top: 30px;
    transition: 0.3s;
  }
  .header__top__nav__mobile-btn {
    display: none;
  }
  .header__banner {
    background-image: url(../img/banner.png);
    background-position: bottom;
    align-items: center;
    height: 415px;
    margin-top: 80px;
    padding: 0 20px;
  }
  .header__banner__container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 1140px;
  }
  .header__banner__title {
    font-size: 7.5em;
    padding: 100px 20px 0 0;
    line-height: 80px;
  }
  .header__banner__subtitle {
    font-size: 2.8em;
    padding: 0 65px 100px 30px;
  }
  .header__banner__motto {
    font-size: 1.8em;
    padding: 0 20px 20px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .header__top {
    padding: 0;
  }
  .header__banner {
    padding: 0;
  }
}

/*# sourceMappingURL=header.css.map */