/*
---------------------------
TOPBAR
---------------------------
*/

#topbar {
	width: 100%;
	height: 140px;
	position: relative;
	top:0;
	display: block;
	z-index: 9999 !important;
	-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 .grid-container {
	/* height: 100%; */
}
#topbar .sticky {	
	z-index: 1;
	-webkit-transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
	transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
}
.no-cover #topbar {
	border-bottom: 1px solid rgba(var(--color-dark-rgb), 0.1);
}
.no-cover .offcanvas-open #topbar {
	border-bottom: 1px solid rgba(var(--color-dark-rgb), 0);
}

#topbar .sticky:hover {

}

#topbar .sticky.is-stuck {
	z-index: 999;
}
/* .no-cover #topbar .sticky.is-stuck { 
	background: rgba(var(--color-white-rgb), 0.94);
} */
#topbar .sticky.is-stuck:after {
	opacity: 1;
}
#topbar.no-border:after {
	opacity: 0;
}

.no-cover #topbar .sticky.is-stuck:after {
	/* opacity: 0.07; */
}
#topbar.scrolled:after {
	opacity: 0.08;
}

	@media (max-width: 1500px) {
		#topbar {
			width: 100%;
		}

	}
	@media (max-width: 1040px) {
		#topbar {
			width: 100%;
			height: 100px;
		}
		#topbar .grid-container {
			max-width: 100%;
		}
		#topbar .sticky {
			background-repeat: no-repeat;
			background-position: -30px top;
			background-size: cover;
		}
	}
	@media (max-width: 767px) {
		#topbar {
			height: 100px;
		}

		#topbar .sticky.is-stuck {
			z-index: 999;
		}
	}
	@media (max-width: 400px) {
		#topbar {
			height: 70px;
		}
	}

