/* *********** Header Nav  ******************/
/* ******************************************** */
.nav-header {
  background: url(../img/header-bg.png) center no-repeat #0d6b30;
  background-size: cover;
  padding: 15px 0px;
}

.nav-header .logo {
}

.nav-header .logo img {
  height: 70px;
  width: auto;
}

.nav-items-list {
  display: flex;
  flex-wrap: wrap;
}
.nav-items-list .nav-item {
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  border-right: 1.5px solid #0d6b30;
  padding: 15px 20px;
  text-transform: uppercase;
  transition: 0.3s;
}
.nav-items-list .nav-item:last-child {
  border-right: 0;
}
.nav-items-list .nav-item:hover {
  background: #0d6b30;
}
.nav-items-list .nav-item a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}
.nav-items-list .nav-item:hover a {
  color: #fff;
}
.nav-items-list .nav-item a:hover {
  /* opacity: ; */
}

.nav-items-list-wrapper {
  /* background: #fff;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.12); */
  width: 100%; /* Full width */
}

.nav-items-list .nav-item{
  cursor: pointer;
  outline: none!important;
  position: relative;
}

.nav-items-list .nav-item.active {
  background: #0d6b30;
  color: #fff;
}
.nav-items-list .nav-item.active a {
  color: #fff !important;
}

.site-toobar-container {
  border-bottom: 1px solid #dcdcdc;
  background: #fff;
}

.nav-toggle-btn {
  display: none;
}




.nav-subitems{
  position: absolute;
  left: 0;
  top: 48px;
  min-width: 220px;
  border-top: 2px solid #267155;
  background: #fff;
  z-index: 9999999;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
  display: none;
}
.nav-subitems.show{
  display: block;
}
.nav-subitems.nav-align-right{
  right: 0;
  left: unset;
}
.nav-subitems .nav-link{
  border-bottom: 1px solid #bdbdbd4f;
  color: #000000!important;
}
.nav-subitems .nav-link:hover{
  color: #267155!important;
}

@media (max-width: 766px) {
  .nav-items-list {
    display: none;
  }
  .nav-items-list.show {
    display: block;
  }
  .nav-items-list .nav-item {
    border-right: 0;
    border-bottom: 1.5px solid #0d6b30;
  }
  .nav-items-list .nav-item:last-child {
    border-bottom: 0;
  }
  .nav-toggle-btn {
    display: block;
  }


  .nav-subitems{
      left: 0;
      right: 0;
      min-width: 100%;
    }
}