.header {
  width: 100%;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100px;
  font-family: "SUIT-Bold";
  transition: all 300ms linear;
}

.header__mobile {
  display: none;
  width: 100%;
  height: 80px;
  z-index: 5;
  font-family: "SUIT-Bold";
  position: fixed;

  color: white;
  padding: 0px 20px;
  transition: all 300ms linear;
}

.header__mobile .header__mobile__main {
  height: 100%;
}

.header ul li {
  font-size: 17px;
}

.header ul li a {
  color: white;
}

.header ul li .selected__category {
  color: #927eff;
  border-bottom: 3px solid #927eff;
  padding-bottom: 3px;
}

.header .link__nav li:not(:last-child) {
  margin-right: 5rem;
}

.header .header-uec-logo {
  height: 40px;
  margin-right: 15px;
}

.header__mobile .header-uec-logo {
  height: 40px;
  margin-right: 15px;
}

.aside__header .header-uec-logo {
  height: 40px;
  margin-right: 15px;
}

.header .header-text-logo {
  height: 25px;
}

.lang-dropdown {
  position: relative;
}

.lang-dropdown:hover .lang-dropdown-content {
  opacity: 1;
  bottom: -62px;
  visibility: visible;
}

.lang-dropdown .lang-dropdown-content {
  position: absolute;
  background-color: white;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
  opacity: 0;
  bottom: -62px;
  visibility: hidden;
  transition: opacity 300ms linear;
}

.lang-dropdown-content .selected-language {
  color: #4245c9;
}

.lang-dropdown-content a {
  color: #555555;
}

.lang-dropdown-content a:first-child {
  margin-bottom: 10px;
}

.header .nice-select.familySite__selector {
  background-color: #555555;
  width: 180px;
  border: none;
}

.header .nice-select .option {
  background-color: #555555;
  font-size: 14px;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #555555;
  border: 1px solid white;
}

.nice-select .nice-select-dropdown {
  background-color: hsl(0, 0%, 33%);
}

@keyframes slideMenu {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0%);
  }
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 5;
  display: none;
}

.header__mobile--side {
  position: fixed;
  top: 0px;
  background-color: black;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  right: 0px;
  z-index: 15;
  display: none;
  flex-direction: column;
  /* overflow: hidden; */
  animation: slideMenu 0.5s forwards;
}

.aside__header {
  height: 80px;
  padding: 20px;
}

.aside__contents {
  padding: 0px 40px;
  padding-top: 25px;
  flex-grow: 1;
}

.aside__contents .aside__categories li {
  margin-bottom: 30px;
}

.aside__contents .aside--text {
  color: white;
  font-size: 18px;
}

.mobileFamilySite__selector {
  background-color: #555555;
  color: white;
  border: none;
  width: 100%;
}

.mobileHeader__familySite {
  height: 40px;
  margin-bottom: 30px;
}

.mobileFamilySite__selector.open .nice-select-dropdown {
  width: 100%;
}

.aside__footer {
  background-color: #222222;
  color: #999999;
  /* position: absolute; */
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
}

.aside__footer h2 {
  font-size: 17px;
}

.aside__footer h4 {
  font-size: 14px;
}

.aside__footer p {
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1439px) {
  .header {
    display: none;
  }

  .header__mobile {
    display: block;
  }

  .lang-dropdown:hover .lang-dropdown-content {
    width: 90px;
    left: -50%;
  }

  .lang-dropdown-content a {
    font-size: 13px;
  }
}