/* Extra */
.topbar-extra {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0 0px 0 0px;
	z-index: 5;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.topbar-extra-bg {
	position: absolute;
	top:0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 0 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	z-index: -1;
}

.topbar-extra-content {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	padding: 0 0px;
	margin-right: 0px
}
.topbar-extra-content .menu {
  	/* width: 100%; */
	display: flex;
	align-items: center;
	height: 40px;
	
}
.topbar-extra-content .menu.align-left {
	margin-left: 0px;
	margin-right: 20px;
}
.topbar-extra-content .menu.align-right {
	right: 0px;
	margin-right: 0px;
}
.topbar-extra-content .menu.align-right.usp {
	right: 0px;
	padding-left: 0; 
	margin-right: 35px;
}
@media (max-width: 1500px) {
	.topbar-extra-bg {
		background-position: 24vw bottom;
		background-size: 80% auto;
		z-index: -1;
	}
}
@media (max-width: 1280px) {
	.topbar-extra-content {
		justify-content: flex-end;
	}
	.topbar-extra-content .menu.align-right {
		justify-content: flex-end;
	}
	.topbar-extra-content .menu.align-right.usp {
		display: flex;	
	}
	.topbar-extra-bg {
		background-position: 18vw bottom;
		background-size: 100% auto;
		z-index: -1;
	}
}
@media (max-width: 1240px) {
	.topbar-extra-bg {
			background-position: 5vw bottom;
			background-size: 100% auto;
			z-index: -1;
		}
}
@media (max-width: 1023px) {

	.topbar-extra .grid-container {
		
	}
	.topbar-extra-content {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.topbar-extra-content .menu.align-left {

	}
	.topbar-extra-content .menu.align-right {

		justify-content: flex-end;
	
	}
	.topbar-extra-content .menu.align-right.usp {
		padding: 0;
		margin-right: 20px;
	}
	
	
}
@media (max-width: 767px) {
	.topbar-extra {
		height: 10px;
	}
	.topbar-extra-bg {
		background-position: 5vw bottom;
		background-size: auto 100%;
		z-index: -1;
	}
	.topbar-extra .grid-container {
		border-bottom: 0px solid #eaeef2;
	}
	
	.topbar-extra-content .menu {
		height: 10px;
	}
	.topbar-extra-content .menu.align-right.usp {
	display: none;
	}

	.topbar-extra.bg-dark {
		background: transparent !important;
	}
	.topbar-extra-content {
		display: flex;
		align-items: center;
		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:last-child {
	border:0;
}
/* .topbar-extra-content .menu li {
	border-right: 1px solid #fff;
}
.topbar-extra-content .menu li:last-child {
	border:0;
} */
.topbar-extra-content .menu div,
.topbar-extra-content .menu a {
	color: var(--color-dark);
	font-size: 14px;
	font-weight: 400;

	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 15px;
}
.topbar-extra-content .menu.usp {
	position: relative;
	z-index: 5;
}
.topbar-extra-content .menu.usp a {
font-size: 12px;
}
.dark .topbar-extra-content .menu a {
	color: rgba(255, 255, 255, 0.9);
}
.topbar-extra-content .menu.usp div {
	font-weight: 400;
}
.topbar-extra-content .menu span {
	/* display: none; */
}
.topbar-extra-content .menu a:hover {
	color: var(--color-primary);
	
}
.dark .topbar-extra-content .menu div,
.dark .topbar-extra-content .menu a  {
	color: rgba(255, 255, 255, 1);
}
.dark .topbar-extra-content .menu a:hover {
	color: #fff;
}
.topbar-extra-content .menu a .active {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 10px;
	background-color: var(--color-secondary);
}
.topbar-extra-content .menu div i,
.topbar-extra-content .menu a i {
	position: relative;
	top: 0px;
	margin-right: 5px;
	color: var(--color-color5);
	font-size: 13px;
}
.topbar-extra-content .menu a:hover i {
	color: var(--color-secondary);
}
.dark .topbar-extra-content .menu div i,
.dark .topbar-extra-content .menu a i {
	margin-right: 5px;
	color: var(--color-primary);
}
.dark .topbar-extra-content .menu.usp div i,
.dark .topbar-extra-content .menu.usp a i {
	margin-right: 5px;
	color: var(--color-color5);
}
.topbar-extra-content .menu a.button {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0);
	margin: 0 10px 0 10px;
	font-weight: 400;
	font-size: 14px;
	border:0;
}
.topbar-extra-content .menu a.button:before {
	display: none;
}
.topbar-extra-content .menu a.button:hover {
	color: var(--color-success) !important;
}
.topbar-extra-content .menu a.button.dropdown::after {
	border-color: var(--color-dark) transparent transparent;
}

.stars-wrapper {

	display: flex;
	z-index: 98;
	margin-right: 20px;
}

.topbar-stars {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	color: var(--color-primary);
	font-size: 13px;
	margin: 0 0 0px;
}
.topbar-stars span {
	position: relative;
	top:0px;
	font-weight: 700;
	margin-left: 5px;
	display: block;
	color: var(--color-white)
}
.no-cover .topbar-stars span {
	color: var(--color-white);
}
.topbar-stars i {
	margin-right: 0 !important;
}


.change-language {
	font-weight: 600;
}
.language-button {
	width: 60px;
	height: 60px;
	margin-right: 0px;
	border-radius: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
}
/* 
.language-button.nl {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAvCAYAAABe1bwWAAAAAXNSR0IArs4c6QAAAZ5JREFUaAXt271KA1EQBeCZSwhK0EbRynLfQRtLfwo7QyohIiQ+gfoIdoKVQRALG00nBI2lNnkHC8EuYLrEgILjbEgg7nJewHtuk90z29wvhwQSrsrU6pXrWyo/dRNbFdFlH+nU+D9emoh1VbRjEhoLzcbjZJOjjb9VqzPzg+K1P1SZDOJ81dtPKe2vNM+GhRRgrl+8FI0dJZWwyqwNvv1iT3u7tQ1Haacx11jAdDP4p0idIBkBtcPg9VnPxLwVW3MYWaREVkCXUhiuvEAgTB5llBCGMEAAxGwMYYAAiNkYwgABELMxAEYHwy//TYIrK8DGZEXG94QhDBAAMRtDGCAAYjaGMEAAxGwMYYAAiNkYwgABELMxhAECIGZjAEyhfP4ORnHHbAx4/wlDGCAAYjaGMEAAxGwMYYAAiNkYwgABEKeN+QCzaGP/B7IXzOQlWgG0cZPnIMEu0DzWPIg1wsNR8iSqN7Ei5PbtFq2TpD36VioVijV/4C73UHSBNscWf0+XbJ++7mjQAzHx0yeSnj6JYXVdoaNmV63j5H6y4V8Q6UlLHgzLPAAAAABJRU5ErkJggg==');
}
.language-button.uk {
	background-image: url('data:image/png;base64,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');
}
.language-button.de {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAvCAYAAABe1bwWAAAAAXNSR0IArs4c6QAAAZ5JREFUaAXt279KA0EQBvDdTYp4ZyOIvoo2Ek6Mf8BOSSVEBPWRDIJY2JjrLMRTNKCFvoqglSYphFtnTweWCfMCuW8hmd1v0+wvk61y1kRjfWd/i5YnxvgVqsv0stH2LE49HeqdjvlGtf94m9/xIauDt9u9ViP5uqQPdHmjntVfj1N3+Jrnk2YAaCTf50AJErabjPwPTQ5str3XsdYUIcb4E/DebDq6RehOwYgF6H45dfS2FoeYk4A1q47KIjCmBJYCDMa0gAPMNEqVAAYwioASo2MAowgoMToGMIqAEqNjFJjmIF1Qtuodo2OU7x8wgFEElBgdAxhFQInRMYBRBJQYHQMYRUCJ0TGAUQSUGB0DGEVAidExgFEElNiOH7LwHxEMIYCfkgDhJWBYQlTACBBeAoYlRAWMAOElYFhCVMAIEF4ChiVEDTAfIsPSmM/wr80XSAgBa56dK82ZiGu/LL3vu1bn6Z665qr2GgxAFvMbw6K6fOeSyTHlA96rbbUm/7egXonGqMh2rbNH0dMn0e7MTqunT7wvL9LO8IZP+Qu9kT3vV8z9KwAAAABJRU5ErkJggg==');
} */
@media (max-width: 1280px) {
	.topbar-extra-content .menu div,
	.topbar-extra-content .menu a {
		font-size: 14px;
	}
}
@media (max-width: 1023px) {
	.topbar-extra-content .menu div, .topbar-extra-content .menu a {
		padding-left: 5px;
		padding-right: 5px;
	}
}
	@media (max-width: 767px) {
		.topbar-extra {
			position: relative;
			z-index:999;
		}
		.topbar-extra-content {

			margin-right: 0;
		}
		.topbar-extra-content .menu {
		
			justify-content: space-between;
		}
		.topbar-extra-content .menu a.button {
			margin-left: 0;
			margin-right: 0;
			font-size: 10px;
			white-space: nowrap;
		}
		.topbar-extra-content .menu div,
		.topbar-extra-content .menu a {
			height: 40px;
		}
		.topbar-extra-content .menu a {
			font-size: 11px;
			height: 40px;
			display: flex;
			align-items: center;
			padding: 0;
			padding-left: 10px;
			padding-right: 10px;
		}
		.topbar-extra-content .menu div i,
		.topbar-extra-content .menu a i {
			margin-right: 5px;
			color: var(--color-dark);
			font-size: 18px;
		}
		.topbar-extra-content .menu span {
			/* display: none; */
		}
	}
	@media (max-width: 374px) {
		.topbar-extra {
			height: 20px;
		}
		.topbar-extra-content .menu a.extra-phone {
			left: 160px;
			right: auto;
		}
	}
#stickybar {
	z-index: 5;
}

/* Logo */
.logo-wrap {
	position: relative;
	width: 100%;
	height: 120px !important;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 8;
}

.logo {
	position: absolute;
	top: -15px;
	left:0;
	display: flex;
	width: 280px;
	height: 100px;
	margin-left: 0px;
	z-index: 99 !important;
	transform-origin: left;
	transform: translateX(0px) translateY(0px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.logo:before,
.logo:after {
	position: absolute;
	top: 0px; left: 0; right: 0; bottom: 0;
	transform: translateX(0) translateY(0px);
	content: '';
}
.logo svg {
	fill: var(--color-white);
}
.no-cover .logo svg {
	fill: var(--color-dark);
}

.logo-text {
	position: absolute;
	top: 60%; 
	left: 130%;
	transform: translateX(0) translateY(-50%);
	white-space: nowrap;
	display: flex;
	align-items: center;
	line-height: 1;
	color: var(--color-white);
	font-size: 22px;
}
.no-cover .logo-text {
	color: var(--color-dark);
}
.logo-text span {
	position: relative;
	padding: 10px 15px 10px 10px;
}
.logo-text span:nth-of-type(2) {
	padding: 10px 15px 10px 15px;
}
.logo-text span:nth-of-type(2):before {
	content: '';
	position: absolute;
	top: 3px; left: 0; right: 0; bottom: 0;
	border-radius: 100px;
	border: 1px solid var(--color-primary);
	opacity: 1;
}

#topbar .sticky.is-stuck .logo {
	transform: translateX(0px) translateY(0px);
	opacity: 0;
	visibility: hidden;
}

/* Logo icon */
.logo-icon {
	position: absolute;
	top:0px;
	left:0;
	display: flex;
	width: 100px;
	height: 100px;
	margin-left: 0px;
	z-index: 9998 !important;
	transform: translateX(0px) translateY(0px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	
}
.logo-icon:before,
.logo-icon:after {
	position: absolute;
	top: 0px; left: 0; right: 0; bottom: 0;
	transform: translateX(0) translateY(0px);
	content: '';
}
.logo-icon:after {
	top: 20px;
	bottom: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAzLjgxIDE0MS43MiI+IDxnIGlkPSJMYWFnXzEtMiIgZGF0YS1uYW1lPSJMYWFnIDEtMiI+IDxnPiA8Zz4gPHBhdGggZD0iTTk0LjIxLDg1LjY4bC0xMi42NC0xMi42NC04LjUxLDguNTEsMTIuNjQsMTIuNjRjMy45MywzLjkzLDYuMDksOS4xNSw2LjA5LDE0Ljcxcy0yLjE3LDEwLjc4LTYuMDksMTQuNzFjLTguMTEsOC4xMS0yMS4zMSw4LjExLTI5LjQyLDBsLTEyLjY0LTEyLjY0LTguNTEsOC41MSwxMi42NCwxMi42NGM2LjQsNi40LDE0LjgxLDkuNiwyMy4yMiw5LjZzMTYuODItMy4yLDIzLjIyLTkuNmMxMi44LTEyLjgsMTIuOC0zMy42NCwwLTQ2LjQ0IiBzdHlsZT0iZmlsbDogI2U3NDAxMTsiLz4gPHBhdGggZD0iTTMwLjc3LDYwLjE3bC0xMi42NC0xMi42NGMtMy45My0zLjkzLTYuMDktOS4xNS02LjA5LTE0LjcxczIuMTYtMTAuNzgsNi4wOS0xNC43MWM4LjExLTguMTEsMjEuMzEtOC4xMSwyOS40MiwwbDEyLjY0LDEyLjY0LDguNTEtOC41MS0xMi42NC0xMi42NEM0My4yNi0zLjIsMjIuNDItMy4yLDkuNjIsOS42LDMuNDIsMTUuOCwwLDI0LjA1LDAsMzIuODJzMy40MiwxNy4wMiw5LjYyLDIzLjIybDEyLjY0LDEyLjY0LDguNTEtOC41MWgwWiIgc3R5bGU9ImZpbGw6ICNlNzQwMTE7Ii8+IDwvZz4gPHBvbHlnb24gcG9pbnRzPSIzNy4zNSAyOC44MiAyOC44NCAzNy4zMiA1OS4wOSA2Ny41OCA4OS4zNCAzNy4zMiA4MC44MyAyOC44MiA1OS4wOSA1MC41NiAzNy4zNSAyOC44MiIgc3R5bGU9ImZpbGw6ICNlNzQwMTE7Ii8+IDxwb2x5Z29uIHBvaW50cz0iNjYuNDggMTEyLjkgNzQuOTkgMTA0LjM5IDQ0Ljc0IDc0LjE0IDE0LjQ4IDEwNC4zOSAyMi45OSAxMTIuOSA0NC43NCA5MS4xNiA2Ni40OCAxMTIuOSIgc3R5bGU9ImZpbGw6ICNlNzQwMTE7Ii8+IDwvZz4gPC9nPiA8L3N2Zz4=");
}
#topbar .sticky.is-stuck .logo-icon {
	opacity: 1;
	transform: translateX(0px) translateY(0px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.no-cover .logo-icon:after {
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAzLjgxIDE0MS43MiI+IDxnIGlkPSJMYWFnXzEtMiIgZGF0YS1uYW1lPSJMYWFnIDEtMiI+IDxnPiA8Zz4gPHBhdGggZD0iTTk0LjIxLDg1LjY4bC0xMi42NC0xMi42NC04LjUxLDguNTEsMTIuNjQsMTIuNjRjMy45MywzLjkzLDYuMDksOS4xNSw2LjA5LDE0Ljcxcy0yLjE3LDEwLjc4LTYuMDksMTQuNzFjLTguMTEsOC4xMS0yMS4zMSw4LjExLTI5LjQyLDBsLTEyLjY0LTEyLjY0LTguNTEsOC41MSwxMi42NCwxMi42NGM2LjQsNi40LDE0LjgxLDkuNiwyMy4yMiw5LjZzMTYuODItMy4yLDIzLjIyLTkuNmMxMi44LTEyLjgsMTIuOC0zMy42NCwwLTQ2LjQ0IiBzdHlsZT0iZmlsbDogI2U3NDAxMTsiLz4gPHBhdGggZD0iTTMwLjc3LDYwLjE3bC0xMi42NC0xMi42NGMtMy45My0zLjkzLTYuMDktOS4xNS02LjA5LTE0LjcxczIuMTYtMTAuNzgsNi4wOS0xNC43MWM4LjExLTguMTEsMjEuMzEtOC4xMSwyOS40MiwwbDEyLjY0LDEyLjY0LDguNTEtOC41MS0xMi42NC0xMi42NEM0My4yNi0zLjIsMjIuNDItMy4yLDkuNjIsOS42LDMuNDIsMTUuOCwwLDI0LjA1LDAsMzIuODJzMy40MiwxNy4wMiw5LjYyLDIzLjIybDEyLjY0LDEyLjY0LDguNTEtOC41MWgwWiIgc3R5bGU9ImZpbGw6ICNlNzQwMTE7Ii8+IDwvZz4gPHBvbHlnb24gcG9pbnRzPSIzNy4zNSAyOC44MiAyOC44NCAzNy4zMiA1OS4wOSA2Ny41OCA4OS4zNCAzNy4zMiA4MC44MyAyOC44MiA1OS4wOSA1MC41NiAzNy4zNSAyOC44MiIgc3R5bGU9ImZpbGw6ICNlNzQwMTE7Ii8+IDxwb2x5Z29uIHBvaW50cz0iNjYuNDggMTEyLjkgNzQuOTkgMTA0LjM5IDQ0Ljc0IDc0LjE0IDE0LjQ4IDEwNC4zOSAyMi45OSAxMTIuOSA0NC43NCA5MS4xNiA2Ni40OCAxMTIuOSIgc3R5bGU9ImZpbGw6ICNlNzQwMTE7Ii8+IDwvZz4gPC9nPiA8L3N2Zz4=");
}
	@media (max-width: 1500px) {
	
		
	}
	@media (max-width: 1280px) {
		.logo {
			
		}
		
	}
	
	@media (max-width: 1023px) {
	
		
		
	}
	@media (max-width: 767px) {
		.logo {
				margin-left: 10px;
				width: 200px;
				transform: translateX(0px) translateY(0px);
		}
		.logo:after {
			top: 0px;
		}
		
		.logo-text {
			position: absolute;
			top: 55%; 
			left: 110%;
			transform: translateX(0) translateY(-50%);
			white-space: nowrap;
			display: flex;
			align-items: center;
			line-height: 1;
			color: var(--color-white);
			font-size: 16px;
		}
	}
	@media (max-width: 500px) {
		.logo {
			top: 0;
			width: 160px;
			height: 60px;
			margin-left: 15px;
			transform: translateX(0px) translateY(0px);
		}
		.logo:before {
			right: -40px;
		}
		
	}
	@media (max-width: 440px) {
		.logo {
			width: 110px;
			height: 50px;
			transform: translateX(0px) translateY(0px);
		}
		.logo-text {
			position: absolute;
			top: 55%; 
			left: 110%;
			transform: translateX(0) translateY(-50%);
			white-space: nowrap;
			display: flex;
			align-items: center;
			line-height: 1;
			color: var(--color-white);
			font-size: 13px;
		}
		.logo-text span {
			position: relative;
			padding: 8px 10px 8px 5px;
		}
		.logo-text span:nth-of-type(2) {
			padding: 8px 10px 8px 10px;
		}
	
		.all-loaded .logo {
			transform: translateX(0px) translateY(0px);
			visibility: visible;
			opacity: 1;
		}
		#topbar .sticky.is-stuck .logo {
			transform: scale(0.9) translateX(0px) translateY(-5px);
		}
	}



	.contacts-wrap  {
		position: absolute;
		top:0;
		right: 0;
		padding: 25px 0;
		transform: translateY(0px);
	}
	#topbar .sticky.is-stuck  .contacts-wrap {
		transform: translateY(0);
	}	
	.contacts-wrap ul {
		display: flex;
		align-items: center;
		margin:0 0 0 20px;
		font-family: var(--font-body);
	}
	.contacts-wrap ul li a {
		display: flex;
		align-items: center;
		font-size: 20px;
		padding: 0px 0px;
		font-weight: 400;
		color: var(--color-light);
		-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;
	}
	.with-cover .contacts-wrap ul li a {
		color: var(--color-light);
	}
	.contacts-wrap ul li a div {
		display: flex;
		align-items: center;
		font-weight: 400;
	}
	.contacts-wrap ul li a i.icon-contact {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		border: 2px solid;
		border-radius: 100px;
		margin-left: 5px;
		margin-right: 5px;
	
		-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;
	}

	.contacts-wrap ul li a:hover i.icon-contact.call {
		
	}
	.contacts-wrap ul li a:hover i.icon-contact.mail {
		
	}
	.contacts-wrap ul li a i.icon-contact.search {
		color: var(--color-secondary) !important;
		background-color: rgba(174, 82, 113, 0.1)!important;
	}
	.contacts-wrap ul li a:hover i.icon-contact.search {
		color: #fff !important;
		background-color: var(--color-dark)!important;
	}
	@media (max-width: 1270px) {
		.contacts-wrap  {
			right: 150px;
		}
	}
	@media (max-width: 1023px) {
		.contacts-wrap  {
			right: 100px;
			padding: 15px 0;
			transform: translateY(0px);
		}
	}
	@media (max-width: 767px) {
		.contacts-wrap  {
			right: 70px;
			padding: 0px 0;
			transform: translateY(0px);
		}
		#topbar .sticky.is-stuck  .contacts-wrap {
			transform: translateY(0);
		}	
		.contacts-wrap ul li a {
			padding: 10px 0px 10px 0;
		}
		.contacts-wrap ul li a span {
			display: none;
		}
		.contacts-wrap ul li a i.icon-contact {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			border-radius: 100px;
			margin-right: 0px;
			font-size: 14px;
			color:var(--color-dark);
			border: 0px solid;
		}
	}
	@media (max-width: 500px) {
		.contacts-wrap  {
			right: 50px;
			padding: 0px 0;
			transform: translateY(0px);
		}
	}

/* MENU */
.menu-wrap {
	position: relative;
	width: 100%;
	height: 100px !important;
	display: flex;
	justify-content: flex-end;
	border-radius: 0px;
	
	
	padding: 0 0px;
	z-index: 8;
}

.menu-wrap .topnav {
	position: static !important;
	align-items: center;
	justify-content: flex-end;
	z-index: 8 !important;
	visibility: hidden;
}
.all-loaded .menu-wrap .topnav {
	visibility: visible;
}


/* Menu button */
a.menu-button {
	position: fixed;
	top: 0px;
	right: 5vw;
	width: 60px;
	height: 60px;
	margin:0 0px 0 0px;
	font-weight: 400;
	border-radius: 100px;
	line-height: 1;
	padding-top: 0px;
	-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
	color: var(--color-primary);
	background: var(--color-dark);
	
}
.is-stuck a.menu-button {
	transform: translateY(20px);
}
a.menu-button i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 30px;
	backface-visibility: hidden;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s;
}
a.menu-button b {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
	line-height: 1;
	font-weight: 500 !important;
	color: var(--color-white) !important;
}
.no-cover a.menu-button {
	color: var(--color-dark);
}
.offcanvas-open a.menu-button b {
	color: #fff;
}
.offcanvas-open a.menu-button i.fa-bars {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%) translateY(-50%) rotate(120deg);
}
a.menu-button i.fa-times {
	opacity: 0;
	visibility: hidden;
	font-size: 34px;
}
.offcanvas-open a.menu-button i.fa-times {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}


