/*********************************************************************************
level 1 start
***************/
#level_1.other-nav {
	float:right
}
#level_1 {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#level_1 li {
	float: right;
	
}
#level_1 li a {
	display: block;
	text-decoration: none;
	color: #333!important;
	zoom: 1;
	padding: 40px 9px 40px 9px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	font-weight:600;
	letter-spacing: .05em;
}

#level_1 li a span {
	position: absolute;
	background: #ffac1e;
	width: 17px;
	height: 17px;
	border-radius: 100%; 
	right: 0;
	text-align: center;
	top: 27px;
	color: #fff;
	font-size: 11px;
	letter-spacing: -0.5px;
}

#level_1 li.has-nav {
	position: relative;
}
#level_1 li.has-nav > a:after {
	font-family: 'FontAwesome';
	color: #666;
	margin-left:10px;
	text-align: center;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	content: '\f078 ';
	font-size: 10px;
	vertical-align: 2px;font-weight: normal;
}
 

#level_1 li a:hover, #level_1 li a.hov {
	color: #5FBD74!important;
}
#level_1 li.has-nav a:hover:after{
	color: #5FBD74!important;
}
 
/*********************************************************************************
level div start
***************/
 
#level_1 #level_div, #level_1 .level_div_common {
	position: absolute;
	width:100%;
	padding: 29px 0;
	height:auto;
	max-height:2000px;
	overflow:auto;
	z-index:9999;
	background:#fff;
	opacity: 0;
	top:150px;
	left:0;
	-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;
	visibility:hidden;
	-moz-box-shadow: 10px 10px 20px rgba(0,0,0,.15);
-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,.15);
box-shadow: 10px 10px 20px rgba(0,0,0,.15);
	
}

#level_1 .level_div_common {
	width:auto!important;
	padding: inherit!important; 
}

#level_1 li:hover #level_div {
	opacity: 1;
	visibility:visible;
	top:115px;
}
#level_1 li:hover .level_div_common {
	top:108px!important;
}
.header-fixed-bar #level_1 li:hover #level_div {
	top:102px!important;
}
.header-fixed-bar #level_1 li:hover .level_div_common {
	top:98px!important;
}
.header-fixed-bar #level_1 li a {
	padding: 37px 9px 37px 8px;
 

}
/*********************************************************************************
level 2 start
***************/
.level_2_data {
	overflow:hidden;
	margin:0 15px!important;
}
#level_2 {
list-style: none;
}

#level_2 li {
	float:left;
	height: auto;
	font-size:14px;
	font-weight:600;
	white-space:nowrap;
}
/**/
#level_2 > li:nth-child(4n+1) {
	clear:both;  
}
/**/
#level_1 .level_div_common .level_2_data {margin:15px!important;}
#level_1 .level_div_common #level_2 li {
	float:none!important;
	width: 250px;
}

#level_1 .level_div_common #level_2 li a{
margin-left: 0px !important;
font-weight: normal;padding: 15px 0 !important;
border-bottom: 1px solid #eee;
font-size: 15px;
letter-spacing: normal;
text-transform:capitalize

}
#level_1 .level_div_common #level_2 li:last-child a{
border-bottom: 0px;
}
#level_1 .level_div_common #level_2 li a:before{
content: "\f068";
font: normal normal normal 6px/1 FontAwesome;
color: #fff;
display: inline-block;
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
width: 0;
vertical-align: 3px;
}
#level_1 .level_div_common #level_2 li a:hover:before{
	opacity: 1;
margin-right: 10px;
width: 5px;
color: #5fbd74 !important;

}
#level_1 .level_div_common #level_2 li a:after{
	display:none
}
/**/
/*#level_2 > li:nth-child(4n+1) {
clear: left;
}*/
#level_2 li a { 
	padding:10px 2px!important;
	background:#fff;
	color:#333 !important
}
#level_2 > li a {
	margin-left:20px!important;
}
#level_2 > li > a:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	bottom: 0;
}
 #level_2 > li:nth-child(4n+1) a {
margin-left:0px!important
}
#level_2 li a:hover {
	background:#fff;
	color:#5fbd74!important
}
#level_2 a.view-all {
	text-decoration:underline!important;
}
/*********************************************************************************
level 3 start
***************/

#level_3 {
	margin:0px!important;
	padding:0px 0px 10px 0px!important;
}
#level_3 li {
	float:none;
	display:block;
}
#level_3 li a {
	text-transform: capitalize;
	font-weight:400;
	color:#666!important;
	font-size: 15px;padding: 7px 0 !important;
}
#level_3 li a:before {
	content: "\f068";
	font: normal normal normal 6px/1 FontAwesome;
	color: #fff;
	display: inline-block;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	width:0;
}
#level_3 li a:hover:before {
	opacity: 1;
	margin-right: 10px;
	width:5px;
	color:#5FBD74 !important;
}
#level_3 li a:after {
	content: inherit;
}
#level_3 li a:hover {
	color:#5FBD74!important
}
/*********************************************************************************
level 3 start
***************/

#level_4 {
	padding:0px 0px 5px 0px!important;
}
#level_4 li {
}
#level_4 li a {
	font-weight:normal;
	color:#717171!important
}

 @media only screen and (min-width:320px) and (max-width:767px) {
  #level_1 {
display:none
}
 /*********************************************************************************
Responsive navigation start
***************/
.logo_bar {
padding: 6px 0 !important;
}
#level_1 li {
 float: left;
}
#level_1 #level_div {
 width: 90%;
}
#level_2 > li a {
 margin-left: 0px !important;
}
 #level_1 li a {
 padding: 8px 5px 8px 5px;
font-size:13px;
}
#level_1 > li > a:before {
 margin-right:0px;
}
#level_1 li:hover #level_div {
 top:114px;
}
#level_2 li a {
 text-transform: capitalize;
 padding:8px 5px !important;
}
#level_1.other-nav {
float: left;
margin-top: 5px !important;
}
#level_1.other-nav li a {
text-transform: capitalize!important;
}
/*********************************************************************************
Responsive navigation ends
***************/
}
 @media only screen and (min-width:768px) and (max-width:991px) {
  #level_1 {
display:none
}
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
 #level_1 li a {
padding: 40px 4px 40px 4px;
font-size: 12px;
}
.header-fixed-bar #level_1 li a {
    padding: 37px 4px 37px 2px  ;
}
#level_1 li:hover #level_div {
	top:99px!important;
}
#level_1 li:hover .level_div_common {
	top:132px!important;
}
.header-fixed-bar #level_1 li:hover #level_div {
	top:100px!important;
}
.header-fixed-bar #level_1 li:hover .level_div_common {
	top:92px!important;
}  
}