body {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #fff;
    height: 200vh;
    position: relative;
}

body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

body.offcanvas-menu:before {
    opacity: 1;
    visibility: visible;
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

a, a:hover {
    text-decoration: none !important;
}

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

.dropdown-menu{
	border-top: 2px solid #2b8a3e !important;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	font-size: 0.9rem;
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
}


 .navbar-nav {



     .nav-link {
         color: #666;

         &:hover,
         &:focus {
             color: #2b8a3e !important;
         }

         &.disabled {
             color: #666;
         }
     }


     .dropdown-item {
         color: #666;

         &:hover,
         &:focus {
             color: #2b8a3e !important;
             background-color: transparent;
         }
     }


     .dropdown-toggle::after {
         margin-left: 1em !important;
     }


     .dropdown-menu li {
         position: relative;
     }

     .dropdown-menu .submenu {
         display: none;
         position: absolute;
         left: 100%;
         top: -7px;
     }

     .dropdown-menu > li:hover > .submenu {
         display: block;
         background-color: none !important;
     }

     .dropdown-menu .submenu-left {
         right: 100%;
         left: auto;
     }

     @media only screen and (max-width: 800px) {
         .dropdown-menu .submenu {
             left: 25%;
             top: 0px;
         }

         .dropdown-menu .multi-menu {
             left: 95%;
         }

         .dropdown-menu .submenu-left {
             left: 50%;
         }
     }

 }

 li.nav-item, li.nav-link{
         list-style-image: none;
 }