/*Header Menu*/

.headermenu{
height:35px;
margin-top:20px;
box-sizing:border-box;
}

.headermenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

.headermenu ul li{
position: relative;
display: inline;
float: left;
margin:0 10px;
}


.headermenu ul li a{
display: block;
line-height: 32px;
padding: 0 15px;
font-size: 15px;
text-decoration: none;
box-sizing:border-box;
font-weight:700;
border-radius:5px;
}

* html .headermenu ul li a{ 
display: inline-block;
}

.headermenu ul li a:link, .headermenu ul li a:visited{

color: #e4485d;
}

.headermenu ul li ul li a:link, .headermenu ul li ul li a:visited{

color: #e4485d;
}

.headermenu ul li a.selected{ 
	background:#e4485d;
	color:#fff;
}

.headermenu ul li a:hover {
	background:#e4485d;
	color:#fff;
}
	
.headermenu ul li ul{
position: absolute;
left: 0;
display: none;
visibility: hidden;
background:#fff;
top:3px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.headermenu ul li ul li{
display: list-item;
float: none;
text-align: left;
margin-left: 0px;
top:0px;
padding: 0px;
margin:0;
}

.headermenu ul li ul li ul li{
top: 0;
left:2px;
}

.headermenu ul li ul li a{
font-size:14px;
width: 180px;
margin: 0;
border-top-width: 0;
line-height:20px;
padding: 8px 10px;
text-transform:none;
background: #fff;
border-radius:0;
font-weight:400;
}

.headermenu ul li ul li a:hover {
	background:#e4485d;
	color:#fff;
}


* html .headermenu{height: 1%;} 

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 9px;
right: 5px;
}


.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: transparent;
}

.toplevelshadow{ 
opacity: 0.8;
}

/*Header Menu - END*/

#mobilemenu{
	display:none;
	float:right;
	width:140px;
	margin-top:18px;
}


@media screen and (max-width: 959px) {

#menu{
	display:none;
}

#mobilemenu{
	display:block;	
}

}

@media screen and (max-width: 767px) {
	
#mobilemenu{
	margin-top:8px;
}
	
}