header .header-outer #navbarNav {
	justify-content: end;
	gap: 50px;
}
header .header-outer #navbarNav ul li a {
	color: #122543;
	font-family: "Montserrat";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding: 15px 41px;
	transition: all 0.8s ease;
}
header .header-outer #navbarNav ul li:hover:after{
	color: #fff;
}
header .header-outer #navbarNav ul li.active > a,
header .header-outer #navbarNav ul li a:hover {
	background: linear-gradient(90deg, rgba(154, 129, 221, 1) 0%, rgba(236, 147, 195, 1) 100%);
	color: #fff;
	border-bottom: solid 3px #fe96d7;
	transition: all 0.8s;
}
.MainMenu ul li.parent.active:after{
	color: #fff;
}
header .header-outer #navbarNav ul.navbar-nav {
	gap: 0px;
	text-align: center;
}
.MainMenu ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
.MainMenu ul a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size: 14px !important;
	line-height:32px;
	padding:0 15px;
	font-family: "Lato",sans-serif !important;
	min-width: 140px;
	text-align: center;
}
.MainMenu ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
.MainMenu ul li.parent:after{
	content: "»";
	color: #703e78;
	width: 24px;
	height: 24px;
	font-size: 24px;
	position: absolute;
	top: 11px;
	right: 7px;
	transform: rotate(90deg);
	margin-right: 0px;
}
.MainMenu ul ul li.parent:after{
	content: "»";
	color: #703e78;
	width: 24px;
	height: 24px;
	font-size: 24px;
	position: absolute;
	top: 13px;
	right: 30px;
	transform: rotate(90deg);
	margin-right: -15px;
}
.MainMenu ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: #fafafa;
	padding:0;
	outline: thin solid #703e78;
	width: auto;
}
.MainMenu ul ul li:hover{
	background: linear-gradient(90deg, rgba(154, 129, 221, 1) 0%, rgba(236, 147, 195, 1) 100%);
}
.MainMenu ul ul li:hover > a{
	color: #fff;
}
.MainMenu ul ul li:hover:after{
	color: #fff;
}
.MainMenu ul ul li{
	float:none;
	width: 180px;
	border-bottom: thin solid #703e78;
}
.MainMenu ul ul a{
	line-height: 120%;
	padding: 10px 15px;
}
.MainMenu ul ul ul{
	top:0;
	left:100%;
}
.MainMenu ul li:hover > ul{
	display: block;
	z-index: 3;
}


/* HOW TO - CHANGE LOG TABS */
.my-tabs {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 10px;
	list-style: none;
	margin-top: 10px;
}
.howto-tabs {
	border-bottom: 1px solid #dee2e6;
}
.howto-tabs .tab-nav-item .tab-nav-link:hover,
.howto-tabs .tab-nav-item.show .tab-nav-link,
.howto-tabs .tab-nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}
.howto-tabs .tab-nav-link {
	margin-bottom: -1px;
	background: 0 0;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	display: block;
	padding: 0.5rem 1rem;
	color: var(--footer-color);
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	cursor: pointer;
}
.tab-body{
	display: none;
}
.tab-body:first-child{
	display: block;
}
.two_cols{
	column-count: 2;
}
.three_cols{
	column-count: 3;
}
.two_cols li,
.three_cols li{
	list-style: disc inside !important;
}
dt {
	width: 20% !important;
}
dd {
	width: 80%;
}
dl.dl-horizontal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: flex-start;
}
/* HOW TO - CHANGE LOG TABS */

/* FOOTER MENUS */
.footer_menu {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
}
.footer-info ul li a:hover,
.footer_menu li a:hover{
	text-decoration: underline;
}
/* FOOTER MENUS */

@media only screen and (max-width: 991px) {
	.MainMenu ul#top-menu {
		width: 100%;
	}
	.MainMenu ul li {
		width: 100%;
	}
	.MainMenu ul ul li{
		background-color: var(--footer-color);
		width: 100%;
	}
	.MainMenu ul ul,
	.MainMenu ul li {
		width: 100%;
	}
	/* * /
	header .navbar-nav{
		height: 100vh;
		overflow-y: scroll;
	}
	.MainMenu ul ul li.parent:after,
	.MainMenu ul li.parent:after {
		content: "";
		color: #703e78;
		width: 0px;
		height: 0px;
		font-size: 0px;
		position: unset;
	}
	.MainMenu ul li {
		width: 100%;
		position: unset;
		float: unset;
		margin: 0;
		padding: 0;
	}
	.MainMenu ul ul{
		display:flex;
		position:unset;
		top:unset;
		left: 0%;
		width: 100%;
		background: #fafafa;
		padding:0;
		outline: thin solid #703e78;
		float: unset;
	}
	/* */
}