ul.orangemenu, .orangemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.orangemenu{}
.orangemenu li{	

	position: relative;
	filter: inherit;/*required to make the fade work on IE8*/
}
/*==============================main button==========================================*/
.orangemenu li a{
	outline: none;
	font-weight: normal; 
	font-size: 13px; 
	font-family: opensans, Arial, sans-serif;
	padding: 38px 5px 38px 5px;
	display: block;
/*	width: 113px;*/
	line-height: 15px;
	color: #939393;
	text-decoration: none;
}
.orangemenu li a:hover{
	text-decoration: none; 
	color: #ffffff; 
	font-weight: normal; 
	outline: none;
	background-color: none;
}

@media (max-width: 767px) {
	.orangemenu li a{
	padding: 5px 5px 5px 5px;
	}
}
/*=============================drop down===========================================*/
.orangemenu li li a{
	padding: 10px 4px 10px 11px;	
	border-bottom: 1px solid #ffffff;	
	width: 180px;
	text-align: left;
	font-size: 12px;
	background-color: #1D1D1D;
	color: #DB0812;	
}

.orangemenu li ul{
	display: none;
	position: absolute;
	z-index: 100000;
	left: 0px;
	top: 62px;
}
@media (max-width: 767px) {
	.orangemenu li ul{
	top: 20px;
	width: 100%;
	}
	.orangemenu li li a{
		position: relative;
		width: 100%;
	}
}

.orangemenu li:hover ul {
	display: block;
}

.orangemenu li ul a:hover{
	color: #ffffff;
}
/*=============================second drop down===========================================*/
.orangemenu li ul ul{
display:none;
position:absolute;
left:148px;
top:0px;
width:133px;
background-color: #4b7d86;
}

.orangemenu li ul ul a{
color: #4b7d86;
}

.orangemenu li ul ul a:hover{
color: #000000;
}
 
.orangemenu li:hover > ul{
display:block;
}