
/*! #######################################################################

	MeanMenu 2.0.7
	--------

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

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

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

.mean-container .mean-bar { width:100%; position:fixed; background:none; min-height:58px; z-index:4; left:0; }

.mean-container a.meanmenu-reveal {
	font-feature-settings:"pkna";
    font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	right:0;
	cursor:pointer;
	color:#838daa;
	text-decoration:none;
	font-size:16px;
	line-height:22px;
	font-size:1px;
	display:block;
	-webkit-transition:0s;
	-moz-transition:0s;
	-o-transition:0s;
	transition:0s;
	box-sizing:border-box;
	z-index:10001;
	padding-top:0px;
}
	@media print, screen and ( min-width:769px ) and ( max-width:960px ) {
	.mean-container .mean-bar { top:60px; }
	.mean-container a.meanmenu-reveal { width:60px; height:60px; top:-60px; }
	}
		@media print, screen and ( min-width:631px ) and ( max-width:768px ) {
		.mean-container .mean-bar { top:60px; }
		.mean-container a.meanmenu-reveal { width:60px; height:60px; top:-60px; }
		}
			@media print, screen and ( max-width:630px ) {
			.mean-container .mean-bar { top:50px; }
			.mean-container a.meanmenu-reveal { width:50px; height:50px; top:-50px; }
			}

#panel-btn { display:inline-block; position:relative; margin:0px; float:right; z-index:10001; transition:all 300ms 0s ease; }
	@media print, screen and ( min-width:769px ) and ( max-width:960px ) {
	#panel-btn { width:60px; height:60px; }
	}
		@media print, screen and ( min-width:631px ) and ( max-width:768px ) {
		#panel-btn { width:60px; height:60px;  }
		}
			@media print, screen and ( max-width:630px ) {
			#panel-btn { width:50px; height:50px;  }
			}

	#panel-btn:hover { cursor:pointer; }

	#panel-btn-icon { display:block; position:absolute; top:50%; left:50%; width:30px; height:2px; margin:-1px 0 0 -15px; background:#fff; transition:all 300ms 0s ease; }
		#panel-btn-icon:before, #panel-btn-icon:after { display:block; content:""; position:absolute; top:50%; left:0; width:30px; height:2px; background:#fff; transition:all 300ms 0s ease; }
		#panel-btn-icon:before { margin-top:-10px; }
		#panel-btn-icon:after { margin-top:8px; }
		#panel-btn .close { background:transparent; }
		#panel-btn .close:before, #panel-btn .close:after { margin-top:-1px; }
		#panel-btn .close:before { 
			   transition:all 300ms 0s ease;
					transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg); }
		#panel-btn .close:after {
			    transition:all 300ms 0s ease;
					transform:rotate(-135deg);
			-webkit-transform:rotate(-135deg); }

		/*.panel-btn-icon_White:before, .panel-btn-icon_White:after { background:#fff!important; }*/



.mean-container .mean-nav {
	float:left;
	width:100%;
	max-height:100vh;
	overflow-y:auto;
	background:#bb2828;
}
	@media print, screen and ( min-width:769px ) and ( max-width:960px ) {
	/*.mean-container .mean-nav { margin-top:72px; }*/


.mean-container .mean-nav ul::-webkit-scrollbar{
 display:none;
}
.mean-container .mean-nav ul {
 -ms-overflow-style:none;
}


	}
	@media print, screen and ( min-width:601px ) and ( max-width:768px ) {
	/*.mean-container .mean-nav { margin-top:62px; }*/

.mean-container .mean-nav ul::-webkit-scrollbar{
 display:none;
}
.mean-container .mean-nav ul {
 -ms-overflow-style:none;
}



	}

	@media print, screen and ( min-width:320px ) and ( max-width:600px ) {
	/*.mean-container .mean-nav { margin-top:56px; }*/

.mean-container .mean-nav ul::-webkit-scrollbar{
 display:none;
}
.mean-container .mean-nav ul {
 -ms-overflow-style:none;
}

	}



.mean-container .mean-nav ul {
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
	overflow-y:scroll;
	/*background:#223653;*/
	background:#e6d0d0;
	position:relative;
	z-index:10001;
	max-height:100vh;
	/*margin-bottom:58px;*/
}
.mean-container .mean-nav ul ul {
	padding-bottom:0;
	margin-bottom:0;
	/*background-image:linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/
	background:#d5b9b9;
}

.mean-container .mean-nav ul li {
	position:relative;
	float:left;
	width:100%;
}

	@media only screen and ( max-width :960px ) {
	.mean-container .mean-nav ul li { border-top:1px solid #e5e7ea; }
	.mainNavLi-Last { border-bottom:1px solid #eee; }
	}

	@media only screen and ( max-width :960px ) {
	.mean-container .sub-menu li { border-top:1px solid #e5e7ea!important; }
	/*.mean-container .sub-menu li:first-child { border-top:none!important;  }*/
	}

.mean-container .mean-nav ul li a {
	display:block;
	float:left;
	width:90%;
	padding:1.2em 10px 1.2em 30px;
	margin:0;
	text-align:left;
	border-top:1px solid #eee;
	text-decoration:none;
	/*text-transform:uppercase;*/
	color:#000;
}
	@media only screen and ( max-width :960px ) {
	.mean-container .mean-nav ul li a { border-top:none; width:100%; box-sizing:border-box; }
	}

.mean-container .mean-nav ul li li a {
	width:80%;
	padding:1em 0.5%;
	/*border-top:1px solid #f1f1f1;
	border-top:1px solid rgba(255,255,255,0.25);
	opacity:0.75;
	filter:alpha(opacity=75);*/
	text-shadow:none !important;
	visibility:visible;
}

	@media only screen and ( max-width :960px ) {
	.mean-container .mean-nav ul li li a { width:100%; box-sizing:border-box; }
	}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom:none;
	margin-bottom:0;
}

.mean-container .mean-nav ul li li li a {
	width:70%;
	padding:1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width:60%;
	padding:1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width:50%;
	padding:1em 25%;
}

.mean-container .sub-menu li a:hover {
	background:#bb2828;
	color:#fff;
	/*background:rgba(0,0,51,0.1);*/
}
.mean-container .directLink a:hover {
	background:#bb2828;
	color:#fff;
	/*background:rgba(0,0,51,0.1);*/
}
.mean-container .pullDown:hover {
	background:#bb2828;
	/*background:rgba(0,0,51,0.1);*/
}
.mean-container .pullDown:hover > .mainNavTxt {
	color:#fff!important;
}



/*.mean-container .mean-nav ul li a.mean-expand {
	margin-top:1px;
	width:26px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	background:#fafafa;
	border:none !important;
	border-left:1px solid #eee !important;
	border-bottom:1px solid rgba(255,255,255,0.2) !important;
	color:#ccc;
	font-size:24px;
	padding:0.15em 0.5em;
}:*/

	.mean-container .mean-nav ul li a.mean-expand {
		/*margin-top:1px;*/
		width:100%;
		height:100%;
		text-align:left;
		position:absolute;
		right:0;
		top:-6px;
		z-index:2;
		/*background:#fafafa;*/
		border:none !important;
		color:#ccc;
		font-size:24px;
		padding:1.1em 8px;
		box-sizing:border-box;
		color:#000;
	}
		.mean-container .mean-nav ul li a.mean-expand:hover { color:#fff; }
		.mean-container .mean-nav ul li:hover .mean-expand { color:#fff; }


/*.mean-container .mean-nav ul li a.mean-expand:hover {
	background:#44698f;
}*/

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

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

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.mean-remove {
	display:none !important;
}
