/*********************************************************************************

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: capitalize;
 cursor:pointer;
 position:relative;
 overflow:hidden;
 font-weight:500;
 padding: 11px 15px;
 color: #666!important; 
 -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: #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: "\f0d7    ";
 font-weight: normal;
}
.level_1 li a:hover,  .level_1 li a.hov,  .level_1 li a.active {
 color: #fff!important;
 background:#c92223;
}
.level_1 li.has-nav a:hover:after,  .level_1 li.has-nav a.hov: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: 1;
}
.level_div_common {
 width:250px!important;
 padding: inherit!important;
 left:inherit!important;
}
.level_div_common .level_2_data {
 padding: 10px 15px 0 !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: 4;
 -moz-column-count: 4;
 column-count: 4;
 -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:2px 2px!important;
 background:#fff;
 color:#f79523!important;
 letter-spacing:inherit;
 font-weight:600;
 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) {
}