/* CSS Document */

#menu {
position:absolute;
top:70px;
right:20px;
z-index:5;
margin-top:12%;
}

#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:right;
color:#FFFFFF !important;
}

#menu ul li a {
display:inline-block;
line-height:53px;
color:#FFFFFF;
font-size:26px;
text-transform:uppercase;
background-color:#8F9190;
padding:0 17px;
min-width: 240px;
margin-bottom:1px;
text-decoration:none;
}

#menu ul li a:hover {
background-color:#EA1D9B;
}

#menu ul ul{
display:none;
max-width:none;
}

#menu ul ul li a {
background-color:#CCCCCC;
padding-right:120px;
display:block;
}

#menu ul li.has-sub > a::before {
display:inline-block;
font-family: FontAwesome;
content:"\f0da";
position:absolute;
margin-left:-22px;
}

#menu ul li.has-sub.active > a::before {
content:"\f0d7";
}

@media screen and (min-width: 1024px) {

#menu {
display: block !important;
}

} /* end mediaquery */

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

#headerwrapper {
height:auto;
}

#header {
padding:0;
}

#logo {
padding-left:20px;
}

#social {
padding-right:20px;
}

#menu ul {
text-align: left;
}

#menu {
position:relative;
clear:both;
top: inherit;
right: inherit;
z-index:1;
margin-top:0;
padding-top:130px;
display:none;
}

#menu ul li a {
display:inline-block;
width: 100%;
}

#menu ul ul li a {
padding-right:17px;
padding-left:47px;
}

#menu ul li.has-sub > a::before {
display:inline-block;
margin-left:0;
right:17px;

}

} /* end mediaquery */