.main-navigation {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 4;
}
.main-navigation .navbar {
  color: #fff;
  background-color: transparent;
}
.main-navigation .navbar .navbar-brand .logo-warpper {
  max-width: 210px;
  width: 210px;
}
.main-navigation .navbar .navbar-brand .logo-warpper img {
  width: 100%;
}
.main-navigation .navbar .logo-light {
  display: block;
}
.main-navigation .navbar .logo-dark {
  display: none;
}
.main-navigation .navbar-nav .nav-link {
  color: #fff;
  font-size: 16px;
  border-bottom: 2px solid transparent;
}
.main-navigation .navbar-nav .nav-link:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.main-navigation .navbar-nav .nav-link.active {
  color: #fff;
}
.main-navigation.is--sticky {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 999;
  border-top: 0;
  transition: all 0.6s;
  top: 0px;
  transform: translateY(0px);
}
.main-navigation.is--sticky.is-hidden {
  transform: translateY(-135px);
  position: absolute;
}
.main-navigation.is--sticky .navbar {
  background-color: #fff;
  color: #000;
  border-bottom: 2px solid #016065;
}
.main-navigation.is--sticky .navbar .nav-link {
  color: #000;
  border-bottom: 2px solid transparent;
}
.main-navigation.is--sticky .navbar .nav-link:hover {
  border-bottom: 2px solid #000;
}
.main-navigation.is--sticky .navbar .logo-light {
  display: none;
}
.main-navigation.is--sticky .navbar .logo-dark {
  display: block;
}

@media screen and (max-width: 1199px) {
  .main-navigation .navbar {
    background-color: #fff;
  }
  .main-navigation .navbar .navbar-brand .logo-warpper {
    max-width: 150px;
    width: 150px;
  }
  .main-navigation .navbar .navbar-toggler:focus {
    box-shadow: none;
  }
  .main-navigation .navbar .logo-dark {
    display: block;
  }
  .main-navigation .navbar .logo-light {
    display: none;
  }
  .main-navigation .navbar-nav {
    padding: 10px 0;
  }
  .main-navigation .navbar-nav .nav-item {
    padding: 2px 0;
  }
  .main-navigation .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #000000;
    text-align: center;
    color: #000000;
  }
  .main-navigation .navbar-nav .nav-item:last-child .nav-link {
    border-bottom: none;
  }
}/*# sourceMappingURL=header.css.map */