#cssmenu,



#cssmenu ul,



#cssmenu ul li,



#cssmenu ul li a,



#cssmenu #menu-button {



	margin: 0;



	padding: 0;



	border: 0;



	list-style: none;



	line-height: 1;



	display: block;



	position: relative;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



#cssmenu:after,



#cssmenu > ul:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



#cssmenu #menu-button {



	display: none;



}



#cssmenu {



	width: auto;



	line-height: 1;



	font-weight: 700;



}



/*#menu-line {position: absolute; top: 0;left: 0; height: 4px; background: #3ab54a; -webkit-transition: all 0.25s ease-out;  -moz-transition: all 0.25s ease-out;



  -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out;  transition: all 0.25s ease-out;



}*/



#cssmenu > ul > li {



	float: none;



	display: inline-block;



	margin-right: 0px;



	margin-left: 30px;



}



#cssmenu > ul > li:last-child {



	margin-right: 0px;



}



#cssmenu > ul > li:first-child {



	margin-left: 0px;



}



#cssmenu.align-center > ul {



	font-size: 0;



	text-align: center;



}



#cssmenu.align-center > ul > li {



	float: left;



}



#cssmenu.align-center ul ul {



	text-align: left;



}



#cssmenu.align-right > ul > li {



	float: right;



}



#cssmenu.align-right ul ul {



	text-align: right;



}



#cssmenu > ul > li > a {



	padding: 27px 0px;



	font-size: 20px;



	font-weight: 400;



	text-decoration: none;



	color: var(--white);



	letter-spacing: 0;



	display: inline-block;



	vertical-align: middle;



	transition: all 0.3s ease-in-out 0s;



}



#cssmenu > ul > li:after {



	content: none;



	display: inline-block;



	width: 1px;



	height: 20px;



	background-color: #b3b8bb;



	margin: 0 15px 0 20px;



	vertical-align: middle;



}

#cssmenu > ul > li:hover > a{opacity: 0.5}

/*#cssmenu > ul > li:hover > a {



	color: var(--black);



}*/



#cssmenu > ul > li.current-menu-item > a,#cssmenu > ul > li.active > a {



	  position: relative;

    color: var(--white); opacity: 0.7;



}



#cssmenu > ul > li:last-child:after {



	content: none;



}







#cssmenu ul li.has-sub > a::after {



	font-family: "tabler-icons" !important;



	/* speak: none; */



	font-style: normal;



	font-weight: normal;



	font-variant: normal;



	text-transform: none;



	line-height: 1;



	-webkit-font-smoothing: antialiased;



	content: "\ea5f";



	font-size: 18px;



	line-height: 1.2;



	font-weight: 600;



	margin-left: 5px;



	-webkit-transition: border-color 0.2s ease;



	-moz-transition: border-color 0.2s ease;



	-ms-transition: border-color 0.2s ease;



	-o-transition: border-color 0.2s ease;



	transition: border-color 0.2s ease;



}







#cssmenu > ul > li.has-sub > a {



	/*padding-right: 28px;*/



}



/* #cssmenu > ul > li.has-sub > a::after {position: absolute; top: 34px; right: -20px; width: 10px; height: 10px;content: "\ea5f";;



 -webkit-transition: border-color 0.2s ease;  -moz-transition: border-color 0.2s ease;  -ms-transition: border-color 0.2s ease;  -o-transition: border-color 0.2s ease;  transition: border-color 0.2s ease;



} */



#cssmenu > ul > li.has-sub:hover > a::after {



	border-color: #e53935;



}







#cssmenu ul ul {



	position: absolute;



	left: -9999px;



	z-index: 9;



	border-radius: 0px;



	background-color: #fff;



	text-align: left;



	box-shadow: 0 4px 11px rgba(0, 0, 0, 0.15);



	border-radius: 6px;



	padding: 10px;



	margin-top: 15px;



	transition: all 0.4s ease-in-out 0s;



}



#cssmenu li:hover > ul {



	left: auto;



	margin-top: -12px;



}



.stickybody #cssmenu li:hover > ul {



	left: auto;



	margin-top: 0px;



}



#cssmenu.align-right li:hover > ul {



	right: 0;



}



