body{
background: #ffffff;
font-size: 13px;
}
#menu, #menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu {
width: 350px;
margin: 50px 30px;
background-color: #d3d3d3cb;
border-radius: 6px;
}

#menu:before,
#menu::after {
content: '';
display: table;

}
#menu::after {

    clear: both;
}
#menu li{
    float: left;
   /* box-shadow: 1px 0 0 #444;*/
    position: relative;
}

#menu a {
float: right;
padding: 12px 20px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: rgba(22, 22, 22, 0.925);

}

#menu li:hover > a {
color: #022e3f;
background-color: #d3d3d3cb;

}

#menu ul {
margin: 20px 0 0 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 46px;
left: 350px;
z-index: 1;
background: #d3d3d3cb;
border-radius: 3px;
transition: all 1s ease-in-out;
float: right;

}

#menu li:hover > ul {
    margin: 50px 380px ;
    opacity: 1;
    visibility: visible;
    margin: 0;
    
}

#menu ul ul {
    top: 0;
    left: 350px;
    margin: 0 0 0 20px;
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
   /* box-shadow: 0 2px 0 #111, 0 2px 0 #666;*/
    }

 #menu ul li:last-child  {
box-shadow:none;

 }

 #menu ul a {

    padding: 10px;
    width: 350px;
    display: block;
    white-space: none;
    text-transform: uppercase;
 }

 #menu ul a:hover {
background-color: #444;
color: aliceblue;

 }

 #menu ul li:first-child > a {
border-radius: 3px 3px 0 0; 

 }