nav trae elementos en base de datos falta mostrarlos bien

css/estilo.css

@@ -1,11 +1,11 @@
 *{
     margin: 0px;
     padding: 0px;
-    font-family: "Roboto", cursive;
     font-size: 18px;
 }
-@import url('https://fonts.googleapis.com/css?family=Roboto');
-
+body{
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+}
 .btn-foo {
     background: #BB8800;
     color: white;
@@ -36,15 +36,6 @@
 
 /*NAVBAR*/
 
-.nav-link-white {
-    color: #fff;
-    transition: all 500ms ease;
-}
-.nav-link-white:hover{
-    text-decoration: none;
-    color: rgba(0,0,0,.5);
-}
-
 .bg-gold{
     background-color: #bb8800;
 }
@@ -67,31 +58,17 @@
 
 }
 
-.navbar-blanco{
-    color: #fff;
-}
-.item-show{
-    color: #fff;
-}
-.item-show:hover{
-    background-color: rgba(0,0,0,.2);
-    color: #fff;
-}
-.custom-toggler.navbar-toggler:focus {
-    outline-color: rgba(0,0,0,0.1);
-}
-.custom-toggler .navbar-toggler-icon {
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,250,250)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
-}
 
 
 
 /*Multinivel Dropdown*/
 
+/*nivel 1*/
 .dropdown-submenu {
     position: relative;
+    background-color: #BB8800;
 }
-
+/*nivel 3*/
 .dropdown-submenu>.dropdown-menu {
     top: 0;
     left: 100%;
@@ -102,8 +79,10 @@
     border-radius: 0 6px 6px 6px;
 }
 
+/*nivel 3*/
 .dropdown-submenu:hover>.dropdown-menu {
     display: block;
+    background-color: #E9AD0C;
 }
 
 .dropdown-submenu>a:after {
@@ -115,7 +94,7 @@
     border-color: transparent;
     border-style: solid;
     border-width: 5px 0 5px 5px;
-    border-left-color: white;
+    /*pestaña para mostrar mas border-left-color:red;*/
     margin-top: 5px;
     margin-right: -10px;
 }
@@ -132,7 +111,27 @@
     border-radius: 6px 0 6px 6px;
 }
 
+.dropdown-menu{
+    background-color: transparent;
+    border: transparent;
+    border: none;
+}
+.dropdown-menu .dropdown-item > li > a:hover {
+    background-image: none;
 
+    background-color: #000!important;
+}
+
+.navbar {
+    background: none;
+}
+.dropdown-content a:hover {
+    background-color: transparent;
+}
+
+.nav.inline-navbar>li{
+    display: inline-block;
+}
 
 /*CARRUSEL*/
 .carousel-inner img {