.navbar-toggler {
	 border: none;
	 background: transparent !important;
	 padding: 0.25rem 1rem;
}
 .navbar-toggler:focus {
	 outline: 0px !important;
}
 .navbar-toggler .top-bar {
	 animation: inT 0.8s normal forwards;
}
 .navbar-toggler .middle-bar {
	 animation: inM 0.8s forwards;
}
 .navbar-toggler .bottom-bar {
	 animation: inBtm 0.8s forwards;
}
 .navbar-toggler.collapsed .top-bar {
	 animation: outT 0.8s reverse backwards;
}
 .navbar-toggler.collapsed .middle-bar {
	 animation: outM 0.8s reverse backwards;
}
 .navbar-toggler.collapsed .bottom-bar {
	 animation: outBtm 0.8s reverse backwards;
}
 .icon-bar {
	 width: 30px;
	 height: 4px;
	 display: block;
	 border-radius: 2px;
	 background-color: #000;
}
 @keyframes inM {
	 50% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(45deg);
	}
}
 @keyframes outM {
	 50% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(45deg);
	}
}
 @keyframes inT {
	 0% {
		 transform: translateY(0px) rotate(0deg);
	}
	 50% {
		 transform: translateY(9px) rotate(0deg);
	}
	 100% {
		 transform: translateY(9px) rotate(135deg);
	}
}
 @keyframes outT {
	 0% {
		 transform: translateY(0px) rotate(0deg);
	}
	 50% {
		 transform: translateY(9px) rotate(0deg);
	}
	 100% {
		 transform: translateY(9px) rotate(135deg);
	}
}
 @keyframes inBtm {
	 0% {
		 transform: translateY(0px) rotate(0deg);
	}
	 50% {
		 transform: translateY(-9px) rotate(0deg);
	}
	 100% {
		 transform: translateY(-9px) rotate(135deg);
	}
}
 @keyframes outBtm {
	 0% {
		 transform: translateY(0px) rotate(0deg);
	}
	 50% {
		 transform: translateY(-9px) rotate(0deg);
	}
	 100% {
		 transform: translateY(-9px) rotate(135deg);
	}
}