custom_navbar.css

body,html{
  overflow-x: hidden;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}


.dropdown-submenu>a:after {
  content: "\f0da";
  float: right;
  border: none;
  font-family: 'FontAwesome';
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.navbar-light {
    background-color: rgba(0,0,0,0.01);
    border-color: rgba(0,0,0,0.0);
    transition: .5s all;
    transition-delay: .5s;
}
.navbar-light:hover {
/*    background-color: rgba(96, 119, 187,0.7);*/
    border-color: rgba(0,0,0,0.5);
    transition-delay: 0s;
}
.navbar-brand{
    margin: 0px 30px 0pc 10px;
}
.navbar-light .navbar-nav .nav-link {
    color: black;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 0 30px;
    /* border: 2px solid red; */
/*    margin: 10px 0px;*/
}
.navbar-light .navbar-nav .nav-link:hover {
    position: relative;
    color: black;
    border-bottom: 2px solid #6077bb;
    transition: border-bottom 0.3s;
}
.navbar.scrolled {
    background: rgba(70,83,94,0.1);
    transition: background 500ms;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
p,h1,h2,h3,h4,h5,h6{
    cursor: default;
}