/*********************************************************************************
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: 10px 15px;
 color: #333!important; 
 border-radius: 4px;
  -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: #ffa800;
 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:#ffa800;
}
.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;
 left:0;
 border: 1px solid #fff5e4;
 border-radius: 10px;
 -webkit-box-shadow: 4px 25px 55px rgb(255 164 0 / 18%);
 -moz-box-shadow:4px 25px 55px rgb(255 164 0 / 18%);
 box-shadow: 4px 25px 55px rgb(255 164 0 / 18%);
 display: none;
 z-index: 99;
}
.level_div_common {
 width:200px!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: 170px;
}
.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(-1em);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes nav-animate {
 0% {
opacity: 0;
-moz-transform: translateY(-1em);
}
 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: 4;
 -moz-column-count: 5;
 column-count: 5;
 -webkit-column-gap: 30px;  
 -moz-column-gap: 30px;  
 column-gap: 30px;
 -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: capitalize;
 padding:5px 2px!important; 
 background:#fff; 
 font-weight:400;
  color:#666!important;
 letter-spacing:inherit;
 font-size:12px;
}

.level_2 li a:hover {
 background:#fff!important;
 color:#ffa800!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) {
	.level_1 li a { 
		padding: 10px 10px;
	}
}