.off-canvas {

}
.js-off-canvas-overlay {
	background-color: rgba(var(--color-dark-rgb), 0.3);
}
/* Touch Mobile navigation */
#offCanvasMenu {
	padding: 30px;
	width: 600px;
	/* border-top-left-radius: var(--radius-medium);
	border-bottom-left-radius: var(--radius-medium); */
	background: rgba(var(--color-dark-rgb), 0.7);
	box-shadow: none;
	max-height: calc(100vh - 0px);
	overflow: scroll;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	transform: translateX(100%);
	backdrop-filter: blur(10px);
	filter:brightness(1.2) contrast(1.1);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 0 40px rgba(var(--color-dark-rgb), 0.1);
}
#offCanvasMenu.is-open {
	transform: translateX(0);
}
/* #offCanvasMenu.fab-menu {
	position: fixed;
	top: 0px !important;
	left: 0 !important;
} */

#offCanvasMenu .accordion-menu {
	margin: 100px 0 20px;
	padding-top: 0px;
}
#offCanvasMenu.visible .accordion-menu {
	margin-top:20px;
	padding-top: 0px;
}
#offCanvasMenu .accordion-menu li.menu-title{
	display: none;
	font-size: 18px;
	/* padding-left: 1.5rem; */
}
#offCanvasMenu.visible .accordion-menu li.menu-title{
	display: block
}

