/* Easy Dropdown CSS Menu */
ul.ddmenu, .headmenu {
	background-color: #ccc; background: linear-gradient(to top, #111 1%, #ccc 2%, #aaa 60%, #777 90%);
}
/* .headmenu {
		background-color: #ccc;
	    background: linear-gradient(to top, #111 1%, #ccc 2%, #aaa 60%, #777 90%);
} */
ul.ddmenu {
  list-style-type: none; margin: 0; padding: 0; overflow: hidden; 
}
.ddmenu li {
  float: left;
}
.ddmenu li a.ddhr, .dropbtn {
  display: inline-block;
  color: white; font-weight:bold; text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition:0.5s;
  text-shadow:1px 1px 2px #000;
  font-size:15px;
}
.ddmenu li a.ddhr:hover, .dropdown:hover .dropbtn {
  background-color: gray;
}
li.dropdown {
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
	box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.4);
	border-radius: 10px;
	padding: 20px;
	padding-top: 0px;
  z-index: 5;
}
.dropdown-content a {
  color: black;
  padding: 9px 20px; /* padding: 12px 16px; */
  text-decoration: none;
  font-size: 12px;
  font-weight:normal;
  display: block;
  text-align: left;
  z-index: 5;
}
.dropdown-content .catmenu { float:left;}
.catmenu h3 {padding: 12px 16px;}
.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {
  display: block;
}