.vdsmenu .menu ul, .vdsmenu .menu  li, .mobiel-menu ul { list-style: none; padding:0px; margin:0px; }
.vdsmenu .menu  ul, .vdsmenu { display:flex;  }
.vdsmenu .menu  ul { margin:0px -15px;}
.vdsmenu .menu  li { padding:15px;  position:relative;}
.vdsmenu.align-left {}
.vdsmenu.align-center { justify-content: center; }
.vdsmenu.align-right{ justify-content: flex-end; }
.vdsmenu a, .vdsmenu a:hover, .vdsmenu li:hover a { text-decoration: none; color:currentColor;}
.vdsmenu .menu li a { position:relative; }
.vdsmenu .menu li a:after { content:''; position:absolute; left:0px; bottom:-10px; width:0px; height:2px; background: var( --e-global-color-primary ); transition:width 0.4s ease;}
.vdsmenu .menu li:hover a:after { width:100%;  }

.vdsmenu .menu .sub-menu { position:absolute; bottom:12px; transform:translatey(130%); left:30px; background: var( --e-global-color-primary ); padding:15px; min-width:200px; visibility: hidden; opacity:0; transition:all 0.4s ease; display:block;}
.vdsmenu .menu .sub-menu li { padding:0px; white-space: nowrap; margin-bottom:5px;}
.vdsmenu .menu .sub-menu li:last-child { margin-bottom:0px; }
.vdsmenu .menu .sub-menu li a:after { display:none; }
.vdsmenu .menu li:hover .sub-menu {visibility: visible; opacity:1; transform:translatey(100%); transition:all 0.4s ease;}

.wer-toggle-mobielmenu { z-index: 20;cursor: pointer;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; align-items:center; justify-content: flex-end;}
.wer-toggle-mobielmenu i, .wer-toggle-mobielmenu i::before, .wer-toggle-mobielmenu i::after { background:#000; }
.wer-toggle-mobielmenu i::before, .wer-toggle-mobielmenu i::after {content: '';width: 20px;height: 2px;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.wer-toggle-mobielmenu i::after { width:20px; }
.wer-toggle-mobielmenu i { position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;width: 20px;height: 2px;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;  }
.wer-toggle-mobielmenu i::before {top: calc(0px - 250%);}
.wer-toggle-mobielmenu:hover i::before {transform:translatey(-100%);}
.wer-toggle-mobielmenu i::after {bottom: calc(0px - 250%);}
.wer-toggle-mobielmenu:hover i::after {transform:translatey(100%);}

.wer-toggle-mobielmenu.open i { background:transparent!important; }
.wer-toggle-mobielmenu.open i:before { transform:rotate(45deg)translatey(0px); top:0px!important; }
.wer-toggle-mobielmenu.open i:after { transform:rotate(-45deg)translatey(0px); top:0px!important;}