@font-face
{
 font-family: 'DIN';
 src: url('DIN1451.otf');
}

#divmenu{
width:100%;
height:65px;
border-top:#6fceed solid 4px;
position:fixed;
z-index:9999999;
}

#c_menu{
margin: 14px auto 0px;
overflow:hidden;
border: 0px solid blue;
height: 65px;
background:;
width: 1214pz; 
float:right;
} 

#divmenu{
margin:0px auto;
background: #FFF;
width: 800PX;
}

#menu{
border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;
list-style: none;
height: 65px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;
 font-family: "Roboto", sans-serif;
padding: 0;
text-align: left;
}

#menu li{
float:left;
display:block;
border-bottom:#000 solid 0px;  
}

#menu li a{
display: block;
padding: 21px 15px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #FFF;
background:;
font-size:19px;
font-weight:400;
border-top:0px solid #EDEDED;

}

#menu li:hover {color:#2F2D30; }
#menu li a:hover {color:#2F2D30; border-top:0px solid #E30613; }
#menu li a:hover, #menu .submenu li:hover a{color:#F6D111; }

#menu li a:active {color:#E5CB30;  }

#menu .submenu{
width:200px;
text-align:left;
display:none;
z-index:99999;
position:absolute;
margin:0px;
background:#fff;
color:#fff;
border:0px solid #999;
}


#menu .submenu  li{
 text-align:left;
display:block;
color:#0F215F;
padding: 0px 0px;
margin-left:-40px;
border:0px solid #999;
}

#menu .submenu  li  a{
display:block;
padding: 7px 10px;
border:purple solid 0px;
text-decoration: none;
 text-align:left;
color:#0F215F;
background:#;
font-size:17px;
width:220px;
border-bottom:2px solid #EDEDED;
}

#menu .submenu  li a:hover {
color:#E30613;
}

#menu li:hover > .submenu {
display:block;
}



/***********************************RESPONSIVE*****************************************=**********************/

#menu_responsive {
margin: 0px 0px 0px; 
display: none;
padding:0px;
text-align: center;
width:55px;
 font-family: "Roboto", sans-serif;
font-size: 0.8em;
border:0px solid #fff; margin-top:12px
}  

    
@media screen and (min-width: 850px) and (max-width: 1170px) {
#menu_responsive{display:block; float:right; margin-top:25px ; margin-right:0px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#menu li a .mm1{margin-top:30px}
#c_menu{
    color: #FFF ;
	margin-top:86px;
    min-height:255px;
    overflow:auto;
    position:absolute;
	left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:70%;  
	width: 30%;
	padding:3.5% 0;
	background:#056839;
	border-radius: 20px 0px 0px 20px;
    }
	
#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: center;
	border:0px solid #f60;
	font-family: "Roboto", sans-serif;
	padding: 0;
	width: 100%;
}

#menu li a{
    width: 100%;
	color:#fff ;
    padding:20px 20%;
	font-weight:400;
	font-size: clamp(1rem, 2.5vw + 0.60rem, 1.4rem);
	text-align: right;
}
		
#menu li {
	width: 70%;
	color:  #fff ;
}
    
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:18px 0px;
	border: 1px dashed #333;
	font-size:16px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
color:#3DB44E ;
width:100%;
}

#menu .submenu  li  a:hover{
	background:#EDEDED;
	font-size: 15px; text-align:center;
    color:  #333;
	font-size:16px;
    padding:18px 0px;
	border: 1px dashed #333;
}
   
#menu{ width:100%; height:auto; }

}
 
 
@media screen and (min-width: 480px) and (max-width: 849px) {
#menu_responsive{display:block; float:right; margin-top:25px ; margin-right:0px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#menu li a .mm1{margin-top:30px}
#c_menu{
    color: #FFF ;
	margin-top:86px;
    min-height:255px;
    overflow:auto;
    position:absolute;
	left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:59%;  
	width: 41%;
	padding:3.5% 0;
	background:#056839;
	border-radius: 20px 0px 0px 20px;
    }
	
#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: center;
	border:0px solid #f60;
	font-family: "Roboto", sans-serif;
	padding: 0;
	width: 100%;
}

#menu li a{
    width: 100%;
	color:#fff ;
    padding:20px 20%;
	font-weight:400;
	font-size: clamp(1rem, 2.5vw + 0.60rem, 1.4rem);
	text-align: right;
}
		
#menu li {
	width: 70%;
	color:  #fff ;
}
    
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:18px 0px;
	border: 1px dashed #333;
	font-size:16px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
color:#3DB44E ;
width:100%;
}

#menu .submenu  li  a:hover{
	background:#EDEDED;
	font-size: 15px; text-align:center;
    color:  #333;
	font-size:16px;
    padding:18px 0px;
	border: 1px dashed #333;
}
   
#menu{ width:100%; height:auto; }

}

@media screen and (min-width: 300px) and (max-width: 479px) {
#menu_responsive{display:block; float:right; margin-top:14px ; margin-right:0px; border: 0px solid #f00;}
#divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}

#menu li a .mm1{margin-top:30px}
#c_menu{
    color: #FFF ;
	margin-top:69px;
    min-height:255px;
    overflow:auto;
    position:absolute;
	left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:42%;  
	width: 58%;
	padding:3.5% 0;
	background:#056839;
	border-radius: 20px 0px 0px 20px;
    }
	
#menu{
	list-style: none;
	height: 100%px;
	margin: 0;
	float: left;
	text-align: center;
	border:0px solid #f60;
	font-family: "Roboto", sans-serif;
	padding: 0;
	width: 100%;
}

#menu li a{
    width: 100%;
	color:#fff ;
    padding:15px 20%;
	font-weight:400;
	font-size: clamp(1rem, 2.5vw + 0.60rem, 1.4rem);
	text-align: right;
}
		
#menu li {
	width: 70%;
	color:  #fff ;
}
    
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
	background: #fff;
	color: #fff ;
	margin-top:0px;
	margin-left:-10px
}

#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}

#menu .submenu  li  a{
	background:#fff;
	font-size: 15px; text-align:center;
    color:  #333 ;
    padding:18px 0px;
	border: 1px dashed #333;
	font-size:16px;
	width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{
color:#3DB44E ;
width:100%;
}

#menu .submenu  li  a:hover{
	background:#EDEDED;
	font-size: 15px; text-align:center;
    color:  #333;
	font-size:16px;
    padding:18px 0px;
	border: 1px dashed #333;
}
   
#menu{ width:100%; height:auto; }

}