/*
GENERAL
	IMAGE ZOOMBOX
	FIXED CTA
FONTS
NAVIGATION
	TOPMENU
	LOGOMENU
	MAINMENU
	SEARCH
PAGES
	HOMEPAGE
	DOWNLOADS
	APPLICATIONS
FORMS
	LOGIN FORM
*/

 /*#################
##### GENERAL #####
#################*/

 /* JCE download icon reset */
 body {
 	overflow-x: hidden;
 }

 a:hover {
 	color: #009CDF;
 }

 article img {
 	width: 100%;
 	height: auto;
 }

 article .infosheet {
 	width: 350px;
 	height: auto;
 }

 .moduletable.downloads img {
 	width: inherit;
 }


 .btn-blue img {
 	width: inherit;
 	height: 25px;
 }

 .btn-primary {
 	color: #fff;
 	background-color: #009CDB;
 	border-color: #0d6efd 0px solid;
 }

 img.wf_file_icon {
 	width: inherit !important;
 	height: inherit !important;
 }


 #image-menu a {
 	position: relative;
 }

 #image-menu a:after {
 	transition: all 0.3s ease;
 	content: '';
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	background-size: 100% !important;
 	height: 100%;
 	background-repeat: no-repeat !important;
 	opacity: 0;
 }

 #image-menun a {
 	position: relative;
 }

 #image-menun a:after {
 	transition: all 0.3s ease;
 	content: '';
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	background-size: 100% !important;
 	height: 100%;
 	background-repeat: no-repeat !important;
 	opacity: 0;
 }

 #image-menu a.fka:after {
 	background: url("../image/bevel-gearbox-fka-overlay.jpg");
 }

 #image-menu a.fk:after {
 	background: url("../image/hypoid-bevelgearbox-fk-overlay.jpg");
 }

 #image-menu a.fv:after {
 	background: url("../image/wormgearbox-fv-overlay.jpg");
 }

 #image-menu a.fsa:after {
 	background: url("../image/helical-wormgearbox-fsa-overlay.jpg");
 }

 #image-menu a.fr:after {
 	background: url("../image/helical-gearbox-fr-overlay.jpg");
 }

 #image-menu a.frc:after {
 	background: url("../image/helical-gearbox-frc-overlay.jpg");
 }

 #image-menu a.ffa:after {
 	background: url("../image/parallel-shaft-helical-gearbox-ffa-overlay.jpg");
 }

 #image-menu a.fh:after {
 	background: url("../image/ultra-hygienic-gearbox-fh-overlay.jpg");
 }

 #image-menu li:hover a:after {
 	opacity: 1;
 }

 * {
 	outline: none !important;
 }

 .desktop-hidden {
 	display: none;
 }

 .container-large-page {
 	width: 100%;
 	max-width: 1400px;
 	display: block;
 	align-self: auto;
 	margin: 0 auto !important;
 }

 .container-large .sppb-container-inner {
 	width: 100%;
 	max-width: 1400px;
 	display: block;
 	align-self: auto;
 	margin: 0 auto !important;
 }

 .sppb-container-inner .sppb-row {
 	margin-left: 0;
 	margin-right: 0;
 }

 .sppb-container-inner .sppb-row .indexbr {
 	position: relative;
 	width: 98%;
 	height: 40px;
 	background-color: #031480;
 	box-shadow: 3px 3px 3px #5f5f5f;
 	margin: 0 auto 20px;
 	text-align: center;
 	color: #fff;
 	padding-top: 5px;
 	letter-spacing: 2px;
 	font: 1.5em sans-serif;
 }

 .sppb-container-inner .sppb-row .indexbrj {
 	width: 100%;
 	text-align: center;
 	margin-bottom: -18px;
 }

 .sppb-container-inner .sppb-row .indexbrj .fa-inverse {
 	color: #031480;
 }

 .blogvacature .btn, 