#cssmenu ul ul ul {



	margin-left: 100%;



	top: 0;



}



#cssmenu.align-right ul ul ul {



	margin-left: 0;



	margin-right: 100%;



}



#cssmenu ul ul li {



	/*border-bottom: 1px solid #dbe2eb;*/



	height: 0;



	-webkit-transition: height 0.2s ease;



	-moz-transition: height 0.2s ease;



	-ms-transition: height 0.2s ease;



	-o-transition: height 0.2s ease;



	transition: height 0.2s ease;



}



#cssmenu ul ul li:last-child {



	border-bottom: 1px dashed transparent;



}



#cssmenu ul li:hover > ul > li {



	height: auto;



}



#cssmenu ul ul li a {



	padding: 12px 15px;



	line-height: 18px;



	font-size: 15px;



	width: 240px;



	text-decoration: none;



	color: #000;



	font-weight: 500;



	-webkit-transition: color 0.2s ease;



	-moz-transition: color 0.2s ease;



	-ms-transition: color 0.2s ease;



	-o-transition: color 0.2s ease;



	transition: color 0.2s ease;



	border-radius: 5px;



}



#cssmenu ul ul li:hover > a,



#cssmenu ul ul li a:hover,



#cssmenu ul ul li.active a {



	color: #fff;



	background: var(--red);



}



#cssmenu ul ul li.has-sub > a::after {



	position: absolute;



	top: 13px;



	right: 10px;



	width: 6px;



	height: 6px;



	content: "\f105";



	font-family: fontawesome;



	-webkit-transition: border-color 0.2s ease;



	-moz-transition: border-color 0.2s ease;



	-ms-transition: border-color 0.2s ease;



	-o-transition: border-color 0.2s ease;



	transition: border-color 0.2s ease;



	font-size: 18px;



}



#cssmenu.align-right ul ul li.has-sub > a::after {



	right: auto;



	left: 10px;



	border-bottom: 0;



	border-right: 0;



	border-top: 1px solid #000000;



	border-left: 1px solid #000000;



}



#cssmenu ul ul li.has-sub:hover > a::after {



	border-color: #000000;



}







/*----------*/







.show-overlay {



	width: 100%;



	height: 100%;



	z-index: 9;



	top: 0;



	left: 0;



	position: fixed;



	background: rgba(0, 0, 0, 0.8);



	overflow: hidden;



}



.overflowhidden {



	overflow: hidden;



	position: fixed;



	width: 100%;



	height: 100%;



	min-height: 100%;



	transition: all 0.3s ease-in-out 0s;



	-moz-transition: all 0.3s ease-in-out 0s;



	-webkit-transition: all 0.3s ease-in-out 0s;



	-o-transition: all 0.3s ease-in-out 0s;



}







/*----------*/







/* Responsive menu



=================================*/



