.sm-clean {
	padding:0 10px;
	background:#fd0;
    z-index: 100;
}

.sm-clean ul {
	border: 0px;
	padding: 3px 0;
    z-index: 100;
    background:#fd0;
}

.sm-clean > li > ul:before {
	content:'';
	position:absolute;
	top:-18px;
	left:30px;
	width:0;
	height:0;
	overflow:hidden;
	border-width:9px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #bbb transparent;
    z-index: 100;
}

.sm-clean > li > ul:after {
	content:'';
	position:absolute;
	top:-16px;
	left:31px;
	width:0;
	height:0;
	overflow:hidden;
	border-width:8px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #fff transparent;
    z-index: 100;  
}

.sm-clean a {
	padding:12px;
	color:#000;
	font-size:18px;
	line-height:17px;
	font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;
	text-decoration:none;
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    color: #000;
    background-color: #c1a930;
}

.sm-clean a.has-submenu {
	padding-right:25px;
}
.sm-clean ul a {
	padding:10px 20px;
    font-size:16px;
}
.sm-clean ul a.has-submenu {
	padding-right:40px;
}

.sm-clean a.current, .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active {
	color:#FFFFAE;
}

.sm-clean a span.sub-arrow {
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-3px;
	width:0;
	height:0;
	overflow:hidden;
	border-width:4px; /* tweak size of the arrow */
	border-style:solid dashed dashed dashed;
	border-color:#ccc transparent transparent transparent;
}

.sm-clean ul a span.sub-arrow {
	right:15px;
	top:50%;
	margin-top:-5px;
	border-width:5px;
	border-style:dashed dashed dashed solid;
	border-color:transparent transparent transparent #ccc;
}

.sm-clean span.scroll-up, .sm-clean span.scroll-down {
	position:absolute;
	display:none;
	visibility:hidden;
	overflow:hidden;
	background:#812020;
	height:20px;
}
.sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover {
	background:#812020;
}
.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-6px;
	width:0;
	height:0;
	overflow:hidden;
	border-width:6px; 
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #ccc transparent;
}
.sm-clean span.scroll-up:hover span.scroll-up-arrow {
	border-color:transparent transparent #FFFFAE transparent;
}
.sm-clean span.scroll-down-arrow {
	top:8px;
	border-style:solid dashed dashed dashed;
	border-color:#ccc transparent transparent transparent;
}
.sm-clean span.scroll-down:hover span.scroll-down-arrow {
	border-color:#FFFFAE transparent transparent transparent;
}
   
@media screen and (max-width: 850px) {
	.sm-clean:not(.sm-clean-vertical) > li > a {
		padding-left:8px;
		padding-right:8px;
	}
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
}
@media screen and (max-width: 750px) {
	.sm-clean:not(.sm-clean-vertical) > li > a {
		padding-left:3px;
		padding-right:3px;
	}
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
} 

@media screen and (max-width: 700px) {
	ul.sm-clean{width:auto !important;}
	ul.sm-clean ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-clean>li{float:none;}
	ul.sm-clean>li>a,ul.sm-clean ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-clean iframe{display:none;}

	.sm-clean {
		padding:0;
	}
	.sm-clean ul {
		border:0;
		padding:0;
		background:rgba(130,130,130,0.1);
	}
	.sm-clean > li > ul:before, .sm-clean > li > ul:after {
		display:none;
	}

	.sm-clean a {
		padding:13px 5px 13px 28px !important;
		color:#FFFFAE !important;
		background:transparent !important;
	}
	.sm-clean a.current {
		color:#FFFFAE !important;
	}
	.sm-clean ul a {
		border-left:8px solid transparent;
	}
	.sm-clean ul ul a {
		border-left:16px solid transparent;
	}
	.sm-clean ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-clean ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-clean ul ul ul ul ul a {
		border-left:40px solid transparent;
	}     

	.sm-clean a span.sub-arrow,
	.sm-clean ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:normal 16px/16px monospace !important;
		text-align:center;
		border:0;
		background:rgba(255,255,255,0.6);
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px;
	}
	.sm-clean a.highlighted span.sub-arrow {
		display:none !important;
	}  

	.sm-clean li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.sm-clean > li:first-child {
		border-top:0;
	} 
}