body .top-content-wrapper {
  min-width: 1366px;
}
body .page-holder {
  margin-top: 146px;
  padding-top: 4px;
}
/* body.notification-bar .page-holder {
  margin-top: 181px;
} */

body.products-body .top-content-wrapper {
  min-width: initial;
}
body.products-body .page-holder {
  margin-top: 114px;
  padding-top: 0px;
}
body.products-body.notification-bar .page-holder {
  margin-top: 146px;
}

.top-content-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  /* z-index: 100; */
}

.top-content-wrapper .header-group-wrapper {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.top-content-wrapper .top-bar {
  position: relative;
  z-index: 10000002;
  position: fixed !important;
}
.top-content-wrapper .header-fixed {
  margin-top: 42px;
  position: relative;
  z-index: 100;
  /* position: fixed; */
  /* top: 42px; */
  width: 100%;
}

.top-content-wrapper .top-bar {
  position: relative;
  background-color: #202020;
  height: 42px;
}
.top-content-wrapper .top-bar .link-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  z-index: 200;
  background-color: #202020;
}
.top-content-wrapper .top-bar .link-wrapper > a {
  color: #f1f1f1;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  line-height: 18px;
  border-left: 1px solid #4b4b4b;
  padding: 0 20px;
}
.top-content-wrapper .top-bar .link-wrapper > a:hover {
  color: #fff;
}
.top-content-wrapper .top-bar .link-wrapper .nav-exp {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  border-left: none;
  gap: 5px;
}
.top-content-wrapper .top-bar .link-wrapper .nav-exp .icon-hamburger {
  display: block;
  width: 10px;
  height: 9px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.top-content-wrapper .top-bar .link-wrapper .nav-exp .icon-hamburger span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #f1f1f1;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger
  span:nth-child(1) {
  top: 0px;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger
  span:nth-child(2),
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger
  span:nth-child(3) {
  top: 4px;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger
  span:nth-child(4) {
  top: 8px;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger.open
  span:nth-child(1) {
  top: 4px;
  width: 0%;
  left: 50%;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger.open
  span:nth-child(2) {
  transform: rotate(45deg);
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger.open
  span:nth-child(3) {
  transform: rotate(-45deg);
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp
  .icon-hamburger.open
  span:nth-child(4) {
  top: 4px;
  width: 0%;
  left: 50%;
}
.top-content-wrapper .top-bar .link-wrapper .nav-exp:hover {
  color: #fff;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .nav-exp:hover
  .icon-hamburger
  span {
  color: #fff;
}
.top-content-wrapper .top-bar .link-wrapper .baha-ws-login .ws_login {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #5ac6cd;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .baha-ws-login
  .ws_login
  .baha-terminal-ico {
  fill: #5ac6cd;
  width: 28px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-content-wrapper
  .top-bar
  .link-wrapper
  .baha-ws-login:hover
  .baha-terminal-ico,
.top-content-wrapper .top-bar .link-wrapper .baha-ws-login:hover .ws_login {
  fill: #65dde5;
  color: #65dde5;
}
.top-content-wrapper .top-bar .link-wrapper .baha-ws-demo-button {
  position: absolute;
  right: 10px;
  background: #478e94;
  padding: 2px 24px;
  border-left: none;
}
.top-content-wrapper .top-bar .link-wrapper .baha-ws-demo-button:hover {
  background: #4f9aa0;
}

.top-bar > nav {
  background-color: #202020;
  position: relative;
  transform: translateY(-100%);
  z-index: 150;
  transition: transform 0.3s ease-in-out;
}
.top-bar > nav .navigation-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 60px 100px;
  gap: 20px;
}
.top-bar > nav > * {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.top-bar > nav.active {
  transform: translateY(0);
}
.top-bar > nav.active > * {
  opacity: 1;
  transition-delay: 0.2s;
}
.top-bar > nav > div {
  flex-basis: 100%;
}
.top-bar > nav .navigation-links-wrapper,
.top-bar > nav .navigation-link-wrapper {
  display: flex;
  flex-direction: column;
}
.top-bar > nav .top-bar-nav-close {
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  cursor: pointer;
  right: 20px;
  top: 20px;
}
.top-bar > nav .top-bar-nav-close .tb-close-icon {
  fill: #ddd;
}
.top-bar > nav .top-bar-nav-close .tb-close-icon:hover {
  fill: #eee;
}
.top-bar > nav .drop-down-navigation__col-1 {
  padding: 30px 25px;
  background-color: #171717;
}
.top-bar > nav .navigation-title {
  font-size: 20px;
  text-transform: lowercase;
  margin-bottom: 15px;
  color: #57bec5;
  font-weight: 100;
}
.top-bar > nav .navigation-info {
  font-size: 13px;
  line-height: 17px;
  color: #dddddd;
}
.top-bar > nav .navigation-title-links {
  color: #57bec5;
  font-size: 14px;
  font-weight: 100;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
.top-bar > nav .navigation-title-links::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #6f6f6f;
}
.top-bar > nav .drop-navigation-links {
  color: #dddddd;
  display: block;
  font-size: 13px;
  padding-top: 7px;
  text-decoration: none;
}
.top-bar > nav .drop-navigation-links.drop-navigation-links-download {
  display: flex;
  align-items: center;
}
.top-bar
  > nav
  .drop-navigation-links.drop-navigation-links-download
  .top-bar-download-icons {
  fill: #909090;
  width: 19px;
  margin-right: 10px;
}
.top-bar > nav .drop-navigation-links.drop-navigation-links-gray {
  color: #989898;
}
.top-bar > nav .drop-navigation-links.drop-navigation-links-gray-no-event {
  pointer-events: none;
}
.top-bar > nav .drop-navigation-links:hover {
  color: #eee;
}
.top-bar
  > nav
  .drop-navigation-links:hover.drop-navigation-links-download
  .top-bar-download-icons {
  fill: #eee;
}
.top-bar > nav .navigation-title-links-mt {
  margin-top: 25px;
}
.top-bar > nav .active-nav-link {
  color: #65dde5;
}
.top-bar > nav .active-nav-link:hover {
  color: #65dde5;
}
.top-bar > nav .nav-social-top-bar {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}
.top-bar > nav .social-icons {
  fill: #909090;
  width: 25px;
  height: 25px;
  border-radius: 3px;
}
.top-bar > nav .social-icons:hover {
  fill: #eee;
}
.top-bar > nav h1 {
  padding: 0;
}

.top-bar > nav .drop-navigation-links.baha-ws-login-sm-only {
  text-decoration: none;
  display: none;
}
.top-bar > nav .drop-navigation-links.baha-ws-login-sm-only .ws_login {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #eee;
}
.top-bar
  > nav
  .drop-navigation-links.baha-ws-login-sm-only
  .ws_login
  .icon_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar
  > nav
  .drop-navigation-links.baha-ws-login-sm-only
  .ws_login
  .icon_container
  .baha-terminal-ico {
  width: 26px;
  fill: #eee;
}

@media only screen and (max-width: 1400px) {
  body.products-body .top-content-wrapper .top-bar .link-wrapper {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 910px) {
  body.products-body
    .top-content-wrapper
    .top-bar
    .link-wrapper
    > a:not(.nav-exp, .baha-ws-demo-button, .baha-ws-login) {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  body.products-body .top-content-wrapper .top-bar .link-wrapper {
    padding: 0 20px;
  }
  body.products-body
    .top-content-wrapper
    .top-bar
    .link-wrapper
    > a:not(.nav-exp, .baha-ws-demo-button) {
    display: none;
  }
  body.products-body
    .top-content-wrapper
    .top-bar
    .link-wrapper
    .baha-ws-demo-button {
    right: 10px;
  }
  body.products-body .top-content-wrapper .top-bar .link-wrapper .nav-exp {
    visibility: hidden;
  }
  body.products-body
    .top-content-wrapper
    .top-bar
    .link-wrapper
    .nav-exp
    .icon-hamburger {
    visibility: visible;
    transform: scale(2);
  }
}
@media only screen and (max-width: 1400px) {
  body.products-body .top-bar > nav .navigation-content {
    padding: 40px 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  body.products-body
    .top-bar
    > nav
    .navigation-content
    .drop-down-navigation__col-1 {
    grid-row: 2/3;
    grid-column: 1/4;
  }
  body.products-body .top-bar > nav .navigation-content .top-bar-nav-close {
    display: none;
  }
}
@media only screen and (max-width: 850px) {
  body.products-body .top-bar > nav .navigation-content {
    grid-template-columns: 1fr;
  }
  body.products-body
    .top-bar
    > nav
    .navigation-content
    .drop-down-navigation__col-1 {
    grid-row: 5/6;
    grid-column: 1/1;
  }
  body.products-body .top-bar > nav .navigation-content .drop-navigation-links {
    font-size: 15px;
    padding: 5px 0;
  }
  body.products-body
    .top-bar
    > nav
    .navigation-content
    .navigation-title-links {
    font-size: 16px;
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 650px) {
  body.products-body .top-bar > nav .navigation-content .baha-ws-login-sm-only {
    display: block;
  }
}

body.products-body:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.92);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  transition: 0.3s ease-in-out;
  opacity: 0;
  transition-delay: 0.1s;
  z-index: -50;
}

body.products-body.navigation-activated {
  overflow: hidden;
}
body.products-body.navigation-activated:after {
  opacity: 1;
  z-index: 50;
}

@media only screen and (max-width: 850px) {
  body.products-body .top-bar > nav {
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
  }
  body.products-body .top-bar > nav .navigation-content {
    box-sizing: border-box;
    overflow-y: auto;
    height: 70vh;
    padding: 0 40px;
  }
}
body .drop-navigation-links.bzr-link {
  display: none;
}

@media only screen and (max-width: 910px) {
  body.products-body .drop-navigation-links.bzr-link {
    display: block;
  }
}

.baha-ws-overview {
  display: flex !important;
  align-items: center;
  gap: 6px;
  color: #57bec5!important;
}

.baha-terminal-icon {
  fill: currentColor;
  width: 28px;
  margin-top: 3px;
}