@media all and (max-width: 1199px) {



	#cssmenu {



		position: relative;



		width: auto;



	}



	#cssmenu ul {



		background: var(--black);



		position: fixed;



		z-index: 12;



		top: 0px;



		left: -260px;



		width: 260px;



		height: 100%;



		overflow: auto;



		transition: all 0.3s ease-in-out 0s;



		-moz-transition: all 0.3s ease-in-out 0s;



		-webkit-transition: all 0.3s ease-in-out 0s;



		-o-transition: all 0.3s ease-in-out 0s;



		display: none;



	}



	#cssmenu ul.open {



		left: 0;



	}



	#cssmenu ul.open li a {



	  color:var(--white);



		display: inherit;



		padding: 15px 15px;



	}



	#cssmenu ul.open li a:hover {



		background: #fff;



		color: #e53935;



	}



	#cssmenu ul.open li {



		padding-right: 0px;



	}



	/* #cssmenu ul.open ul li a{padding:14px 15px; color: #000;} */



	#cssmenu::after,



	#cssmenu > ul::after {



		content: none;



	}



	#cssmenu #menu-button.menu-opened::after {



		transform: rotate(45deg);



		-moz-transform: rotate(45deg);



		-webkit-transform: rotate(45deg);



		-ms-transform: rotate(45deg);



		top: 8px;



		background-color: #fff;



	}



	#cssmenu #menu-button.menu-opened::before {



		right: 3px;



		top: 0px;



		transform: rotate(-45deg);



		-moz-transform: rotate(-45deg);



		-webkit-transform: rotate(-45deg);



		-ms-transform: rotate(-45deg);



		border-top: none;



		border-color: #fff;



	}



	#cssmenu > ul > li {



		margin: 0px;



	}



	#cssmenu > ul > li > a {



		border: none;



		border-radius: 0px;



		font-size: 16px;



	}



	#cssmenu > ul > li.active > a:before {



		content: none;



	}



	#cssmenu ul li a:after {



		content: none;



	}







	#cssmenu.align-center > ul,



	#cssmenu.align-right ul ul {



		text-align: left;



	}



	#cssmenu ul li,



	#cssmenu ul ul li,



	#cssmenu ul li:hover > ul > li {



		width: 100%;



		height: auto;



		border-bottom: 1px solid rgba(255, 255, 255, 0.15);



		background-color: transparent;



	}



	#cssmenu ul li > ul > li:last-child {



		border: 0;



	}



	#cssmenu ul li a,



	#cssmenu ul ul li a {



		width: 100%;



	}



	#cssmenu > ul > li,



	#cssmenu.align-center > ul > li,



	#cssmenu.align-right > ul > li {



		float: none;



		display: block;



	}



	#cssmenu ul ul li a {



		padding: 10px 15px;



		font-size: 14px;



		color: #000000;



		background: none;



		margin-top: 0px;



		border-radius: 0px;



	}



	/* #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #e53935;} */



	#cssmenu ul ul li:hover > a,



	#cssmenu ul ul li a:hover,



	#cssmenu ul ul li.active a {



		background-color: transparent;



		color: #e53935;



	}



	#cssmenu ul ul ul li a {



		padding-left: 40px;



	}



	#cssmenu ul ul,



	#cssmenu ul ul ul {



		left: 0;



		right: auto;



		margin: 0;



		padding: 0;



		background:var(--pink);



		border: none;



		top: inherit;



		position: inherit;



		width: 100%;



		height: auto;



		overflow: inherit;



		left: inherit;



		transition: none;



		-moz-transition: none;



		-webkit-transition: none;



		-o-transition: none;



	}



	#cssmenu ul li.has-sub > a::after {



		content: none;



	}



	/* #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {display: none;}



  #menu-line {display: none;} */



	#cssmenu #menu-button {



		display: inline-block;



		padding: 0px;



		color: #000000;



		cursor: pointer;



		font-size: 12px;



		position: absolute;



		top: 0px;



		right: 0px;



		width: 25px;



		height: 25px;



		z-index: 12;



		transition: all 0.3s ease-in-out 0s;



		margin-top: -10px;



	}



	#cssmenu #menu-button::after {



		content: "";



		position: absolute;



		top: 0px;



		right: 0px;



		display: block;



		width: 25px;



		height: 3px;



		background: #fff;



		transition: all 0.5s ease-in-out 0s;



	}



	#cssmenu #menu-button::before {



		content: "";



		position: absolute;



		top: 8px;



		right: 0px;



		display: block;



		width: 25px;



		height: 12px;



		border-top: 3px solid #fff;



		border-bottom: 3px solid #fff;



		transition: all 0.5s ease-in-out 0s;



	}



	#cssmenu .submenu-button {



		position: absolute;



		z-index: 10;



		right: 0;



		top: 0;



		display: block;



		border-left: 1px solid #dbe2eb;



		height: 46px;



		width: 46px;



		cursor: pointer;



	}



	#cssmenu .submenu-button::after {



		content: "";



		position: absolute;



		top: 16px;



		left: 22px;



		display: block;



		width: 2px;



		height: 12px;



		background: var(--white);



		z-index: 99;



	}



	#cssmenu .submenu-button::before {



		content: "";



		position: absolute;



		left: 17px;



		top: 21px;



		display: block;



		width: 12px;



		height: 2px;



		background: var(--white);



		z-index: 99;



	}



	#cssmenu .submenu-button.submenu-opened:after {



		display: none;



	}



	#cssmenu ul ul {



		box-shadow: none;



		border-top: 1px solid #dbe2eb;



		border-radius: 0px;



		position: static;



		margin: 0 !important;



	}



}