#offCanvasMenu .accordion-menu li {
	border-bottom: 1px solid rgba(var(--color-dark-rgb), 0);
}
/* #offCanvasMenu .accordion-menu li:first-child {
	border-top: 1px solid #eee;
} */
#offCanvasMenu .accordion-menu a,
#offCanvasMenu .magellan a {
	position: relative;
	font-size: 28px;
	font-family: var(--font-heading);
	font-weight: 400;
	text-align: left;
	color: var(--color-white);
	padding:1.5rem 1.5rem 1.5rem 40px;
	/* text-transform: uppercase; */
}
#offCanvasMenu .accordion-menu a:hover,
#offCanvasMenu .magellan a:hover {
	color: var(--color-primary);
}
#offCanvasMenu .accordion-menu a:before {
	/* display: inline-block; */
	display: none;
	position: absolute;
	left: 3px;
	top: 20px;
	font-family: 'Font Awesome 6 Sharp';
	-moz-osx-font-smoothing: grayscale;
  	-webkit-font-smoothing: antialiased;
  	
  	font-weight: 700;
  	font-style: normal;
  	font-variant: normal;
  	text-rendering: auto;
	  content: "\f061";
	  color: var(--color-primary);
	  
	font-size:14px;
	margin-right: 0px;

	/* display: none; */
	-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;
}
#offCanvasMenu .accordion-menu a:hover:before {
	-webkit-transform: translate(3px, 0);
  transform: translate(3px, 0);
  opacity: 1;
  color: var(--color-primary);
}
#offCanvasMenu .accordion-menu .menu-active a,
#offCanvasMenu .magellan a.is-active {
	color: var(--color-primary);
	font-weight: 700;
}
#offCanvasMenu .accordion-menu .menu-active a:before {
	color: var(--color-dark);
}

