.mobile-menu-btn {
	display: block;
	color: #eee;
	font-size: 2rem;
	cursor: pointer;
}

#menu-top > ul {
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin: 0 20px 0 0;
}
#menu-top > ul > li:first-child {
	margin-left: 0;
	/* padding-left:0; */
}
#menu-top > ul > li {
	/* margin-left: 35px; */
	margin-left: 20px;
	zoom: 1;
	position: relative;
	display: flex;
	list-style: none;
	padding: 3px;
	border: 1px solid transparent;
	border-radius: 5px;
}
#menu-top > ul > li > a {
	padding: .3rem;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
#menu-top > ul > li.dropdown.hover {
	border: 1px solid #283848;
	background-color: #283848;
}
#menu-top > ul > li.dropdown > a {
	cursor: default;
}
#menu-top > ul > li.dropdown > a:after {
	content: "\f107";
	font-weight: 700;
	/* position: absolute; */
	/* right: 10px; */
	/* top: 35%; */
	/* margin-top: -.2em; */
	margin-left:10px;
	font-size: .7em;
	font-family: "Font Awesome 6 Free" !important;
}
#menu-top > ul > li.dropdown > ul {
	display: block;
	width: 270px;
	padding: 0;
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: -12px;
	z-index: 999;
	background-color: #fff;
	box-shadow: 5px 11px 10px 5px rgb(0 0 0 / 15%);
	border-radius: 5px;
}
#menu-top > ul > li.dropdown > ul > li {
	float: none;
	padding: 0;
	text-align: left;
	margin: 0;
	height: auto;
	line-height: 1.5;
	list-style: none;
}

#menu-top > ul > li.dropdown > ul > li > a {
	float: left;
	height: 100%;
	padding-left: 12px;
	width: 100%;
	display: block;
	padding: 16px 12px;
	font-weight: 300;
	font-size: 1rem;
	text-decoration: none;
	color: #000;
}
#menu-top > ul > li.dropdown > ul > li > a:hover {
	color: #000;
	background-color: #f7f7f7;
	border-radius: 5px;
}
#menu-top > ul > li.dropdown > ul > li > a:hover > img {
	transform: scale(1.05, 1.05);
}
#menu-top > ul > li.dropdown > ul > li > a > img {
	transition: .3s;
}
#menu-top > ul > li.dropdown > ul > li > a > i {
	margin-right: 10px;
	font-size: 1.1em;
	color: #888;
}
#menu-top > ul > li.dropdown > ul > li > a:hover > i {
	background-color: #eee;
	color: #111;
	transition: 500ms;
}


#menu-mobile-top {
	margin: 0 0 0 -10px;
}
#menu-mobile-top ul {
	list-style-type: none;
	padding-left: 0;
	padding-inline-start: 0;
}
#menu-mobile-top a {
	text-decoration: none;
}

#menu-mobile-top .mobile-nav {
	background-color: #eee;
	font-size: 1.2rem;
}
#menu-mobile-top .submenu {
	background-color: #fff;
	font-size: 1rem;
}

#menu-mobile-top {
	display: none;
	position: fixed;
	width: 100%;
	height: calc(100% - 100px);
	top: 100px;
	/* opacity: 0; */
	/* z-index: 1000; */
	/* transition: all .15s ease-in; */
	overflow-y: scroll;
	/* box-shadow: 5px 11px 10px 5px rgb(0 0 0 / 15%); */
}
#menu-mobile-top .mobile-nav {
	box-shadow: 5px 11px 10px 5px rgb(0 0 0 / 15%);
}
#menu-mobile-top .mobile-nav li a,
#menu-mobile-top .mobile-nav ul.submenu {
	display:block;
	width:100%;
}
#menu-mobile-top .mobile-nav li:first-child a {
	border-top: 1px solid #fff;
}
#menu-mobile-top .mobile-nav li a {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	padding: 1.6em 1em;
	color: #000000;
	line-height:1.2;
	text-align: left;
}
#menu-mobile-top .mobile-nav li a:active {
 	background-color:#ddd;
}
#menu-mobile-top .mobile-nav li a i{
	float: left;
	margin-right: 1em
}
#menu-mobile-top .mobile-nav ul.submenu {
	display: none;
}
#menu-mobile-top .mobile-nav ul.submenu li a {
	border:none;
	border-bottom: 1px solid #ddd;
	/* margin-left: 40px; */

}
#menu-mobile-top .mobile-nav ul.submenu li a:active {
 	background-color:#ddd;
}
#menu-mobile-top .mobile-nav li.parent > a {
	display: inline-block;
	cursor: pointer;
}
#menu-mobile-top .mobile-nav li.parent > a.submenu-open > span > i {
	rotate: 90deg;
	transition: rotate .3s;
}
#menu-mobile-top .mobile-nav li.parent > a > span > i {
	rotate: 0deg;
	transition: rotate .3s;
}



#menu-left {
	margin: 0;
	padding: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 5px 20px 2px rgba(200,200,200,0.4);
}
#menu-left li {
	list-style: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
#menu-left a {
	display: block;
	color: #777;
	text-decoration: none;
	padding: 15px;
	margin: 0px 10px;
	border-radius: 5px;
}
#menu-left a:hover, #menu-left a:hover  i {
	background-color: #eee;
	color: #111;
	transition: 500ms;
}
#menu-left a i {
	margin-right: 10px;
	font-size: 1.1em;
	color: #aaa;
}

/* 
#menu-left-vendors > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
}
#menu-left-vendors > div > a {
	display: block;
	width: 50%;
	flex: 1 1 auto;
	max-width: 50%;
	margin:0;
	padding: 10px 30px;
}
#menu-left-vendors img {
	display: block;
	width: 100%;
}
 */


#menu-footer {
	display: flex;
	flex-direction: column;
}
#menu-footer > div {
	flex: 0 1 auto;
	text-align: right;
	padding: 15px 0;
}
#menu-footer > div:first-child {
	border-bottom: 1px solid #fff;
}
#menu-footer a {
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
}