/*
---------------------------
TOPBAR
---------------------------
*/
  
  #topbar {
	  width: 100%;
	  min-height: 90px;
	  position: relative;
	  top:0;
	  display: block;
	  background: #fff;
	  z-index: 9999 !important;
	  will-change: height, transform;
	  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
	  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
  }
  .is-reveal-open #topbar {
	  z-index: 9999999999 !important;
  }
  
  #topbar.scrolled {
	  background: rgba(255, 255, 255, 1);
	  transform: translateX(0%) translateY(-130px);
  }
  
  #topbar.nav-up {
	transform: translateX(0px) translateY(0px);
  }
  #topbar.scrolled.nav-up {
	  transform: translateX(0px) translateY(-130px);
  }

  #topbar.no-border:after {
	  opacity: 0;
  }
  #topbar.no-cover:after {
	  opacity: 0.08;
  }
  
  #topbar.scrolled:after {
	  opacity: 0.08;
  }
  
	  @media (max-width: 1460px) {
		  #topbar {
			  width: 100%;
		  }
  
	  }
	  @media (max-width: 1040px) {
		  #topbar {
			  width: 100%;
		  }
		  #topbar .grid-container {
			  max-width: 100%;
		  }
	  }
	  @media (max-width: 767px) {
		  #topbar {
			  height: 110px;
		  }
	  }
  
  /* Extra */
  .topbar-extra {
	  width: 100%;
	  height:60px;
	  padding: 0 0px 0 0px;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	  z-index: 9;
	  -webkit-transition: opacity 0.4s;
	  transition: opacity 0.4s;
  }

  .alliade-button {
	  position: absolute;
	  top:0;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 25px;
	  height: 20px;
	  border-radius: 0 0 3px 3px;
	  background: #36C2DD;
	  background-repeat: no-repeat;
	  background-size: 11px auto;
	  background-position: center;
	  background-image: url('../images/icon-alliade-white.svg');
	  z-index: 44;
	  display: none;
  }
  .is-stuck   .alliade-button {
	display: block;
  }
  
  .scrolled .topbar-extra {
  /*
	  visibility: hidden;
	  opacity: 0;
  */
  }
  
  .topbar-extra-content {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  height: 100%;
	  margin-right: 0px
  }
  
  .topbar-extra-content .menu {
	
  
	  display: flex;
	  align-items: center;
	  flex-wrap: nowrap;
	  height: 60px;
  
  }
  .topbar-extra-content .menu.align-left {
	 padding-left: 0px;
	 flex-shrink: 1;
  }
  .topbar-extra-content .menu.align-right {
	padding-right: 5px;
	flex-shrink: 1;
  }
  @media (max-width: 1023px) {
	.topbar-extra-content {
		justify-content: flex-end;
	}
	.topbar-extra-content .menu.align-left {
		/* display: flex;
		visibility: visible; */
		display: none;
	}
	.topbar-extra-content .menu.align-right {
		right: 0px;
	}
  }
  @media (max-width: 767px) {
	  .topbar-extra-content {
		  /* display: none;
		  visibility: hidden; */
		  justify-content: flex-end;
	  }
	  .topbar-extra-content.left {
		  /* display: flex;
		  visibility: visible; */
	  }
	  .topbar-extra-content .menu.align-left {
		  margin-left: 0;
	  }
  }	
  .topbar-extra-content .menu.align-right li {
	  
  }
  .topbar-extra-content .menu.align-right li:last-child {
	  border:0;
  }
  .topbar-extra-content .menu a {
	  /* color: rgba(0, 72, 130, 0.6); */
	  color: #fff;
	  font-size: 13px;
	  height: 40px;
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  flex-wrap: nowrap;
	  white-space: nowrap;
	  padding: 10px 0px;
	  margin-right: 15px;
  }
  
  .topbar-extra-content .menu a i {
	  margin-right: 5px;
  }
  .button.dropdown::after {
  
  }
  
  .topbar-extra-content .menu a:hover {
	  color: #BD57FD;
  }
  .topbar-extra-content .menu a.button {
	  color: #BD57FD;
	  background-color: rgba(0,   33,   100, 0);
	  margin: 0 10px 0 10px;
	  font-weight: 700;
	  font-size: 12px;
	  border:0;
  }
  .topbar-extra-content .menu a.button:before {
	  display: none;
  }
  .topbar-extra-content .menu a.button:hover {
	  color: #BD57FD !important;
  }
  .topbar-extra-content .menu a.button.dropdown::after {
	  border-color: #fff transparent transparent;
  }
  
  .topbar-extra-content .menu a i {
	  position: relative;
	  top:0px;
	  font-size: 11px !important;
	  margin-left: 4px;
	  color: #BD57FD
  }
  .topbar-extra-content .menu a i {
	  -webkit-transition: opacity 0.1s;
	  transition: opacity 0.1;
  }
  
 
  
  .topbar-external {
	  display: flex;
	  align-items: center;
	  flex-wrap: nowrap;
	  white-space: nowrap;

	  height:60px;
	  margin-right: 15px;
  }
  .topbar-external-text {
	  font-size: 16px;
	  color: #fff;
	  font-family: 'Nunito Sans', sans-serif;
	  font-weight: 700
}

