.navbar-toggler-icon {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #F35C27;
  margin: 6px 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.active .navbar-toggler-icon:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
}

.active .navbar-toggler-icon:nth-of-type(2) {
  opacity: 0;
}

.active .navbar-toggler-icon:nth-of-type(3) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 7px;
}