.show-element {
  display: none;
}

.btn-collapse:active{border: 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 #ffed99;
  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: #ffeb8a;
}

.acnav__link--level2,
.acnav__label--level2 {
  padding-left: 1.5em;
  background: #ebebeb;
  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: #e7e7e7;
}

.acnav__link--level4,
.acnav__label--level4 {
  padding-left: 7em;
  background: #ebebeb;
}

.acnav__link--level4:focus,
.acnav__link--level4:hover,
.acnav__label--level4:focus,
.acnav__label--level4:hover {
  background: #ebebeb;
}

.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: #ebf9ff;
  color: #5494af;
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 500;
}

.to-show {
  display: none;
  height: 100vh;
  width: 100%;
  position: absolute;
  transition: 0.5s;
  background: #fff;
  top: 100px;
  z-index: 10;
  overflow: scroll;
}

/* .new-class {
   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: none;
 } */

@media only screen and (max-width: 1024px) {
  .show-element {
    display: block;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    z-index: 22;
    scale: 0.75;
    padding: 0;
    margin-top: 0;
  }

  /* .mobile-header-start {
     display: block;
     z-index: 9;
     background: transparent;
   } */

  .show-element .toogle-bar {
    width: 35px;
    height: 3px;
    background-color: #000;
    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(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(2) {
    opacity: 0;
  }

  .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);
  }

  .to-show.show {
    display: block;
    left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 480px) {}

@media only screen and (min-width: 1200px) {
  .nav-wrap {
    width: 50%;
    overflow: hidden;
  }
}