@charset "utf-8";
.toggleMenu {
	display: none;
	font-size: 16px;
	color: #fff;
	text-align: left;
	background: url(../images/menu.png) right 15px top 10px no-repeat;
	text-transform: uppercase;
	padding: 10px 20px
}
.toggleMenu img {
	margin: 0 5px 0 0
}

.menu-out {
	position: relative;
	z-index: 1; 
} 
.menu { padding: 0px; margin: 68px 0px 0px 0px; float: right; transition: top 0.3s; }
.menu ul { display: inline-block; position:relative; margin: 0; padding: 0; zoom:1; }
.nav { list-style: none; zoom: 1; bottom:0px; }
.nav:before, .nav:after { content: ""; display: table; }
.nav:after { clear: both; }
.nav ul { text-align: left;	list-style: none; width: 100%; }
.nav a { margin: 0 1px 0 0 }
.nav li { position: relative; float:left; margin: 0px 8px 0px 0px; }
.nav li a { font-size: 16px; color: #fff; background:#335c00; border-radius: 5px; padding:10px 15px; }
.nav li a:hover, .select {
	background: #73b21a !important;
	color: #fff !important;
	z-index: 9999;
}
.nav>li li:hover>nav li a, .nav>a:hover, .nav>a:hover, .nav li.hover a.parent {
	background: #73b21a;
	color: #fff;
}
.nav>li {
	float: left;
}
.nav>li>a {
	display: block
}
.nav li ul {
	position: absolute;
	left: -9999px
}
.nav li ul li {
	margin: 0;
	padding: 0;
	position: relative; display: block !important;
}
.nav>li.hover>ul {
	left: 3px;
	width: 250px;
	border-radius: 0 0 6px 6px
}
.nav li li.hover ul {
	left: 100%;
	top: 0
}
.nav li li {
	padding: 0;
	margin: 0;
	border-radius: 0;
	width:100%;
}
.nav li li a {
	display: block;
	font-size: 13px;
	padding: 10px 10px;
	margin: 0;
	background: #292929;
	color: #fff;
	position: relative;
	z-index: 99999;
	border-top: 1px solid #fff;
	border-radius: 0;
	text-shadow: none;
	margin: 0
}
.nav li li li a {
	background: #00afef;
	z-index: 200000;
	border-top: 1px solid #fff;
	margin: 0
}

@media screen and (max-width:1199px) {
    .nav li a {font-size: 13px; padding: 17px 5px;}
}
@media screen and (max-width:1024px) {
	.nav li a { font-size: 14px; padding: 12px 10px; }
	.header { Padding-top: 16px; padding-bottom: 11px; }
	.nav li { margin: 0px 3px 0px 0px; }
}
@media screen and (max-width:1000px) {
    .nav li a { padding: 10px 8px 10px 8px; font-size: 14px; }
}

@media screen and (max-width:991px) {
.me {
	background: #fff;
}
.menu {
	float: left
}
.nav li a {
	margin: 0px 5px 0px 5px;
	padding: 12px 8px 12px 8px;
}
.outer-call {
	float: right
}
.nav {
	display: none;
	float: none;
	position: absolute;
	width: 100%;
	z-index: 999999999;
}
.menu {	background:#000 url(../images/toggal.png) left top repeat-x; position: relative; }
.toggleMenu {
	display: block!important;
	top: 100px;
	padding: 10px 160px 10px 17px;
}
.nav {
	float: none;
	width: 100%;
	margin: 0; position: absolute !important; top:100%; transition:all 0.2s ease-in-out;
}
.nav li a {
	color: #d1d1d1;
}
.nav>li {
	float: none;
	background: #000;
}
.nav ul {
	display: block;
	width: 100%
}
.nav>li.hover>ul, .nav li li.hover ul {
	position: static
}
.nav ul {
	width: 100%!important
}
.nav li a:hover, .select {
	color: #fff !important;
	border: 0
}
.nav>li:hover>a, .nav>a:hover, .nav>li li:hover>a, .nav>a:hover {
	/* color: #fff !important;
	border: 0;
	background: #f1faff; */
}
}
@media screen and (max-width:769px) {
	.menu { float: none; }
	.nav li a { background: transparent; border-radius: 0; }
}
@media (max-width: 580px) {
	.menu {	margin-right: 0; float: left; width:100%; margin: 0px 0px 0px 0px; }
	.nav li { margin: 0px; border-bottom: 1px solid rgba(255,255,255,0.4) }
}

@media screen and (max-width:480px) {

	.header { padding-top: 10px; padding-bottom: 4px; }

}