.top_menu {

}
.top_menu ul {
	padding: 0;
	list-style-type: none;
}

.top_menu > ul {
	
}

/*Top level list items*/
.top_menu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.top_menu ul li a {
	transition: top 2s ease 0s; 
	display: block;
	padding: 22px 12px;
	color: #fff;
	font-size: 20px;
	border-top: 3px solid #212529;
}
.top_menu ul li a:lang(ge) {
	font: bold 16px BPG;
}

.top_menu ul li a .fa {
	display: inline-block;
	margin-right: 6px;
	font-size: 16px;
}

.top_menu ul li a {
	display: inline-block;
}

.top_menu ul li a:link,.jqueryslidemenu ul li a:visited {
	color: #fff;
}

.top_menu ul li:hover a ,.top_menu ul li.active a {
	border-top-color: #3dbfc9;
}

/*1st sub level menu*/
.top_menu ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	visibility: hidden;
	z-index: 999;
	transform: translate(0px, 20px);
	min-width: 200px;
}
.top_menu .folder-arrow {
	float: right;
	margin-top: 28px;
	display: inline-block;
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	transition: transform .3s ease;
	color: #fff;
}
.top_menu ul li:hover .folder-arrow {
	transform: rotate(180deg);
}

@media (min-width: 576px) {
	.top_menu ul.visible {
		visibility: visible;
		transform: translate(0px, 0);
		transition: 0.3s all; 
	}
	.top_menu ul {
		display: block;
	}
	.top_menu ul li .mobile-folder {
		display: none;
	}
}

/*Sub level menu list items (undo style from Top level List Items)*/
.top_menu ul li ul li {
	display: list-item;
	float: none;
	color: #2d2b2b;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.top_menu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.top_menu ul li ul li a {
	display: block;
	padding: 10px 8px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
	color: #2d2b2b!important;
	font-size: 16px;
}

.top_menu ul li ul li a:hover { /*sub menus hover style*/
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}



.menu-btn {
	margin: 10px;
}
.menu-btn i {
	font-size: 46px;
	color: #fff;
}

@media (max-width: 576px) {
	.top_menu {
		margin-top: 0;
		padding: 0;
	}
	.top_menu ul {
		display: none;
		margin-top: 0px;
		position: absolute;
		width: 100%;
		z-index: 999;
	}
	.top_menu ul li {
		float: none;
		display: block;
		width: 100%;
	}
	.top_menu ul li .mobile-folder {
		position: absolute;
		width: 70px;
		height: 100%;
		right: 0; top: 3px;
		background: #fff;
	}
	.top_menu ul li .mobile-folder .mobile-folder-arrow {
		margin-top: 14px;
		display: inline-block;
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		transition: transform .3s ease;
		color: #000;
	}
	.top_menu ul li .mobile-folder.selected .mobile-folder-arrow {
		transform: rotate(180deg);
	}
	.top_menu ul li a {
		display: block;
		background: #2d2b2b;

	}
	.top_menu ul li ul {
		position: static;
		display: none;
		padding: 0;
		margin: 0;
		background: #000;
		width: 100%!important;
		transform: translate(0, 0);
		visibility: visible;
	}
	.top_menu ul li ul li {
		display: block;
		width: 100%;
	}
	.top_menu ul li ul li a {
		background: #757172;
		display: block;
		padding: 18px 0;
		width: 100%;
		color: #fff!important;
	}
	.top_menu ul.mobile-visible {

	}
	.top_menu .folder-arrow {
		display: none;
	}
}



.side-menu ul {
	list-style: none;
	padding: 0;
}

.side-menu ul li a {
	background: #263238;
	padding: 10px;
	color: #fff;
	font: bold 16px BPG;
	display: block;
	border-bottom: 1px solid #25b8d9;
	transition: ease 0.4s;
}
.side-menu ul li a:hover {
	background: #25b8d9;
}