/*mobielmenuknop*/
.mobiel-menu-knop { z-index: 20;cursor: pointer;opacity: 0;visibility: hidden;display:none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; align-items:center; justify-content: flex-end;}
.mobiel-menu-knop i, .mobiel-menu-knop i::before, .mobiel-menu-knop i::after { background:#000; }
.mobiel-menu-knop i::before, .mobiel-menu-knop i::after {content: '';width: 20px;height: 2px;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.mobiel-menu-knop i::after { width:20px; }
.mobiel-menu-knop 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;  }
.mobiel-menu-knop i::before {top: -5px;}
.mobiel-menu-knop:hover i::before {top: -7px;}
.mobiel-menu-knop i::after {bottom: -5px;}
.mobiel-menu-knop:hover i::after {bottom: -7px;}

/*mobiel menu*/
.mobiel-menu { width:100%; max-width:320px; position:fixed; left:calc(0vw - 320px); top:0vh; height:100vh; display:none; overflow: scroll; font-size:16px; font-weight:600;  z-index:21; padding:25px 25px 25px; }
.mobiel-menu li {  position:relative; text-transform:uppercase; font-weight:bold; margin:0px -25px; letter-spacing:2px;  border-bottom:1px solid rgba(255,255,255,0.1);}
.mobiel-menu li:first-child {  border-top:1px solid rgba(255,255,255,0.1);; }
.mobiel-menu li a { padding:10px 25px; display:inline-block; text-decoration:none; width:100%; }
.mobiel-menu .sub-menu { position:relative; display:block; top:inherit; max-height:0px; overflow:hidden; transition: max-height 0.15s ease-out;  width:100%; padding:0px 25px; background:rgba(255,255,255,0.05) }
/*.mobiel-menu li:hover .sub-menu, .mobiel-menu li:active .sub-menu { max-height: 500px; transition: max-height 0.25s ease-in; }*/
.mobiel-menu .sub-menu li .sub-menu {  max-height:0px; }
.mobiel-menu .sub-menu li:hover .sub-menu { max-height: 500px; }
/* .mobiel-menu .menu-item-has-children a:after, .mobiel-menu .sub-menu .menu-item-has-children:after{ content:'\f0d7'; position:absolute;  top:8px; right:30px; font-family: "Font Awesome 5 Free";font-weight: 900; text-decoration: none; }*/
.mobiel-menu .sub-menu a:after { display:none; }
.mobiel-menu .sub-menu .menu-item-has-children { width:120%!important; white-space: normal!important; }

.mb-menu { list-style:none; padding:0px; }
.mb-menu .menu-item-has-children a { padding-right:50px; } 
.mb-menu .menu-item-has-children .sub-span { content:'test'; position:absolute; right:0px; top:0px; border-left: 1px solid rgba(255,255,255,0.2); background-color:rgba(255,255,255,0.05); height: 52px;width: 52px;display: flex;justify-content: center;align-items: center;}
.mb-menu .menu-item-has-children.open .sub-menu { max-height: 500px; transition: max-height 0.25s ease-in; }
.mb-menu .menu-item-has-children.open .sub-menu { background:rgba(0,0,0,0.05) }
.mb-menu .menu-item-has-children.open .sub-span i { transform:rotate(90deg); }
.mb-menu .menu-item-has-children .sub-span i { transition:all 0.2s ease; }
/*.admin-bar .mobiel-menu { top:calc(0vh + 32px); } */

@media screen and (max-width:1024px) {
	.mobiel-menu-knop { display:flex; visibility: visible; opacity: 1; }
	.mobiel-menu { display:block;  }
	.mobiel-menu, .wrapper, header  {transition: all 0.4s ease 0s!important;    }
	.wrapper.open, header.open { transform:translateX(320px);}
}
@media screen and (max-width:768px) {
	/*.admin-bar .mobiel-menu { top:calc(0vh + 46px); } */
}