.burger2 {
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.burger2 .icon {
  height: 5px;
  width: 30px;
  top: 12px;
  background-color: #f1f1f1;
  border-radius: 2px;
  position: absolute;
  transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-delay: 0.5s;
}

.burger2 .icon:before {
  left: 0;
  position: absolute;
  top: -10px;
  height: 4px;
  width: 30px;
  background-color: #f1f1f1;
  content: "";
  border-radius: 2px;
  transition-duration: 0.5s;
  transition: transform 0.5s, top 0.5s 0.5s;
}

.burger2 .icon:after {
  left: 0;
  position: absolute;
  top: 10px;
  height: 4px;
  width: 30px;
  background-color: #f1f1f1;
  content: "";
  border-radius: 2px;
  transition-duration: 0.5s;
  transition: transform 0.5s, top 0.5s 0.5s;
}

.burger2.open .icon {
  transition-duration: 0.1s;
  transition-delay: 0.5s;
  background: transparent;
}

.burger2.open .icon:before {
  transition: top 0.5s, transform 0.5s 0.5s;
  top: 0px;
  transform: rotateZ(-45deg);
}

.burger2.open .icon:after {
  transition: top 0.4s, transform 0.5s 0.5s;
  top: 0px;
  transform: rotateZ(45deg);
}

.navbar-bassr {
  position: relative;
  height: 4px;
  width: 30px;
  background-color: #f1f1f1 !important;
}

.navbar-bassr:before {
  left: -1px;
  position: absolute;
  top: -10px;
  height: 4px;
  width: 30px;
  background-color: #f1f1f1;
  content: "" !important;
  border-radius: 2px;
  transition-duration: 0.5s;
  transition: transform 0.5s, top 0.5s 0.5s;
}

.navbar-bassr:after {
  left: -1px;
  position: absolute;
  top: 8px;
  height: 4px;
  width: 30px;
  background-color: #f1f1f1;
  content: "" !important;
  border-radius: 2px;
  transition-duration: 0.5s;
  transition: transform 0.5s, top 0.5s 0.5s;
}

.block {
  display: block !important;
}

.hidden {
  display: none !important;
}