[hidden] {
  display: none;
  visibility: hidden;
}

.vertical-nav a, .vertical-nav label {
  display: block;
  padding: 10px;
  color: #000000;
  background: transparent;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.vertical-nav li label:hover ,.vertical-nav li .group-list li label:hover {
  background: #cfcfcf;
}


.vertical-nav label {
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.vertical-nav label:hover a, .vertical-nav label:focus, .vertical-nav label:hover {

}

.vertical-nav label a {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: calc(100% - 45px);
}
.vertical-nav label a:hover{
  color: #ed6c00;
}

.vertical-nav li a:hover{
  color: #ed6c00;
}
/* .vertical-nav label span{
 * width: 45px;
 *}*/
.nav__list .group-list label {
  padding-left: 20px;
  background: #f3f3f3;
}

.nav__list .group-list a:focus, .nav__list .group-list a:hover {

}

.nav__list .group-list label:focus, .nav__list .group-list label:hover {

}

.group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.group-list .sub-group-list a, .group-list .sub-group-list label {
  background: #ffffff;

}
.nav__list .group-list li.nav__list-li label { background-color: #c6c6c6;}
.group-list .sub-group-list li.nav__list-li a{ color: #ed6c00;}

.group-list .sub-group-list a:focus, .group-list .sub-group-list a:hover {

}

.group-list .sub-group-list label:focus, .group-list .sub-group-list label:hover {

}

.group-list .sub-sub-group-list a, .group-list .sub-sub-group-list label {
  padding-left: 30px;
  background: #ffffff;

}

.group-list .sub-sub-group-list a:focus, .group-list .sub-sub-group-list a:hover {
 
}

.group-list .sub-sub-group-list label:focus, .group-list .sub-sub-group-list label:hover {
  background: #333333;
}

.sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul {
  /* reset the height when checkbox is checked*/
  max-height: 1000px;
}

.nav__list label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
  transition: transform .65s ease, -webkit-transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#menuToggle {
  display: block;
  position: relative;
}

#menuToggle a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

#menuToggle .group-list li a:hover {
  color: #ed6c00;
}

.nav__list-li {
  color: #ffffff;
  background-color: #c6c6c6;
}

.nav__list-li .group-list {
  background: #ffffff;
}

#menu li {
 /* margin: 5px 0;*/
}

#menu li a {
  position: relative;
 /* padding-left: 30px;*/
}


#menuToggle a:hover:before {
  background: #ffffff;
}

#menuToggle input:checked ~ ul {
  display: block;
  border-top: solid 1px;
  padding: 0;
}

ul.sub-group-list li a {
  padding-left: 30px;
}

input[type="checkbox"], .left-menu {
  display: none;
}

@media screen and (max-width: 768px) {
  #menuToggle {
    background: #fff;
    position: relative;
    border: solid 2px #ed6c00;
  }
  .left-menu {
    position: absolute;
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 30px;
    font-weight: bold;
    display: block;
  }
  #menuToggle {
    height: 60px;
    margin: 30px auto;
    z-index: 2;
    width: calc(100% - 30px);
    padding: 0;
  }
  #menuToggle input:checked ~ ul {
    border-top: none;
  }
  #menuToggle input:checked ~ ul.nav__list {
    margin-top: 58px;
  }
  #menu li {
    background: #fff;
    margin: 0;
    border-bottom: solid 1px #d8d8d8;
  }
  #menuToggle input {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 20px;
    cursor: pointer;
    opacity: 0;
    /* hide this*/
    z-index: 2;
    /* and place it over the hamburger*/
    -webkit-touch-callout: none;
  }
  #menuToggle span.menu-span {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 5px;
    position: absolute;
    top: 15px;
    right: 20px;
    background: #ed6c00;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
            transform-origin: 4px 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  #menuToggle span.menu-span:nth-last-child(2) {
    top: 25px;
  }
  #menuToggle span.menu-span:nth-last-child(3) {
    top: 35px;
  }
  #menuToggle input:checked ~ span.menu-span {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(12px, 4px);
            transform: rotate(45deg) translate(12px, 4px);
    width: 20px;
    background: #ed6c00;
  }
  #menuToggle input:checked ~ span.menu-span:nth-last-child(3) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
            transform: rotate(0deg) scale(0.2, 0.2);
  }
  #menuToggle input:checked ~ span.menu-span:nth-last-child(2) {
    -webkit-transform: rotate(132deg) translate(1px, -2px);
            transform: rotate(132deg) translate(1px, -2px);
    width: 20px;
  }
  #menu {
    display: none;
  }
}
/*# sourceMappingURL=left-menu.css.map */