div.top_menu {
 z-index: 3;
 position: absolute;
 top: 0px;
 left: 12.5%;
 width: 75%;
}

div.top_menu ul {
 margin: 0;
}

div.top_menu > ul {
 text-align: center;
 background: rgb(40,40,40);
 background: rgba(0,0,0,0.4);
 background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.55) 25%, rgba(0,0,0,0.55) 75%, rgba(0,0,0,0.0) 100%);
 width: 100%;
 opacity: 1.0;
 transition: all 0.4s ease-in-out;
}

div.top_menu ul.force_show, div.top_menu ul:hover {
 opacity: 1;
}

div.top_menu ul li {
 display: inline-block;
 cursor: pointer;
 position: relative;
 font-family: "Roboto", "Arial";
 font-weight: bold;
 color: rgba(255,255,255,0.6);
/* text-shadow: 1px 1px 1px rgba(255,255,255,0.4); */
 font-size:25px;
 text-decoration: none;
 padding: 10px;
}
/*
div.top_menu ul li a {
 padding: 10px;
 font-family: "Roboto", "Arial";
 font-weight: bold;
 color: rgba(255,255,255,0.6);
 text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
 font-size:25px;
 text-decoration: none;
 display: block;
}
*/

div.top_menu ul li.force_show, div.top_menu ul li:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.6);
 background: rgba(0,0,0,0.3);
 color: #fff;
}

div.top_menu ul li ul {
 padding: 0px;
 position: absolute;
 top: 48px;
 left: 0px;
 width: 200px;
 display: none;
 opacity: 0;
 transition: all 0.4s ease-in-out;
 background: rgb(40,40,40);
 background: rgba(0,0,0,0.4);
}

div.top_menu ul li ul li {
 display: block;
 color: rgba(255,255,255,0.8);
}

div.top_menu ul li ul li.force_show, div.top_menu ul li ul li:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.6);
 background: rgba(0,0,0,0.4);
 color: #fff;
}

div.top_menu ul > li.force_show > ul, div.top_menu ul > li:hover > ul {
 display: block;
 opacity: 1;
}

div.top_menu ul li ul li ul {
 padding: 0px;
 position: absolute;
 top: 0px;
 left: 200px;
 width: 180px;
 display: none;
 opacity: 0;
 transition: all 0.4s ease-in-out;
 background: rgb(40,40,40);
 background: rgba(0,0,0,0.4);
}

div.top_menu ul li ul li ul li {
 display: block;
 color: rgba(255,255,255,0.8);
}

div.top_menu ul li ul li ul li.force_show, div.top_menu ul li ul li ul li:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.6);
 background: rgba(0,0,0,0.4);
 color: #fff;
}

div.top_menu ul li ul li.force_show ul, div.top_menu ul li ul li:hover ul {
 display: block;
 opacity: 1;
}

div.top_menu a {
 color: inherit;
 text-decoration: none;
}
