.hover-layer-dark {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  position: absolute;
  height: 100%;
  line-height: 30px;
  left: 0;
  right: 0;
  width: auto;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

@media (min-width: 992px) {
  .system_center-desktop-index #_navbar-fixed-top-transparent-auto-shrink,
  .desktop-index #_navbar-fixed-top-transparent-auto-shrink {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    --bs-bg-opacity: 0;
    transition: all 0.3s ease-in-out;
  }

  .system_center-desktop-index #_navbar-fixed-top-transparent-auto-shrink .navbar-nav .nav-item:last-child,
  .desktop-index #_navbar-fixed-top-transparent-auto-shrink .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }

  .system_center-desktop-index #_navbar-fixed-top-transparent-auto-shrink .navbar-nav .nav-item a,
  .desktop-index #_navbar-fixed-top-transparent-auto-shrink .navbar-nav .nav-item a {
    color: #ffffff;
  }

  .system_center-desktop-index #_navbar-fixed-top-transparent-auto-shrink.navbar-shrink,
  .desktop-index #_navbar-fixed-top-transparent-auto-shrink.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --bs-bg-opacity: .75;
  }
}

@media (min-width: 992px) {
  ._float-up-lg-100 {
    position: relative;
    top: -100px;
    margin-bottom: -100px;
  }
}

@media (min-width: 992px) {
  ._float-up-lg-150 {
    position: relative;
    top: -150px;
    margin-bottom: -150px;
  }
}

@media (min-width: 992px) {
  ._float-up-lg-200 {
    position: relative;
    top: -200px;
    margin-bottom: -200px;
  }
}

@media (min-width: 992px) {
  ._float-up-lg-250 {
    position: relative;
    top: -250px;
    margin-bottom: -250px;
  }
}

@media (min-width: 992px) {
  ._float-up-lg-300 {
    position: relative;
    top: -300px;
    margin-bottom: -300px;
  }
}