/*Strip the ul of padding and list styling*/
.top-dd-menu{ position:relative; display:none}


.menu-dd ul li label{ display:none}
.menu-dd input.toggle-ddmenu{ display:none}


.menu-dd{z-index: 66666;
position: relative;
width: 100%;
margin-top:3px;}
.menu-dd ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	font-size:18px;
	text-align:center;
	
}
.menu-dd #menu{width:100%}
/*Create a horizontal list with spacing*/
.menu-dd  li {
	display:inline-block;
	margin-right: -3px;
	width:17.95%;
}

/*Style for menu links*/
.menu-dd li > a {
	display:block;
	text-align: center;
	font-family: "Dosis",sans-serif;
	color: #fff;
	background: #2f3036;
	text-decoration: none;
	padding:7px 20px;
	box-sizing:border-box;
	font-weight:bold
}
/*.menu-dd li:first-child > a { border-radius:20px 0 0 20px;}
.menu-dd li:last-child > a { border-radius:0 20px 20px 0;}*/
/*Hover state for top level links*/
.menu-dd li:hover a {
	background: #fdb714;
}

/*Style for dropdown links*/
.menu-dd li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	padding:5px 10px;
	font-size:12px;
	border-bottom:#CCC solid 1px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}

/*Hover state for dropdown links*/
.menu-dd li:hover ul a:hover {
	background: #2f3036;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.menu-dd li ul {
	display: none; width:18%;
}

/*Make dropdown links vertical*/
.menu-dd li ul li {
	display: block;
	float: none;
	width:100%;
}

/*Prevent text wrapping*/
.menu-dd li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}
.menu-dd li ul li:first-child > a { border-radius:0px 0 0 0px;}
.menu-dd li ul li:last-child > a { border-radius:0 0px 0px 0;}
/*Display the dropdown on hover*/
.menu-dd ul li:hover ul {display: block;}

/*Style 'show menu' label button and hide it by default*/
.menu-dd .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 6px 0;
	display: none;
	font-size: 18px;
	border:none; width:100%;
}


/*Responsive Styles*/

@media screen and (max-width : 900px){
	/*Make dropdown links appear inline*/
	.menu-dd ul {
		
		/*display: none;*/
	}
	/*Create vertical spacing*/

	/*Make all menu links full width*/
	.menu-dd ul li, li a {
		width: 100%;
		box-sizing:border-box;
	}
	/*Display 'show menu' link*/
	.menu-dd .show-menu {
		display:block;
	}

	.menu-dd {margin-top:-32px;}
	.menu-dd li a { border-bottom:#CCC solid 1px;}
	.menu-dd li:first-child > a { border-radius:0px 0 0 0px;}
.menu-dd li:last-child > a { border-radius:0 0px 0px 0;}
.menu-dd #menu li {
	display:inline-block;
	margin-right: -0px;
}
.menu-dd {
    margin-top: 10px;
}
.menu-dd li ul {
  display: none;
  width: 100%;
}
.menu-dd ul {position: relative;}
.menu-dd ul li{position:relative;}
.menu-dd li a {text-align:left;}

.menu-dd ul li label{padding:7px 30px; display:inline; color:#FFF; background:url(../images/dd-menu-arrow-down.png) no-repeat center #900 ; border-left: 1px solid #000000; top:0px; position:absolute; right:0;}
.menu-dd input.toggle-ddmenu{ display:none}
.menu-dd ul li input.toggle-ddmenu ~ ul {height: 0px; overflow: hidden;}
.menu-dd ul li  input.toggle-ddmenu:checked ~ ul { height: auto; }

}