.hamburger_nav{
overflow: hidden;
margin:0;
padding:0;
outline: none !important;
border:none;
}

#nav-mhweb-hamburger {
width: 30px;
height: 25px;
position: relative;
margin: 5px 0px 0px 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

#nav-mhweb-hamburger span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #fff;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#nav-mhweb-hamburger.open span{
margin-left:3px;
margin-top:-4px;
}

#nav-mhweb-hamburger span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}

#nav-mhweb-hamburger span:nth-child(odd) {
left:0px;
border-radius: 9px 0 0 9px;
}

#nav-mhweb-hamburger span:nth-child(1), #nav-mhweb-hamburger span:nth-child(2) {
top: 0px;
}

#nav-mhweb-hamburger span:nth-child(3), #nav-mhweb-hamburger span:nth-child(4) {
top: 10px;
}

#nav-mhweb-hamburger span:nth-child(5), #nav-mhweb-hamburger span:nth-child(6) {
top: 20px;
}

#nav-mhweb-hamburger.open span:nth-child(1), #nav-mhweb-hamburger.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#nav-mhweb-hamburger.open span:nth-child(2),#nav-mhweb-hamburger.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#nav-mhweb-hamburger.open span:nth-child(1) {
left: 0px;
top: 9px;
}

#nav-mhweb-hamburger.open span:nth-child(2) {
left: calc(50% - 5px);
top: 9px;
}

#nav-mhweb-hamburger.open span:nth-child(3) {
left: -50%;
opacity: 0;
}

#nav-mhweb-hamburger.open span:nth-child(4) {
left: 100%;
opacity: 0;
}

#nav-mhweb-hamburger.open span:nth-child(5) {
left: 0px;
top: 19px;
}

#nav-mhweb-hamburger.open span:nth-child(6) {
left: calc(50% - 5px);
top: 19px;
}

button.navbar-toggler.collapsed {
    border-color: transparent;
}

.bg-dark {
    background-color: #212529!important;
}