:root {
    --main-color: #7cd;
    --main-color-dark: #5aa8b8;
    --main-color-darker: #4a98a8;
}

@font-face {
    font-family: "myfont";
    src: url("fonts/DINPro.woff") format('woff');
}
 
 @font-face {
    font-family: "myfontbold";
    src: url("fonts/DINPro-Bold.woff") format('woff');
}
 @font-face {
    font-family: "myfontmedium";
    src: url("fonts/DINPro-Medium.woff") format('woff');
}
 

.drop_menu { 
	padding:0;
	margin:0;
	
	list-style-type:none;
	-webkit-transform: translate(0,0);	
	transform: translate(0,0);	 
	vertical-align:middle;
	opacity:0.99;
	z-index:2;	
}
.drop_menu li { float:left }
.drop_menu li a {
	padding:0px  ;
	display:block;
	color:#fff;
	font-family: myfontmedium;
	font-size:17px; 
	text-transform:uppercase;
	
	height:40px;
	vertical-align:middle;
	line-height:40px;
	
	text-decoration:none; 
	font-width:200%;
	padding-left:15px;
	padding-right:15px;
}
.drop_menu li a:hover {
	background:var(--main-color);
	color:#fff;
	
}
/* Submenu */
.drop_menu ul {
	
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative;  }
.drop_menu li:hover ul {
	left:0px;
	top:39px;  
	
	padding:0px;  
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .25);
}
.drop_menu li:hover ul  li {
	
	padding:0px;
	width:100%;
	margin:0px;
}
.drop_menu li:hover ul li a { 
	font-family: "myfont";
	height:30px;
	line-height:30px;
	 
	background-color:var(--main-color-dark);
	border-radius:0px;
	margin:0px;
	padding:3px;
	padding-left:20px;
	padding-right:20px;
	color:white;
}
.drop_menu li:hover ul li a:hover {
	 background:#fff; 
	 
	 color:var(--main-color-dark);
	 }