#offCanvasMenu .submenu-toggle {
	top: 16px;
	right: 10px;
	width: 30px;
	height: 30px;
	border: 1px solid var(--color-primary);
	background: rgba(var(--color-primary-rgb), 0);
	border-radius: 100px;
	
}
#offCanvasMenu .submenu-toggle::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: var(--color-white) transparent transparent;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.6;
}

/* Tweede niveau */

#offCanvasMenu .accordion-menu .nested.is-accordion-submenu {
	margin-left: 60px;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu {
	margin-bottom: 20px;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu .is-submenu-item  {
	border: 0 !important;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a {
	font-weight: 400;
	color: var(--color-white);
	
	position: relative;
	font-size: 16px;
	border-bottom: 0;
	padding: 0.4rem 0px;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a span {
	display: block;
	padding-top: 5px;
	font-size: 24px;
	font-weight: 400;
	color: var(--color-white);
	text-transform: none;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a:hover span {
	color: var(--color-primary);
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a p {
	margin:10px 0 0 0;
	color: var(--color-white);
	font-weight: 400;
	font-size: 14px;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a.mega-button {
	margin: 10px 0 10px;
	position: relative;
	width: 100%;
	padding: 10px 20px;
	color: var(--color-primary) !important;
	text-align: left !important;
	justify-content: flex-start;
	flex-direction: row;
	/* border-top: 1px solid rgba(var(--color-dark-rgb), 0.1); */
	background: rgba(var(--color-dark-rgb), 0.1);
	border-radius: 0px;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a.mega-button i {
	position: relative;
	top: 3px;
	margin-left: 10px;
	transform: translateX(0);
	-webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#offCanvasMenu .accordion-menu .is-accordion-submenu a.mega-button:hover i {
	transform: translateX(10px);
}
#offCanvasMenu .is-accordion-submenu  .submenu-toggle {
	top: 11px;
	right: 20px;
	width: 30px;
	height: 30px;
	border: 0px solid #eee;
	background-color: rgba(var(--color-white-rgb), 0);
	border-radius: 100px;
	
}
#offCanvasMenu .is-accordion-submenu  .submenu-toggle::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: var(--color-primary) transparent transparent;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.6;
}

#offCanvasMenu .accordion-menu .mega .is-accordion-submenu {
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
}
#offCanvasMenu .accordion-menu .mega .is-accordion-submenu li {
	
}
#offCanvasMenu .accordion-menu .mega .is-accordion-submenu li a {
	display: flex;
	margin:0;
	padding: 0.6rem 0px;
}
#offCanvasMenu .accordion-menu .mega .is-accordion-submenu li a img {
	width: 80px;
	margin:0 20px 0 0;
	border-radius: 0px;
}


#offCanvasMenu .accordion-menu .is-accordion-submenu a:before {
	display: none;
}
#offCanvasMenu .accordion-menu .is-accordion-submenu .menu-active a:before {
	color: var(--color-primary);
	opacity: 1;
}
#offCanvasMenu .accordion-menu .nested.is-accordion-submenu ul {
	margin-left: 20px;
}