.btn-blue,
.sppb-btn-primary, 
.mod-login 
.mod-login__submit .btn, 
.sppb-readmore, 
.tab-content .btn-primary, 
#user-registration .btn-primary, 
.rsform-thankyou-button, 
.btn-primary.validate, 
input[type='submit'],
.formResponsive button[type=submit] {
    border-radius: 10px !important;
    padding: 19px;
    display: inline-block !important;
    margin-top: 30px !important;
    min-width: 170px !important;
    text-align: center !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    border: 2px solid #fff !important;
    color: #fff !important;
    text-shadow: none !important;
	background: linear-gradient(94deg, #1c2979, #0483b9 40%, #1c2979);
    background-position: 100%;
    background-size: 200% 100% !important;
    box-shadow: 0 10px 30px rgba(0,159,227,.3);
    transition: background-position .25s ease-in-out;
	font-size: .75rem;
	border: 0px !important;
	margin-left: 5px;
}

.blogvacature .btn:hover,
.btn-blue:hover, 
.sppb-btn-primar:hover, 
.mod-login .mod-login__submit .btn:hover, 
.sppb-readmore:hover, 
.tab-content .btn-primary:hover, 
#user-registration .btn-primary:hover, 
.rsform-thankyou-button:hover, 
.btn-primary.validate:hover, 
input[type='submit']:hover,
.formResponsive button[type=submit]:hover
 {
    background-position: 0;
}
 .btn-blue-german {
 	background-color: #009CDF !important;
 	border-radius: 10px !important;
 	padding: 12px 15px !important;
 	display: inline-block !important;
 	margin-top: 30px !important;
 	min-width: 170px !important;
 	text-align: center !important;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	font-weight: 700;
 	border: 2px solid #fff !important;
 	font-size: 0.8rem !important;
 	background-image: none !important;
 	color: #fff !important;
 	text-shadow: none !important;
 }

 article {
 	position: relative;
 }

 article.standard-article {
 	max-width: 1170px;
 	display: block;
 	margin: 4.375rem auto;
 }

 article.standard-article p,
 article.standard-article li {
 	max-width: 1200px;
 }

 .item-page {
 	width: 100%;
 }

 .item-page.intro p {
 	max-width: 770px;
 	margin: 0 auto 30px auto;
 	text-align: center;
 }

 @media(max-width: 1200px) {
 	/*#################
	##### GENERAL #####
	#################*/

 	.desktop-hidden {
 		display: flex;
 	}

 	.mobile-hidden {
 		display: none !important;
 	}

 	.item-page {
 		padding-left: 15px;
 		padding-right: 15px;
 		box-sizing: border-box;
 	}
 }

 /*### VACATURE ###*/
 .vacature .sppb-addon-article {
 	margin-bottom: 20px;
 	background-color: #fff;
 }

 .vacature .sppb-article-info-wrap {
 	padding: 15px;
 }

 .sppb-panel-modern>.sppb-panel-heading {
 	padding: 17px 30px 17px 15px;
 	background: #FFF;
 	color: #000;
 }

 .sppb-panel-modern {
 	background: #fff;
 	border-top: 1px solid #ccc !important;
 	border-bottom: 1px solid #ccc !important;
 	border-left: 0px;
 	border-right: 0px;
 	border-radius: 0px;
 	margin-bottom: 10px;
 }

 .sppb-panel-title {
 	color: #000;
 	font-weight: 400;
 	font-size: 18px;
 }

 .sppb-panel-modern>.sppb-panel-heading:hover {
 	background-color: #f5f5f5;
 }

 /*### IMAGE ZOOMBOX ###*/
 .zoombox .sppb-addon-image-layout-image {
 	overflow: hidden;
 }

 .zoombox .sppb-addon-image-layout-image img {
 	max-width: 100%;
 	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
 	transition: all 0.3s;
 }

 .zoombox .sppb-addon-image-layout-image img:hover {
 	-moz-transform: scale(1.1);
 	-webkit-transform: scale(1.1);
 	transform: scale(1.1);
 }


 .item-pagepage-header-left h1 {
 	text-align: left !important;
 }

 /*### FIXED CTA ###*/
 .fixedcta {
 	background-color: #fff;
 	position: fixed;
 	right: 0px;
 	top: 400px;
 	z-index: 10;
 }

 .fixedcta ul {
 	background-color: #fff;
 	border-left: 5px solid #535353;
 	border-top: 5px solid #535353;
 	border-bottom: 5px solid #535353;
 	z-index: 10;
 }

 .fixedcta img {
 	width: 88px;
 	height: auto;
 	top: 363px;
 	/*background-color: #1c2979;*/
 	padding: 10px;
 	position: fixed;
 	box-sizing: border-box;
 	right: 0;

 }

 .fixedcta li {
 	padding: 15px 40px 15px 15px;
 	box-sizing: border-box;
 	border-bottom: 1px solid #ccc;
 	list-style-type: none;
 	cursor: pointer;
 }

 .fixedcta li:before {
 	content: '';
 	background: url(../image/call-icon.svg);
 	width: 30px;
 	height: 25px;
 	background-size: 16px;
 	background-repeat: no-repeat;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }

 .fixedcta a:nth-child(2) li:before {
 	content: '';
 	background: url(../image/quote-icon.svg);
 	width: 30px;
 	height: 25px;
 	background-size: 24px;
 	background-repeat: no-repeat;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }

 .fixedcta a:nth-child(3) li:before {
 	content: '';
 	background: url(../image/whatsapp.svg);
 	width: 30px;
 	height: 25px;
 	background-size: 29px;
 	background-repeat: no-repeat;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }

 .fixedcta a:nth-child(4) li:before {
 	content: '';
 	background: url(../image/db-email.svg);
 	width: 30px;
 	height: 25px;
 	background-size: 29px;
 	background-repeat: no-repeat;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }



 .Quoterequest {
 	position: fixed;
 	top: 50%;
 	left: 50%;
 	z-index: 100;
 	width: 100%;
 	max-width: 770px;
 	transform: translate(-50%, -50%);
 	padding-top: 30px;
 	background-color: #fff;
 	display: none;
 }

 .navbarNav {
 	position: fixed;
 	top: 0;
 	left: 0;
 	z-index: 100;
 	width: 100%;
 	background-color: #fff;
 	display: none;
 }

 .overlaybg {
 	display: none;
 	background-color: rgba(0, 0, 0, 0.8);
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	z-index: 5;
 	top: 0;
 	right: 0;
 }

 /*### BREADCRUMBS ###*/
 ol.breadcrumb {
 	display: block;
 	list-style-type: none;
 	border-bottom: 1px solid #ccc;
 	max-width: 1170px;
 	margin: 0 auto;
 }

 ol.breadcrumb li {
 	color: #777;
 	font-size: 0.8rem;
 	display: inline-block;
 }

 ol.breadcrumb li a {
 	color: #777;
 	font-size: 0.8rem;
 	text-decoration: underline;
 }

 ol.breadcrumb li span {
 	padding: 0px 5px;
 	display: inline-block;
 	text-decoration: inherit;
 }

 /*###############
##### FONTS #####
###############*/
 /* roboto-condensed-regular - latin */
 @font-face {
 	font-family: 'Roboto Condensed';
 	font-style: normal;
 	font-weight: 400;
 	src: url('../font/roboto-condensed-v18-latin-regular.eot');
 	/* IE9 Compat Modes */
 	src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
 		url('../font/roboto-condensed-v18-latin-regular.eot') format('embedded-opentype'),
 		/* IE6-IE8 */
 		url('../font/roboto-condensed-v18-latin-regular.woff2') format('woff2'),
 		/* Super Modern Browsers */
 		url('../font/roboto-condensed-v18-latin-regular.woff') format('woff'),
 		/* Modern Browsers */
 		url('../font/roboto-condensed-v18-latin-regular.ttf') format('truetype'),
 		/* Safari, Android, iOS */
 		url('../font/roboto-condensed-v18-latin-regular.svg') format('svg');
 	/* Legacy iOS */
 }

 /* roboto-condensed-700 - latin */
 @font-face {
 	font-family: 'Roboto Condensed';
 	font-style: normal;
 	font-weight: 700;
 	src: url('../font/roboto-condensed-v18-latin-700.eot');
 	/* IE9 Compat Modes */
 	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
 		url('../font/roboto-condensed-v18-latin-700.eot') format('embedded-opentype'),
 		/* IE6-IE8 */
 		url('../font/roboto-condensed-v18-latin-700.woff2') format('woff2'),
 		/* Super Modern Browsers */
 		url('../font/roboto-condensed-v18-latin-700.woff') format('woff'),
 		/* Modern Browsers */
 		url('../font/roboto-condensed-v18-latin-700.ttf') format('truetype'),
 		/* Safari, Android, iOS */
 		url('../font/roboto-condensed-v18-latin-700.svg') format('svg');
 	/* Legacy iOS */
 }

 /* roboto-300 - latin */
 @font-face {
 	font-family: 'Roboto';
 	font-style: normal;
 	font-weight: 300;
 	src: url('../font/roboto-v20-latin-300.eot');
 	/* IE9 Compat Modes */
 	src: local('Roboto Light'), local('Roboto-Light'),
 		url('../font/roboto-v20-latin-300.eot') format('embedded-opentype'),
 		/* IE6-IE8 */
 		url('../font/roboto-v20-latin-300.woff2') format('woff2'),
 		/* Super Modern Browsers */
 		url('../font/roboto-v20-latin-300.woff') format('woff'),
 		/* Modern Browsers */
 		url('../font/roboto-v20-latin-300.ttf') format('truetype'),
 		/* Safari, Android, iOS */
 		url('../font/roboto-v20-latin-300.svg') format('svg');
 	/* Legacy iOS */
 }

 /* roboto-regular - latin */
 @font-face {
 	font-family: 'Roboto';
 	font-style: normal;
 	font-weight: 400;
 	src: url('../font/roboto-v20-latin-regular.eot');
 	/* IE9 Compat Modes */
 	src: local('Roboto'), local('Roboto-Regular'),
 		url('../font/roboto-v20-latin-regular.eot') format('embedded-opentype'),
 		/* IE6-IE8 */
 		url('../font/roboto-v20-latin-regular.woff2') format('woff2'),
 		/* Super Modern Browsers */
 		url('../font/roboto-v20-latin-regular.woff') format('woff'),
 		/* Modern Browsers */
 		url('../font/roboto-v20-latin-regular.ttf') format('truetype'),
 		/* Safari, Android, iOS */
 		url('../font/roboto-v20-latin-regular.svg') format('svg');
 	/* Legacy iOS */
 }

 /* roboto-700 - latin */
 @font-face {
 	font-family: 'Roboto';
 	font-style: normal;
 	font-weight: 700;
 	src: url('../font/roboto-v20-latin-700.eot');
 	/* IE9 Compat Modes */
 	src: local('Roboto Bold'), local('Roboto-Bold'),
 		url('../font/roboto-v20-latin-700.eot') format('embedded-opentype'),
 		/* IE6-IE8 */
 		url('../font/roboto-v20-latin-700.woff2') format('woff2'),
 		/* Super Modern Browsers */
 		url('../font/roboto-v20-latin-700.woff') format('woff'),
 		/* Modern Browsers */
 		url('../font/roboto-v20-latin-700.ttf') format('truetype'),
 		/* Safari, Android, iOS */
 		url('../font/roboto-v20-latin-700.svg') format('svg');
 	/* Legacy iOS */
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 a,
 button,
 td {
 	font-family: Roboto, arial, sans-serif;
 	color: #000;
 	text-decoration: none;
 	line-height: 1;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 #image-menu span,
 #image-menun span {
 	font-family: "Roboto condensed", arial, sans-serif;
 }

 h1,
 h2 {
 	font-size: 2.5rem;
 	margin-bottom: 1rem;
 }

 h3 {
 	font-size: 20px;
 	margin-bottom: 1rem;
 }

 .page-header {
 	text-align: center;
 	margin-bottom: 30px;
 }

 .page-header-left .page-header {
 	text-align: left;
 }

 .standard-article h2 {
 	font-size: 1.25rem;
 	font-family: roboto, arial, sans-serif;
 	margin-bottom: 0;
 	font-weight: 700;
 }

 h2 span,
 h1 span {
 	color: #1c2979;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 td {
 	line-height: 1.5;
 }

 strong,
 b {
 	font-weight: 700;
 }

 .item-page ul {
 	margin-left: 20px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 }

 .item-page li {
 	line-height: 1.5;
 }

 .white,
 .white h1,
 .white h2,
 .white h3,
 .white h4,
 .white p,
 .white li,
 .white a {
 	color: #fff;
 }

 p a {
 	color: #1c2979;
 }
.mod-custom96 p a {
 	color: #d3a200;
 }

 @media(max-width: 767px) {

 	h1,
 	h2 {
 		font-size: 1.5rem;
 		margin-bottom: 1rem;
 	}
 }


 /*####################
##### NAVIGATION #####
####################*/
 .bg-light {
 	--bs-bg-opacity: 1;
 	background-color: #FFF !important;
 	border-bottom: 1px solid #ccc;
 }

 nav .container-fluid {
 	padding: 0px;
 }

 .navbar>.container-fluid {
 	justify-content: unset;
 }

 .search {
 	transition: left 0s ease-in-out;
 }

 /*### LOGOMENU ###*/
 @media (max-width: 1200px) {
 	.logomenu-mobile img {
 		width: 150px;
 	}
 }

 .logomenu-mobile {
 	display: flex;
 	justify-content: center;
 	/* order: -1; */
 }

 @media (min-width: 1201px) {
 	.logomenu-mobile {
 		display: none;
 	}
 }

 #logomenu ul.nav li a {
 	padding: 0px;
 	display: block;
 }

 .jobs-careers:before {
 	content: "5";
 	position: absolute;
 	background: red;
 	padding: 5px 7px;
 	font-size: 10px;
 	border-radius: 50%;
 	margin-left: 115px;
 	margin-top: -10px;
 }

 .jobs-careers-nl:before {
 	content: "5";
 	position: absolute;
 	background: red;
 	padding: 5px 7px;
 	font-size: 10px;
 	border-radius: 50%;
 	margin-left: 75px;
 	margin-top: -10px;
 }


 div#gray-block-jobs {
 	display: inline-block;
 	background: #F3F3F3;
 	padding: 20px;
 }

 div#gray-block-jobs img {
 	padding: 20px;
 }


 /*### SEARCH ###*/
 #search input {
 	font-size: 1rem;
 	font-family: "roboto condensed", arial, sans-serif;
 	border: none;
 }

 .search-inner {
 	border: 1px solid #ccc;
 	border-radius: 50px;
 	padding: 12px 20px;
 	height: fit-content;
 	align-self: center;
 	box-sizing: border-box;
 	width: max-content;
 }

 .result-url {
 	color: dodgerblue;
 	text-decoration: underline;
 	margin-top: 10px;
 }

 .search-results li {
 	padding: 15px;
 	list-style-type: none;
 }

 .search-results li:nth-child(odd) {
 	background-color: #f5f5f5;
 }

 .search-results .result-title {
 	font-weight: 700;
 	text-decoration: underline;
 }

 fieldset.word label {
 	display: block;
 }

 .word input#q {
 	padding: 15px 20px;
 	box-sizing: border-box;
 	font-size: 16px;
 }

 #finder-search button.btn.btn-primary {
 	padding: 10px 20px;
 	display: block;
 	background-color: #009CDB;
 	color: #fff;
 	font-size: 1rem;
 	border: none;
 	min-width: 140px;
 	margin-bottom: 30px;
 }

 .form-search button {
 	font-size: 0px;
 	position: relative;
 	height: 20px;
 	width: 20px;
 	border: none;
 }

 .form-search button:after {
 	content: "";
 	background: url(../image/search.svg);
 	background-size: contain;
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	width: 18px;
 	height: 20px;
 	background-repeat: no-repeat;
 }

 /*### END SEARCH ###*/
 /*### SEARCH UPDATE JOOMLA 4### */
 @media screen and (max-width: 1200px) {
 	div#search {
 		position: absolute;
 		bottom: 0px;
 	}

 	#topmenu {
 		margin-bottom: 90px;
 	}

 	#mainmenu.col-lg-5,
 	#mainmenu .col-lg-2,
 	#topmenu .col-lg-11 {
 		padding-right: 0px;
 		padding-left: 0px;
 	}

 	@media screen and (max-width: 1200px) {
 		#mainmenu a {
 			font-size: 18px;
 		}
 	}

 	#navigation {
 		justify-content: center;
 		padding-top: 1rem;
 		padding-bottom: 1rem;
 		margin-left: 0px;
 		margin-right: 0px;
 		max-width: 100vw;
 	}

 	#navigation>.wrapper {}

 	.navbar-expand-lg .navbar-toggler {
 		left: 0px !important;
 		top: -3px !important;
 		border: none !important;
 		color: #031480 !important;
 		font-size: 1.8rem !important;
 	}

 	.navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
 		width: 40px;
 		height: 40px;
 	}

 	.navbar-toggler:focus {
 		box-shadow: none;
 	}

 	.moduletable.language {
 		top: 32px !important;
 	}

 	.language img {
 		width: 25px;
 	}


 }

 #container-mainmenu {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	position: relative;
 }

 #mainmenu ul.mod-menu {
 	flex-wrap: nowrap;
 }

 #mainmenu ul.mod-menu li {
 padding: 0 15px;
 }

 div#search {
 	display: flex;
 	flex-direction: row-reverse;
 }


 #search .btn-primary {
 	color: #fff;
 	background-color: transparent;
 	border-color: transparent;
 }

 #search .form-control {
 	padding: 0px;
 }

 /*### TOPMENU-BOOTSTRAP ###*/
 .navbar-expand-lg .navbar-toggler {
 	display: block;
 	position: absolute;
 	top: 20px;
 	left: 20px;
 }

 @media (max-width: 1200px) {
 	.navbar-collapse.collapse.show {
 		position: absolute;
 		top: 90px;
 		left: 0px;
 		z-index: 99;
 		width: 100vw;
 	}

 	.navbar-collapse.collapse.show #container-mainmenu {
 		width: 100%;
 		padding-left: 0px;
 		padding-right: 0px;
 		margin-left: 0px;
 		margin-right: 0px;
 		max-width: none !important;
 	}

 	.navbar-collapse.collapse.show #topmenu>.container-lg {
 		max-width: none !important;
 		padding-left: 0px;
 		padding-right: 0px;
 	}

 	.navbar-collapse.collapse.show #container-mainmenu #mainmenu {
 		width: 100%;
 	}

 	.navbar-collapse.collapse.show #container-mainmenu #logomenu {
 		display: none !important;
 	}

 	.navbar-collapse.collapse.show #container-mainmenu #search {
 		position: absolute;
 		width: 100vw;
 		bottom: -379px;
 		background-color: white;
 		padding-bottom: 1rem;
 		padding-top: 1rem;
 		display: flex;
 		justify-content: center;
 	}
 }

 @media (min-width: 1201px) {
 	.navbar-expand-lg .navbar-toggler {
 		display: none;
 	}
 }

 #topmenu {
 	background-color: #252525;
 }

 @media screen and (min-width: 1201px) {
 	.navbar-expand-lg .navbar-collapse {
 		display: flex !important;
 	}
 }

 @media screen and (max-width: 1200px) {
 	#container-topmenu {
 		display: flex;
 		flex-wrap: wrap;
 		width: 100%;
 		flex-direction: column-reverse;
 		margin-left: 0px;
 		margin-right: 0px;
 	}

 	#topmenu ul {
 		padding-right: 0px !important;
 	}

 	.navbar-expand-lg .navbar-collapse:not(.show) {
 		display: none !important;
 	}
 }

 .navbar {
 	padding-top: 0px;
 	padding-bottom: 0px;
 }

 #container-topmenu {
 	padding: 0px;
 }

 #topmenu::before {
 	background-color: #031480;
 	position: absolute;
 	width: calc(100vw);
 	height: 50px;
 	left: calc(-50vw + 50%);
 	content: ' ';
 	z-index: 0;
 }

 #topmenu ul {
 	z-index: 1;
 	position: relative;
 	padding-right: 30px;
 }

 #topmenu ul li a {
 	padding: 1rem 0.5rem;
 	display: block;
 	font-size: 1.125rem;
 	color: #fff;
 }

 #topmenu ul li:last-child a {
 	/*background: rgb(255, 0, 0);*/
 	/*background: linear-gradient(90deg, rgb(179, 0, 0) 0%, rgb(247, 49, 49) 100%);*/
 }

 #topmenu .nav {
 	justify-content: end;
 }

 @media screen and (max-width: 1200px) {
 	#topmenu .nav {
 		flex-direction: column;
 	}
 }

 /*### MAINMENU-BOOTSTRAP ###*/
 #mainmenu ul.nav li a {
 	padding: 2.68rem 0.1rem;
 	display: block;
 }

 @media screen and (max-width: 1200px) {
 	#mainmenu ul.nav li a {
 		padding: 1rem;
 		background-color: #252525;
 		color: #FFF;
 	}
 }

 #logomenu img {
 	width: 193px;
 }

 @media screen and (max-width: 1200px) {
 	#mainmenu .nav {
 		flex-direction: column;
 	}
 }

 /*### MOBILE MENU BOOTSTRAP ###*/
 button.navbar-toggler {
 	margin-top: 25px;
 	margin-bottom: 25px;
 }


 /*###############
##### PAGES #####
###############*/

 span.sppb-articles-carousel-meta-date {
 	display: none;
 }

 span.sppb-articles-carousel-meta-category {
 	display: none;
 }

 .sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a {
 	height: 10px !important;
 }

 .sppb-articles-carousel-img {
 	display: flex;
 	justify-content: center;
 	background-color: #FFF;
 }

 /*### HOMEPAGE ###*/



 .parallax-mirror {
 	height: 650px !important;
 }

 .hero-image .dertec-icon img {
 	width: 100%;
 	max-width: 613px;
 }

 .hero-image .sppb-addon-single-image-container {
 	width: 100%;
 	position: relative;
 	display: inline-block;
 }

 .hero-text {
 	position: absolute;
 	margin: 0 auto;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -80%);
 }

 .hero-text h2,
 .about h2,
 .hero-text h1 {
 	line-height: 0.8;
 	font-size: 4.5rem;
 	color: #000;
 }

 .hero-text h2 span,
 .about h2 {
 	text-transform: uppercase;
 	font-weight: 700;
 	color: #000;
 }

 .hero-text h2 span.dot {
 	color: #ffffff;
 	font-size: 36px;
 	line-height: 0.8;
 }

 .hero-image a#scroll-btn:before {
 	content: "";
 	background: url(../image/scroll-down.svg);
 	background-size: 30px 62px;
 	width: 30px;
 	height: 62px;
 	display: block;
 	margin: 0 auto;
 	margin-bottom: 10px;
 }

 .hero-image a#scroll-btn {
 	position: absolute;
 	display: inline-block;
 	left: 50%;
 	transform: translate(-50%, 0%);
 	bottom: 160px;
 }


 @media screen and (max-width: 1799px) and (min-width: 750px) {
 	.hero-banner-background {
 		background-size: 100% 810px !important;
 	}
 }

 @media screen and (min-width: 1800px) {
 	.hero-banner-background {
 		background-size: 100% !important;
 		background-position: 0px -120px !important;
 	}

 	.hero-banner-background .sppb-col-md-12 {
 		max-height: 650px;
 	}
 }

 @media screen and (max-width: 749px) {
 	.hero-banner-background {
 		background-position: top center !important;
 		background-size: 200% !important;
 		background-image: url() !important;
 		background-attachment: inherit !important;
 		margin-top: 50px;
 	}
 }

 @media(max-width: 1200px) {
 	.hero-text {
 		width: 80%;
 		position: absolute;
 		margin: 0 auto;
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -72%);
 	}

 	.hero-text h2,
 	.hero-text h1 {
 		font-size: 1rem;
 	}

 	.hero-text h2 span.dot {
 		color: #ffffff;
 		line-height: 1.0;
 	}
 }

 @media(max-width: 767px) {
 	.hero-text {
 		width: 80%;
 		position: absolute;
 		margin: 0 auto;
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -50%);
 	}

 	.hero-text h2,
 	.hero-text h1 {
 		font-size: 0.5rem;
 	}

 	.hero-text h2 span.dot {
 		color: #ffffff;
 		line-height: 1.0;
 	}

 	.hero-image a#scroll-btn {
 		display: none;
 	}

 	.bullets .sppb-row-container {
 		box-shadow: none;
 	}
 }

 @media(max-width: 460px) {
 	.hero-text {
 		width: 80%;
 		position: absolute;
 		margin: 0 auto;
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -50%);
 	}

 	.hero-text h2,
 	.hero-text h1 {
 		font-size: 0.5rem;
 	}
 }

 @media(max-width: 1200px) and (min-width: 992px) {
 	.ipad-width-liggend .sppb-col-md-6 {
 		flex: 0 0 100%;
 		max-width: 100%;
 	}

 	.img-comp-container {
 		height: 425px !important;
 	}
 }

 /* Bullets */
 .bullets .sppb-row-container {
 	box-shadow: 5px 5px 20px #919191;
 	z-index: 10;
 	position: relative;
 	background-color: #fff;
 }

 .bullets .sppb-addon-image-layout-image {
 	display: flex;
 	justify-content: center;
 	padding-top: 15px;
 }

 .bullets .sppb-addon-image-layout-image img {
 	width: 125px;
 }

 .bullets .sppb-col-md-4:nth-child(2) {
 	border-left: 1px solid #ccc;
 	border-right: 1px solid #ccc;
 }

 .bullets .sppb-addon-image-layout-content {
 	background-color: transparent;
 	padding: 15px;
 }

 .bullets h3 {
 	font-size: 1.5rem;
 	font-weight: 700;
 	text-align: center;
 	margin-bottom: 10px !important;
 	display: block;
 }

 .bullets p {
 	text-align: center;
 }

 /* video / ups blokken  */

 .bullets .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
 	padding: 20px 30px;
 }

 .bullets .sppb-magnific-popup img {
 	width: 100%;
 	height: 100%;
 }

 .sppb-carousel-indicators {
 	bottom: -15px;
 	width: 100%;
 	margin-left: -50%;
 }

 .sppb-carousel-indicators li {
 	background-color: #1c2979;
 }

 .sppb-carousel-indicators li.active {
 	background-color: #d0141b;
 }

 #sppb-carousel1 .sppb-item-has-bg img {
 	width: 125px;
 	margin-left: auto;
 	margin-right: auto;
 }

 #sppb-carousel1 h2 {
 	font-size: 1.5rem;
 }

 #sppb-carousel1 .sppb-item-has-bg .sppb-carousel-item-inner {
 	position: relative;
 }

 @media (min-width: 992px) {
 	#sppb-carousel1 .sppb-item-has-bg .sppb-carousel-item-inner {
 		min-height: 400px;
 	}
 }



 /* Products */

 .products .sppb-col-md-4 .sppb-column {
 	border: 1px solid #ccc;
 }

 .products .sppb-addon-image-layout-content {
 	background-color: transparent;
 }

 .products h3,
 #image-menu span {
 	font-size: 1.5rem;
 }

 #image-menun span {
 	font-size: 1.5rem;
 }

 #products {
 	margin-top: -80px !important;
 }
 @media screen and (max-width:991px){
 #products {
 	margin-top: -50px !important;
 }
 }

 #image-menu span {
 	font-size: 1.3rem;
 }

 #image-menun span {
 	font-size: 1.3rem;
 }

 .subproducts .sppb-addon-image-layout-wrap{ }

 .subproducts .sppb-addon-image-layout-content {
 	background: #fff;
 	padding: 20px;
 	width: 100%;
 	text-align: center !important;
 	font-size: 1.5rem;
 }

 .banner .sppb-addon.sppb-addon-text-block {
 	background-color: #fff;
 	padding: 30px;
 	box-sizing: border-box;
 }

 .goldblock h2 {
 	text-transform: uppercase;
 	font-family: "Roboto condensed", Arial, sans-serif;
 	font-weight: 700;
 	letter-spacing: 4px;
 }


 /* News */
 .sb-retro-skin .mediaholder {
 	border: 1px solid #f5f5f5;
 }

 .sb-retro-skin.showbiz-container {
 	max-width: 1210px;
 	min-width: 100px;
 }

 .showbiz-container.whitebg {
 	box-shadow: 0px 0px 5px 1px rgb(100 100 100 / 20%);
 }

 .sb-retro-skin .showbiz-description {
 	color: #878787;
 	font-size: 14px;
 }

 .sb-nav-retro .sb-navigation-right {
 	box-shadow: 4px 0px 5px 1px rgb(100 100 100 / 15%);
 }

 .sb-nav-retro .sb-navigation-left {
 	box-shadow: -4px 0px 5px 1px rgb(100 100 100 / 15%);
 }

 .showbiz-title a,
 .showbiz-title a:hover,
 .showbiz-title a:visited {
 	font-family: "Roboto condensed", arial, sans-serif;
 	font-weight: 400 !important;
 	line-height: 1;
 	font-size: 21px !important;
 }


 .news-container {
 	margin: 0px auto;
 	max-width: 770px;
 	padding-top: 50px;
 	padding-bottom: 70px;
 }

 .news-container img {
 	width: 100%;
 	height: auto;
 	margin-bottom: 20px;
 }

 .news h3 {
 	font-size: 1.3rem;
 	margin-bottom: 10px;
 	font-weight: 700;
 	font-family: "Roboto condensed", Arial, sans-serif;
 }

 .news .sppb-article-info-wrap {
 	background-color: #fff;
 	padding: 30px;
 }
 .news .sppb-article-info-wrap h3{
line-height: 1rem;
 }

 .sppb-column.water-multiply {
 	width: 100%;
 	background: url("../image/water-proof-gearbox.jpg");
 	background-position: center center;
 	margin: 0;
 	padding: 20px;
 	animation: flap 6s infinite;
 	animaton-direction: alternate;
 	background-blend-mode: multiply;
 	height: 360px;
 	background-size: contain;
 	background-repeat: no-repeat;
 }

 .cta-bottom p {
 	font-size: 1.375rem;
 }

 @media(min-width: 768px) {
 	.news .sppb-article-info-wrap h3 {
 		height: 105px;
 		width: 100%;
 		overflow: hidden;
 	}
 }

 @media screen and (min-width: 768px) and (max-width:1920px) {

 	.news .sppb-article-info-wrap .sppb-article-introtext {
 		height: 120px;
 		width: 100%;
 		overflow: hidden;
 	}
 }

 @media(min-width: 768px) {
 	.exhibition h3 {
 		min-height: 60px;
 	}
 }

 @media screen and (min-width: 768px) and (max-width:1379px) {

 	.exhibition .sppb-article-introtext {
 		min-height: 60px;
 	}
 }

 /* Keurmerken */

 #keurmerken .sppb-row {
 	justify-content: center
 }

 /*### PRODUCT SPECIFIC PAGE ###*/

 .responsive-table {
 	margin-top: 50px;
 	margin-bottom: 50px;
 }

 .responsive-table td {
 	vertical-align: middle;
 }

 .rt-table td {
 	vertical-align: top;
 }

 .rt-table tr {
 	border-top: none;
 	border-bottom: none;
 }

 .rt-table.contentWidth td {
 	display: inline-block;
 	width: 33%;
 	text-align: center;
 }

 @media(max-width: 939px) {
 	.rt-table.contentWidth td {
 		width: 50%;
 	}
 }

 @media(max-width: 600px) {
 	.rt-table.contentWidth td {
 		width: 100%;
 	}
 }

 .responsive-table td:first-child {
 	width: 60%;
 	padding-right: 30px;
 }

 .responsive-table td img {
 	width: 100%;
 	height: auto;
 }

 .bullets-product p {
 	margin-bottom: 5px;
 }

 .bullets-product img {
 	width: 22px !important;
 }

 @media(max-width: 767px) {

 	.responsive-table td,
 	.rt-table td {
 		width: 100%;
 		box-sizing: border-box;
 		display: block;
 		padding-bottom: 20px;
 	}

 	.rt-table.contentWidth .rt-td-normal {
 		margin: 0px;
 	}
 }

 /* Tabs */
 [data-rlta-type=tabs] {
 	margin-left: calc(50% - 50vw) !important;
 	width: 100vw !important;
 	background-color: #252525;
 }


 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal]:not([data-rlta-wrap-buttons=true])>[data-rlta-element=button-list] {
 	width: 1170px;
 	margin: 0 auto;
 	border-bottom: none;
 	list-style-type: none;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button] {
 	border-bottom: none;
 	border-bottom-left-radius: 0;
 	border-bottom-right-radius: 0;
 	margin-bottom: 0px;
 }

 [data-rlta-element=panel-content] {
 	max-width: 1170px;
 	margin: 0 auto;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
 	background-color: transparent;
 	border: 0px solid #c0c6cf;
 	border-radius: 0px;
 	padding: 0.75rem 1.25rem;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button][data-rlta-state=closed] h3 {
 	color: #FFF;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] h3 {
 	color: #000 !important;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open],
 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
 	background-color: #fff;
 	border-radius: 0;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]) {
 	background-color: transparent;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
 	/* padding-top: 0.75rem;
    padding-bottom: 0.75rem; */
 	padding: 13px 12px;
 	border-bottom: 5px solid transparent !important;
 	margin-top: 0rem;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:hover,
 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]) {
 	/* padding-top: 0.75rem;
    padding-bottom: 0.75rem; */
 	padding: 13px 12px;
 	/* margin-bottom: -5px; */
 	border-bottom: 5px solid #D3A200 !important;
 	color: #D3A200;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]) h3 {
 	color: #D3A200;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:hover {
 	background-color: transparent;
 }

 /* end Tabs */
 /* Accordions */
 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel],
 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
 	border: 0px solid #c0c6cf;
 	border-radius: 0px;
 }

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
 	background-color: #f4f5f6;
 	border-left: none !important;
 	border-right: none !important;
 	border-radius: 0px;
 	padding: 0.75rem 1.25rem;
 	margin-bottom: -1px !important;
 }

 [data-rlta-type=accordions]>[data-rlta-state="closed"] {
 	background-image: url(../image/plus.svg);
 	background-repeat: no-repeat;
 	background-position: right 15px center;
 }

 [data-rlta-type=accordions]>[data-rlta-state="open"] {
 	background-image: url(../image/min.svg);
 	background-repeat: no-repeat;
 	background-position: right 15px center;
 }

 /* end Accordions */
 .qx-type-section {
 	width: 390px;
 }

 @media(max-width: 512px) {
 	.qx-type-section {
 		/*		display: none;*/
 	}
 }

 @media (max-width: 480px) {
 	.qx-element-smart-tabs .qx-tabs.layout-h li {
 		display: inline;
 	}
 }

 #qx-chart-bar-662555 .qx-triggers:hover {
 	box-shadow: 0px 0px 0px 0px #053478;
 }

 .qx-type-section ul.qx-tabs li {
 	padding-bottom: 0;
 	padding-top: 0;
 }

 /* END PRODUCT SPECIFIC PAGE

/* Animating water */
 @keyframes flap {

 	0%,
 	100% {
 		background-position: center center, 10px 0, center center, center center, center center
 	}

 	40% {
 		background-position: center center, -10px -10px, center center, center center, center center
 	}

 	80% {}
 }

 /* Image compare */
 .img-comp-container {
 	position: relative;
 	height: 200px;
 	/*should be the same height as the images*/
 }

 .img-comp-img {
 	position: absolute;
 	width: auto;
 	height: auto;
 	overflow: hidden;
 }

 .img-comp-img img {
 	display: block;
 	vertical-align: middle;
 }

 .img-comp-overlay {
 	border-right: 3px solid #000;
 }

 .img-comp-slider {
 	position: absolute;
 	z-index: 9;
 	cursor: ew-resize;
 	width: 40px;
 	height: 40px;
 	background-color: #fff;
 	border: 3px solid #000;
 	border-radius: 50%;
 }

 .flex-grid {
 	display: flex;
 }

 .col {
 	flex: auto;

 }

 @media(min-width: 768px) {
 	.contact-detail-footer>div {
 		display: flex;
 	}

 	.contact-detail-footer>div div:first-child {
 		margin-right: 30px;
 	}
 }

 @media(max-width: 767px) {
 	.contact-detail-footer>div div:first-child {
 		margin-bottom: 30px;
 	}
 }


 @media(max-width: 992px) {
 	.hero-image .dertec-icon img {
 		max-width: 470px;
 	}

 	/* Image compare */
 	.img-comp-container {
 		height: 450px;
 	}

 }

 @media(max-width: 991px) {
 	.flex-grid {
 		flex-direction: column;
 	}

 	/* Image compare */
 	.img-comp-container {
 		height: 250px;
 	}

 	.img-comp-img img {
 		max-width: 350px;
 		height: auto;
 	}
 }

 /* New image compare */

 /* -------------------------------- 

Primary style

-------------------------------- */
 *,
 *:after,
 *:before {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 img {
 	max-width: 100%;
 }

 /* -------------------------------- 
  
  Main components 
  
  -------------------------------- */

 .cd-image-container {
 	position: relative;
 	width: 100%;
 	max-width: 768px;
 	margin: 0em auto;
 }

 .cd-image-container img {
 	display: block;
 }

 .cd-image-label {
 	position: absolute;
 	font-weight: 500;
 	letter-spacing: 1px;
 	top: 0;
 	right: 0;
 	color: #ffffff;
 	padding: 1em;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	opacity: 0;
 	-webkit-transform: translateY(20px);
 	-moz-transform: translateY(20px);
 	-ms-transform: translateY(20px);
 	-o-transform: translateY(20px);
 	transform: translateY(20px);
 	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
 	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
 	transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
 }

 .cd-image-label.is-hidden {
 	visibility: hidden;
 }

 .is-visible .cd-image-label {
 	opacity: 1;
 	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	-o-transform: translateY(0);
 	transform: translateY(0);
 }

 .cd-resize-img {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 0;
 	height: 100%;
 	overflow: hidden;
 	/* Force Hardware Acceleration in WebKit */
 	-webkit-transform: translateZ(0);
 	-moz-transform: translateZ(0);
 	-ms-transform: translateZ(0);
 	-o-transform: translateZ(0);
 	transform: translateZ(0);
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 }

 .cd-resize-img img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	display: block;
 	height: 100%;
 	width: auto;
 	max-width: none;
 }

 .cd-resize-img .cd-image-label {
 	right: auto;
 	left: 0;
 }

 .is-visible .cd-resize-img {
 	width: 50%;
 	border-right: 4px solid black;
 	/* bounce in animation of the modified image */
 	-webkit-animation: cd-bounce-in 0.7s;
 	-moz-animation: cd-bounce-in 0.7s;
 	animation: cd-bounce-in 0.7s;
 }

 @-webkit-keyframes cd-bounce-in {
 	0% {
 		width: 0;
 	}

 	60% {
 		width: 55%;
 	}

 	100% {
 		width: 50%;
 	}
 }

 @-moz-keyframes cd-bounce-in {
 	0% {
 		width: 0;
 	}

 	60% {
 		width: 55%;
 	}

 	100% {
 		width: 50%;
 	}
 }

 @keyframes cd-bounce-in {
 	0% {
 		width: 0;
 	}

 	60% {
 		width: 55%;
 	}

 	100% {
 		width: 50%;
 	}
 }

 .cd-handle {
 	position: absolute;
 	height: 44px;
 	width: 44px;
 	/* center the element */
 	left: 50%;
 	top: 50%;
 	margin-left: -22px;
 	margin-top: -22px;
 	border-radius: 50%;
 	background: #fff url("https://images.clickfunnels.com/09/a714400d3211e7a0bd7d7140585054/cd-arrows.svg") no-repeat center center;
 	cursor: move;
 	border: 4px solid black;
 	opacity: 0;
 	-webkit-transform: translate3d(0, 0, 0) scale(0);
 	-moz-transform: translate3d(0, 0, 0) scale(0);
 	-ms-transform: translate3d(0, 0, 0) scale(0);
 	-o-transform: translate3d(0, 0, 0) scale(0);
 	transform: translate3d(0, 0, 0) scale(0);
 }

 .is-visible .cd-handle {
 	opacity: 1;
 	-webkit-transform: translate3d(0, 0, 0) scale(1);
 	-moz-transform: translate3d(0, 0, 0) scale(1);
 	-ms-transform: translate3d(0, 0, 0) scale(1);
 	-o-transform: translate3d(0, 0, 0) scale(1);
 	transform: translate3d(0, 0, 0) scale(1);
 	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
 	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
 	transition: transform 0.3s 0.7s, opacity 0s 0.7s;
 }

 .cd-image-container.is-visible>img {
 	width: 95%;
 }

 /*### PRODUCT SPECIFIC PAGE ###*/
 #image-menu li {
 	width: 33.33333%;
 	padding: 15px;
 	display: inline-block;
 	box-sizing: border-box;
 }

 #image-menun li {
 	width: 33.33333%;
 	padding: 15px;
 	display: inline-block;
 	box-sizing: border-box;
 }

 #image-menunn li {
 	width: 20%;
 	padding: 15px;
 	display: inline-block;
 	box-sizing: border-box;
 }

 #image-menu li:nth-child(4) {
 	width: 33.33333%;
 	padding: 15px;
 	display: inline-block;
 	box-sizing: border-box;
 	margin-left: 33.33333%;

 }



 #image-menu li a {
 	display: block;
 	text-align: center;

 }

 #image-menun li a {
 	display: block;
 	text-align: center;
 	color: inherit;

 }
 #image-menun  li a:hover {
    color: #1c2979 !important;
 }
 #image-menu li span {

 	background-color: #00217a !important;
 	border-radius: 10px !important;
 	padding: 12px 25px !important;
 	display: inline-block !important;
 	margin-top: 20px !important;
 	min-width: 170px !important;
 	text-align: center;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	font-weight: 700;
 	border: 2px solid #fff !important;
 	font-size: 0.8rem !important;
 	background-image: none !important;
 	color: #fff !important;
 	text-shadow: none !important;
 }

 #image-menun li span {

 	/*background-color: #00217a !important;*/
 	border-radius: 10px !important;
 	padding: 12px 25px !important;
 	display: inline-block !important;
 	margin-top: 20px !important;
 	min-width: 170px !important;
 	text-align: center;

 	letter-spacing: 1px;
 	font-weight: 700;
 	border: 2px solid #fff !important;
 	font-size: 1rem !important;
 	background-image: none !important;
 	text-shadow: none !important;
 }
 #image-menun li span:hover {
     color: #1c2979 !important;
 }

 #image-menunn li span {
 	width: 100%;
 	float: left;
 	min-width: 20px !important;
 	text-align: left;

 	font-weight: 700;
 	font-size: 0.8rem !important;
 	color: #000 !important;

 }

 #image-menunn .lianglie span {
 	width: 50% !important;
 	float: left;
 	min-width: 20px !important;
 	text-align: left;

 	font-weight: 700;
 	font-size: 0.8rem !important;
 	color: #000 !important;

 }
 #image-menunn .liangliey span {
 	width: 50% !important;
 	float: left;
 	min-width: 20px !important;
 	text-align: left;

 	font-weight: 700;
 	font-size: 0.8rem !important;
 	color: #000 !important;

 }
 #image-menunn .lianglie span:last-child {
 	width: 100% !important;

 }


 #image-menu li img {
 	width: 100%;
 	border: 1px solid #ccc;
 }

 #image-menun li img {
 	width: 100%;
 	height: 268px;
 	border: 1px solid #ccc;
 }

 /*### PRODUCT SPECIFIC PAGE ###*/
 #image-menu-row.nav {
 	display: block !important;
 }

 #image-menu-row li {
 	width: 100%;
 	padding: 15px;
 	display: initial;
 	box-sizing: content-box;
 }

 #image-menu-row ul li {
 	width: 33%;
 	padding: 15px;
 	display: inline-block;
 	box-sizing: border-box;
 }


 #image-menu-row li a {
 	display: block !important;
 	border: 1px solid #ccc;
 	font-size: 16px;
 }

 #image-menu-row li span {
 	padding: 20px;
 	display: block;
 	text-align: center;
 	line-height: 1.6;

 }

 #image-menu-row li img {
 	width: 100%;

 }

 #image-menu-row li .nav-header {
 	padding: 20px;
 	display: block;
 	text-align: left;
 	font-size: 20px;

 }



 .background-banner {
 	background-image: url("../image/products-banner.jpg");
 	background-size: cover;
 	padding-top: 140px;
 	padding-bottom: 120px;
 }

 .background-banner h2 {
 	font-size: 4.5rem;
 	text-transform: uppercase;
 	font-weight: 700;
 }

 @media(max-width: 979px) {
 	#image-menu li {
 		width: 50%;
 	}

 	#image-menun li {
 		width: 50%;
 	}

 	.background-banner h2 {
 		font-size: 3.5rem;
 	}

		 #image-menunn li {
		 	width: 33.333333%;
		 	padding: 15px;
		 	display: inline-block;
		 	box-sizing: border-box;
		 }
 #image-menu li:nth-child(4) {

 	padding: 15px;
 	display: inline-block;
 	box-sizing: border-box;
    width: 50%;
 	margin-left: 0;
 }
 }

 @media(max-width: 767px) {
 	#image-menu li {
 		width: 100%;
 	}

 	#image-menun li {
 		width: 100%;
 	}

 	.background-banner h2 {
 		font-size: 1.7rem;
 	}

 	.background-banner {
 		padding-top: 70px;
 		padding-bottom: 70px;
 	}
 }

 @media(max-width: 979px) {
 	#image-menu-row ul li {
 		width: 50%;
 	}

 	.background-banner h2 {
 		font-size: 3.5rem;
 	}
 }

 @media(max-width: 767px) {
 	#image-menu-row ul li {
 		width: 100%;
 	}

 	.background-banner h2 {
 		font-size: 1.7rem;
 	}

 	.background-banner {
 		padding-top: 70px;
 		padding-bottom: 70px;
 	}
 }


 /*### ABOUT US ###*/


 /*### DOWNLOADS ###*/

 .brochure {
 	display: flex;
 }

 .brochure .download {
 	margin-bottom: 25px;
 }

 .brochure .download>a>img {
 	margin: 30px 70px 25px 0px;
 	max-width: 155px;
 }

 .downloads .flex-container {
 	display: flex;
 }

 .downloads .flex-container div {
 	flex-grow: 1;
 	background-color: #fff;
 	border: 1px solid #ccc;
 	margin-right: 20px;
 }

 .downloads .flex-container div p {
 	font-size: 1.25rem;
 	text-align: center;
 	padding: 12px 15px 17px 15px;
 }

 .downloads .flex-container img {
 	width: 100%;
 }

 .moduletable.downloads img {
 	width: 150px;

 }

 .moduletable.downloads a {
 	margin: 0px 30px 0px 0px;
 	display: block;
 }

 .moduletable.downloads .brochure {
 	flex-wrap: wrap;
 }

 /* DOCMAN Downloads */
 .k-icon-document-pdf:before {
 	content: url("../image/pdf.svg");
 }

 .k-ui-namespace .koowa_header__item--image_container {
 	padding-right: 10px;
 }

 a.koowa_header__title_link {
 	color: #009CDB;
 }



 /*### APPLICATIONS ###*/
 .applications .sppb-addon-single-image-container {
 	overflow: hidden;
 	width:100%;
 }

 .applications .sppb-addon-single-image-container img {
 	max-width: 100%;
 	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
 	transition: all 0.3s;
 }

 .applications .sppb-addon-single-image-container img:hover {
 	-moz-transform: scale(1.1);
 	-webkit-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .k-ui-namespace .mod_docman ul li img {
 	width: auto;
 	height: auto;
 	max-width: none;
 	max-height: none;
 }

 .koowa_header img {
 	width: 16px !important;
 	margin-top: 0px !important;
 	padding-right: 0px !important;
 	vertical-align: inherit !important;
 }


 /*### DEALERS ###*/

 .flag {
 	width: 50px;
 	border-radius: 3px;
 	margin-right: 15px;
 	box-sizing: border-box;
 	vertical-align: text-top;
 }

 .dealer {
 	border-bottom: 1px solid #ccc;
 }

 .dealer h2 {
 	border-bottom: 3px solid #000;
 	padding-bottom: 10px;
 	font-weight: 700;
 }

 .dealer h3 {
 	font-size: 1.8rem;
 	font-weight: 700;
 }

 .dealer img[src="/images/logo/dertec-logo.svg"] {
 	max-width: 270px !important;
 }


 .dealer img.sppb-img-responsive {
 	width: 100%;
 }

 .dealer-person {
 	width: 50px;
 	border-radius: 50%;
 }

 /* Store locator */

 #sl_sidebar .result-container {
 	width: 100%;
 }

 #sl_sidebar tr td {
 	padding: 20px;
 	vertical-align: middle;
 	box-sizing: border-box;
 	width: 28%;
 }

 #sl_sidebar tr td:first-child {
 	width: 44%;
 }

 #sl_sidebar .loc-fulladdress {
 	border: 1px solid #ccc;
 	border-radius: 5px;
 }

 .btn-store {
 	color: #fff;
 	padding: 12px 20px;
 	border-radius: 3px;
 	background-color: #009CDB;
 	margin-bottom: 10px;
 	margin-top: 10px;
 	display: inline-block;
 }

 .loc-name {
 	display: none;
 }

 #sl_sidebar h5 {
 	font-size: 24px;
 }

 #sl_sidebar h5 img.flag {
 	vertical-align: bottom;
 }

 #sl_sidebar tr:first-child {
 	border-bottom: 1px solid #ccc;
 	background-color: #f5f5f5;
 }

 td ul {
 	margin-left: 20px;
 	margin-top: 10px;
 }

 td ul li {
 	padding-bottom: 5px;
 	padding-top: 5px;
 	line-height: 1.5;
 }

 #locate_form {
 	box-shadow: none;
 	margin: 50px auto;
 }

 #locate_form #addressInput {
 	display: none;
 }

 #locate_form h5,
 #locate_form .inputbox {
 	margin: 0 auto;
 	text-align: center;
 	display: block;
 }

 #sl_locate_results {
 	display: none;
 }

 #sl_sidebar {
 	margin: 0 auto;
 	max-width: 1170px;
 	max-height: none;
 }

 #sl_sidebar table {
 	width: 100%;
 }

 #sl_sidebar .result-inner:hover {
 	background: #fff;
 }

 #copyright-block {
 	display: none;
 }

 #sl_sidebar .result-inner {
 	border-bottom: none;
 }

 @media(max-width: 979px) {
 	#sl_sidebar tr td {
 		width: 100%;
 		display: block;
 	}
 }

 /*###############
##### FORMS #####
###############*/

 .rsform {
 	background-color: #fff;
 	border-radius: 10px;
 }

 .rsform-block {
 	margin-bottom: 0 !important;
 }

 .rsform-block.rsform-block-intro {
 	background: rgb(28, 41, 121);
 	background: linear-gradient(90deg, rgb(28, 41, 121) 0%, rgb(83, 140, 253) 100%);
 	text-align: center;
 	padding: 20px;
 	color: #fff;
 	font-size: 1.5rem;
 	font-family: 'Roboto condensed', Arial, sans-serif;
 	border-top-left-radius: 10px;
 	border-top-right-radius: 10px;
 	margin-bottom: 30px !important;
 }

 #rsform_5_page_0 .formSpan12 {
 	max-width: 770px;
 	border-radius: 10px;
 	margin: 0 auto;
 	display: table;
 }

 #rsform_5_page_0 .formRow {
 	display: flex;
 }

 .formControlLabel {
 	display: none;
 }

 .rsform-block-application .formControlLabel {
 	display: block;
 	font-weight: 700;
 	font-size: 1.3rem;
 	float: none;
 	width: auto;
 	margin-bottom: 8px;
 }

 .formDescription {
 	margin-top: 0px !important;
 }

 #userForm,
 #registerForm {
 	max-width: 650px;
 	border-radius: 10px;
 	box-shadow: 3px 3px 5px #ccc;
 	padding-bottom: 30px;
 	padding-top: 30px;
 }

 /* Contactdetails form */
 #contactdetailsForm {
 	max-width: 100%;
 	border-radius: 10px;
 	box-shadow: 3px 3px 5px #ccc;
 	padding-bottom: 30px;
 }


 #contactdetailsForm .formSpan6 {
 	background-color: #DDD;
 	border-radius: 10px;
 	min-height: auto;
 	margin-bottom: 30px;
 	width: 48%;
 }

 #contactdetailsForm .rsform-block {
 	margin: 0px 20px;
 }

 #contactdetailsForm .formControls {
 	padding: 0px;
 }

 #contactdetailsForm .formRow [class*="formSpan"] {
 	margin-left: 1%;
 	margin-right: 1%;
 }

 @media screen and (max-width: 650px) {
 	#contactdetailsForm .formRow [class*="formSpan"] {
 		width: 100%;
 	}


 }

 .rsform-block.rsform-block-general-company-information,
 .rsform-block.rsform-block-algemene-bedrijfsgegevens,
 .rsform-block.rsform-block-contact-details {
 	border: 0px solid #000;
 	border-radius: 10px;
 	padding: 10px;
 	background-color: #333;
 	color: #FFF !important;
 	font-size: 18px;
 	font-weight: 800;
 	margin-bottom: 20px !important;
 }


 .rsform-block.rsform-block-general-company-information p,
 .rsform-block.rsform-block-algemene-bedrijfsgegevens p,
 .rsform-block.rsform-block-contact-details p {
 	color: #FFF !important;
 }

 #contactdetailsForm .formBody {
 	line-height: 0px;
 }

 #contactdetailsForm input[type="text"] {
 	margin-bottom: 0px !important;
 }

 .rsform-block.rsform-block-visiting-address p,
 .rsform-block.rsform-block-shipping-address p,
 .rsform-block.rsform-block-invoice-address p,
 .rsform-block.rsform-block-logistics-packing-slip p,
 .rsform-block.rsform-block-purchase-order-confirmation p,
 .rsform-block.rsform-block-account-dep-invoices p,
 .rsform-block.rsform-block-bezoekadres p,
 .rsform-block.rsform-block-verzendadres p,
 .rsform-block.rsform-block-factuuradres p,
 .rsform-block.rsform-block-logistiek-pakbon p,
 .rsform-block.rsform-block-inkoop-orderbevestiging p,
 .rsform-block.rsform-block-financieel-facturen p {
 	margin: 15px 0px;
 }




 #contactdetailsForm .formSpan12 {
 	margin-bottom: 20px;
 }

 @media screen and (max-width: 650px) {
 	#contactdetailsForm .formHorizontal .rsform-block {
 		padding-top: 10px !important;
 	}
 }

 /* End Contactdetails form */
 /* Flipping book */


 /*
canvas.flipbook-3dcanvas {
    width: 100%!important;
	height: 100% !important;
}
*/
 /* end Flipping book */



 .formResponsive#callForm {
 	box-shadow: none;
 }

 .sp-page-builder .formResponsive {
 	box-shadow: none;
 }

 .formResponsive textarea,
 .formResponsive input[type="text"],
 .formResponsive input[type="number"],
 .formResponsive input[type="email"],
 .formResponsive input[type="tel"],
 .formResponsive input[type="url"],
 .formResponsive input[type="password"] {
 	border-radius: 5px;
 	box-shadow: none;
 	padding: 26px 18px;
 	box-sizing: border-box;
 	background-color: #f5f5f5;
 	border: none;
 	font-size: 1.125rem;
 	font-family: "roboto condensed", arial, sans-serif;
 	width: 100%;
 }

 .formResponsive .formHorizontal .formControls {
 	display: inline-block;
 	padding-left: 30px;
 	padding-right: 30px;
 	margin-left: 0;
 	width: 100%;
 	box-sizing: border-box;
 }

 .formResponsive .rsform-block-privacy {
 	color: #000;
 }

 .formResponsive p {
 	color: #b94a48;
 }

 .formResponsive a {
 	color: #000;
 }

 .formResponsive a {
 	text-decoration: underline;
 }

 .rsform-block-intro p {
 	color: #fff;
 }

 .formControls button {
 	margin-top: 20px;
 	background-color: #1c2979;
 }

 .rsform-block-submit {
 	margin-bottom: 30px !important;
 }

 .rsform-block-privacy {
 	margin-top: 15px;
 }

 .formResponsive input[type="submit"],
 .formResponsive button[type="submit"] {
 	background-color: #1c2979;
 	background-image: none;
 	background-repeat: repeat-x;
 	color: #ffffff;
 	text-shadow: none;
 	border: none;
 	font-family: "Roboto", Arial, sans-serif;
 	text-transform: uppercase;
 	padding: 12px 15px 12px 20px;
 	font-size: 1rem;
 	font-weight: 700;
 	letter-spacing: 1.5px;
 }

 .formResponsive button[type="submit"]:after {
 	content: '';
 	background: url("../image/arrow.svg");
 	width: 15px;
 	height: 13px;
 	background-size: 15px 13px;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 20px;
 }

 .rsform-block-message .formBody {
 	border-bottom: 1px solid #efefef;
 	margin-bottom: 10px;
 }

 .rsform-block-message {
 	margin-bottom: -30px;
 }

 .rsform-block-title {
 	margin-bottom: 15px !important;
 }

 #registerForm .formControlLabel {
 	display: block;
 	text-align: left;
 	padding: 0 30px 5px 30px;
 }

 #registerForm .rsfp-progress {
 	display: none;
 }

 #registerForm p {
 	color: #fff !important;
 }

 #registerForm .formSpan12 {
 	max-width: 770px;
 }

 .rsform-block-function .formControlLabel,
 .rsform-block-cv .formControlLabel,
 .rsform-block-upload-motivation .formControlLabel {
 	display: block;
 	padding-left: 30px;
 	padding-right: 30px;
 	margin-top: 10px;
 	text-align: left !important;
 }

 /*### Login form ###*/
 .login.item-page {
 	display: none;
 }

 .pretext {
 	width: 100%;
 	background: rgb(183, 134, 40);
 	background: linear-gradient(90deg, rgba(183, 134, 40, 1) 0%, rgba(252, 194, 1, 1) 100%);
 	display: block;
 	padding: 20px 30px;
 	border-top-right-radius: 10px;
 	border-top-left-radius: 10px;
 	box-sizing: border-box;
 	text-align: center;
 }

 .pretext p {
 	color: #fff;
 	font-family: "Roboto condensed", arial, sans-serif;
 	font-size: 1.5rem;
 }

 .moduletable.login,
 .mod-login {
 	width: 100%;
 	max-width: 470px;
 	border-radius: 10px;
 	box-sizing: border-box;
 	box-shadow: 3px 3px 5px #ccc;
 }

 .form-inline {
 	margin-top: 50px;
 }

 .rl_sliders .form-inline {
 	margin-top: 0px;
 }

 .rl_sliders.accordion>.accordion-group.icon>.accordion-heading>a.accordion-toggle span.rl_sliders-toggle-inner:before {

 	margin-right: 5px;
 }

 .moduletable.login .userdata {
 	padding: 30px 30px 0px 30px;
 }

 article .mod-login {
 	padding: 30px 30px 0px 30px;
 }

 .moduletable-login .controls .add-on {
 	display: block;
 	width: 100%;
 }

 .login .btn {
 	margin-top: 10px;
 }

 .moduletable.login input[type=text],
 .moduletable.login input[type=password],
 .mod-login input [type=text] {
 	width: 100%;
 	padding: 12px 18px;
 	box-sizing: border-box;
 	font-size: 1rem;
 }

 .mod-login__userdata li {
 	border-top: 1px solid #ccc;
 	padding: 15px 30px;
 	margin-left: -30px;
 	margin-right: -30px;
 	list-style-type: none;
 }

 .mod-login__userdata .unstyled {
 	margin-top: 30px;
 	margin-bottom: -30px;
 	margin-left: 0px;
 }

 .mod-login__userdata input {
 	margin-bottom: 20px;
 }

 .input-group-text {
 	padding: 0px;
 	border: 0px solid #ced4da;
 }

 input#modlgn-remember {
 	width: auto;
 }

 #jform_email-lbl {
 	margin-top: 20px;
 	display: block;
 }

 input#jform_email,
 #jform_username,
 #jform_token {
 	width: 240px;
 	padding: 15px;
 	margin-bottom: 10px;
 }

 .login-greeting {
 	display: none;
 }

 .input-password-toggle {
 	padding: 0px !important;
 	border: 0px !important;
 }

 @media all and (-ms-high-contrast: none),
 (-ms-high-contrast: active) {

 	.formResponsive textarea,
 	.formResponsive input[type="text"],
 	.formResponsive input[type="number"],
 	.formResponsive input[type="email"],
 	.formResponsive input[type="tel"],
 	.formResponsive input[type="url"],
 	.formResponsive input[type="password"] {
 		padding: 15px;
 		box-sizing: content-box;
 		width: 90%;
 		margin-bottom: 20px;
 	}
 }

 /*################
##### HOTSPOT #####
################*/


 .jai-map-container .point .bg {
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: contain;
 	font-family: 'fontAwesome';
 	font-size: .8em;
 	line-height: 30px;
 	height: 30px;
 	width: 30px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	text-align: center;
 	-webkit-text-stroke-width: 3px;
 	-webkit-text-stroke-color: white;
 }


 /*################
##### FOOTER #####
################*/

 footer .mainfooter {
 	background-color: #f5f5f5;
 	padding-top: 3.125rem;
 	padding-bottom: 3.125rem;
 	padding-left: 1rem;
 	padding-right: 1rem;
 }

 footer h3 {
 	font-size: 1.2rem;
 	margin-bottom: 20px;
 }


 footer .copyright .nav {
 	display: flex;
 	list-style-type: none;
 }

 footer .copyright {
 	padding-top: 1.25rem;
 	padding-bottom: 1.25rem;
 	width: 100%;
 	box-sizing: border-box;
 }

 footer .mainfooter .nav {
 	flex-direction: column;
 }

 footer ul li {
 	list-style-type: none;
    font-size: 0.8rem;
 }

 footer #copyright li:before {
 	content: "•";
 }

 footer .copyright .nav li a {
 	padding: 0.625rem 0.8rem;
 	display: inline-flex;
 }

 footer .copyright {
 	padding-left: 1rem;
 	padding-right: 1rem;
 }

 footer .copyright p {
 	display: inline-block;
 }

 footer .moduletable {
 font-size: 0.8rem;
 }

 footer .social-container {
 	display: inline-block;
 	float: right;
 }

 footer .copyright .social li a {
 	padding: 0px;
 }

 footer .copyright .social img {
 	width: 25px;
 	padding: 0px 5px;
 	box-sizing: content-box;
 }

 @media(max-width: 767px) {
 	footer .copyright .social img {
 		width: 40px;
 	}
 }

 @media(max-width: 767px) {
 	footer #copyright {
 		flex-direction: column;
 	}

 	footer .copyright {
 		flex-direction: column;
 		display: flex;
 	}

 	footer ul li {
 		display: inline-block;
 	}

 	footer h3 {
 		margin-top: 30px;
 		margin-bottom: 0px;
 	}

 	footer .mainfooter {
 		padding-top: 0rem;
 		padding-bottom: 1rem;
 	}

 	.mainfooter ul li {
 		display: block !important;
 	}

 	footer .social-container .moduletable {
 		width: 100%;
 	}
 }


 /*##################
##### PRODUCTS #####
##################*/


 /* Specs & Version table fix */

 .qxt-title {
 	font-size: 14px !important;
 }


 .product-title-centre .sppb-text-alignment {
 	width: 100% !important;
 	text-align: center !important;
 }

 .three-btn-row {
 	max-width: 30% !important;
 }

 .btn-match {
 	margin-right: 7px !important;
 	line-height: 25px !important;
 	float: left !important;
 }

 .hasTooltip {
 	background-color: transparent;
 }

 /*### LANGUAGES ###*/

 .dropdown-menu {
 	border: 0px solid rgba(0, 0, 0, .15);
 	border-radius: 0px;
 }

 div.mod-languages .dropdown-menu {
 	padding: 0px;
 }

 .moduletable.language {
 	position: absolute;
 	top: 16px;
 	z-index: 200000;
 	right: 0px;
 }

 .mod-languages .dropdown-menu {
 	z-index: 999;
 	padding-top: 0px !important;
 }

 .mod-languages .visually-hidden {
 	display: none;
 }

 .mod-languages .dropdown-toggle {
 	font-size: 0px;
 	background: none;
 	border-style: none;
 	box-shadow: none;
 	cursor: pointer;
 }




 .mod-languages .dropdown-menu:not(.show) {
 	display: none;
 }

 .mod-languages .dropdown-menu li {
 	margin: 0px !important;
 	padding: 0px !important;
 	margin-right: -16px !important;
 }

 @media (min-width: 1623px) {
 	.mod-languages .dropdown-menu li {
 		margin-left: -16px !important;
 	}
 }



 .mod-languages .dropdown-menu li a {
 	display: block;
 	padding: 1rem 1.5rem;
 	background-color: #252525;
 	font-size: 1.125rem;
 	color: #fff;
 }

 .language-mobile {
 	position: absolute;
 	right: 15px;
 	top: 36px;
 	z-index: 20;
 }

 .language-mobile .dropdown-toggle img {
 	width: 25px;
 }

 .mod-languages .dropdown-menu li a img {
 	margin-right: 2px;
 }

 /* Sliders */
 .rl_sliders.accordion>.accordion-group {
 	border: none !important;
 	margin-bottom: 20px;
 }

 .accordion-toggle {
 	border-top: 1px solid #ccc;
 	border-bottom: 1px solid #ccc;
 }

 .rl_sliders.accordion>.accordion-group.icon.active>.accordion-heading>a.accordion-toggle span.rl_sliders-toggle-inner:before {
 	position: absolute;
 	right: 20px;
 }

 .rl_sliders.accordion>.accordion-group.icon>.accordion-heading>a.accordion-toggle span.rl_sliders-toggle-inner:before {
 	position: absolute;
 	right: 20px;
 }

 .accordion-group {
 	position: relative;
 }

 .rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
 	position: relative;
 	background-color: #fff;
 }

 .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
 	background-color: #fff;
 }

 .rl_sliders.accordion>.accordion-group {
 	margin-bottom: -1px !important;
 }

 span.rl_sliders-toggle-inner.nn_sliders-toggle-inner {
 	color: #000;
 	font-weight: 400;
 	font-size: 18px;
 }

 .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
 	border-top: none;
 }

 .rl_sliders.accordion {
 	margin-top: 20px;
 	margin-bottom: 40px;
 }

 .rl_sliders.accordion>.accordion-group.icon>.accordion-heading>a.accordion-toggle span.rl_sliders-toggle-inner:before {
 	color: #009ee3;
 }

 .rl_sliders {
 	width: 100%;
 	max-width: 1110px;
 }

 .rl_sliders.accordion>.accordion-group {
 	border: 1px solid #e5e5e5;
 	border-radius: 0;
 	padding: 0px;
 	margin-bottom: 10px;
 }

 .accordion-inner img {
 	/*    width: 40px;*/
 	vertical-align: bottom;
 	padding-right: 10px;
 	box-sizing: content-box;
 	margin-top: 7px;
 }

 .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
 	padding: 18px 25px;
 }

 .rl_sliders.accordion>.accordion-group.active>div>a:focus,
 .rl_sliders.accordion>.accordion-group>div>a:focus {
 	box-shadow: none;
 }

 .rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
 	background-color: transparent;
 }

 .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
 	background-color: #f5f5f5;
 }

 .location-title {
 	text-align: center;
 }

 .resultmymap,
 .detailsicon {
 	display: none !important;
 }

 .dealer-tab-8 {
 	width: 50%;
 	vertical-align: top;
 }

 .dealer-table-logo {
 	vertical-align: middle;
 }

 .dealer-table-logo img {
 	max-width: 330px;
 }

 .dealer-separator {
 	height: 1px;
 	width: 100%;
 	background-color: #ccc;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }

 .dealer-tab-8 ul li {
 	line-height: 1;
 }

 .formResponsive p {
 	color: black;
 }

 .rsform-block-intro p {
 	color: white;
 }

 .janone_layout {
 	text-align: center !important;
 }

 #vierhetmetons-form label.formControlLabel {
 	display: block;
 }

 #vierhetmetons-form .rsform-block-naam,
 #vierhetmetons-form .rsform-block-telefoon,
 #vierhetmetons-form .rsform-block-meenemen,
 #vierhetmetons-form .rsform-block-email {
 	display: flex;
 	justify-content: space-between;
 	text-align: left;
 	flex-wrap: wrap;
 }

 #vierhetmetons-form .rsform-block-naam::before,
 #vierhetmetons-form .rsform-block-telefoon::before,
 #vierhetmetons-form .rsform-block-meenemen::before,
 #vierhetmetons-form .rsform-block-email::before {
 	display: none;
 }

 #vierhetmetons-form .rsform-block-naam::after,
 #vierhetmetons-form .rsform-block-telefoon::after,
 #vierhetmetons-form .rsform-block-meenemen::after,
 #vierhetmetons-form .rsform-block-email::after {
 	display: none;
 }

 #vierhetmetons-form .rsform-block-naam .formControlLabel,
 #vierhetmetons-form .rsform-block-telefoon .formControlLabel,
 #vierhetmetons-form .rsform-block-email .formControlLabel {
 	margin-top: 7px;
 	text-align: left;
 	padding-left: 30px;
 	width: 30%;
 }

 #vierhetmetons-form .rsform-block-meenemen .formControlLabel {
 	width: 100%;
 	text-align: left;
 	padding-left: 30px;
 	margin-bottom: 15px;
 }


 #vierhetmetons-form .rsform-block-naam .formControls,
 #vierhetmetons-form .rsform-block-telefoon .formControls,
 #vierhetmetons-form .rsform-block-email .formControls {
 	width: 60%;
 }

 #vierhetmetons-form .rsform-block-aanwezig .formBody {
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: 30px;
 }

 #vierhetmetons-form h2 {
 	padding-left: 30px;
 	padding-top: 30px;
 }

 .button-wrapper {
 	display: flex;
 }

 @media(max-width: 768px) {
 	.button-wrapper {
 		flex-wrap: wrap;
 	}
 }

 @media(max-width: 499px) {
 	.button-wrapper a {
 		width: 100% !important;
 		justify-content: center;
 	}
 }

 .button-wrapper a {
 	display: flex !important;
 	align-items: center;
 	width: fit-content;
 }

 @media(min-width: 980px) {
 	html[lang="en-GB"] #image-menu-row .image-title {
 		min-height: 92px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}
 }

 @media(min-width: 768px) {
 	html[lang="en-GB"] #image-menu .image-title {
 		min-height: 82px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}

 	html[lang="en-GB"] #image-menun .image-title {
 		min-height: 82px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}

 }

 .dropdown-menu[data-bs-popper] {
 	right: 0;
 	left: inherit;
 }

