#top #navigation-toggle:before {
 content: "menu";
 font-size: 12px;
 color: white;
}
#top #navigation-toggle {
 bottom: 10px;
 top: auto !important;
 z-index: 99999 !important;
 padding-top: 0px;
 padding-left: 15px;
 padding-right: 15px;
 border-radius: 5px 40%;
 background-color: rgb(6,77,13, 0.85);
}

#top #navigation-toggle span.nav-line {
background-color: #eeeeee !important;
height: 5px;
width: 36px;
margin-bottom: 6px;
}

/*****************************************************************************************************************************/
 
#menu-wrapper  {
    -webkit-box-shadow: 0px 10px 14px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 14px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 14px -8px rgba(0,0,0,0.75);
}
#menu-wrapper .sub-menu li:first-child a {
    -webkit-box-shadow: inset 0px 10px 14px -8px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 10px 14px -8px rgba(0,0,0,0.75);
box-shadow: inset 0px 10px 14px -8px rgba(0,0,0,0.75);
 }
 
 #top #gruemenu.grue_94 {
    
    background-color: #09a66d;
    z-index:1000;
 }
 
 #gruemenu > ul {
  box-shadow: none !important;
   display: flex !important; 
   justify-content: space-between !important;
   align-content: stretch !important;
 }
 #gruemenu > ul > li {
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left 5px; 
 }
 #gruemenu > ul > li > a {
    padding: 18px 35px 18px 35px !important;
    border-right: 0 !important;
}


#gruemenu.grue_90 ul ul {
    padding-top: 0 !important;
 }

#gruemenu.grue_90 > ul > li.has-sub > a::after {
 right: 1px !important;
}

#sidr-main {
 margin-top: 50px;
}

#sidr-main a.sidr-class-toggle-sidr-close::before {
 border-radius: 2px 40%;
 background-color: #064d0d;
}

#navigation-toggle {
	-webkit-animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	        animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-3-2 15:10:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-br
 * ----------------------------------------
 */
/* ----------------------------------------------
 * Generated by Animista on 2020-3-2 15:12:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}



.sidr {
    width: 100% !important;
    text-align: left;
}
.sidr ul {
 border-top: none !important;
 border-bottom: none !important;
 
}
.sidr,
.sidr ul li a,
.sidr ul li span {
    background: #fcf9f2 none repeat scroll 0 0 !important;
    color: black !important;
    font-size: 18px !important;
    padding: 0 !important;
}
.sidr ul li.sidr-class-current > a,
.sidr ul li.sidr-class-current > span {
    background: #064d0d none repeat scroll 0 0 !important;
    color: white !important;
}
.sidr ul li:hover,
.sidr ul li a:hover,
.sidr ul li span:hover {
    background: #4e8153 none repeat scroll 0 0 !important;
    color: white !important;
    
}

.sidr  ul > li > a  {
 padding-left: 20px !important;
}
.sidr  ul > li > ul > li > a  {
 padding-left: 40px !important;
}

.sidr ul li {
    line-height: 33px !important;
    border-bottom: none !important;
    border-top: none !important;
}
.sidr ul li ul li ul li a, .sidr ul li ul li ul li span {
    padding-left: 60px !important;
}


.sidr ul li ul li ul {
    display: none;
}
.sidr ul li ul li.sidr-class-active ul {
    display: block !important;
}

#gruemenu.grue_90 > ul > li > a, #gruemenu.grue_90 > ul > li > a, #gruemenu.grue_90 > ul > li.active > a {
     -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

#gruemenu.hoofdmenu li.has-sub a {
 padding-right: 40px !important;
 
}