/*--------------------------------------------------------------
Top menu
--------------------------------------------------------------*/


 body.push {
left: 0px;
    overflow-y: hidden;
}

body {
left: 0px;
position: relative;
	   -webkit-transition: all 0.9s  ease-in-out, padding 0s;
    -moz-transition: all 0.9s  ease-in-out, padding 0s;
    -ms-transition:all 0.9s  ease-in-out, padding 0s;
    -o-transition: all 0.9s  ease-in-out, padding 0s;
    transition: all 0.9s  ease-in-out, padding 0s;
}

    .wrap-menu.sidemenu, .mobilmenu-ms {
   max-height: 0px;
             width: 100%;
	  z-index: 450;
    	    overflow: hidden;
    position: fixed;
	top: 0px;
     padding-top: 0px;
    bottom: 0px;
 	   -webkit-transition: all 0.9s  ease-in-out;
    -moz-transition: all 0.9s  ease-in-out;
    -ms-transition:all 0.9s  ease-in-out;
    -o-transition: all 0.9s  ease-in-out;
    transition:all 0.9s  ease-in-out;
    
}

    .wrap-menu.sidemenu, .mobilmenu-ms .inner {
	 	padding-top: 120px;
}


.wrap-menu.sidemenu.open , .mobilmenu-ms.open{
max-height: 2000px;   
overflow: auto;
}


.mobilmenu-ms .ms_menu>li:not(:first-child):before {
 display: none; 
}

.mobilmenu-ms .ms_menu>li:not(:first-child) {
    margin-left: 0px;
}

.wrap-menu.sidemenu .ms_menu li, .mobilmenu-ms .ms_menu li {
    vertical-align: middle;
    display: block;
    min-width: 100%;
	margin: 0px;
	padding: 0px;
    text-align: left;
}

.wrap-menu.sidemenu .ms_menu, .mobilmenu-ms .ms_menu {
    padding:0px 5px;
}


/*
ul.ms_menu.side_menu > .menu-item-has-children > a{
       pointer-events: none;
}

ul.ms_menu.side_menu .menu-item-has-children {
	pointer-events: auto;
display: block;
position: relative;
min-width: 100%;
padding: 10px 0px;
}

ul.ms_menu.side_menu > .sub-menu > li > a {
       pointer-events: auto !important;
}
*/


.mobilmenu-ms .ms_menu li a {
padding: 5px 0px;
    min-width: 100%;
    font-size: 30px;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    border-bottom: solid 1px transparent;
}

	

.mobilmenu-ms .ms_menu li ul {
    position: relative;
    background: transparent;
    margin: 0px 0px;
	opacity: 1 !important;
	    left: 0px;
    padding: 0px 0px 0px;
    transition: max-height 5s ease-in-out 0s, opacity 0s, min-height 5s ease-in-out 0s;
    min-width: auto;
    min-height: 0px;
    max-height: 0px;
    overflow: hidden;
    max-width: 100%;
	min-width: 100%;
	border: none;
	visibility: visible !important;
}


 .mobilmenu-ms .ms_menu li.menu-item-has-children:hover ul {
    min-height: 75px;
    max-height: 1500px;
    transition:  max-height 2s ease-in-out 0s, opacity 0s, min-height 2s ease-in-out 0s;
	    transform: translate(0%,0%);
}

.mobilmenu-ms .ms_menu li ul li {
background: #fff !important; 
}
.mobilmenu-ms .ms_menu li ul li a {
  display: block;
    text-align: left;
    font-size: 20px;
    padding: 15px 0;
    background: #ffffff;
    min-width: 100%;
    border: none;
}

.mobilmenu-ms .ms_menu li ul li a:hover {
  background: transparent !important;
  color: #009CFF;
}

.mobilmenu-ms .ms_menu li ul li:last-of-type a {
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
Hamburger styling
--------------------------------------------------------------*/

.menu-tekst{
    position: absolute;
    bottom: -5px;
    font-size: 60%;
    width: 100%;
}

.menu-toggle{
    cursor: pointer;
    min-width: 40px;
    min-height: 40px;
	    top: 0px;
    position: relative;
}
.hamburger,.cross{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.hamburger span{
    display: block;
    width: 28px;
    height: 2px;
    margin-bottom: 7px;
    overflow: hidden;
    position: relative;
}
.hamburger span:last-child{
	margin:0;
}
.hamburger span:before,.hamburger span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%; 
	background-color:rgb(43, 58, 94);
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
.hamburger span:after{
	transform:translateX(0);
}
.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
	transition-delay:75ms;
}
.hamburger span:last-child:before,.hamburger span:last-child:after{
	transition-delay:150ms;
}
.menu-toggle:hover .hamburger span:before{
	transform:translateX(0);
}
.menu-toggle:hover .hamburger span:after{
	transform:translateX(200%);
}
.menu-toggle.is-active .hamburger span:before{
	transform:translateX(100%);
}
.menu-toggle.is-active .hamburger span:after{
	transform:translateX(200%);
}
.cross span{
	display:block;
	width:28px;
	height:2px;
	background-color:rgb(43, 58, 94);
	transform:translateY(50%) rotate(45deg) scaleX(0);
	transition:transform ease 200ms;
}
.cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(0);
}
.menu-toggle.is-active .cross span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-toggle.is-active .cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}


@media screen and (max-width: 650px) {


  .wrap-menu.sidemenu.open , .mobilmenu-ms.open{
}

  .wrap-menu.sidemenu, .mobilmenu-ms {
      width: 100%;   
	  max-height: 0px;
}

 body.push {
left: 0%;
}

body {
left: 0px;
}


}