.topbar-external a {
	padding: 0 10px;
}
.topbar-external img {
	width: auto;
	height: 28px;
	margin-left: 10px;
}
  
	  @media (max-width: 1280px) {
  
  
	  }
	  @media (max-width: 767px) {
		  .topbar-extra {
			  position: relative;
			  height: 40px;
		  }
		  .topbar-extra-content {
			  margin-right: 0;
		  }
		  .topbar-extra-content .menu {
			  justify-content: space-between;
			  height: 40px;
		  }
  
  
		  .topbar-extra-content .menu a.button {
			  margin-left: 0;
			  margin-right: 0;
			  font-size: 10px;
			  white-space: nowrap;
		  }
		  .topbar-extra-content .menu a {
			  /* color: rgba(0, 72, 130, 0.6); */
			  font-size: 12px;
			  height: 30px;
			  display: flex;
			  align-items: center;
			  padding-left: 5px;
			  padding-right: 5px;
  
		  }
		  .topbar-extra-content .menu a i {
			position: relative;
			top:0px;
		  }

		  .topbar-external {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				white-space: nowrap;
		
				height:40px;
				margin-right: 15px;
			}
			.topbar-external-text {
				font-size: 12px;
				color: #fff;
				font-family: 'Nunito Sans', sans-serif;
			}
			.topbar-external img {
				width: auto;
				height: 20px;
				margin-left: 10px;
			}
  
	  }
  
  
  
  
  
  /* MENU */
  
  .menu-wrap {
	  position: relative;
	  width: 100%;
  
	  height: 90px !important;
	  display: flex;
	  align-items: center;
	  /* justify-content: center; */
	  justify-content: space-between;
  }

 #stickybar .sticky:after {
	position: absolute;
	bottom:-1px;
	left: 0;
	width: 100%;
	height: 1px;
	opacity: 0.1;
	content:'';
	background: #000;
}

