.show-element { display: none; }
.nav-wrap { width: 100%; margin: 1em auto 0; }
.acnav {
  width: 100%;   
  /* z-index: 10;
  position: relative; 
  background:#fff; height:100vh;*/
}
/* .mobile-header-start{display: none;} */

.acnav a{ color: #000; font-size:14px;  }
.acnav a:hover{ text-decoration: none; }
.acnav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.acnav__list--level1 {
  border: 1px solid #fcfcfc;
}
.has-children > .acnav__label::before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  margin-right: 1em;
  transition: transform 0.3s;
}
.has-children.is-open > .acnav__label::before {
  transform: rotate(405deg);
}

.acnav__link, .acnav__label {
  display: block;
  font-size: 1rem;
  padding: 1em;
  margin: 0;
  cursor: pointer;
  color:#333;
  background: #fff;
  box-shadow: inset 0 -1px #e6f6f6;
  transition: color 0.25s ease-in, background-color 0.25s ease-in;
}

.acnav__link:focus, .acnav__link:hover, .acnav__label:focus, .acnav__label:hover {
  color: #000;
  background: #e6f6f6;
}

.acnav__link--level2, .acnav__label--level2 {
  padding-left:1.5em;
  background: #e6f6f6; color:#333;
}

.acnav__link--level2:focus, .acnav__link--level2:hover, .acnav__label--level2:focus, .acnav__label--level2:hover {
  background: #fff;color:#333;
}

.acnav__link--level3, .acnav__label--level3 {
  padding-left:1.5em;
  background: #fff;color:#333;
}

.acnav__link--level3:focus, .acnav__link--level3:hover, .acnav__label--level3:focus, .acnav__label--level3:hover {
  background: #e6f6f6;
}

.acnav__link--level4, .acnav__label--level4 {
  padding-left: 7em;
  background: #e6f6f6;
}
.acnav__link--level4:focus, .acnav__link--level4:hover, .acnav__label--level4:focus, .acnav__label--level4:hover {
  background: #e6f6f6;
}
.acnav__list--level2, .acnav__list--level3, .acnav__list--level4 {
  display: none;
}
.is-open > .acnav__list--level2, .is-open > .acnav__list--level3, .is-open > .acnav__list--level4 {
  display: block;
}

.sub-title{display: block;
    padding: 10px 0px 8px 28px;
    background: #e6f6f6;
    color: #5494af;
    font-size: 14px;
    margin-bottom: 0px; font-weight:500;
  }

.to-show{ display: none;  }

.to-show.show{ 
  display:block;  
  background-size: cover; 
  background-position: center; 
  height: 100vh;
  position: absolute; 
  width: 100%; 
  transition: all 0.4s ease-out;     
  background: #fff;
  top: 72px;
  z-index: 10;  
  overflow:scroll;  
}

/* .active{ 
  background: url('../img/hamburger-menu-close.svg') no-repeat center  !important; 
  transition: all 0.4s ease-out; 
  color:#fff !important 
}

.show-element {
  padding: 0;
  position: absolute;
  z-index: 20;
  right: 48px;
  width: 30px;
  height: 30px;
  top: -30px;
  background: url('../img/hamburger-menu.svg') no-repeat center;
  background-size: 40px;
} */

/* .mobile-header-start{ 
   display: block;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 9;
    background: #fff;
} */
@media only screen and (max-width: 1024px) {
  .show-element {
    display: block;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    z-index: 22;
    scale: .75;
    padding: 0;
    margin-top: 0;
  }
  .show-element .toogle-bar {
    width: 35px;
    height: 3px;
    background-color: #4328a9;
    display: block;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .show-element.active .toogle-bar:nth-child(2) {
    opacity: 0;
}
.show-element.active .toogle-bar:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(45deg);
  -ms-transform: translateY(11px) rotate(45deg);
  -o-transform: translateY(11px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}
.show-element.active .toogle-bar:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}
.header-menu{padding: 6px 0;}
}

  @media only screen and (min-width: 992px) and (max-width: 1024px) {
    .to-show.show{top: 77px;}
    .header-menu{padding: 6px 0;}
  }

  @media only screen and (min-width: 768px) and (max-width: 991px){
    .to-show.show{top: 60px;}
    .header-menu{padding: 6px 0;}
  }

  @media only screen and (max-width: 767px){
    .to-show.show { top: 64px; }
    .header-menu{padding: 6px 0;}
  }

  @media only screen and (max-width: 480px){
    .to-show.show { top: 64px; }
  }
  @media only screen and (min-width: 1200px) {
    .nav-wrap { width: 50%; overflow:hidden; }
  }