/*! #######################################################################
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; 
-webkit-transition:none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar{width:100%; position:relative; padding:0; z-index:999999}
.mean-container a.meanmenu-reveal{ width:25px; height:15px; padding:0; position:fixed; top:46px; right:20px !important; cursor:pointer; color:#1d1d1d; text-decoration:none;  display:block; font:700 16px/16px 'Guardian Egyptian Web Bold' !important; font-style: normal; }
.mean-container a.meanmenu-reveal em{ font-style: normal; float: left; position: absolute; right:39px; top:0px }
.mean-container a.meanmenu-reveal span{ width:25px; display: block; background:#000; height:2px; margin-bottom:4px}
.mean-container .mean-nav{width:100%; background:#fff; margin-top:0; padding:0; position:fixed; top:82px; left:0}
.mean-container .mean-nav ul{padding:20px 1.4% 0; margin:0; overflow: hidden; overflow-y:scroll; list-style-type:none}
.mean-container .mean-nav ul li{position:relative; float:left; width:100%; padding:0; margin:0; background:url("../img/menu/nav-bg.png") repeat-x 0 bottom !important }
.mean-container .mean-nav ul li a{display:block; float:left; width:100%; padding:14px 0 17px; margin:0; text-align:left; color:#1d1d1d !important; text-decoration:none; font:400 15px/19px 'Guardian Text Egyptian Web'}
header .headTop nav ul li.current-menu-item a, header .headTop nav ul li a:hover{color:rgba(255,255,255,0.7); background: none }


.mean-container .mean-nav ul li li a{width:88%; padding:1em 6%; 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}
.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 .mean-nav ul li a:hover{ }
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px; width:26px; height:32px;  text-align:center; position:absolute; right:0; top:0; z-index:2; font-weight:700; background:inherit; border:none !important; border-left:1px solid rgba(255,255,255,0.4) !important; border-bottom:none !important; background:none !important }
.mean-container .mean-nav ul li a.mean-expand:hover{background:inherit}
.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}
.mean-container a.meanmenu-reveal.meanclose{ width:16px; height:16px; display:block;  z-index:9999; position:fixed; padding:0; font-style: normal; background:url('../img/menu/nav-close-icon.png') no-repeat right 1px; font-size:0px; line-height:0px; }
.mean-container a.meanmenu-reveal.meanclose em{ right:29px; font:700 16px/16px 'Guardian Egyptian Web Bold' !important; }
@media only screen and (max-width: 1023px) {
	.mean-container .mean-nav ul{ padding:0 20px; }
}

.mean-container .mean-nav ul ul{ padding:1px; background:url("../img/menu/nav-bg.png") repeat-x 0 top !important }
.mean-container .mean-nav ul li:last-child{ background:none !important }