.menu {
	margin-left: -40px;
}
.toggleMenu {
	display:  none;
	background:none;
	padding: 0px 5px;
	width: 100%;
	color: #f5870e;
	text-align:right;
}
.nav {
	list-style: none;
 *zoom: 1;
	padding-top:0px;
}
.nav:before, .nav:after {
	content: "";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width: 11em;
	background: rgba(245, 245, 245, 0.6);
}
.nav li a {
	padding: 0px 13px 10px 13px;
	color:#606061;
	font-size: 16px;
	font-family:'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
}
.nav li {
	position: relative;
}
.nav > li {
	float: left;
}
.nav > li > .parent {
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > a {
	display: block;
}
.nav > li > a:hover {
	color:#e7861c;
	background:none;
}
.nav li ul {
	position: absolute;
	left: -9999px;
}
.nav > li.hover > ul {
	left: 0px;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
	 -webkit-transition: background .2s linear;
	 -moz-transition: background .2s linear;
	 -ms-transition: background .2s linear;
	 -o-transition:  background .2s linear;
	 transition: background .2s linear;
}
.nav li li a {
	padding: 5px;
	display: block;
	font-size:17px;
	color:#454545;
	background: rgba(255, 255, 255, 0.6);
	position: relative;
	z-index: 100;
	border-top: 1px solid rgba(233, 233, 233, 0.09);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-family:'RobotoCondensed', Arial, Helvetica, sans-serif;
}
.nav li li li a {
	background:#249578;
	z-index:200;
	border-top: 1px solid #1d7a62;
}
.nav li li a:hover {
	background: #f6f6f6;
	color: #e7862c;
}
@media screen and (max-width: 768px) {
 .menu {
	 float: none;
	 margin-left: 0;
}
 .nav {
	 background: rgba(255, 255, 255, 0.22);
	 margin-top:15px;
}
 .active {
	 display: block;
}
 .nav > li {
	 float: none;
}
 .nav > li > .parent {
	 background-position: 95% 50%;
}
 .nav ul {
	 display: block;
	 width: 100%;
}
 .nav > li.hover > ul, .nav li li.hover ul {
	 position: static;
}
}
 @media only screen and (max-width: 1024px) {
.nav li a {
	 padding: 0px 8px 10px 8px;
}
}
@media only screen and (max-width: 640px) {
.menu {
	 margin-left: 0;
}
 .toggleMenu {
	 width: 95%;
	 margin: 0 auto;
}
.toggleMenu {
	 backgrou nd:rgba(29, 82, 99, 0.22);
	 background:none;
}
 .nav {
	 background: rgba(255, 255, 255, 0.22);
}
}
@media only screen and (max-width: 480px) {
.toggleMenu {
	 width: 92%;
}
}
@media only screen and (max-width: 320px) {
.toggleMenu {
	 width: 90%;
}
}