/*
 * Inner page header
 * Kept separate from the home page's transparent header composition.
 */
.header-style-three {
  position: relative;
  background: var(--obka-surface, #f8f6f1);
}

.header-style-three .header-top.light {
  background: var(--obka-navy-deep, #102d3d);
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.header-style-three .header-lower {
  background: rgba(248, 246, 241, 0.98);
  border-bottom: 1px solid rgba(16, 45, 61, 0.12);
  box-shadow: 0 8px 24px rgba(16, 45, 61, 0.06);
}

.header-style-three .header-lower .main-menu .navigation > li > a,
.header-style-three .header-lower .outer-box .ui-btn,
.header-style-three .mobile-nav-toggler {
  color: var(--obka-navy-deep, #102d3d);
}

.header-style-three .header-lower .logo-box .logo img {
  display: block;
  width: 210px;
  max-width: 100%;
  height: auto;
}

.header-style-three .header-lower .main-menu .navigation > li.current:before,
.header-style-three .header-lower .main-menu .navigation > li:hover:before {
  background-color: var(--obka-gold, #c7ae88);
}

@media (max-width: 1199.98px) {
  .header-style-three .header-lower {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (max-width: 1023.98px) {
  .header-style-three .header-lower .main-box {
    min-height: 86px;
    padding: 12px 0;
  }

  .header-style-three .header-lower .logo-box {
    min-width: 0;
    height: auto;
    margin-right: 24px;
    justify-content: flex-start;
  }

  .header-style-three .header-lower .logo-box .logo img {
    width: 170px;
  }

  .header-style-three .header-lower .nav-outer {
    width: auto;
    margin-left: auto;
  }
}

@media (max-width: 575.98px) {
  .header-style-three .header-lower {
    padding-right: 18px;
    padding-left: 18px;
  }

  .header-style-three .header-lower .main-box {
    min-height: 78px;
  }

  .header-style-three .header-lower .logo-box .logo img {
    width: 145px;
  }
}