#overlay {
	visibility: hidden;
	position: fixed;
	background: var(--DEFAULT);
	width: calc(100% - var(--MENU-WIDTH));
	height: 100vh;
	top: 0;
	right: 0;
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.1s ease, visibility 0.1s ease;
}

#mobile-menu {
	visibility: hidden;
	transform: translateX(-100%);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: var(--MENU-WIDTH);
	height: 100%;
	background-color: var(--WHITE);
	z-index: 1000;
	overflow-x: hidden;
	transition: opacity 0.1s ease, transform 0.1s ease;
}

.bx-top-nav-container {
	position: relative;
}

.bx-nav-list-1-lvl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bx-nav-1-lvl-link {
	display: block;
    border-bottom: none;
    border-radius: 1px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #fd7e14ba;
    background: #ffffff;
    padding: .2rem 1rem !important;
}
.bx-nav-1-lvl-link .fas {color: var(--black-color);}
.bx-nav-1-lvl-link-text.active {
	color: var(--PRIMARY);
}

.bx-nav-2-lvl-container {
	z-index: 999;
	padding: 0;
	background-color: var(--WHITE);
	opacity: 1;
}

.bx-nav-2-lvl-link {
	display: flex;
	align-items: center;
}

.bx-nav-2-lvl-link-text {
	font-size: 16px;
}

.bx-nav-3-lvl-link, .bx-nav-3-lvl-link-text {
	display: flex;
	padding: 0;
	font-size: 16px;
}


@media (max-width: 1199px) {
	#overlay.show {
		visibility: visible;
		opacity: 1;
	}

	#menu-list li {
		min-height: 50px;
		padding: 0;
		height: auto;
		text-decoration: none;
		display: flex;
		flex-direction: column;
	}

	.submenu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}

	.bx-nav-1-lvl-link-text {
		font-size: 16px;
		line-height: 19px;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.bx-nav-2-lvl-link-text,
	.bx-nav-2-lvl {
		background-color: var(--OPTION)
	}

	.subsubmenu.show {
		visibility: visible;
		top: 50px;
	}

	.subsubmenu.show li.menu-item a,
	.subsubmenu.show li.menu-item span {
		background-color: var(--WHITE)
	}

	.subsubmenu {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.menu-item.conceal {
		visibility: hidden;
		height: 0;
	}

	li.menu-item {
		border-top: 1px solid var(--BORDER);
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	li.menu-item .bx-nav-1-lvl-link, .bx-nav-2-lvl-link, .bx-nav-3-lvl-link, .bx-nav-2-lvl-link-text {
		display: flex;
		justify-content: space-between;
		/*height: 50px;*/
		align-items: center;
	}

	li.menu-item div i {
		display: flex;
		align-items: center;
		justify-content: end;
		width: 50%;
		height: 100%;
		padding-right: 10px;
	}

	.menu-item .bx-nav-1-lvl-link.active {
		color: var(--WHITE);
		background-color: var(--PRIMARY);
	}

	.bx-nav-2-lvl.active {
		position: absolute;
		top: 0;
		visibility: visible;
		background-color: var(--PRIMARY);
	}

	.bx-nav-2-lvl-link-text.active {
		color: var(--WHITE);
		background-color: var(--PRIMARY);
		top: 0;
	}

	.menu-item .bx-nav-1-lvl-link.active i,
	.menu-item .bx-nav-1-lvl-link.active a {
		color: var(--WHITE);
	}

	#menu-list li:hover .submenu {
		display: block;
	}

	#mobile-menu.show {
		visibility: visible;
		transform: translateX(0);
	}
}

@media (min-width: 1200px) {

	.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
	.bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
		position: absolute;
		top: calc(100% + 10px);
		z-index: 999;
		display: flex;
		background: var(--WHITE);
		opacity: 1;
	}

	.bx-nav-2-lvl-container {
		display: none;
		opacity: 0;
	}

	.bx-nav-list-2-lvl {
		display: flex;
		flex-direction: column;
	}

	.bx-nav-2-lvl {
		flex: 1
	}

	a span.bx-nav-2-lvl-link-text {
		color: var(--BLACK)
	}

	span.bx-nav-2-lvl-link-text {
		color: var(--PRIMARY-DARK)
	}

	.bx-nav-2-lvl {
		display: flex;
		flex-direction: column;
		min-width: 180px;
		border: 1px solid var(--BORDER);
	}

	.bx-nav-list-3-lvl {
		margin-top: 12px;
		gap: 12px;
		display: flex;
		flex-direction: column;
		min-width: 180px;
	}

	.bx-nav-3-lvl-link-text {
		white-space: nowrap;
	}

	.bx-nav-1-lvl-link:hover .bx-nav-1-lvl-link-text,
	.bx-nav-1-lvl-link:hover .fa-angle-down,
	.bx-nav-2-lvl-link:hover .bx-nav-2-lvl-link-text,
	.bx-nav-3-lvl-link:hover .bx-nav-3-lvl-link-text {
		color: var(--PRIMARY)
	}
}