/* ----- Active and Hover Links ----- */
/* ----- Active and Hover Links End ----- */
.crossLine {
  background: #fff;
  position: relative;
  display: inline-block;
  padding: 0px;
  width: 45px;
  height: 22px;
  cursor: pointer;
  border: inherit;
}
.crossLine:focus, .crossLine:hover {
  border: inherit;
  outline: none;
}
.crossLine .line {
  display: block;
  background: #000;
  height: 3px;
  width: 30px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
}
.crossLine .line.crossLine1 {
  top: 0px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.crossLine .line.crossLine2 {
  top: 45%;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.crossLine .line.crossLine3 {
  bottom: 0px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.crossLine.active .line.crossLine1 {
  top: 45%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.crossLine.active .line.crossLine2 {
  opacity: 0;
}
.crossLine.active .line.crossLine3 {
  bottom: 45%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media (max-width: 991px) {
  .crossLine.active {
    background: inherit;
    padding: 25px 0;
  }
  .crossLine.active .line {
    background: #fff;
  }
  .crossLine.active .line.crossLine3 {
    bottom: 50%;
  }
}
#sidebarCollapse {
  z-index: 5555;
}/*# sourceMappingURL=header.css.map */