body {

}
 	@font-face {
 font-family: ido-HelveticaNeue!important;
 src: url('../fonts/HelveticaNeue.eot');
 src: local(ido-HelveticaNeue), url('../fonts/HelveticaNeue.ttf') format('truetype');}
 
.blueMobileMenu {
	color:#fff;
	display: none;
	margin:0;
	padding: 0;
	position: relative;
	font-size:1em;
	z-index:1000; float:right
}

.blueMobileMenuIcon {
	background-color:#3c4a50;
	height:25px;
	width:30px;
	background-image: url('../imgs/menu_icon.png');
	background-position: center;
	background-repeat: no-repeat;
	display: none;
	padding: 10px;
	vertical-align: middle;
	background-size: 50% 40%;
	float:right;

}

.blueMobileMenu li:hover {
 color:#9cbda5;
 text-decoration:none;
}

.blueMobileMenuIcon {
	display: none;
}

.blueMobileMenu li {
	background:#956340;
	border-bottom: solid 1px #f9b684;
	cursor:pointer;
	float:right;
	padding:12px 18px;
	list-style:none;
}

.blueMobileMenu li a {
	color:#fff;
	text-decoration: none;
	 font-family: ido-HelveticaNeue, Arial, Helvetica, sans-serif;
}

.blueMobileMenu li ul li {
	/*background: #9cbda5;*/
	border-bottom:solid 1px #fff;
	float:none;
}

.blueMobileMenu li ul li ul li {
	background: #66a5da;
}

.blueMobileMenu li ul li ul li ul li {
	background:#91b4d1;
}

.blueMobileMenu li ul {
	margin: 12px -18px -13px -58px;
	position: absolute;
}

.blueMobileMenu > li {
	border-right: solid 1px #fff;
}

.closed > ul {
	display: none;
}

.icon {
	float:right;
	height:auto;
	margin: 10px 0px 0px 10px;
}

@media (max-width: 768px) {
	.blueMobileMenuIcon {
		display: block;
	}

	.blueMobileMenu {
		color:#fff;
		display:none;
		margin: 0;
		padding: 0;
		position: relative;
		font-size:1em;
		z-index:1000;
		float:right;
	}

	.blueMobileMenu li {
		background:#3c4a50;
		border-bottom: solid 1px #778289;
		cursor:pointer;
		float:none;
		padding:12px 60px;
		position: relative;
		list-style:none; 
	}

	.blueMobileMenu > li {
		border-right: none;
	}

	.blueMobileMenu li a {
		color:#fff;
		text-decoration: none;
	}

	.blueMobileMenu li ul li {
		background: #778289;
		border-bottom:solid 1px #fff;
	}

	.blueMobileMenu li ul li ul li {
		background: #66a5da;
	}

	.blueMobileMenu li ul li ul li ul li {
		background:#91b4d1;
	}

	.blueMobileMenu li ul {
		margin: 12px -18px -13px -58px;
		position: relative;
	}

	.closed > ul {
		display: none;
	}

	.icon {
		float:right;
		height: auto;
		/*margin-top: -4px;*/
	}
}


 @media (min-width: 992px) and (max-width: 1199px) {
	.blueMobileMenuIcon {
		display: none;
	}

	.blueMobileMenu {
		color:#fff;
		display:none;
		margin: 0;
		padding: 0;
		position: relative;
		font-size:1em;
		z-index:1000;
		float:right;
	}

	.blueMobileMenu li {
		background:#3c4a50;
		border-bottom: solid 1px #778289;
		cursor:pointer;
		float:none;
		padding:12px 60px;
		position: relative;
		list-style:none; 
	}

	.blueMobileMenu > li {
		border-right: none;
	}

	.blueMobileMenu li a {
		color:#fff;
		text-decoration: none;
	}

	.blueMobileMenu li ul li {
		background: #778289;
		border-bottom:solid 1px #fff;
	}

	.blueMobileMenu li ul li ul li {
		background: #66a5da;
	}

	.blueMobileMenu li ul li ul li ul li {
		background:#91b4d1;
	}

	.blueMobileMenu li ul {
		margin: 12px -18px -13px -58px;
		position: relative;
	}

	.closed > ul {
		display: none;
	}

	.icon {
		float:right;
		height: auto;
		/*margin-top: -4px;*/
	}
}