/*********************************************************************************
level 1 start
***************/
.level_1 { 
 list-style: none; display: flex; 
}
.level_1 li {
 float: left;
/* position:relative;*/
 margin: 0 !important;
}
.level_1 li a {
 display: block;
 text-decoration: none;
 zoom: 1;
 text-transform: uppercase; 
 cursor:pointer;
 position:relative;
 overflow:hidden;
 font-weight:500;
 padding: 27px 15px;
 color: #333!important;
 letter-spacing:1px;
  -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;
}
.level_1 li.has-nav a{
 position:relative
}
.level_1 li.has-nav > a:after {
 font-family: 'FontAwesome';
 color: #f69826;
 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: "\f0d7    ";
 font-weight: normal;
}
.level_1 li a:hover, .level_1 li a.active {
 color: #fff!important;
 background:#009500;
}
.level_1 li.has-nav a:hover:after, .level_1 li.has-nav a.active:after {
 color: #fff!important;
}
/*********************************************************************************
level div start
***************/
 
.level_1 .level_div, .level_1 .level_div_common {
 position: absolute;
 /*width:100%;*/
 height:auto;
 max-height:400px;
 overflow: auto;
 background:#fff;
top:calc(100% - 1px);
/* left:0;*/
 -webkit-box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.2);
 display: none;
 z-index: 99;
}
.level_div_common {
 width:250px!important;
 padding: inherit!important;
 left:inherit!important;
}
.level_div_common .level_2_data {
	padding: 10px 15px !important;
}
.level_div_common .level_2 li {
 float:none!important;
 width: 220px;
}
.level_div_common .level_2 li a {
 font-weight: normal;
 border-bottom: 1px solid #eee;
 color:#666!important;
 padding:10px 0!important
}
.level_div_common .level_2 li:last-child a {
	border:0;
}
.level_div_common .level_2 {
 -webkit-column-count: inherit;
 -moz-column-count: inherit;
 column-count: inherit;
}
.level_div_common .level_2 li a:after {
 background:#fff
}
.level_1 li:hover .level_div {
 display: block;
 -webkit-animation: nav-animate 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-animation: nav-animate 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
@-webkit-keyframes nav-animate {
 0% {
opacity: 0;
-webkit-transform: translateY(-2em);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes nav-animate {
 0% {
opacity: 0;
-moz-transform: translateY(-2em);
}
 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
/*********************************************************************************
level 2 start
***************/
.level_2_data {
 height:auto;
 width: 100%;
 overflow:hidden;
 padding:15px!important;
}
.level_2 {
 /*list-style: none;  */
	list-style: none;
-webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
 -webkit-column-gap: 40px;  
 -moz-column-gap: 40px;  
 column-gap: 40px;
 -webkit-column-rule: 1px solid #eee;
 -moz-column-rule: 1px solid #eee;
 column-rule: 1px solid #eee;
}
.level_2 li {
/*float:left;
	width: 23%;
	height: auto;
	font-size:13px;
	white-space:nowrap;
	margin-right:20px !important;*/ 
	float:none;
	width: auto;
	height: auto; 
}
/*
 .level_2 > li:nth-child(4n+1) {
clear: left;
}
.level_2 > li:nth-child(4n+4) {
 margin-right:0px !important;
} old*/

.level_2 li a {
 text-transform: uppercase;
 padding:5px 2px!important; 
 background:#fff;
/* color:#f69826!important;
 font-weight:600;*/
  color:#666!important;
 letter-spacing:inherit;
 font-size:12px;
}

.level_2 li a:hover {
 background:#fff!important;
 color:#999!important
}

/*********************************************************************************
more then level 2 
***************/
.level_2 ul {
 margin:0px!important; 
}
.level_2 ul li {
 float:none;
 display:block;
 width:100%;
}
.level_2 ul li a {
 font-weight:400;
 color:#2a2a2a!important; 
} 

.level_2 ul 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_2 ul li a:hover:before {
 opacity: 1;
 margin-right: 10px;
 width:5px;
 color:#ccc !important;
}
.level_2 ul li a:hover {
} 

@media only screen and (min-width:320px) and (max-width:767px) {
 
}
@media only screen and (min-width:320px) and (max-width:991px) {
 
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 
}