#offCanvasMenu .accordion-menu .is-accordion-submenu ul li {

}
#offCanvasMenu .accordion-menu .is-accordion-submenu ul li a {
	color: var(--color-white);
	font-size: 18px;
	font-weight: 400;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:0;
}

#offCanvasMenu .extra-menu a {
	font-weight: 300;
	color: var(--color-dark);
	font-size: 14px;
	padding-left: 0px;
}
#offCanvasMenu .extra-menu a i {
	color: var(--color-dark);
	margin-right: 10px;
	font-size: 14px;
}
#offCanvasMenu .vertical.menu {

}
	@media (max-width: 1023px) {
		a.menu-button {
			top: 5px
		}
		#offCanvasMenu {
			top: 0px !important;
			padding-bottom: 20px;
			border-radius: 0px;
			border: 0;
			box-shadow: 0 80px 55px 5px rgba(var(--color-dark-rgb), 0.1);
		}
		#offCanvasMenu .accordion-menu {
			margin-top: 90px;
		
		}
	}
	@media (max-width: 767px) {
		a.menu-button {
			top: 3px;
			right: 20px;
		}
		a.menu-button i {
			font-size: 34px;
		}
		a.menu-button b {
			display: none;
			font-size: 11px;
		}
		#offCanvasMenu {
			width: 100%;
			border-radius: 0px;
			box-shadow: 0 40px 55px 5px rgba(var(--color-dark-rgb), 0.1);
			padding: 30px 0px;
	
		}
		#offCanvasMenu .accordion-menu {
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 90px;
		}
		#offCanvasMenu .accordion-menu a {
			font-size: 22px;
			padding-left: 15px;
		
		}
		#offCanvasMenu .accordion-menu .nested.is-accordion-submenu {
			margin-left: 30px;
		}
		#offCanvasMenu .accordion-menu .is-accordion-submenu a span {
			font-size: 18px;
			padding-left: 0px;
		}
		
	}
	@media (max-width: 400px) {
		#offCanvasMenu {
			margin-top: 0px !important;
		}
		#offCanvasMenu .accordion-menu .nested.is-accordion-submenu {
			margin-left: 10px;
		}
		#offCanvasMenu .accordion-menu .is-accordion-submenu a span {
			font-size: 18px;
		}
	}