#level_1 {
	list-style: none;
}
#level_1 li {
	float: left;
	display: block;
	z-index: 999;
	margin-left: 2px!important;
	position: relative;
}
#level_1 li:last-child {
	margin-left: 0px;
}
#level_1 li a {
	position:relative;
	display: block;
	text-decoration: none;
	color: #fff!important;
	zoom: 1;
	padding: 12px 10px;
	text-transform: uppercase;
	font-size:13px;
	-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-ms-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-o-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
}
#level_1 li a.has-nav:after {
	content: url(../design_img/icon-nav-arrow.png);
	margin-left:5px;
}
#level_1 li a:hover, #level_1 li a.active {
	color:#fff!important;
	background:#2587d4
}
#level_1 li a.jnk {
	 outline:1px solid #fff;
	 outline-offset:-1px;padding: 12px 12px;
	color:#ffdb00 !important;
	margin-left:20px; font-weight:bold
}
#level_1 li a.coffee {
	background:#fb7c00;
	color:#fff!important;
	margin-left:10px;/*25px*/
}
/*********************************************************************************
level 2 start
***************/
#level_1 #level_2 {
	position: absolute;
	z-index:99;
	visibility:hidden;
	opacity:0;
	top:50px;
	-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-ms-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-o-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
}
#level_1 #level_2 li {
	width: 200px;
	float: none;
	text-align: left;
	position:relative;
	margin-left:0!important;
}
#level_1 #level_2 a {
	color:#fff!important;
	text-transform:capitalize;
	background:#2587d4;
	border-bottom: 1px #3ba1f0  solid;
	padding:10px 12px;
}
#level_1 #level_2 li:last-child a {
	border-bottom: 0px
}
#level_1 #level_2 li a:hover {
	background:#e12d90;
}
/*level 2 large*/
#level_1 li.level-lg {
	position:inherit;
}
#level_1 li.level-lg #level_2 {
	width: calc(100% - 2px );
	left: 2px;
	background:#2587d4;
	padding:15px!important;/*visibility:visible;
	opacity:1;  */
	
}
#level_1 li.level-lg #level_2 li {
	float:left;
	width:calc(33.33% - 10px );
	margin-right:10px!important;
}
#level_1 li.level-lg #level_2 li a {
	border-bottom:0px;
	padding:7px;
}
#level_1 li.level-lg #level_2 li a:after {
	content: '';
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	width: 0;
	position: absolute;
	left: 7px;
	top: 30px;
	-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-ms-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	-o-transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 1, 1);
}
#level_1 li.level-lg #level_2 li a:hover {
	background:none;
}
#level_1 li.level-lg #level_2 li a:hover:after {
	width: 80px;
}
/**********************************************************/
#level_1 li:hover #level_2 {
	visibility:visible;
	top:43px;
	opacity:1;
}
 
/**********************************************************/

 @media only screen and (min-width:320px) and (max-width:767px) {
 #level_1 {
 display:none;
}
}
 @media only screen and (min-width:768px) and (max-width:991px) {
}
 @media only screen and (min-width:992px) and (max-width:1169px) {
 #level_1 li a {
 padding: 12px 5px;
}
#level_1 li a.coffee {
 margin-left: 10px;
}
}