/* #######################################################################

	meanMenu
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

.mean-nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
.mean-nav li {
    margin:0;
    padding:0;
}

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display:none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float:left;
	width:100%;
	position:relative;
	background:#f5f5f5;
	padding:0;
    border-bottom:1px solid #e5e5e5;
    min-height:40px;
	z-index:999999;
}

.mean-container a.meanmenu-reveal {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:100px;
    height:40px;
    padding:2px 10px;
    cursor:pointer;
    color:#444;
    font-weight:500;
    font-size:18px;
    line-height:40px;
    font-family:'Poppins',Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    text-indent:-9999em;
    text-align:right !important;
    text-decoration:none;
}
.mean-container a.meanmenu-reveal.meanclose { font-family:'Poppins',Arial,Helvetica,sans-serif; }

.mean-container a.meanmenu-reveal span {
	display:block;
	background:#ffffff;
	height:3px;
	margin-top:3px;
}

.mean-container .mean-nav {
	float:left;
	width:100%;
	background:#f5f5f5;
	margin-top:40px;
    line-height:0;
}
.mean-container .mean-nav > ul {
	/*border-top:1px solid #e5e5e5;*/
}

.mean-container .mean-nav ul {
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
}

.mean-container .mean-nav ul li {
	position:relative;
	float:left;
	width:100%;
	font-size:13px;
    line-height:1.5;
}

.mean-container .mean-nav ul li > span,
.mean-container .mean-nav ul li li > span {
    color: #444;
    font-size: 98%;
    opacity: 0.8;
    text-transform:uppercase;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li > span {
	display:block;
	float:left;
	width:100%;
    margin:0;
    padding:0.5em 1em;
	border-top:1px solid #e5e5e5;
	color:#444;
    font-weight:500;
    font-size:14px;
    font-family:'Poppins',Arial,Helvetica,sans-serif;
    text-transform:none;
    text-decoration:none;
    text-align:left;
}

.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li li > span {
	padding-left:2em;
    background:#f0f0f0;
    /*color:#444;
    background:#ffffff;
	border-bottom:1px solid #ffffff;*/
	/*opacity:0.9;
	filter:alpha(opacity=90);*/
    text-transform:none;
	text-shadow:none !important;
	visibility:visible;
}
.mean-container .mean-nav ul li li a br {
    display:none;
}

.mean-container .mean-nav ul li li li a {
	padding-left:3em;
    text-transform:none;
}

.mean-container .mean-nav ul li li li li a {
	padding-left:4em;
}

.mean-container .mean-nav ul li li li li li a {
	padding-left:5em;
}

.mean-container .mean-nav ul li a:hover {
	background:#3cc2ff;
    color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}
.mean-container .mean-nav ul li li a:hover {
	/*background:#e8b306;*/
}

.mean-container .mean-nav ul li a.mean-expand {
	width:68px;
	height:auto;
	border:none !important;
	padding:12px !important;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
    /*bottom:0;*/
	z-index:2;
	font-family:'Poppins',Arial,Helvetica,sans-serif;
	font-weight:500;
    line-height:16px;
    background:inherit;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	/*background:none;*/
    color:#444;
}

.mean-container .mean-push {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	clear:both;
}

.mean-nav .wrapper {
	width:100%;
	padding:0;
	margin:0;
}