/* Mobile pop-out, three level accordion menu */

.menu{
	position:absolute;
	left:0;
	margin-top:2px;
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
	width:100%;
	z-index:999;
	transition: 0.4s;
	-webkit-transition: 0.4s;	
}

.menu-wrap{
	border:1px solid #999;
	float:left;
	box-shadow:#333 0px 5px 10px 0px;
}

.menu.hidden {
    -ms-transform: scale(0.001,1);
    -webkit-transform: scale(0.001,1);
    transform: scale(0.001,1);
    left: -50%;
}

			
.menu-wrap ul{
	margin:0;
	padding:0;
	list-style:none;
	width:16em;
}

/* Menu expand image & open / close animation */ 

.menu-wrap .expand{
	/* position:absolute; */
	text-align:center;
	right:0px;
	width:3.3em;
	height:3.26em;
	float:right;
	margin-top:-3.3em;
	color:#fff;
	background:#333;			
}


.menu-wrap .expand img{
	margin:auto;
	margin-top:14px;
	margin-right:10px;
	opacity:0.6;
	-moz-opacity:0.6;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: 0.4s;
	-webkit-transition: 0.4s;	
}

.menu-wrap .expand.open img{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);	
}	


.menu-wrap ul li{
	width:100%;
	background:#454545;
	text-indent:10px;				
}
	
	
.menu-wrap ul li a{
	color:#fff;
	text-decoration:none;
	font-family: 'latosemibold', sans-serif; 
	border-bottom:1px solid #aaa;
	display:block;
	line-height:2.8em;
	font-size:1.2em;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.menu-wrap ul li.collapsed a{
	border-bottom:none;			
	font-size:0.0000000000001em; /* make collapsed fonts & line heights microscopic */
	line-height:0.0000000000001em;
}

/* Submenu items */

.menu-wrap ul li.level-1{
	text-indent:20px;
	background:#666;
}

.menu-wrap ul li.level-1.collapsed .expand{
	display:none;
}

.menu-wrap ul li.level-1 .expand{
	display:block;
	text-indent:10px;
}

/* Sub-Submenu items */

.menu-wrap ul li.level-2{
	text-indent:30px;
	background:#ccc;
}

.menu-wrap ul li.level-2 a{
	color:#333;
}