.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	z-index: 999;
	text-align: left;
}

.dl-menuwrapper button {
	background-color: #b5202b;
	border: none;
	cursor: pointer;
	outline: none;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 8px 15px;
}
.dl-menuwrapper button#construction {background-color:#ffc425; color:#000;}

.dl-menuwrapper ul {
	padding:0;
	list-style:none;
    background-color: #b5202b;
}
.dl-menuwrapper ul#construction, .dl-menuwrapper ul#construction ~ .dl-submenu {background-color:#ffc425;}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-family: 'montserratbold', sans-serif;
    text-transform: uppercase;
}

.dl-menuwrapper #construction li a, #construction ~ .dl-submenu li a {color:#000;}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.has-dd {position:relative;}
.dd-arrow {width:30px; height:100%; position:absolute; top:0; right:0; text-align:center; z-index:999; line-height:50px; cursor:pointer; color:#fff; font-size:20px;}
.back-arrow {width:30px; height:100%; position:absolute; top:0; left:0; text-align:center; z-index:999; line-height:50px; cursor:pointer; color:#fff; font-size:20px;}

#construction .dd-arrow, #construction .back-arrow {color:#000;}

.mobile-nav {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
    display:none;
}



/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top:40px;
	left: 0;
	margin: 0;
    display:none;
}