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

	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;}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
 float:right; width:300px; min-height:65px; padding:0; position:fixed; top:0; right:0; z-index:999;}

.mean-container a.meanmenu-reveal {
 width:28px; height:45px; padding:10px 20px; display:block; position:absolute; top:0; right:0; cursor:pointer;
 color:#333; font-size:18px; font-weight:700; line-height:22px; text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;}
.mean-container a.meanmenu-reveal span { height:3px; margin-top:6px; display:block; background-color:#333;}
.mean-container a.meanmenu-reveal div { margin-top:3px; position:relative; right:2px; color:#333; font-size:11px; letter-spacing:0;}
.mean-container a.meanmenu-reveal.meanclose { top:6px;}
.mean-container a.meanmenu-reveal.meanclose div { right:5px;}

.mean-container .mean-nav {
 float:left; width:100%; margin-top:65px; background-color:#FFF; background-color:rgba(255,255,255,.85);}
.mean-container .mean-nav ul { width:100%; margin:0; padding:0; list-style-type:none; overflow:hidden;}
.mean-container .mean-nav ul { width:calc(100% + 1px); margin-left:-1px;}
.mean-container .mean-nav ul li { float:left; width:100%; position:relative;}
.mean-container .mean-nav ul li li { float:left; width:calc(50% - 1px); position:relative; border-left:1px solid #5B951D; height: 40px;}

.mean-container .mean-nav ul li:last-child { border-bottom:1px solid #AB946B;}
.mean-container .mean-nav ul li li:last-child { border-bottom:none; width: calc(100% - 1px);}

.mean-container .mean-nav ul li a {
 float:left; width:90%; margin:0; padding:0.8em 5% 0.6em 5%; display:block; text-align:left;
 color:#333; font-size:14px; text-decoration:none; text-transform:uppercase;
 border-top:1px solid #AB946B;}
.mean-container .mean-nav ul li li:last-child a { text-align: center;}
.mean-container .mean-nav ul li li:nth-child(8) a { border-bottom:1px solid rgba(87,151,0,1);}
.mean-container .mean-nav ul li li:nth-child(9) a { border-right:1px solid rgba(87,151,0,1);}
.mean-container .mean-nav ul li li a {
 width:80%; padding:0.5em 10% 0.5em 10%; visibility:visible;
 text-shadow:none!important; border-top:1px solid #AB946B; border-top:1px solid rgba(87,151,0,1); background:rgba(87,151,0,0.1);}
.mean-container .mean-nav ul li.mean-last a { margin-bottom:0; border-bottom:none;}
.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 .mean-nav ul li a:hover { background:#FFF; background:rgba(255,255,255,0.1);}

.mean-container .mean-nav ul li a.mean-expand {
 width:22px; height:22px; margin-top:1px; padding:12px 12px 10px 12px!important;
 position:absolute; top:0; right:0; z-index:2; text-align:center;
 font-weight:700; border:none!important; border-bottom:none;
 border-left:1px solid #AB926D!important;
 background: url(../images/navi_arrow.png) no-repeat center top 50%;}
.mean-container .mean-nav ul li a.mean-expand:hover { background:rgba(87,151,0,0.1)  url(../images/navi_arrow.png) no-repeat center top 50%;}

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

.mean-nav .wrapper { width:100%; margin:0; padding: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;}

@media only screen and (max-width:400px) {
.mean-container .mean-bar { float:none; width:auto;}
}