.mobile-menu {
	color: #fff;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: 18px;
	z-index: 500;
	float: left;
	width: 100%;
}

.mobile-menu li {
	background: transparent;
	/*	border-top:solid 1px #b3b3b3; */
	text-transform: uppercase;
	} 
	
.mobile-menu li a{
	/*transition: background 0.5s ease;    */
	} 
.mobile-menu li ul li {
	background: #000;
	width:100%; 
text-transform:none;

}

.mobile-menu li ul li ul li {
	background: #ffd200;
}

.mobile-menu li ul li ul li ul li {
	background:#a2a2a2;
}
.mobile-menu li a:hover,.mobile-menu li a.active {

	color: #FFF;
}

.mobile-menu li li a:hover,.mobile-menu li li a.active {
	background-color:#3c2105;
	color:#000;
}
.mobile-menuIcon {
	display: none;
	background-color: #EC6310;
}
.mobile-menu li ul {
	margin: 0px;
	padding:0px;
	position: relative;

}

.mobile-menu li {
   margin: 0px;
	padding:0px;
	list-style:none;
	display:inline-block;
	float:left;
	position:relative;

}


.mobile-menu li li{
   position:static;
}
.mobile-menu li a {
	color: #372a08;
	text-decoration: none;
	display: inline-block;
	font-weight: 400;
	padding-top: 83px;
	padding-right: 12px;
	padding-bottom: 25px;
	padding-left: 12px;
	}

@media screen and (min-width: 73.375em) {


#home .mobile-menu li a {color: #FFFFFF;}  
body.scroll .mobile-menu li a {
color: #372a08 !important;

}

body.scroll .mobile-menu li a:hover {
color: #fff !important;

}

.mobile-menu li:nth-child(4),.mobile-menu li:nth-child(5){
    float:right;
}

.mobile-menu li a {width:100%;}
.mobile-menu li ul{
		width:800px;
		
}
.mobile-menu li ul li{
	 width:159px;
	 margin:1px 1px 0px 0px;
	 float:left;
}
.mobile-menu li:hover a,.mobile-menu li a.active {
	background-color: #000000 !important;
	color: #FFF !important;
}
.mobile-menu li li a {
padding: 5px;
text-align:center;
color:#fff;
font-size:14px;
width:100%;
display:block;
}

.mobile-menu li li:hover a,.mobile-menu li li a.active,body.scroll .mobile-menu li a.active{background: #000 !important;color:#fff !important;}	
.mobile-menu li ul{
display:none; 
position:absolute;
top:100%;
background:transparent;
margin-left:-87px;

    width: 800px;}
.mobile-menu li:hover > ul{display:block;}

}
.mobile-menu li ul li ul{
  margin-left:0px;
}

@media screen and (max-width: 73.375em) {



h2.leftmenu{display:block;margin:0px;padding:0px;font-size:24px;text-transform:uppercase;clear:both;margin-top:0px;background:#000;color:#fff;

		 height:47px; 
		}
.mobile-menuIcon {
	
	height: 47px;
	width: 47px;
	background:#3c2105;
	display:inline-block;
	padding: 10px;
	vertical-align: middle;
	background-size: 50% 40%;
	position:relative;  float: left;
}
h2.leftmenu span{display:inline-block;padding-top:7px;float: left;padding-left:15px;}
.mobile-menuIcon::after {
          content: "";
          display: block;
          height: 0;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 1.04167rem;
          box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
          width: 16px; 
          }

.mobile-menu,.mobile-menu ul {
		color:#fff;
		display:none;
		margin: 0px;
		padding: 0px;
		position: relative;
		font-size:1em;
		z-index:1000;
		clear:both;
	}
.mobile-menu {
		float:none !important;
		padding:0px; 
}




.mobile-menu li {
	width:100%;
	clear:both;
	cursor:pointer; 
	background:#000; 
  transition: background 0.5s ease;	
  text-transform:none;
}

.mobile-menu li a {
	text-decoration: none;
	width:82%;
	background:transparent;
	transition:none;
}





.mobile-menu .closed > ul {
	display: none;
}

 span.icon {
	float:right;
	height:25px;
	width:25px;
	margin: 1px 0px 0px 10px;
	display:block;
	
}


	.mobile-menuIcon {
		display: inline-block;
	}
  .mobile-menu li {
	border-top:solid 1px #b3b3b3;
}
	

	.mobile-menu li {	
		cursor:pointer;
		float:none;
		position: relative;
		list-style:none;
		padding:0px;
		clear:both;
	}


	.mobile-menu li a {
	text-decoration: none;
	padding: 12px 18px;
	display: inline-block;
	color: #fff;
	}

 .mobile-menu li li a {padding-left:32px;color:#fff;}
 .mobile-menu li:hover,.mobile-menu li.active{
   background-color:#3c2105;
	
}
.mobile-menu li:hover a,.mobile-menu li.active a{color:#fff;}
.mobile-menu li.open li a{color:#fff;}
.mobile-menu li.open li:hover a{color:#000;}
.mobile-menu li.open a,.mobile-menu li a:hover,.mobile-menu li li:hover a,.mobile-menu li li a:hover{  
	background:transparent;

}

.mobile-menu.closed > ul {
		display: none;
	}

	span.icon {
		float:right;
		height: 25px;
		margin-top: 9px;
		margin-right: 10px;
		display:inline-block; 
	background-image: url('../imgs/icon_arrow_right.png');
	background-position: center;
	background-repeat: no-repeat;
	}
	span.icon.open{   
	background-image: url('../imgs/icon_arrow_down.png');
	background-position: center;
	background-repeat: no-repeat;
	
	}
}
