nav {
	background: #501f3a;
}
.navbar-brand {
	float: left;
	min-height: 55px;
	padding: 0 15px 5px;
}
.img-brand {
	max-height: 50px;
}
.navbar-nav {
	margin-left: auto;
}
.navbar {
	margin-bottom: 0;
	border-radius: 0;
	background-color: #501f3a;
	color: #fff;
	padding: 0.5% 0;
	font-size: 1.5em;
	border: 0;
	z-index: 99;
}
.navbar-nav li.active a {
	color: #14a098 !important;
}
.navbar-nav li.active a:hover {
	color: #0e706a !important;
}
.navbar-nav li a {
	transition: all 0.2s ease-in-out;
	position: relative;
	color: #cb2d6f !important;
}
.navbar-nav li a:hover {
	color: #a22458 !important;
}
.navbar-nav li a:before,
.navbar-nav li a:after {
	content: "";
	position: absolute;
	bottom: 5px;
	width: 0px;
	height: 5px;
	margin: 5px 0 0;
	transition: all 0.2s ease-in-out;
	transition-duration: 0.75s;
	opacity: 0;
}
.navbar-nav li a.underline-hover:before {
	left: calc(50%);
	background-color: #a22458 !important;
}
.navbar-nav li a.underline-hover:after {
	right: calc(50%);
	background-color: #a22458 !important;
}
.navbar-nav li.active a.underline-hover:before {
	left: calc(50%);
	background-color: #0e706a !important;
}
.navbar-nav li.active a.underline-hover:after {
	right: calc(50%);
	background-color: #0e706a !important;
}
.navbar-nav li:hover a:before,
.navbar-nav li:hover a:after {
	width: 100%;
	opacity: 1;
}
.navbar-nav li:hover a.underline-hover:before,
.navbar-nav li:hover a.underline-hover:after {
	width: 45%;
}

/* Mobile Navbar */
@media (max-width: 992px) {
	.dorpdownButton {
		position: relative;
		width: 40px;
		height: 40px;
		cursor: pointer;
		transform: 0.5s;
		background: #501f3a !important;
	}
	.dorpdownButton span {
		width: 50%;
		height: 4px;
		position: absolute;
		transition: 0.5s;
		background: #b82b67;
		transform: translateX(-50%);
		margin-bottom: 14px;
		margin-top: 14px;
	}
	.dorpdownButton span:nth-child(1) {
		top: 30%;
		left: 50%;
	}
	.dorpdownButton span:nth-child(2) {
		bottom: 30%;
		left: 50%;
	}
	.dorpdownButton.active span:nth-child(1) {
		top: 45%;
		left: 50%;
		width: 60%;
	}
	.dorpdownButton.active span:nth-child(2) {
		bottom: 50%;
		left: 50%;
		width: 60%;
	}
	.dorpdownButton.active span:nth-child(1) {
		transform: translate(-50%, -60%) rotate(135deg);
	}
	.dorpdownButton.active span:nth-child(2) {
		transform: translate(-50%, -10%) rotate(225deg);
	}
	.dorpdownButton.active span {
		background: #14a098;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.dorpdownButton:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50%;
		height: 4px;
		background: #b82b67;
		transition: 0.5s;
	}
	.dorpdownButton.active:before {
		width: 100%;
		height: 100%;
		background: #501f3a;
	}

	.nav-item {
		display: flex;
		justify-content: center;
	}
	.navbar {
		border-bottom: 2px solid #14a098;
	}
}