.sppb-row .w1200{
max-width: 1280px;
}

.sppb-row .picScroll-left {
	position: relative;
	padding-top: 15px;
}
.sppb-row .picScroll-left .hd {
	text-align: center;
	margin-top: 27px;
}
.sppb-row .picScroll-left .hd ul {
	display: inline-block;
	zoom: 1;
*display: inline;
}
.sppb-row .picScroll-left .hd ul li {
	width: 30px;
	height: 1px;
	background: #bfbfbf;
	float: left;
	margin: 0 8px;
	text-indent: -1000px;
	overflow: hidden;
}
.sppb-row .picScroll-left .hd ul li.on {
	background: #1f6eb1;
}
.sppb-row .picScroll-left .bd ul {
	zoom: 1;
}
.sppb-row .picScroll-left .bd ul li {
	width: 33%;
	margin-right: 15px;
	text-align: center;
	margin-bottom: 15px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
  float: left;
  list-style: none;
  background-color: #fff;
}
.sppb-row .picScroll-left .bd ul li img {
	width: 100%;
	height: 300px; 
	display: block;
	border: 1px solid #ddd;
	border-bottom: 0;
	background-color: #fff;
	overflow: hidden;
}
.sppb-row .picScroll-left .bd ul li span {
	display: block;
	margin: 11px auto;
	width: 35px;
	height: 1px;
	background: #dbdbdb;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.sppb-row .picScroll-left .bd ul li h3 {
	font-size: 20px;
	font-weight: 100;
	line-height: 42px;
	padding-top: 14px;
}
.sppb-row .picScroll-left .bd ul li p {
	color: #666;
	height: 30px;
	line-height: 24px;
	text-align: justify;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.sppb-row .picScroll-left .bd ul li .con {
	padding: 0 25px 26px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.sppb-row .picScroll-left .bd ul li:hover {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
.sppb-row .picScroll-left .bd ul li:hover .con {
	border-bottom: 2px solid #1f6eb1;
	padding: 0 25px 25px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.sppb-row .picScroll-left .bd ul li:hover .con span {
	background: #1f6eb1;
}
.sppb-row .picScroll-left .bd ul li:hover p {
	color: #666;
}