.sticky-bg {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 90px;
	border-top: 6px solid #36C2DD
}
  
  /* Logo */
  .logo {
	  display: flex;
	  align-self: flex-start;
	  width: 240px;
	  height: 120px;
	  margin-left: 0px;
	  border-radius: 0 0 20px 20px;
	  z-index: 998 !important;
	  background: #fff;
	  transform: translateY(6px);
	  transform-origin: left;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -ms-transition:all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
  }
  .logo:hover {
	  transform: translateY(6px);
  }
  
  .logo:before {
	position: absolute;
	top: 0px;
	left: 0px;
	right:0;
	bottom: 0px;
	content:'';
	background-repeat: no-repeat;
	background-size: 140px auto;
	background-position: center;
	background-image: url('../images/logo-alliade-new.svg');
  }
  /* .spuittechniek:before {
	background-image: url('../images/logo-tiemersma-st.svg');
  } */
  /* .logo:after {
	position: absolute;
	width: 130px;
	height: 30px;
	right:-5px;
	bottom: 5px;
	content:'';
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('../images/logo-badge.svg');
  } */
  .is-stuck .logo {
	 transform: scale(.8);
  }
  .scrolled.nav-down .logo {
	  visibility: visible;
	  opacity: 1;
  }
  

	  @media (max-width: 1460px) {
		  .logo {
			
		  }
	  }
	  @media (max-width: 1040px) {
		.logo {
			margin-left: 25px;
		}
  
	  }
	  @media (max-width: 767px) {
		  .menu-container {
			  padding-left: 0px;
			  padding-right: 0px;
		  }
		  #stickybar .sticky:after {
			display: none;
			background: #3B2D82;
		}
		
		.sticky-bg {
			position: absolute;
			top: 0px;
			left: 0;
			width: 100%;
			height: 70px;

		}
		.logo {
			width: 180px;
			height: 90px;
			border-radius: 0 0 10px 10px;
		}
		.logo:before {
			background-size: 120px auto;
		}
		
	  }
	  @media (max-width: 400px) {
		.logo {
			margin-left: 15px;
			width: 160px;
			height: 76px;
		}
		.logo:before {
			background-size: 110px auto;
		}
	  }
	  @media (max-width: 374px) {
		.logo {
			width: 140px;
			height: 76px;
		}
	  }
  
  
  .menu-wrap .topnav {
	  /* padding-left: 20px; */
	  justify-content: flex-end;
  }
   .menu-wrap .topnav {
	  flex-flow: nowrap;
	  flex-grow: 1;
	  display: none;
	 	
  }
  .menu-wrap .topnav.actions {
	  display: flex;
	  flex-grow: 0;
	  margin-right: 0px;
  }
  .is-stuck .menu-wrap {
	  /* height: 70px !important; */
  }
  .menu-wrap .topnav {
	  flex-flow: nowrap;
	  flex-grow: 1;
	 	
  }
  .menu-wrap .topnav li {
	  position: relative;
  }
  .menu-wrap .topnav li:before {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.06);
	content: '';
  }
  .menu-wrap .topnav > li > a {
	font-family: 'Nunito Sans', sans-serif;
	  position: relative;
	  display: flex;
	  align-items: center;
	  font-weight: 400;
	  color: #fff;
	  font-size: 17px;
	  padding: 0px 0px;
	  margin: 0 15px;
	  height: 50px;
	  
  
  }
  
  .scrolled .menu-wrap .topnav > li > a {
	  /* height: 70px; */
  }
  
  .menu-wrap .topnav > li > a:before {
	  /* display: none; */
	  position: absolute;
	  bottom: 0;
	  left: 0px;
	  width: calc(100% + 6px);
	  height:3px;
	  transform: translateY(6px);
	  background: #BD57FD;

	  content:'';
	  border-radius: 5px;
	  opacity: 0;
	  -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
	  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
  }
  .menu-wrap .topnav > li > a:hover:before {
	  transform: translateY(-2px);
	  visibility: visible;
	  opacity: 1;
  }
  .topnav > li > a:hover {
	  color: #3B2D82;
  }
  .topnav li.item-breadcrumb a,
  .topnav li.menu-active > a,
  .topnav li a.hover {
	  color: #3B2D82;
  }
  .topnav li.item-breadcrumb a:before,
  .topnav li.menu-active > a:before,
  .topnav li a.hover:before {
	  transform: translateY(-2px);
	  visibility: visible;
	  opacity: 1;
  }
  .dropdown.menu > li.menu-active > a {
	  color: #3B2D82 !important;
  }
  .dropdown.menu > li.is-active > a {
	  color: #3B2D82 !important;
  }
  
  .dropdown.menu>li.is-dropdown-submenu-parent>a {
	  padding-right: 15px;
  }
  .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
	  position: absolute;
	  top: 50%;
	  transform: translate3d(0, -50%, 0);
	  right: 3px;
	  width: auto;
	  height: auto;
	  font-family: 'Font Awesome 5 Pro';
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-font-smoothing: antialiased;
	  display: inline-block;
	  font-style: normal;
	  font-variant: normal;
	  text-rendering: auto;
	  font-weight: 700;
	  font-size: 12px;
	  line-height: 1;
	  content: "\f0d7";
	  opacity: 0.2;
	  border:0;
	  margin-top: 2px;
	  color: #3B2D82
  }
  
  
  /* Actions */

  .menu-wrap .topnav.actions  > li > a {
	  font-size: 14px;
	  font-weight: 500;
  }
  .menu-wrap .topnav.actions  > li > a i {
	  font-size: 20px;
	  /* margin-left: 10px; */
  }
  .menu-wrap .topnav.actions  > li > a.topbar-action {
	  font-weight: 700;
	  padding-left: 20px;
	  padding-right: 20px;
	  margin:0 0 0 15px;
	  height: 44px;
	  font-size: 17px;
	
	  color: #fff
  }
  .menu-wrap .topnav.actions  > li > a.topbar-action:before {
	  display: none;
  }
  
  /* Touch nav */
  .menu-wrap .topnav.actions  > li > a.touchnav-button {
	  /* display: none; */
	  padding-left: 15px;
	  padding-right: 55px !important;
	  border-radius: 5px;
	  font-weight: 700;
	  color: #3B2D82;
	  font-size: 17px;
	  height: 44px;
	  margin:0;
  }
  .menu-wrap .topnav.actions  > li > a.touchnav-button span {
	font-size: 20px;
	display: inline-block;
	color: #BD57FD;
	margin-right: 10px;
  }
   .menu-wrap .topnav.actions  > li > a.touchnav-button {
		display: flex;
	}
	.menu-wrap .topnav > li > a.touchnav-button:before {
		display: none;
	}
	.menu-wrap .topnav.actions  > li > a.touchnav-button i {
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		font-size: 40px;
		backface-visibility: hidden;
	}
	.menu-wrap .topnav.actions  > li > a.touchnav-button i.fa-bars {
		display: block;
	}
	.menu-wrap .topnav.actions  > li > a.touchnav-button.hover i.fa-bars {
		display: none;
		visibility: hidden;
	}
	.menu-wrap .topnav.actions  > li > a.touchnav-button i.fa-times {
		display: none;
		right: 17px;
	}
	.menu-wrap .topnav.actions  > li > a.touchnav-button.hover i.fa-times {
		display: block;
	}

	  @media (max-width: 1460px) {
		  .menu-wrap .topnav > li > a,
		  .menu-wrap .topnav.actions > li > a {
			  /* margin: 0 10px; */
		  }
	  }
	  @media (max-width: 1130px) {
		  .menu-wrap {
			  position: relative;
			  width: 100%;
			  display: flex;
		  
			  justify-content: space-between;
		  }
		  .menu-wrap .topnav.dropdown {
			  display: none;
		  }
		  .menu-wrap .topnav > li > a:before {
			  display: none;
		  }
		  .menu-wrap .topnav.actions {
			  display: flex;
		  }
		  
	  }
	  @media (max-width: 767px) {
		  .menu-wrap {
			  position: relative;
			  width: 100%;
			  max-width: 100%;
			  height: 70px !important;
			  padding-left: 0;
			  padding-right: 0;
		  }
		  .menu-wrap .topnav.actions {
			  align-items: center;
		  }
		  .menu-wrap .topnav > li > a {
			  height: 70px;
		  }
		  .menu-wrap .topnav.actions  > li.menu-action {
			  display: none;
		  }
		  .menu-wrap .topnav.actions  > li > a.topbar-action {
			  font-weight: 700;
			  font-size: 14px;
			  padding-left: 10px;
			  padding-right: 10px !important;
			  margin:0;
		  }
		  .menu-wrap .topnav.actions  > li > a.touchnav-button {
			  margin-right: 15px;
			  margin-left: 0;
		  }
  		  .menu-wrap .topnav.actions  > li > a.touchnav-button i {
			font-size: 30px;
			}
	  }
  
 .topnav ul.submenu {
	margin-left: 0 !important;
 }
  .topnav .is-dropdown-submenu {
	font-family: 'Nunito Sans', sans-serif;
	  min-width: 240px;
	  z-index: 11;
	  padding: 10px 15px;
	  border-radius: 5px;
	  border: 0px solid rgba(0, 0, 0, 0.08);
	  background: #fff;
	  /* border-top: 1px solid rgba(0, 72, 130, 0.09); */
	  /* box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); */
	  box-shadow: 0 10px 55px 5px rgba(0, 72, 130, 0.14);
	  -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
  }
  .topnav.actions .is-dropdown-submenu {
	  min-width: 210px;
  }
  
  .dropdown.menu>li.opens-right>.is-dropdown-submenu {
	  left: 0px;
	 
  }
  .is-dropdown-submenu > li {
	  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .is-dropdown-submenu > li:before {
	display: none;
  }
  .is-dropdown-submenu > li:last-child {
	  border: 0;
  }
  .is-dropdown-submenu > li > a {
	  width: 100%;
	  display: block;
	  color: #3B2D82;
  }
  
  .dropdown .is-dropdown-submenu a {
	  position: relative;
	  padding: .5rem 2.5rem .5rem 0rem;
		font-size: 16px;
		line-height: 1.4;
	  font-weight: 400;
  }
  .dropdown .is-dropdown-submenu a:after {
	  margin-top: 0px;
	  position: absolute;
	  top: 12px;
	  right:5px;
	  transform: translateY(0);
	  font-family: 'Font Awesome 5 Pro';
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-font-smoothing: antialiased;
	  display: inline-block;
	  font-weight: 700;
	  font-style: normal;
	  font-variant: normal;
	  text-rendering: auto;
	  font-size: 12px;
	  content: "\f054";
	  color: #BD57FD;
	  -webkit-transition: all 0.1s ease-in-out;
	  -moz-transition: all 0.1s ease-in-out;
	  -ms-transition: all 0.1s ease-in-out;
	  transition: all 0.1s ease-in-out;
	  /* display: none; */
  }
  
  .is-dropdown-submenu > li > a:hover {
	  color: #BD57FD;
  }
  .dropdown .is-dropdown-submenu a:hover:after {
	  color: #BD57FD;
	  transform: translateX(2px)
  }
  .dropdown .is-dropdown-submenu li.menu-active a:after {
	  color: #BD57FD;
  }
  
  .topnav .is-dropdown-submenu.js-dropdown-active {
	  display: block;
	  visibility: visible;
	  opacity: 1;
  }
  
	  @media (max-width: 1460px) {
		  .topnav .is-dropdown-submenu {
			  min-width: 320px;
		  }
		  /* .dropdown .is-dropdown-submenu a {
			  position: relative;
			  padding: .5rem 2.5rem .5rem 2.125rem;
		  }
		  .dropdown .is-dropdown-submenu a:after {
			  margin-top: 0px;
			  position: absolute;
			  top: 10px;
			  left:20px;
		  } */
	  }
	  @media (max-width: 640px) {
		  .topnav .is-dropdown-submenu {
			  min-width: 180px;
		  }
	  
		  .dropdown .is-dropdown-submenu a {
			  position: relative;
			  padding: .5rem 2.5rem .5rem 20px;
		  }
	  }
  
  /* Default Menu */
  
  
  
  /* Mega Menu */
  
  /*
  .is-dropdown-submenu-parent {
	  position: static;
  }
  .dropdown.menu > li.is-dropdown-submenu-parent > a {
	  padding-right: 0;
  }
  .dropdown.menu > li.is-dropdown-submenu-parent > a:hover {
	  color: #BD57FD;
  }
  .dropdown.menu .menu-active > a {
	  color: #BD57FD;
  }
  .dropdown.menu .menu-active > a:before {
	  height: 5px;
  }
  .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	  display: none;
  }
  */
  
  
  [data-whatinput=mouse] .menu li {
	  list-style: none;
  }
  .mega-dropdown {
  /* 	border-top: 1px solid rgba(0, 14, 41, 0.10); */
	  padding: 0;
	  left: 0 !important;
	  width: 100%;
	  box-shadow: none;
	  border-radius: 10px;
	  z-index: 11;
  
	  -webkit-box-shadow: 0px 22px 54px -28px rgba(0,0,0,0.5);
	  -moz-box-shadow: 0px 22px 54px -28px rgba(0,0,0,0.5);
	  box-shadow: 0px 22px 54px -28px rgba(0,0,0,0.5);
  }
  .mega-dropdown.search {
	  border-radius: 0 0 5px 5px;
	  z-index: 999;
	  top: 0px !important;
  }
  
  .menu-content {
	  border:0;
	  background: transparent;
  }
  /* List items */
  .menu-panel {
	  padding: 0 ;
  }
  .menu-panel-content {
	  padding: 35px 10px 80px 20px;
	  font-size: 14px;
  }
  .menu-panel-content p {
	  font-size: 15px;
	  color: #fff;
  }
  .menu-panel-content-title {
	  margin-bottom: 10px;
	  font-size: 1.76rem;
	  color: #fff;
  }
  .menu-panel-content-title.title-medium {
	  font-size: 1.4rem;
  }
  .menu-panel-title.title-large {
  
  }
  .menu-panel-content .menu-panel-content-button {
	  font-size: 16px !important;
	  font-weight: 700;
	  min-width: 0;
	  /* color: #fff !important; */
	  padding-left: 0 !important;
  }
  .menu-panel-content .menu-panel-content-button i {
	  margin-left:5px;
  }
  .menu-panel-content-image {
	  float: right;
	  width: 33.33%;
	  margin: 10px 0 15px 30px;
	  border-radius: 5px;
	  z-index: 1;
	  transition: all 12s ease-in-out;
	  transform-origin: center;
  }
  .menu-panel-content-image img {
	  border-radius: 5px;
  }
  
  .menu-panel-list {
	  width: 100%;
  }
  .menu-panel-list ul {
	  list-style: none;
	  padding:0;
	  margin:0 60px 0 0;
  }
  .menu-panel-list ul li {
	  padding:0;
  }
  .menu-panel-list ul li a{
	  position: relative;
	  padding: 10px 0;
	  line-height: 1;
	  display: inline-block;
	  font-size: 15px;
  }
  .menu-panel-list ul li a {
	  color: #0A0E21;
	  -webkit-transition: color 0.3s ease-in-out 0s;
		transition: color 0.3s ease-in-out 0s;
  }
  .menu-panel-list ul li a:hover {
	  color: #BD57FD;
  }
  .menu-panel-image {
	  padding: 40px 40px;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center center;
  }
  
  @media (max-width: 1023px) {
	  .side-menu {
		  padding: 36px 0 0px 0px;
		  border:0;
		  background: transparent;
	  }
	  .side-menu .side-menu-title a, .side-menu .side-menu-title a:active {
		  padding-left: 20px;
	  }
	  .side-menu .side-menu-title a:after {
		  content:'\f063'
	  }
  
  
  }
  @media (max-width: 767px) {
	  .side-menu {
		  padding: 0px 0 0px 0px;
		  border:0;
		  background: transparent;
	  }
	  .menu-panel-content-image {
		  display: none;
	  }
  }
  
  
  .touchnav-dropdown {
	  height: 100vh;
	  overflow: hidden;
	  -webkit-overflow-scrolling: touch;
  /* 	border-top: 1px solid rgba(0, 14, 41, 0.10); */
	  padding: 0;
	  left: 0 !important;
	  width: 100%;
	  box-shadow: none;
	  border-radius: 0;
	  z-index: 11;
  
	  -webkit-box-shadow: 0px 22px 54px -28px rgba(0,0,0,0.5);
	  -moz-box-shadow: 0px 22px 54px -28px rgba(0,0,0,0.5);
	  box-shadow: 0px 22px 54px -28px rgba(0,0,0,0.5);
  }
  
  
  /* FAB */
  a.touchnav-fab {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 60px;
	  height: 60px;
	  border-radius: 100px;
	  background: #BD57FD;
	  box-shadow: 0px 0px 30px rgba(0, 14, 41, 0.4);
  
	  display: none;
  }
  a.touchnav-fab i {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  font-size: 22px;
	  backface-visibility: hidden;
	  color: #fff;
  }
  a.touchnav-fab i.fa-bars {
	  display: block;
  }
  a.touchnav-fab.hover i.fa-bars {
	  display: none;
	  visibility: hidden;
  }
  a.touchnav-fab i.fa-times {
	  display: none;
  
  }
  a.touchnav-fab.hover {
	  box-shadow: 0px 0px 30px rgba(0, 14, 41, 0.1);
  }
  a.touchnav-fab.hover i.fa-times {
	  display: block;
  }
  .reveal a.touchnav-fab {
	  z-index: 10;
  }
  
  @media (max-width: 767px) {
	  a.touchnav-fab {
		  display: block;
		  opacity: 0;
		  pointer-events: none;
		  transition: opacity .2s;
	  }
	  a.touchnav-fab.visible {
		  opacity: 1;
		  pointer-events: auto;
	  }
  
  }
  
  
  /* Touch Mobile navigation */
  #touch-navigation {
	  padding-bottom: 20px;
	  width: 400px;
	  height: calc(100vh - 140px);
	  max-height: 540px;
	  overflow: hidden;
	  overflow-y: scroll;
	  -webkit-overflow-scrolling: touch;
	  left: auto !important;
	  right: 0 !important;
	  border-radius: 10px;
	  font-family: 'Open Sans', sans-serif;
	  background: #fff;
	  box-shadow: 0 0 40px rgba(0, 0, 0, 0.295);
  }
  
  /* #touch-navigation.fab-menu {
	  position: fixed;
	  top: 0px !important;
	  left: 0 !important;
  } */
  .menu-item-title {
	padding: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
}
  #touch-navigation .accordion-menu {
	  margin: 0px 0 20px;
	  padding-top: 0px;
  }
  #touch-navigation.visible .accordion-menu {
	  margin-top:20px;
	  padding-top: 0px;
  }
  #touch-navigation .accordion-menu li.menu-title{
	  display: none;
	  font-size: 18px;
	  padding-left: 1.5rem;
	  font-family: 'Nunito Sans', sans-serif;
  }
  #touch-navigation.visible .accordion-menu li.menu-title{
	  display: block
  }
  
  #touch-navigation .accordion-menu li {
	  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  #touch-navigation .accordion-menu li:first-child {
	  border-top: 0px solid rgba(0, 0, 0, 0.04);
  }
  #touch-navigation .accordion-menu a {
	  font-weight: 600;
	  color: #3B2D82;
	  padding: 1rem 1.5rem;
	  font-size: 16px;
	  font-family: 'Nunito Sans', sans-serif;
  }
  #touch-navigation .accordion-menu a:hover {
	color: #BD57FD;
  }
  #touch-navigation .accordion-menu .active-state a {
	  color: #BD57FD;
  }
  
  #touch-navigation .submenu-toggle {
	  top: 10px;
	  right: 20px;
	  width: 30px;
	  height: 30px;
	  border: 0px solid #eee;
	  background-color: rgba(0, 149, 219, 0.1);
	  border-radius: 3px;
  }
  #touch-navigation .submenu-toggle::after {
	  display: block;
	  width: 0;
	  height: 0;
	  border: inset 5px;
	  content: '';
	  border-bottom-width: 0;
	  border-top-style: solid;
	  border-color: #BD57FD transparent transparent;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  opacity: 0.6;
  }
  
  /* Tweede niveau */
  
  #touch-navigation .accordion-menu .nested.is-accordion-submenu {
	  margin-left: 1.5rem;
  }
  #touch-navigation .accordion-menu .is-accordion-submenu {
	  margin-bottom: 20px;
  }
  #touch-navigation .accordion-menu .is-accordion-submenu .is-submenu-item  {
	  border: 0 !important;
  }
  #touch-navigation .accordion-menu .is-accordion-submenu a {
	  font-weight: 400;
	  color: #3B2D82;
	  position: relative;
	  font-size: 15px;
	  border-bottom: 0;
	  padding: 0.6rem 1rem;
  }
  #touch-navigation .accordion-menu .is-accordion-submenu .menu-active a {
	  color: #BD57FD;
  }
  
  #touch-navigation .accordion-menu .is-accordion-submenu a:before {
	  position: absolute;
	  left: 0px;
	  top:12px;
	  font-family: 'Font Awesome 5 Pro';
	  -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-weight: 700;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	   content: '\f054';
	  font-size:12px;
	  margin-right: 0px;
	  color: #BD57FD;
  
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
  
	   opacity: 1;
  }
  #touch-navigation .accordion-menu .is-accordion-submenu .menu-active a:before {
	  color: #BD57FD;
	  opacity: 1;
  }
  
  #touch-navigation .extra-menu a {
	  font-weight: 400;
	  color: #3B2D82;
	  font-size: 16px;
	  padding-left: 1.5rem;
  }
  #touch-navigation .extra-menu a i {
	  color: #BD57FD;
	  margin-right: 10px;
	  font-size: 18px;
  }
  #touch-navigation .vertical.menu {
  
  }
	  @media (max-width: 870px) {
		  #touch-navigation {
			  
			  padding-bottom: 20px;
			  width: 100%;
			  left: auto !important;
			  right: 0 !important;
			  
			  border: 0;
		  }
		  #touch-navigation .accordion-menu {
			  margin: 20px 0 20px;
		  
		  }
	  }
	  @media (max-width: 767px) {
		  #touch-navigation {
			  border-radius: 0 0 10px 10px;
		  }
		  #touch-navigation .accordion-menu {
			  margin: 20px 0 20px;
		  
		  }
		  
	  }