@media screen and (min-width: 992px) {
	ul.topmenu{ 
		margin:0; 
		padding:0; 
		list-style:none;		
	}
	ul.topmenu li{
		margin:15px 0; 
		padding:0; 
		display:block; 
		position:relative; 
		text-align:left;
		line-height:1;
	}
	ul.topmenu li:first-child{
		margin-left:0; 
	}
	ul.topmenu li a{ 
		position:relative; 
		padding:5px 0; 
		color:var(--color-default); 
		font-size: 17px; 
		display:inline-block;
		line-height:1;
		position:relative;
	}
	ul.topmenu > li > a::before{ 
		position:absolute; 
		top: 30px;
		left: 0;
		right: 0;
		margin:0 auto;
		content: "";
		width: 0;
		height: 3px;
		border-radius: 20px;
		background-color: var(--color-primary);	
		transition: 300ms;
		display: none;	
	}
	ul.topmenu > li > a:hover::before{ 
		width: 100%;	
	}
	ul.topmenu > li.menu-item-has-children > a::before{
		display: none;
	}
	ul.topmenu li li a{
		padding:15px 10px;
		display:block;
		color:var(--color-secondary); 
		transition:300ms;
		background-color: var(--color-primary);
	}
	ul.topmenu li li a:hover{
		padding:15px 10px 15px 20px;
	}
	ul.topmenu li.dropdown > a{
		padding-right:15px;
		position:relative;
	
	}
	ul.topmenu li.dropdown > a:after{
		content:'\f0d7'; 		 
		font-family:'FontAwesome'; 
		font-size:17px;
		position: absolute;
		top: 13px;
		right: 0;
		transform: translateY(-50%);
	}
	ul.topmenu li li.dropdown > a:after{
		right: 10px;
		top: 22px;
	}
	ul.topmenu li a:hover,
	ul.topmenu li:hover > a,
	ul.topmenu li.current-menu-item > a,
	ul.topmenu li.current-menu-ancestor > a{
		color:var(--color-primary);		
	}
	ul.topmenu ul li a:hover,
	ul.topmenu ul li:hover > a,
	ul.topmenu ul li.current-menu-item > a,
	ul.topmenu ul li.current-menu-ancestor > a{
		color:var(--color-primary);
		background-color: var(--color-secondary);
	}
	/* Sub-menu */
	ul.topmenu ul{
		margin:0; 
		padding:0;	
		list-style:none;
		position:absolute; 
		left:0; 
		width:225px; 		
		text-align:left;	
		opacity: 0;
		z-index: 999;	
		top: -9999em;	   		
		-webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
		box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );    
		-webkit-transform: scale(.9);
		transform: scale(.9);
		-webkit-transform-origin: center top;
		transform-origin: center top;
		-webkit-transition-property: -webkit-transform, opacity, top;
		transition-property: transform, opacity, top;
		-webkit-transition-duration: .3s, .3s, 0s;
		transition-duration: .3s, .3s, 0s;
		-webkit-transition-delay: 0s, 0s, .3s;
		transition-delay: 0s, 0s, .3s;
	}
	ul.topmenu > ul:before{
		content:"";
		height: 16px;
		width: 100%;
		background-color:transparent;
		display: block;
	}
	ul.topmenu ul li{
		margin:0; 
		padding:0; 
		display:block; 
		border-bottom:solid 1px rgba(255,255,255,.3);
	}
	ul.topmenu ul li:last-child{ 
		border-bottom:none;
	}
	ul.topmenu ul > li:first-child{ 
		border-top:19px solid transparent;
	}
	ul.topmenu ul ul > li:first-child{ 
		border-top:none;
	}
	
	ul.topmenu ul li.dropdown > a:after{
		float:right;
	}
	ul.topmenu li:hover > ul {
		top:100%;
		opacity: 1;	
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		z-index: 1000;
	}
	ul.topmenu ul li:hover > ul{
		top:0; 
		left:100%;
	}
	/* Sub-menu Sub-menu */
	ul.topmenu ul ul{
		left:100%; 
		top:0;
	}
	/*ul.topmenu ul ul ul{
		left:0!important;
		top:100%!important;
	}*/

}
/* Mobile */
.menu-icon{
	display:inline-block;
	cursor:pointer;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	margin:0;
	padding:0;
	border:0;
	color:var(--color-white);
}
.header.fixed .menu-icon{
	color:var(--color-primary);
}
.menu-icon svg{
	fill:var(--color-white);
	stroke:var(--color-white);
	width:30px;
	height:30px;
}
.header.fixed .menu-icon svg{
	fill:var(--color-primary);
	stroke:var(--color-primary);
}
.menu-icon i{
	display:block;
	margin-top:-5px;
	 margin-bottom:5px;
	font-style:normal;
}
.menu-icon-close{
	position:fixed; 
	top: 25px;
	left:0;
	right: 0;
	z-index:999; 
	color:#000;
	padding-right: 5%;
	text-align: right;
	display: none;
	cursor: pointer;
}
.menu-icon-close svg{
	vertical-align:middle;
	margin-left:15px;
	fill:#000;
}
@media (max-width: 991px) {
	.menu-icon-close.on{
		display: block;
	}
	ul.topmenu{
		position:fixed; 
		top:0; 
		right:-240px; 
		z-index:998; 
		width:240px; 
		height:100%; 
		margin:0;		
		padding:80px 0 0 0; 
		list-style:none; 
		background:var(--color-white); 
		overflow-y:scroll;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	ul.topmenu ul{ 
		margin: 0;
		padding: 0;
		list-style:none;
		transition: all 200ms linear;
	}
	ul.topmenu.open{
		right:0; 
		box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	}
	ul.topmenu li{
		border-bottom:1px solid rgba(0,0,0,.2);
		text-align:left;
		margin: 0;
		padding:0;
	}
	ul.topmenu li:first-child{
		border-top:1px solid rgba(0,0,0,.2);
	}
	ul.topmenu li a{
		padding:10px 20px;
		display:block; 
		font-size:17px; 
		color:var(--color-dark);
	}
	ul.topmenu li a:hover, 
	ul.topmenu li.current-menu-item a{
		color:var(--color-primary);
	}
	ul.topmenu ul{
		max-height:0;
		overflow:hidden;
	}
	ul.topmenu ul li{		
		transition:300ms;
	}
	ul.topmenu ul li a{
		padding:10px 20px;
	}
	ul.topmenu li.dropdown .arrow{
		position:absolute; 
		z-index:8; 
		top:0; 
		right:0;		
		line-height:40px; 
		text-align:center; 
		color:var(--color-white);
		font-size:18px; 
		cursor:pointer;
		transition:300ms;
		background:rgba( 0, 0, 0, .1);
		width: 41px;
		height: 43px;
		padding: 0;
	}
	ul.topmenu li.dropdown .arrow:after{
		font-family:'FontAwesome'; 
		content:"\f107";
		transition:300ms;
	}
	ul.topmenu li.dropdown.open > .arrow:after{
		content:"\f106";
	}
	ul.topmenu li.dropdown > a{
		padding-right:40px;
	}
	ul.topmenu li.dropdown.open > ul{
		max-height:500px;
		overflow:visible;
	}
	ul.topmenu ul.sub-menu li a{
		padding-left: 30px!important;
	}
	ul.topmenu ul.sub-menu li li a{
		padding-left: 40px!important;
	}
}