/* Qarpa
 Copyright 2018 All rights reserved
 Qarpa Solutions BV
 ** Design is not just what it looks like and feels like. Design is how it works. **
 info@qarpa.eu
 http://qarpa.eu
 April 2019 
   */

/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}

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

/*
geel ? HEX #FFC107
blauw ? HEX #3F51B5 

font-family: 'Roboto', sans-serif;
font-family: 'Gloria Hallelujah', cursive;
*/

html {
	height: 100%;
	scroll-behavior: smooth;
	}

body {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.3vw);
	font-weight: 300;
	margin-top: 0;
	padding-top: 0;
	height: 100%;
	text-align: justify;
	}
@media screen and (min-width: 1400px) {
  body{
     font-size: 16px;
  }
}

img.responsive {
    max-width: 90%;
    height: auto;
	}

.onhoverimg {
	opacity: 0;
	}
	.onhoverimg:hover,
	.onhoverimg:active,
	.onhoverimg:focus {
		opacity: 1;
		}

/* verwijderd oude template voor kunena template
a[id]:before {
    content:"";
    display:block;
    height:150px;
    margin:-130px 0 0;

.mainwrapper h2 {
			margin-left: -6vw;
			margin-right: -6vw;
			}
}*/

/*  Global Formatting */
h1, h2, h3, h4, h5, h6 { color: #3F51B5;}
h1 {font-family: 'Quicksand', sans-serif;
	font-size: calc(24px + 1vw);
    padding: 30px 0;
	text-align: center;}
h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(24px + 1vw);
    padding: 30px 0;
	text-align: center;
	}
h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(20px + 0.6vw);
    padding: 30px 0;
	text-align: center;
	}
h4 {font-size: calc(14px + 0.3vw);font-weight: 400;padding: 0 0 10px;}
h5 {font-size: calc(14px + 0.3vw);font-weight: 400;padding: 30px 0;}
h6 {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(18px + 1vw);
    padding: 20px 0;
	text-align: center;
	}
tr{}
td{}
th{}
a {color: #8a3089;; font-weight: 400; text-decoration:none}
a:hover {color: #000;}
a:visited {color: #8a3089;;}
a img, a img:hover  {border:0;}

strong {
	font-weight: 400;
	}

li
{
/* line-height: 14px; */
padding-left: 0px;
padding-top: 0px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

ul { list-style: disc; padding: 5px 0 5px 20px;}

ul.twocolumn {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	column-gap: 40px;
	}

ol { padding-left: 23px;}

body .item-page .item-image {
  display: none !important;
}
body .showimg .item-image {
  display: block !important;
}

b {
	font-weight: 400 !important;
	}

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

.videoWrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
	}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

.animate-in .slide1 {
    top: 20%;
    left: 7%;
	}

.animate-in .slide2-img {
    right: auto;
    left: 4%;
	}
.slide2 .rbs_readon {
	/*display: none !important;*/
	}

#responsivebannerslider .seqtitle {
	font-family: 'Quicksand', sans-serif;
	}
	#responsivebannerslider .seqtitle a {
		font-weight: 600;
		}

.zullentotlevenbrengen h3 {
	padding: 0 0 10px;
	}
	.zullentotlevenbrengendiv {
		max-width: 620px;
		margin: 0 auto 60px;
		}

/* #######################  END GENERAL SETTINGS ############################ */

.scrollopzij { display: none; }

.mean-nav li a::first-letter {
	text-transform: uppercase;
	}

.editorclass .divblok { /* editorclass set in global conf of jce to override standard css */
	opacity: 1 !important;
	}

/* vm template settings */ 
	
	/* add to cart popup */
	#fancybox-outer,
	#fancybox-content {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
	.vm-btn, 
	.vm-btn:link, 
	.vm-btn:active, 
	.vm-btn:visited {
		font-size: 12px;
		}
	#fancybox-content .continue_link {
		width: 40%;
		}
	#fancybox-content .showcart {
		width: 40%;
		}
	#fancybox-content h4 {
		font-weight: 400;
		padding: 10px 0 10px;
		}

	/* vm product category view */ 
	
	.orderlistcontainer {
		font-size: 14px;
		position: relative;
		}
		.orderlistcontainer .title {
			float: left;
			margin-right: 10px;
			}
		.orderlistcontainer div.activeOrder {
			float: left;
			margin-top: -2px;
			border: solid #808080 1px /* lightgray-color */;
			padding: 2px 2px 1px 8px;
			}
		.orderlistcontainer div.orderlist {
			right: 0;
			top: 20px;
			}
	.orderby-displaynumber {
		padding: 10px 0 1px;
		border-bottom: solid #ccc 1px;
		border-top: solid #ccc 1px;
		}
		.display-number {
			font-size: 14px;
			position: relative;
			top: -4px;
			}
			.display-number select::-ms-expand,
			.filterwrapper select::-ms-expand {
				display: none;
				}
			.orderlistcontainer div.activeOrder,
			.display-number select,
			.filterwrapper select {
				background: #fff url(../images/angle-double-down-solid.svg) no-repeat;
				background-size: 8px 12px;
				background-position: top 6px right 8px;
				background: none;
				}
				.orderlistcontainer a {
					display: inline-block;
					}
				.orderlistcontainer div.activeOrder:after,
				.display-number:after,
				.filterwrapper select:after {
					display: inline-block;
					font-style: normal;
					font-variant: normal;
					padding-right: 8px;
					margin-left: 8px;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					content: "\f103";
					color: #0e467c;
					}
					.display-number:after {
						position: absolute;
						top: 6px;
						right: 0;
						z-index: 1;
						}

			.display-number select,
			.filterwrapper select {
				display: inline-block;
				z-index: 2;
			    font-size: 14px;
				margin-left: 10px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				-webkit-appearance: none;
				   -moz-appearance: none;
					-ms-appearance: none;
					 -o-appearance: none;
						appearance: none;
				padding: 2px 22px 2px 6px;
				cursor: pointer;
				border: solid #808080 1px /* lightgray-color */;
				}
			.activeOrder a::before {
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				padding-right: 8px;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				font-family: "Font Awesome 5 Free"; 
				font-weight: 900; 
				content: "\f0dc";
				}

	
	.vm-products-horizon .vm-product-media-container {
		max-width: none;
		margin-bottom: 5px;
		}
	.spacer.product-container {
		border: 1px solid #ddd;
		margin: 2px;
		overflow: hidden;
		}
	.vm-products-horizon .product-container {
		margin-top: 10px;
		}
	.vm-products-horizon .vm3pr-2 {
		
		}
	.browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {
		width: auto;
		height: auto;
		vertical-align: middle; /* removes strange padding below image inside border */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		width: 100%;
		height: 150px;
		object-fit: contain;
		}
	.spacer.product-container {
		border: none;
		}
	.horizontal-separator {
		display: none;
		}
	.horizontalseparator {
		border-bottom: 1px solid #ccc !important;
		}
	.vertical-separator {
		
		
		}

	.productcat-media {
		width: 40%;
		float: left;
		}
	.productcat-desc {
		width: 60%;
		padding-left: 20px;
		float: left;
		box-sizing: border-box;
		}
	
	.grid .productcat-media {
		width: 100%;
		float: none;
		text-align: center;
		border: 1px solid #808080;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-bottom: 10px;
		}
	.grid .productcat-desc {
		width: 100%;
		padding-left: 0;
		float: none;
		}
		
	/* end vm product category view */ 

	/* vm shopping cart (one-page-checkout) view */ 

	.cart-view {
		margin-top: 30px;
		text-align: center;
		}

	.opc-order-name .cart-images {
		width: 60px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
	#opc-confirm div.customer_note {
		margin-bottom: 10px;
		}
	#opc-confirm div.customer_note.tos {
		margin-bottom: 30px;
		}
		.vm2-termsofservice-icon {
			margin-top: -4px;
			margin-left: 10px;
			}
		#opc-confirm div.customer_note div.terms-of-service {
			position: relative;
			top: 10px;
			}
	.order-coupon-code span#addCouponCode {
		background-color: #404040;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	#opc-confirm #submit_order_done {
		background-color: #fc7215;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	
	#bd_results {
		text-align: left;
		}

	.logIn-popup {
		color: #0e467c !important;
		}

	.opc-module-content form.opc-form#shipmentForm .opc-shipment,
	.opc-module-content form.opc-form#paymentForm .opc-payment {
		overflow: hidden;
		margin-bottom: 7px;
		}
	.opc-module-content .vmshipment_description {
		display: none;
		}

	.opc-order-name .name-val a {
		color: #0e467c;
		}

	.logIn-popup {
		padding-left: 25px;
		}
	.logIn-popup:before {
		font-family: 'Font Awesome 5 Free';
		content: "\f2f6"; /* FontAwesome Unicode */
		display: inline-block;
		margin-left: -1.5em; /* same as padding-left set on li */
		width: 1.5em; /* same as padding-left set on li */
		font-weight: 900;
		}

	form#logInForm p.opc-login-val input[type=text],
	form#logInForm p.opc-login-val input[type=password] {
		width: 90%;
		max-width: 90%;
		margin-bottom: 10px !important;
		}
	form#logInForm div.opc-login-action .action-login {
		margin: 10px 0 0;
		}

	.chzn-container-single .chzn-single div {
		top: 4px;
		width: 13px !important;
		}

	.opc-table li.opc-order-price,
	.opc-table li.opc-order-total,
	.opc-table li.opc-order-discount,
	.opc-table li.opc-order-tax,
	.order-result .result-total {
		white-space: nowrap;
		}
	
	/* refresh/update aantal button werkt nog niet, in layout 'uitgeschakeld' */
		.opc-table li.opc-order-qty .quantity_product {
			border: none;
			pointer-events: none; 
			height: auto;
			padding: 0 !important;
			background: none;
			font-size: 13px;
			}
		.opc-table .opc-order-qty .delete-product-cart {
			top: 5px;
			}
		.opc-table .opc-order-qty .update-quantity {
			display: none;
			}
	form#logInForm div.opc-login-action .action-login span,
	#submit-logout {
		line-height: unset;
		height: unset;
		border: solid #ccc 1px;
		border-radius: 4px;
		color: #404040;
		margin-bottom: 2px;
		padding: 5px 15px 4px;
		font-family: 'Open Sans', sans-serif /* main-font */;
		font-size: calc(12px + 0.3vw);
		font-weight: 300;
		background-color: #ddd;
		}

	#opc-confirm .terms-of-service label a {
		color: #0e467c;
		}

	#opc-wapper.ajax-running::before {
		content: '';
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(221, 221, 221, 0.65);
		z-index: 999;
		background-image: url(../images/breinspinner-matte.gif);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 80px 80px;
		}

	/* end vm shopping cart (one-page-checkout) view */

	/* Virtuemart product category pagina */

.category-view {
	/* min-height: 440px; */
	margin-top: 20px;
	margin-bottom: 0;
	}

span.addtocart-button span.addtocart-button, 
span.addtocart-button input.addtocart-button, 
span.addtocart-button input.notify-button {
    background: #0077B3;
	border: solid #00669a 1px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	}
.availability {
    text-align: left;
    margin: -10px 0 0;
    position: relative;
	max-width: 230px;
	}

.category-view .product_s_desc {
	height: auto;
	margin-bottom: 20px;
	}
.category-view h2 {
	font-size: 150%;
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
	}

.vm-products-horizon .product-price {
    float: left;
	clear: both;
	}
	.vm-price-desc {
		display: none;
		}
	.vm-products-horizon .product-price {
		margin-top: 10px;
		}
		.vm-products-horizon .product-price .PricesalesPrice {
			font-weight: 600;
			font-size: 18px !important;
			}
.vm3pr-4 .vm-customfields-wrap {
    min-height: 0;
	}

.category-view .row .category .spacer, 
.featured-view .spacer, 
.discontinued-view .spacer, 
.latest-view .spacer, 
.topten-view .spacer, 
.recent-view .spacer, 
.related-products-view .spacer, 
.browse-view .row .product .spacer {
    padding: 0 10px;
	}

.category-view .productcat-desc h1 {
	display: none;
	}

.category-view .PricetaxAmount {
	display: none;
	}

div.product {
    padding-bottom: 7px;
	}


	/* End Virtuemart product category pagination */

		.vm-pagination-name-container {
			margin-top: 30px;
			overflow: auto;
			}
			.vm-pagination-name {
				margin: 0 auto;
				width: 100%;
				}
				.vm-pagination-name .pagenav {
					padding: 3px 5px;
					margin: 0;
					color: #0e467c;
					border: none;
					background: none;
					}
				.vm-pagination-name span.pagenav {
					color: #404040;
					}
				.vm-pagination-name-left,
				.vm-pagination-name-right {
					display: inline-block;
					}
				.vm-pagination-name ul li {
					display: none;
					}
				.vm-pagination-name-left .pagination-prev,
				.vm-pagination-name-right .pagination-next {
					display: inline;
					position: relative;
					}
				.vm-pagination-name-right .pagination-start {
					display: inline-block;
					background:url(../../../images/logo-tekst-150.png) 0 0 no-repeat;
					height:21px;
					width:150px;
					overflow:hidden;
					}
				.vm-pagination-name-right .pagination-start a,
				.vm-pagination-name-right .pagination-start a:visited,
				.vm-pagination-name-right .pagination-start a:hover,
				.vm-pagination-name-right .pagination-start span {
					opacity: 0;
					}
					.vm-pagination-name-left .pagination-prev .pagenav,
					.vm-pagination-name-right .pagination-next .pagenav,
					.vm-pagination-name-left ul,
					.vm-pagination-name-right ul{
						padding: 0;
						}
						.vm-pagination-name-left .pagination-prev .pagenav {
							padding-right: 10px;
							visibility: hidden;
							display: inline-block;
							width: 20px;
							}
						.vm-pagination-name-right .pagination-next .pagenav {
							padding-left: 10px;
							visibility: hidden;
							display: inline-block;
							width: 20px;
							}
						.vm-pagination-name-left .pagination-prev .pagenav:after{
							font-size: 14px;
							margin-top: 4px;
							font-family: "Font Awesome 5 Free"; 
							font-weight: 900; 
							content: "\f053";
							visibility: visible;
							position: absolute;
							top: -3px;
							right: 15px;
							} 
						.vm-pagination-name-right .pagination-next .pagenav:before{
							font-size: 14px;
							margin-top: 4px;
							font-family: "Font Awesome 5 Free"; 
							font-weight: 900; 
							content: "\f054";
							visibility: visible;
							position: absolute;
							top: -3px;
							left: 10px;
							} 


		.vm-pagination-bottom {
			float: none;
			padding-top: 10px;
			}
		.vm-pagination-bottom .pagenav {
			padding: 3px 5px;
			margin: 0;
			color: #0e467c;
			border: none;
			background: none;
			}
		.vm-pagination-bottom a.pagenav,
		.vm-pagination-bottom a.pagenav:visited {
			color: #0e467c;
			}
		.vm-pagination-bottom span.pagenav {
			color: #404040;
			font-weight: 600;
			}
		.vm-pagination-bottom .pagination-start,
		.vm-pagination-bottom .pagination-end {
			display: none;
			}
		.vm-pagination-bottom .pagination-prev {
			font-size: 13px;
			padding-right: 30px;
			}
		.vm-pagination-bottom .pagination-next {
			font-size: 13px;
			padding-left: 30px;
			}
		.vm-pagination-bottom .pagination-prev span.pagenav {
			font-weight: 300;
			}
		.vm-pagination-bottom .pagination-next span.pagenav {
			font-weight: 300;
			}

	/* Virtuemart product category pagination */

	/* listgrid settings */

	.listgridicons .fa-th,
	.listgridicons .fa-bars {
		cursor: pointer;
		}
	.listgridicons .fa-th {
		color: #ccc;
		}
	#listgrid.grid .listgridicons .fa-th {
		color: #404040;
		}
	#listgrid.grid .listgridicons .fa-bars {
		color: #ccc;
		}
	#listgrid.grid .listgridrow {
		flex-wrap: nowrap;
		}
	#listgrid.grid .horizontalseparator {
		border-bottom: none !important;
		}
	#listgrid.grid .horizontal-separator {
		display: block;
		}
	#listgrid.grid .vertical-separator {
		border-right: 1px solid #ccc !important;
		}
		#listgrid.grid .vertical-separator:last-of-type {
			border-right: none !important;
			}

	#listgrid.grid .vm-products-horizon.vm-col {
		width: 33.33%;
		}

	/* end listgrid settings */


/* End Virtuemart product category pagina */

/* Virtuemart product detail pagina */

.vm-product-container {
	clear: both;
	padding-top: 20px;
	}

.product-description {
	clear: both;
    width: 70%;
    margin: 0 auto !important;
	padding-top: 10px;
	}
	.product-description .title {
		font-weight: 600;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 10px;
		}
.back-to-category {
	margin-top: -35px;
	float: left;
	display: none;
	}

	/* catproduct */

	.catproduct_form {
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		
	.catproducttable tbody tr.row_attached_product {
		display: none; /* titels boven de tabellen */
		}

	td.cell_salesPrice,
	td.cell_sum_salesPrice,
	td.total_salesPrice {
		white-space: nowrap;
		}
	table.catproducttable { 
		border-collapse: collapse; 
		}
		table.catproducttable tr {
			border-bottom: 1px solid #ccc;
			}
			table.catproducttable tr.row_total_discountAmount,
			table.catproducttable tr.row_total_salesPrice,
			table.catproducttable tr:last-of-type {
				border-bottom: none;
				}
			table.catproducttable th:first-of-type,
			table.catproducttable td:first-of-type {
				text-align: left;
				}
			table.catproducttable th.cell_sum_salesPrice,
			table.catproducttable td.cell_salesPrice,
			table.catproducttable td.cell_quantity,
			table.catproducttable tr.row_total_discountAmount td,
			table.catproducttable tr.row_total_salesPrice td,
			table.catproducttable tr.row_article td:last-of-type {
				text-align: right;
				}
			table.catproducttable td.cell_stock {
				text-align: center;
				}
			.catproducttable .cell_sum_salesPrice {
				width: 85px;
				}
			.quantity-box .quantity-input, .cart-summary .quantity-input {
			    font-weight: 400;
				}
				
	.catproduct_form thead tr {
		background: #0e467c; /* sub-color-1 (blauw) */
		border: none;
		color: #fff;
		}
	.catproduct_form th.cell_stock {
		text-align: center;
		}
	.catproduct_form th,
	.catproduct_form td {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: .5em !important;
		padding-right: .5em !important;
		}
	.catproduct_form span.quantity-controls {
		vertical-align: top;
		margin: 4px 0 -3px 1px;
		}
	.catproduct_form span.quantity-box {
		vertical-align: top;
		margin-top: 4px;
		}

	.cell_addToCart span.addtocart-button {
		margin-top: 10px;
		width: 100%;
		}
	span.addtocart-button input.notify-button {
		width: 100%;
		background: #0e467c; /* sub-color-1 (blauw) */
		border: 1px solid #0e467c; /* sub-color-1 (blauw) */
		}
	span.addtocart-button span.addtocart-button, 
	span.addtocart-button input.addtocart-button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		background: #fc7215; /* main-color (oranje) */
		border: 1px solid #fc7215; /* main-color (oranje) */
		color: #000;
		}
	.category-view span.addtocart-button span.addtocart-button, 
	.category-view span.addtocart-button input.addtocart-button {
		padding: 10px;
		font-size: 18px;
		}
	
	/* end catproduct */

.product-field-type-S,
.product-field-type-X,
.product-field-type-Y,
.product-field-type-M {
	display: flex !important;
	margin-bottom: 10px !important;
	}
	.product-field-type-S.selectveld {
		display: block !important;
		}
		.selectveld .product-fields-title-wrapper {
			float: right;
			margin-bottom: 12px;
			margin-right: 0px;
			width: 100%;
			text-align: right;
			}
		.selectveld .product-field-display {
			float: right;
			}
		.selectveld .chzn-container {
			border: 1px solid #ff6600;
			}
		.selectveld .chzn-container-single .chzn-single span {
			text-align: right !important;
			}
		.selectveld .chzn-container .chzn-results li.active-result {
			text-align: right;
			}
		.selectveld .chzn-container-single .chzn-single div {
			top: 0;
			}
.product-fields-title-wrapper {
	min-width: unset;
    font-weight: unset;
    padding: unset;
	min-width: 110px;
	margin-right: 5px;
	}
.productdetails-view .product-description, .product-fields {
    margin-top: 10px;
	}
.chzn-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    max-width: 100%;
    margin-top: -5px;
    margin-bottom: 4px;
    padding: 2px 5px;
    font-size: calc(12px + 0.3vw);
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ebebeb;
	}
	.chzn-container-active .chzn-single {
		border: none;
		box-shadow: none;
		}
	.chzn-container-single .chzn-single {
		position: relative;
		display: block;
		overflow: hidden;
		padding: 0 0 0 8px;
		height: 23px;
		border: none;
		border-radius: 5px;
		background: none;
		background-clip: unset;
		box-shadow: none;
		color: #000;
		font-weight: 300;
		text-decoration: none;
		white-space: unset;
		line-height: 24px;
		}
		.chzn-container-single .chzn-drop {
			margin-top: 7px;
			}
		.chzn-search {
			display: none !important;	
			}
.product-related-products .product-fields-title {
	width: 110px;
	margin-right: 5px;
	}
.product-related-products .product-fields-title-wrapper {
	width: unset;
	margin-right: unset;
	}
.product-related-products .product-price .PricesalesPrice {
    font-weight: unset !important;
    font-size: unset !important;
    line-height: unset !important;
	}
.product-field-display {
	vertical-align: unset;
	}
.product-field.extrainfo {
	margin-top: 20px;
	}
.product-field-display img {
	
	}

.category-view .addtocart-area {
	/*display: block !important;*/
	}

span.quantity-box {
    float: left;
	}
span.quantity-controls {
    margin: 2px 0 0 3px;
    float: left;
	}
span.addtocart-button {
    float: left;
    margin-left: 5px;
	}

.vm-product-details-container h1 {
	font-size: 30px;
	padding-bottom: 20px;
	}

.product-short-description h1 {
	display: block;
	}

.productdetails-view .PricetaxAmount {
	display: none;
	}

.fotorama__stage,
.fotorama img {
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
    border-radius: 10px !important;
	}
.fotorama__thumb {
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	.fotorama__thumb-border {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #fff !important;
	}
.fotorama__thumb-border {
    border-color: #ff6600 !important;
	}
.fotorama__thumb {
    background: #fff !important;
	}

.productdetails-view .product-short-description {
	
	}
.productdetails-view .product-price {
	float: right;
	}
	.productdetails-view .product-price .PricesalesPrice {
		font-weight: 600;
		font-size: calc(20px + 0.3vw);
		line-height: calc(26px + 0.3vw);
		}
.productdetails-view .addtocart-area {
	margin-bottom: 15px;
	}
	.productdetails-view .addtocart-bar {
		float: right;
		margin: 24px 0 10px;
		}
	.product-related-products .productdetails-view .product-price .PricesalesPrice {
		font-weight: unset;
		font-size: unset;
		line-height: unset;
		}
	

.productdetaildriedgeprint {
	padding: 10px;
    border: 1px solid #8a3089;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0;
	}
	.productdetaildriedgeprint .driedtitel {
		width: fit-content;
		margin: -20px auto 5px;
		padding: 0 10px;
		background: #fff;
		font-weight: 400;
		}

.product-related-products .product-fields-title {
	font-size: 23px;
	margin: 10px auto;
	display: block;
	width: fit-content;
	font-weight: 400;
	}
.product-related-products .product-field-display {
	max-width: 200px;
	margin: 0 auto;
	}
.product-related-products .product-field-type-R, 
.product-related-products .product-field-type-Z {
    float: unset;
	}
.product-related-products .PricetaxAmount {
	display: none;
	}
.product-related-products .vm-product-media-container {
	text-align: left;
	}
.product-related-products .vm-product-media-container a {
	margin: 10px 0 5px;
    font-size: 18px;
    display: block;
	}
	.product-related-products .vm-product-media-container a img {
		margin: -10px 0 -5px;
		}
.product-related-products .vm-product-media-container p {
	margin-bottom: -20px;
	}
.product-related-products .productwrapper {
	display: flex;
    justify-content: center;
	}
.product-related-products .product_s_desc {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
	}
.product-related-products, 
.product-related-categories {
    margin-top: 20px;
	}

/* end Virtuemart product detail pagina */

/* Virtuemart account pagina */
#ui-tabs ul#tabs {
    border-bottom: 1px solid #ccc;
	overflow: visible;
	}
	#ui-tabs ul#tabs li {
		display: inline-block;
		background: #ccc;
		color: #444;
		background: none;
		border: 1px solid #ccc;
		margin-bottom: -1px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		}
		#ui-tabs ul#tabs li.current {
			border-bottom: 1px solid #fff;
			background: none;
			}
/* end virtuemart account pagina */

/* end vm template settings */ 

/* alert message */

.alert {
    padding: 8px 35px 8px 14px;
    background: #0e467c /* sub-color-1 (blauw) */;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	}

.alert, .alert h4 {
    color: #fff;
	}

.alert-success {
    background-color: #468847;
	}

.alert .close {
	display: none;
	position: relative;
    top: -2px;
    right: -21px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.alert .close:hover, .alert .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
	}

/* end alert message */

#responsivebannerslider .subseqtitle, #responsivebannerslider p {
    line-height: unset !important;
	}
	#responsivebannerslider .subseqtitle strong, #responsivebannerslider p strong {
		padding-bottom: 10px;
		display: block;
		}

.slick-next, .slick-prev {
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px\9;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
	}
.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0;
	}
.slick-prev {
    left: -40px;
	}
	.slick-prev:before {
		font-family: "Font Awesome 5 Free";
		content: "\f137";
		font-weight: 900;
		color: #0f3089;
		font-size: 20px;
		}
.slick-next {
    right: -40px;
	}
	.slick-next:before {
		font-family: "Font Awesome 5 Free";
		content: "\f138";
		font-weight: 900;
		color: #0f3089;
		font-size: 20px;
		}
		.slick-prev:hover:before,
		.slick-next:hover:before {
			color: #ff6600 !important;
			}
.slick-slide {
    margin: 0 20px;
	text-align: left;
	}
	.slick-slide .vm-customfields-wrap {
		display: none;
		}
.slick-slide h4 {
	font-weight: 300;
    color: unset;
	}

.prod_img {
	border: 1px solid #808080;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	}
	.prod_img img {
		width: 100%;
		height: 100px;
		object-fit: contain;
		}
.prod_title {
	width: 100%;
    margin: 10px 0 5px;
    font-size: 18px;
	}
.prod_s_desc {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
	}
.product-price {
    margin: 10px 0 6px;
    text-align: right;
    float: right;
	}

.finalizeorder .bestellingafrekenen {
	margin: 0 10px 20px 65px;
	}
.finalizeorder .clr {
	position: relative;
	overflow: unset;
    margin: 5px 0 -29px -2px;
	}
.finalizeorder .clr:before {
	width: 50px;
    height: 50px;
    content: " ";
    background-image: url(/images/ideal-logo-50.png);
    position: absolute;
    left: 0;
    top: 0;
	}
.finalizeorder #payment_id_1,
.finalizeorder #payment_id_2,
.finalizeorder #payment_id_3,
.finalizeorder #payment_id_4,
.finalizeorder .vmpayment {
	display: none;
	}
.finalizeorder h3 {
	display: none;
	}

.opc-module-content form.opc-form#paymentForm .opc-payment {
    margin-bottom: 7px;
	}
.customer_note {
	text-align: left;
	}
.opc-table li.opc-order-qty .quantity_product {
    border: none;
    pointer-events: none;
    height: auto;
    padding: 0 !important;
    background: none;
    font-size: 13px;
	}
.opc-table .opc-order-qty .update-quantity {
    display: none;
	}
.opc-table li.opc-order-price, .opc-table li.opc-order-total, .opc-table li.opc-order-discount, .opc-table li.opc-order-tax, .order-result .result-total {
    white-space: nowrap;
	}
.opc-table .opc-order-qty .delete-product-cart {
    top: 5px;
	}
.couponOpc::placeholder {
	color: #808080;
	opacity: 1; /* Firefox */
	}
.couponOpc:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #808080;
	}
.couponOpc::-ms-input-placeholder { /* Microsoft Edge */
	color: #808080;
	}
.vm2-termsofservice-icon {
    margin-right: 0px;
    margin-left: 15px;
	}
.order-coupon-code span#addCouponCode {
    background-color: #404040;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}
#opc-confirm #submit_order_done {
    background-color: #ff6600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-top: 10px;
	}

.topmenu ul li {
	display: none;
	}
.topmenu .item-369, 
.topmenu .item-117, 
.topmenu .item-135 {
	display: inline;
	}
	.topmenu .item-369.active:after, 
	.topmenu .item-117.active:after, 
	.topmenu .item-135.active:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f078";
		position: absolute;
		bottom: -20px;
		left: 0;
		right: 0;
		text-align: center;
		}


.doehetzelfimg img {
	width: 100%;
	max-width: 700px;
	}

.doehetzelf {
	display: flex;
    margin: 40px auto -44px;
    width: 400px;
    position: relative;
	}
	.doehetzelfmannetje {
		margin-left: -90px;
		}
	.doehetzelfbutton {
		font-family: 'Quicksand', sans-serif;
		color: #fff;
		background: #8a3089;
		padding: 10px 40px;
		font-size: 16px;
		text-align: center;
		position: absolute;
		bottom: 30px;
		font-weight: 400;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		.doehetzelftitel {
			font-size: 29px;
			font-weight: 700;
			}
		.doehetzelf.come-in .doehetzelfbutton {
			animation-duration: 0.5s; 
			animation-fill-mode: both; 
			animation-name: lightSpeedIn; 
			animation-timing-function: ease-out; 
			animation-delay: 1.0s;
			}

.contactcta {
	clear: both;
	display: flex;
    margin: 40px auto -44px;
    max-width: 500px;
    position: relative;
	}
	.contactctamannetje {
		margin-left: -80px;
		margin-right: -15px;
		position: relative;
		z-index: 10;
		}
	.contactctabutton {
		font-family: 'Quicksand', sans-serif;
		color: #fff;
		background: #ff6600;
		padding: 10px 20px;
		font-size: 16px;
		text-align: justify;
		position: absolute;
		bottom: 20px;
		font-weight: 400;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		.contactctatitel {
			font-size: 18px;
			font-weight: 700;
			margin-bottom: 10px;
			}
		.contactctauitleg {
			
			}
		.contactcta.come-in .contactctabutton {
			animation-duration: 0.5s; 
			animation-fill-mode: both; 
			animation-name: lightSpeedIn; 
			animation-timing-function: ease-out; 
			animation-delay: 1.0s;
			}

@keyframes lightSpeedIn { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
	} 

.cadeaubonlink {
	clear: both;
	display: flex;
    margin: 40px auto -42px;
    max-width: 162px;
    position: relative;
	}
	.cadeaubonmannetje {
		position: relative;
		z-index: 10;
		height: 150px;
		}
		.cadeaubonmannetjevoeten {
			position: absolute;
			z-index: 11;
			bottom: 0;
			left: 0;
			}
		.cadeaubonmannetjehoofd {
			position: absolute;
			z-index: 12;
			bottom: 0;
			left: 0;
			transition: all 0.5s ease-in-out 0s;
			}
			.cadeaubonmannetje:hover .cadeaubonmannetjehoofd {	
				transform: rotate(-7deg);
				}
		.cadeaubonmannetjebord {
			position: absolute;
			z-index: 13;
			bottom: 0;
			left: 0;
			transition: all 0.6s ease-out 0s;
			}
			.cadeaubonmannetje:hover .cadeaubonmannetjebord {
				bottom: -11px;
				transform: rotate(6deg);
				}



/* Kunena */

#kunena h2 {
	padding: 0;
	}

#kunena.layout tr.header-desc {
    background-color: #ff6600 !important;
	}
	#kunena.layout tr.header-desc {
    background-image: none !important;
	}

#kunena.layout h1.category-header, #kunena.layout h1.category-header.topic {
    background: #ff6600;
	}

#kunena.layout .navbar .nav > li {
    background: #3F51B5;
	}
	#kunena.layout .navbar .nav > .active > a, #kunena.layout .navbar .nav > .active > a:hover, #kunena.layout .navbar .nav > .active > a:focus {
		background-color: #ff6600;
		}
	#kunena.layout .navbar .nav > li a:hover {
		background-color: #ff6600;
		}

#kunena.layout .user-edit .btn.hasTooltip {
	background-color: #ff6600;
	}

.header-desc h2 {
	font-family: 'Roboto', sans-serif;
	}

body #kunena a {
	text-shadow: none !important;
	}

body .layout#kunena + div {
	display: none !important;
	}

.alert {
	text-shadow: none !important;
	}

#kunena.layout ol.breadcrumb {
	display: none;
	}
	#kunena.layout .component-content ol.breadcrumb {
		display: block;
		}

#kunena {
	margin-top: 30px;
	}
#kunena.layout h1.category-header, #kunena.layout .kfrontend .table td h1.category-header {
    display: block;
	}
#kunena.layout div.header-desc {
	display: block;
	padding: 0 15px 10px;
	}

/* end Kunena */

.afbeelding1wrapper {
    width: 100%;
    height: 300px;
}

.cat-children {
	display: none;
	}

.ervaringdiv {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 40px -10vw 10px;
    padding: 0 10vw;
    overflow: auto;
	}
	.ervaringdiv h3 {
		padding-top: 20px;
		}

.ervaringen h2 {
	margin: 20px 0 0 !important;
    text-align: left;
    font-size: calc(16px + 1vw);
    padding: 0;
	}

.ervaringen .published {
	text-align: right;
    margin: -36px 0 20px;
	}

.ervaringen .items-leading div[itemprop="blogPost"] {
	clear: both;
	border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
	overflow: auto;
	}

.ervaringen img {
	width: calc(100px + 3vw);
    margin: 0 20px 0 0;
    border-radius: 100%;
	}

.blog h2 {
	margin: 20px 0 0 !important;
    text-align: left;
    font-size: calc(16px + 1vw);
    padding: 0;
	}

.blog .published {
	text-align: right;
    margin: -36px 0 20px;
	}

.blog .items-leading div[itemprop="blogPost"] {
	clear: both;
	border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
	overflow: auto;
	}

.blog .item-image img {
	width: calc(100px + 3vw);
	height: calc(100px + 3vw);
    margin: 0 20px 0 0;
    border-radius: 100%;
	}

.topmenu li {
	display: inline;
	margin: 0 20px 0;
	padding: 1px 10px 2px;
	font-size: 16px;
	font-weight: 100;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	.topmenu li:last-of-type {
		margin-right: 0;
		}
	.topmenu a,
	.cartContainer {
		color: #000;
		text-decoration: none;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		display: inline-block !important;
		padding-top: 45px;
		}
	.topmenu a:hover {
		color: #8a3089;
		}

.topmenu ul {
	display: inline-block;
	}
.topmenu li {
	position: relative;
	}
.topmenu li:before {
    top: -40px;
    position: absolute;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
    display: inline-block;
	color: #8a3089;
	font-size: 32px;
    margin-left: -1.3em;
    width: 1.3em;
	text-align: center;
	opacity: 1;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	.topmenu .item-101:before {
		content: "\f015";
		left: 51px;
		}
	.topmenu .item-115 a,
	.topmenu .item-369 a {
		background: url('../../../images/dice.png') no-repeat center 0;
		background-size: 36px;
		}
	.topmenu .item-116 a {
		background: url('../../../images/scissors.png') no-repeat center 0;
		background-size: 36px;
		}
	.topmenu .item-200000 a {
		background: url('../../../images/user-tie.png') no-repeat center 0;
		background-size: 36px;
		text-align: center;
		
		}
	.topmenu .item-135 a {
		background: url('../../../images/onderwijs.png') no-repeat center 0;
		background-size: 36px;
		text-align: center;
		}
	.topmenu .item-117 a {
		background: url('../../../images/pawns.png') no-repeat center 0;
		background-size: 36px;
		}
	.topmenu .item-118:before {
		content: "\f674";
		left: 59px;
		}
	.cartContainer {
		display: inline-block;
		background: url('../../../images/cart.png') no-repeat center 0;
		background-size: 36px;
		margin: 0 20px 0;
		padding: 1px 10px 2px;
		}

.ctabutton, 
.ctabutton:visited,
.bfSubmitButton,
.bfQuickMode .bfNextButton,
.bfQuickMode .bfPrevButton {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.5vw);
	background: #FFC107;
	color: #3F51B5;
	text-decoration: none;
	margin-top: 10px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	border: 0;
	display: inline-block;
    text-align: center;
	}
.ideeenbus .bfSubmitButton {
	background: #00c94d;
	color: #fff;
	}
.normalbutton, .normalbutton:visited {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.5vw);
	background: #3F51B5;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	display: inline-block;
    text-align: center;
	}

.testimonialrow {
	width: 50%;
	float: left;
	}
	.testimonialrow img {
		width: 120px;
		height: 120px;
		float: left;
		margin: 0 10px 0px 0;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
		}
		.testimonialimage {
			float: left;
			}
		.testimonialtext {
			float: left;
			width: 60%;
			}
			.testimonialtitle {
				padding-bottom: 5px;
				font-weight: 400;
				}
			.testimonialtext .mod-articles-category-introtext {
				font-style: italic;
				}

.footerdiv {
	background: url(../../../images/pionnenplus2.png) no-repeat right -20px;
    width: 100%;
    height: 210px;
    margin-top: -40px;
    padding-top: 68px;
    padding-bottom: 0px;
    margin-bottom: -100px;
	text-align: left;
	}
	.footerdiv ul {
		font-size: calc(12px + 0.3vw);
		width: 15vw;
		}

.homeideeenbus {
	background: url(../../../images/idee-achtergrond.png) no-repeat center center;
    background-size: 470px;
    height: 470px;
	}
	.ideeenbus {
		width: 300px;
		margin: 0px auto;
		padding-top: 77px;
		padding-left: 35px;
		}

.leesmeer-box {
	position: relative;
	}

.leesmeer-box .btn {
	color: #3F51B5;
	right: 0;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	}

.leesmeer-box .show, .leesmeer-box .hide {
	position: absolute;
	bottom: 0;
	z-index: 100;
	}

.leesmeer-box .hide {display: none;}
.leesmeer-box .show:target {display: none;}
.leesmeer-box .show:target ~ .hide {display: block;}
.leesmeer-box .show:target ~ .panel {
	max-height: 9999px !important; 
	}

.leesmeer-box .show:target ~ .fade {
	margin-top: 0;
	height: 40px;
	}

.leesmeer-box .panel {
	position: relative;
	overflow: hidden;
	transition: max-height .5s ease;
	}

.leesmeer-box .fade {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
	height: 100px;
	margin-top: -100px;
	position: relative;
	}

.alert.alert-message {
	margin: 30px -6vw 10px;
    background: #3F51B5;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.alert-message h4,
.alert-message .close {
	display: none;
	}
.contact {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.contactdiv-l {
	width: 50%;
	}
	.contactdiv-l  h5 {
		padding-bottom: 0;
		margin-bottom: -20px;
		}
.contactdiv-r {
	width: 46%;
	}
	.contactdiv-r  h5 {
		padding-bottom: 8px;
		}

.contactMap .route {
	text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	.contactMap .routeh3 {
		font-family: 'Quicksand', sans-serif;
		font-size: calc(24px + 1vw);
		}
	.contactMap .contactroute {
		margin-left: 20px;
		}
	.contactMap a {
		line-height: 46px;
		padding: 5px 10px;
		background: #3F51B5;
		color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		.contactMap a i {
			margin-right: 5px;
			}

/* formulieren */

.bfQuickMode fieldset.bfInline {
	width: 100%;
	}
.bfQuickMode legend {
	display: none;
	}
.bfQuickMode fieldset.bfInline {
	border: 0;
	width: 100%;
	}
.bfQuickMode .bfRolloverBg {
    background: rgba(0,0,0,0) !important;
	}
.bfQuickMode section input[type='text'], 
.bfQuickMode section textarea, 
.bfQuickMode section select {
	font-family: 'Raleway', sans-serif;
	font-size: calc(12px + 0.3vw);
	padding: 5px;
	font-weight: 300;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	}
.bfQuickMode section input[type='text']::placeholder,
.bfQuickMode section textarea::placeholder {
  color: #3F51B5;
  opacity: 0.5;
  }
.bfQuickMode #boven section.bfElemWrap {
    padding: 5px 0 !important;
	margin: 18px 0px 0px 0px !important;
	}
.bfQuickMode #onder section.bfElemWrap {
    padding: 5px 0 !important;
	margin: 18px 0px 0px 0px !important;
	}

.bfQuickMode input[type=text], 
.bfQuickMode textarea, 
.bfQuickMode .uneditable-input, 
.bfQuickMode input[type=text]:hover, 
.bfQuickMode textarea:hover, 
.bfQuickMode .uneditable-input:hover, 
.bfQuickMode input[type=text]:focus, 
.bfQuickMode textarea:focus, 
.bfQuickMode .uneditable-input:focus {
    max-width: 100%;
	}

.bfQuickMode fieldset {
    border: none;
	width: 50%;
    float: left;
	}
.bfQuickMode fieldset .bfElemWrap,
.bfQuickMode section#onder {
		margin-bottom: 25px;
		}


/* Formulieren register */

.com-login-h2 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
	font-weight: 500;
	}

#com-form-login {
    border: 1px solid #ebebeb;
    padding: 20px;
    margin-top: 20px;
	}

select, textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"],
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
    display: block;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
select:focus, textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.inputbox:focus {
    border-color: #ff6600;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	}

#com-form-login .width30 {
    width: auto;
	}

#com-form-login #com-form-login-username, 
#com-form-login #com-form-login-password {
    margin-bottom: 10px;
}

input[type="submit"], 
button.default, 
button.vm-button-correct, 
button.vm-button, 
.buttonBar-right button {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
    padding: 6px 12px;
    font-size: 13px;
    /* line-height: 1.42857143; */
    border-radius: 0;
    background-image: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    height: 40px;
    text-transform: uppercase;
	}
.buttonBar-right {
	text-align: center;
    float: unset;
	}

#com-form-login #com-form-login-remember input.default {
    margin-right: 10px;
	}
#ui-tabs .dyn-tabs {
    overflow-y: hidden;
	}
table.user-details tr td.key {
    padding: 0 10px 0 0;
	}
table.user-details tr td {
	padding: 5px;
	}
table.user-details tr td input {
    background: none !important;
    border-radius: 0;
    border: 1px solid #ebebeb;
    padding: 10px 5px;
    width: 210px;
	}
.form-validate .chzn-container-single .chzn-single {
    width: 199px;
    padding: 7px 10px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    background-color: #fff;
    background: none;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
	}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
	margin: 10px 0 20px;
	}

	/* Formulieren register wachtwoord/email vergeten */

	#user-registration {
		border: 1px solid #ebebeb;
		padding: 40px;
		margin-top: 50px;
		}
		#user-registration .control-label {
			margin: 10px 0;
			}
		#user-registration button {
			color: #ffffff;
			background-color: #ff6600;
			border-color: #ff6600;
			padding: 6px 12px;
			font-size: 13px;
			line-height: 1.42857143;
			border-radius: 0;
			background-image: none;
			border-style: solid;
			border-width: 1px;
			border-radius: 2px;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0;
			height: 40px;
			text-transform: uppercase;
			margin-top: 15px;
			}
		#user-registration input[type="text"] {
			max-width: 210px;
			width: 100%;
			}
		.popover {
			border: 1px solid #ccc;
			background-color: #fff;
			width: 200px;
			position: absolute;
			top: 0;
			left: 0;
			padding: 15px;
			text-align: left;
			}
			.popover h3 {
				padding: 0;
				margin: 10px 0;
				}
	
	.qarparecaptcha {
		display: none;
		}
		.qarparecaptcha.last {
			display: block;
			}


	/* einde Formulieren register wachtwoord/email vergeten */

/* einde Formulieren register */


/* #########  begin upload pagina #########*/

.printwerkaanleveren {
	text-align: center;
	margin: 10px 0;
	}
	.printwerkaanleveren a {
		background: #ff6600;
		color: #fff;
		padding: 10px 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		.printwerkaanleveren a:hover {
			background: #fff;
			color: #ff6600;
			border: 1px solid #ff6600;
			}

.bfQuickMode .bfPageIntro {
	font-weight: 300;
	}

.uploadpage #bfPage1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.uploadpage .bfFieldset-wrapper {
	flex-basis: 49%;
	}

.uploadpage .bfQuickMode fieldset {
	border: none;
	}

.uploadpage .bfQuickMode section.bfElemWrap {
    padding: 5px 5px 5px 0;
	display: flex;
    flex-wrap: wrap;
	}
	.uploadpage .bfFlashFileQueueClass {
		flex-basis: 100%;
		}
		.uploadpage .bfFileQueueItem {
			border: 2px solid #E5E5E5;
			background-color: #F5F5F5;
			margin: 5px 5px 5px 0;
			padding: 5px;
			flex-basis: 100%;
			}

.uploadpage .bfQuickMode legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	}

.uploadpage .bfQuickMode section input[type='text'], 
.uploadpage .bfQuickMode section textarea, 
.uploadpage .bfQuickMode section select {
	width: 95%;
	}

.uploadpage #bfLabel331 {
	width: 90%;
	}

.uploadpage .bfSubmitButton {
	margin-top: 60px;
	background: #ff6600;
	color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}

.uploadpage .bfQuickMode .bfLabelLeft label {
	margin: 5px 10px 0px 0px;
	text-align: left;
	}

.uploadpage #bfElementGroupNoWrap327,
.uploadpage #bfElementGroupNoWrap329 {
	margin-top: 7px;
	}

.uploadpage #ff_elem328,
.uploadpage #ff_elem331,
.uploadpage #ff_elem361,
.uploadpage #bfElementGroup398 {
	margin-top: 10px;
	}

.uploadpage textarea {
	resize: none;
	}

.uploadpage .bfQuickMode .bfRequired {
	font-size: 60%;
	color: #808080;
	}

.uploadpage #ff_elem326 {
	font-size: calc(12px + 0.3vw);
	font-family: inherit;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}1

.uploadpage #bfUploaderupload::after {
	content: "";
	flex: 0 0 100%;
	height: 0;
	}

.uploadpage #bfUploadContainer619 img {
	height: 40px;
	width: auto;
	}

.uploadpage .bfQuickMode .bfErrorMessage {
	font-weight: 300;
	width: 60%;
	margin: 0 auto 20px;
	}

.uploadpage select, 
.uploadpage textarea, 
.uploadpage input[type="text"], 
.uploadpage input[type="password"], 
.uploadpage input[type="datetime"], 
.uploadpage input[type="datetime-local"], 
.uploadpage input[type="date"], 
.uploadpage input[type="month"], 
.uploadpage input[type="time"], 
.uploadpage input[type="week"], 
.uploadpage input[type="number"], 
.uploadpage input[type="email"], 
.uploadpage input[type="url"], 
.uploadpage input[type="search"], 
.uploadpage input[type="tel"], 
.uploadpage input[type="color"] {
    border: 1px solid #888;
	}

.uploadpage .bfQuickMode fieldset {
    width: 100%;
	}

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

	.uploadpage .bfFieldset-wrapper {
		flex-basis: 100%;
		} 

	}

/* #########  end upload pagina #########*/



::-webkit-input-placeholder { color:#fff; font-family: 'Roboto', sans-serif; font-weight: 300;}
::-moz-placeholder { color:#fff; font-family: 'Roboto', sans-serif; font-weight: 300;} /* firefox 19+ */
:-ms-input-placeholder { color:#fff; font-family: 'Roboto', sans-serif; font-weight: 300;} /* ie */
input:-moz-placeholder { color:#fff; font-family: 'Roboto', sans-serif; font-weight: 300;}

.aanbodrow {
	clear: both;
    display: flex;
	}
	.aanboddiv {
		float: left;
		width: 48%;
		border: 1px solid #ccc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 80px 20px 20px;
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-weight: unset;
		cursor: pointer;
		margin-bottom: 40px;
		}
		.aanbodrow a {
			color: unset;
			}
	.aanboddiv:first-of-type {
		margin-right: 4%;
		}
		.aanbodheader {
			position: absolute;
			border-bottom: 1px solid #ccc;
			top: 0;
			left: 0;
			width: 100%;
			text-align: center;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			}
			.aanbodtitel {
				font-size: 20px;
				font-family: 'Gloria Hallelujah', cursive;
				color: #3F51B5;
				padding: 10px 0;
				}
			.aanbodprijs {
				font-size: 16px;
				position: absolute;
				right: -13px;
				top: -25px;
				background: #fff;
				padding: 5px 10px;;
				border: 1px solid #ccc;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}
		.aanboddiv ul {
			margin-top: 10px;
			}
			.aanboddiv li {
				line-height: 26px;
				}

.verzendkostenwrapper {
	max-width: 500px;
	margin: 0 auto;
	}

.aanbod .ervaringdiv {
	border: none;
	}

a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}


/* Footer & bottom area */

.footercontainer { 
	width: 100%;
	margin: 40px 0 0;
	/*background: #0d3f6b;*/
	border-top: 5px solid #0f3089;
	overflow: hidden;
    position: relative;
    z-index: 1001;
	}
	.footerwrapper {  
		width: 90vw;
		max-width: 1600px;
		margin: 0px auto;
		min-height: 300px;
		padding-top: 40px;
		}
		.footer { 
			color: #0f3089;
			padding: 10px 20px 50px 0;
			font-size: 14px;
			box-sizing: border-box;
			float: left;
			padding: 0 15px;
			min-height: 100px;
			width: 25%;
			}
			.footer a {
				color: #0f3089;
				font-weight: 400;
				text-decoration: none;
				}
			.footer a:hover {
				text-decoration: underline;
				}
			.footer h3 {
				font-size: calc(12px + 1vw);
				padding: 15px 0;
				color: #0f3089;
				text-align: left;
				}
			.footer ul {
				padding-left: 20px;
				}
			.footer1 {
				padding-left: 0;
				}
				.footer1 .item-369 {
					display: none; /* bordspellen en onderdelen in footer verbergen */
					}
			.footer2 {
				
				}
				.footer2 .bm_slide_login .form-2 {
					padding: 0;
					background: none;
					box-shadow: none;
					width: 95%;
					}
				.footer2 .bm_login_from label {
					font-size: inherit;
					text-transform: unset;
					font-weight: 300;
					text-shadow: none;
					}
				.footer2 .bm_slide_login .form-2 input[type=text], 
				.footer2 .bm_slide_login .form-2 input[type=password] {
					border: 1px solid #ebe6e2;
					}
				.footer2 .bm_slide_login .form-2 input[type=submit] {
					background: #ff6600;
					color: #fff;
					border: none;
					text-shadow: none;
					width: auto;
					line-height: unset;
					margin: 0;
					height: unset;
					text-transform: none;
					font-weight: 300;
					font: inherit;
					font-size: inherit;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
				.footer2 .bm_slide_login .form-2 .bm-register,
				.footer2 .bm_slide_login .bm_logout_label {
					float: right;
					background: #0f3089;
					color: #fff;
					border: none;
					text-shadow: none;
					width: auto;
					line-height: unset;
					margin: 0;
					text-transform: none;
					font-weight: 300;
					font: inherit;
					height: unset;
					font-size: inherit;
					padding: 6px 12px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
					.footer2 .bm_slide_login .bm_logout_label {
						float: left;
						cursor: pointer;
						}
						.footer2 .bm_slide_login .bm_logout_label:hover {
							box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
							}
			.footer3 {
				
				}
				.footer3 .show_cart a.details {
					float: left !important;
					background: #0f3089;
					color: #fff;
					border: none;
					text-shadow: none;
					width: auto;
					line-height: unset;
					margin: 10px 0 0;
					text-transform: none;
					font-weight: 300;
					font: inherit;
					height: unset;
					font-size: inherit;
					padding: 6px 12px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
					.footer3 .show_cart a.details:hover {
						text-decoration: none;
						box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
						}
			.footer4-5 {
				padding-right: 0;
				}
				.footer4 {
					min-height: 40px;
					}
				.footer5 {
					min-height: 50px;
					}

.footer a.aanmelden-nieuwtjes {
	background: #0f3089;
    padding: 5px 10px 8px;
    color: #fff;
	font-family: 'Open Sans', sans-serif !important /* main-font */;
    font-size: 13px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	.footer a.aanmelden-nieuwtjes:hover {
		text-decoration: none;
		box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
		}
.footer li {
	text-align: left;
	line-height: 20px;
	}
	.footer li::first-letter {
		text-transform: uppercase;
		}

/* social */

.social {
	text-align: left;
	}

.social .fab {
    font-size: 40px;
    width: 40px;
    text-decoration: none;	
}

.social .fab:hover {
    opacity: 0.85;
}

/* end social */

@media only screen 
  and (max-width: 930px) {
	
	.footer {
		width: 33%;
		}
		.footer3 {
			padding-right: 0;
			}
		.footer4-5 {
			clear: both;
			width: 100%;
			padding: 0;
			margin-bottom: 20px;
			}
			.footer4 {
				width: 33%;
				float: left;
				}
	}

@media only screen /* voor menu */
  and (max-width: 600px) {

	/* inklapbare div's in de footer op mobiel */
	.footerwrapper {
		width: 100%;
		padding-top: 20px;
		min-height: 0;
		}

	.footer,
	.footer4,
	.footer5 {
		clear: both;
		width: 100%;
		padding: 0;
		}
		.footer {
			padding: 0 5vw;
			min-height: 0;
			}
		.footer ul {
			padding: 0 0 0 20px;
			}
		.footer h3 {
			border-top: 1px solid #ccc;
			margin: 0 -5vw 10px;
			padding: 10px 5vw;
			font-size: calc(16px + 0.3vw);
			margin-bottom: 0;
			}
			.footer h3::after {
				float: right;
				font-size: 14px;
				margin-top: 4px;
				margin-right: 15px;
				font-family: "Font Awesome 5 Free"; 
				font-weight: 900; 
				content: "\f078";
				}
			.footer5 h3 {
				border-bottom: 1px solid #ccc;
				transition: border-width 0s ease-out 0.4s;
				}
		.ftoggle .custom,
		.ftoggle ul,
		.ftoggle .bm_slide_login .loginbox,
		.ftoggle .vmCartModule,
		.ftoggle .gebruikersmenudiv {
			max-height: 0;
			transition: all 0.5s ease;
			overflow: hidden;
			margin-bottom: 0;
			}
		
		.footertoggle h3 {
			cursor: pointer; 
			}
		
		.ftoggle.open ul,
		.ftoggle.open .custom,
		.ftoggle.open .bm_slide_login .loginbox,
		.ftoggle.open .vmCartModule,
		.ftoggle.open .gebruikersmenudiv {
			max-height: 500px;
			margin-bottom: 10px;
			}
			.footer5.open h3 {
				border-bottom-width: 0;
				transition: border-width 0s ease-out 0s;
				}
		.ftoggle.open h3::after {
			content: "\f077";
			}
	/* end inklapbare div's in de footer op mobiel */
	
	.wieImgWrapper {
		display: block; 
		}
		.wieImg {
			width: 100%;
			}

	}

.bottomcontainer { 
	width: 100%;
	margin: 0;
	padding: 5px 0;
	/*background: #0d3f6b;
	color: #fff;*/
	}
	.bottom {  
		width: 90vw;
		max-width: 1600px;
		margin: 0px auto 10px;
		font-size: calc(12px + 0.3vw);
		overflow: auto;
		}
		.bottom-links {
			float: left;
			margin-top: 0;
			}		
		.bottom-rechts {
			float: right;
			margin-top: 20px;
			}
	.bottom a {
		font-weight: 400;
		text-decoration: none;
		}
	.bottom a:hover {
		text-decoration: underline;
		}
	.bottom-links a h1 {
		color: #fff;
		font-weight: 100;
		font-size: 20px;
		}
		.bottom .bottom-links a:hover h1,
		.bottom .bottom-links a:hover {
			text-decoration: none !important;
			color: #ff6600;
			}

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

	.bottom {
		font-size: 18px;
		}

	.bottomcontainer {
		padding: 20px 0 80px;
		}
}

/* End Footer & bottom area */

.contactMapWrapper {
	display: flex;
	}
.contactMap {
	width: 100%;
    position: relative;
    margin: 0 10px;
    height: 325px;
	}
.map-responsive{
    overflow: hidden;
    position: absolute;
    height: 240px;
    width: 100%;
    top: 85px;
    right: 0;
	}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	}

/* ######################  LAYOUT SETTINGS       ############################## */

#topcontainer {
	width: 100%;
	height: 72px;
	position: relative;
	z-index: 9999;
	position: fixed;
	top: 0;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	#topcontainer.sticky {
		background-color: #ff6600;
		height: 66px;
		box-shadow: 0 2px 3px -2px black;
		}
		#topcontainer.sticky a,
		#topcontainer.sticky .active:after {
			color: #fff;
			}
		#topcontainer.sticky .toplogo img {
			padding: 10px 0;
			height: 50px;
			content:url("../../../images/logo-v1-kleur.png");
			}
		#topcontainer.sticky .topmenu {
			padding-top: 0px;
			margin-top: -20px;
			}
		#topcontainer.sticky .topmenu li {
				margin: 0 10px 0;
				}
		#topcontainer.sticky .topmenu a {
			padding-top: 40px;
			}
		#topcontainer.sticky .topmenu li a,
		#topcontainer.sticky .cartContainer {
			background-size: 20px;
			background-position: 0px 38px;
			padding-left: 28px;
			}
	.topwrapper { 
		width: 96vw;
		max-width: 1600px;
		height: 40px;
		margin: 0px auto;
		position: relative;
		}
		.toplogo {
			float: left;
			margin-left: 5px;
			}
			.toplogo img {
				padding: 14px 0 0;
				height: 90px;
				-moz-transition: all 0.4s ease;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
				}
		.topmenu {
			position: absolute;
			right: 0;
			padding-top: 20px;
			text-align: right;
			-moz-transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			}
		.mobilemenu,
		.mean-bar {
			display: none;
			}


	
.home {
	margin-top: 50px;
	}

.maintop {
	height: 120px;
	}

.maincontainer {
	width: 90vw;
	max-width: 1200px;
	margin: 0 auto ;
	}
	.mainwrapper {
		padding: 0 40px 0
		}
		.mainbody {
			min-height: 400px;
			}

.moduletable.uitgelicht,
.moduletable.productrow {
	width: 88%;
	margin: 0 auto;
	}

.ctacontainer {
	width: 100%;
	height: 350px;
	margin: 120px auto 0;
	color: #fff;
	position: relative;
	z-index: 2;
	}
	.ctaheader {
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
		}
		#responsivebannerslider {
			box-shadow: none;
			}
	.ctatxt {
		display: table-cell;
		vertical-align: middle;
		width: 30vw;
		padding: 4vw 4vw 0 0;
		z-index: 3;
		color: #000;
		font-weight: 400;
		/*text-shadow: 1px 1px 0px #000000;*/
		}
		.ctatitel {
			font-size: calc(25px + 1vw);
			}
		.ctasub {
			line-height: calc(24px + 1vw);
			}
		.ctasub2 {
			font-weight: 300;
			}
	.ctaimg {
		display: table-cell;
		vertical-align: middle;
		padding-top: 4vw;
		width: 40vw;
		z-index: 3;
		}
		.ctadiv {
			position: relative;
			height: 52vw;
			}
			.ctadiv div {
				position: absolute;
				}
				.ctadiv img {
					width: 100%;
					}

.hometekst1 {
    margin: 90px auto;
	}
.homeideeondertitel {
	text-align: center;
    margin: -30px 0 30px;
	}
.homekeuzecontainer {
	position: relative;
	}
	.homekeuzeeigen {
		width: 50%;
		background: #0f3089;
		position: absolute;
		left: 0;
		color: #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
		.homekeuzeeigen div {
			}
	.homekeuzezelf {
		width: 50%;
		background: #ff6600;
		position: absolute;
		right: 0;
		color: #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.skewdiv1,
.skewdiv2 {
	display: flex;
    margin-top: 0;
    width: 100%;
    flex: 1 0 auto;
	height: 380px;
	}
.leftskewdiv,
.rightskewdiv {
	width: 50%; 
	position:relative;  
    box-sizing: border-box;
	}
/*.skewdiv1 .rightskewdiv:before {
    content:"";
    position:absolute;
    background: #ffd93e;
    top:0;
    left:-80px;
    width: 0; 
    height: 0; 
    border-top: 350px solid white; 
    border-right: 80px solid transparent; 
	}
.skewdiv2 .leftskewdiv:before {
    content:"";
    position:absolute;
    background: #ff6600;
    top:0;
    right:-80px;
    width: 0; 
    height: 0; 
    border-top: 350px solid white; 
    border-left: 80px solid transparent; 
	}*/
.whitewrapper {
	
	}
	.whitewrapper a {
		text-decoration: none;
		}
.orangewrapper {
	background: #ff6600;
	color: #fff;
	}
	.orangewrapper a {
		color: #fff;
		text-decoration: none;
		}
.yellowwrapper {
	background: #ffd93e;
	}
	.yellowwrapper a {
		text-decoration: none;
		}
	.up1-titel {
		text-align: center;
		margin: 50px 0 40px;
		}
	.up2-titel {
		text-align: center;
		margin: 60px 0 40px;
		}
		.yellowwrapper img, .orangewrapper img {
			width: 60%;
			}

.persoonlijklinks {
	padding: 0 30px;
	}
.persoonlijklinks .newsitem {
	display: flex;
    margin-top: 5px;
    height: 110px;
    margin-bottom: 10px;
	}
	.persoonlijklinks .newsitemimg {
		margin-right: 20px;
		width: 110px;
		height: 110px;
		}
		.persoonlijklinks .newsitemimg img {
			width: 110px;
			height: 115px;
			object-fit: contain;
			margin-right: 20px;
			}
	.persoonlijklinks .newsitemtxt {
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 7.2em;
		line-height: 1.2em;
		}
		.persoonlijklinks .newsflash-title {
			padding: 0;
			}
.persoonlijkrechts {
	padding: 20px 60px;
	}
.oplagelinks {
	
	}
.oplagerechts {
	position: relative;
	}
	.oplagerechts img {
		position: absolute;
		top: -50px;
		right: 45px;
		width: 96%;
		transform: rotate(14deg);
		}

.homeparblokwrapper {
	position: relative;
	margin: 0 0 180px;
	}
.homequote {
    margin-top: 10px;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	}
	.homequotetxt {
		margin: 0 auto;
		width: 560px;
		right: 200px;
		font-size: 22px;
		position: relative;
		}
.homeparblok {
    width: 360px;
    background: #fff;
    border: 1px solid #000;
    z-index: 100;
    position: absolute;
    right: 0;
    bottom: -130px;
    padding: 20px;
    box-sizing: border-box;
	}

.watonsookuniekmaakt {
	font-family: 'Quicksand', sans-serif;
	font-size: calc(16px + 1vw);
    padding: 30px 0 0;
    color: #000;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
	}
	.homeuniek h5 {
		font-family: 'Quicksand', sans-serif;
		font-size: calc(20px + 1vw);
		padding: 30px 0;
		color: #000;
		font-weight: 600;
		text-align: center;
		}
	.mannetjes {
		margin: 5px;
		padding: 5px;
		width: 25%;
		text-align: center;
		}
		.mannetjes img {
			max-width: 100%;
			}
	.watonsookuniekmaakttekst {
		display: flex;
		justify-content: space-around;
		margin-top: -30px;
		margin-bottom: 140px;
		font-family: 'Quicksand', sans-serif;
		font-size: calc(20px + 1vw);
		font-weight: 600;
		}

.hometop {
	margin: 100px auto;
	width: 95%;
	}

.homegepersonaliseerd {
	height: 400px;
	margin-top: 20px;
    margin-bottom: 50px;
	}
	.homegepersonaliseerdwrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #ffd93e;
		height: 400px;
		overflow: hidden;
		max-width: 1600px;
		margin: 0 auto;
		right: 0;
		}
		.homegepersonaliseerdtitel {
			top: 200px;
			position: absolute;
			font-family: 'Quicksand', sans-serif;
			white-space: nowrap;
			left: 50%;
			top: 50%;
			z-index: 12;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			color: #fff;
			font-weight: 900;
			font-size: 34px;
			text-shadow: 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089;
			}
			.homegepersonaliseerdtitel a {
				color: #fff;
				}
			.homegepersonaliseerdtitel a .leesmeerdiv {
				position: absolute;
				top: 0;
				right: 0px;
				transform: translateY(0px);
				opacity: 1;
				}
			.homegepersonaliseerdtitel a .leesmeerlink {
				text-shadow: none;
				background: #fff;
				width: 110px;
				font-size: 18px;
				text-align: center;
				padding: 3px;
				border: 1px solid #0f3089;
				position: absolute;
				right: 33px;
				top: 36px;
				color: #0f3089;
				-webkit-border-radius: 5px;
				-webkit-border-top-left-radius: 0;
				-moz-border-radius: 5px;
				-moz-border-radius-topleft: 0;
				border-radius: 5px;
				border-top-left-radius: 0;
				-webkit-box-shadow: 2px 1px 2px 0px #000000;
				box-shadow: 2px 1px 2px 0px #000000;
				opacity: 0;
				will-change: transform;
				will-change: opacity;
				}
				.homegepersonaliseerdtitel a .leesmeerpin {
					position: absolute;
					top: 12px;
					right: 131px;
					}

				
				.homegepersonaliseerdwrapper .divblok.come-in .leesmeerlink {
					animation-delay: 1s;
					-webkit-animation-duration:2s;
					-moz-animation-duration:2s;
					-o-animation-duration:2s;
					animation-duration:2s;
					-webkit-animation-name:hinge;
					-moz-animation-name:hinge;
					-o-animation-name:hinge;
					animation-name:hinge;
					opacity: 1;
					}
				@-webkit-keyframes hinge{
					0%{
					-webkit-transform:rotate(0);
					-webkit-transform-origin:7px 8px;
					-webkit-animation-timing-function:ease-in-out
					}
					20%{
					-webkit-transform:rotate(90deg);
					-webkit-transform-origin:7px 8px;
					-webkit-animation-timing-function:ease-in-out
					}
					40%{
					-webkit-transform:rotate(35deg);
					-webkit-transform-origin:7px 8px;
					-webkit-animation-timing-function:ease-in-out
					}
					60%{
					-webkit-transform:rotate(70deg);
					-webkit-transform-origin:7px 8px;
					-webkit-animation-timing-function:ease-in-out
					}
					80%{
					-webkit-transform:rotate(55deg);
					-webkit-transform-origin:7px 8px;
					-webkit-animation-timing-function:ease-in-out
					}
					100%{
					-webkit-transform:rotate(60deg);
					-webkit-transform-origin:7px 8px;
					-webkit-animation-timing-function:ease-in-out
					}
				}
				.homegepersonaliseerdwrapper .leesmeerdiv.divblok.come-in .leesmeerlink {
					transition-delay: 1s;
					-webkit-transform:rotate(60deg);
					-webkit-transform-origin:7px 8px;
					}

		.homegepersonaliseerdtekstlinks {
			width: 300px;
			position: absolute;
			bottom: 0;
			right: 50%;
			-webkit-transform: translateX(-9vw);
			-ms-transform: translateX(-9vw);
			transform: translateX(-9vw);
			height: 160px;
			z-index: 11;
			}
			.homegepersonaliseerdtekstlinkscontent {
				position: absolute;
				top: 0;
				}
		.homegepersonaliseerdtekstrechts {
			width: 300px;
			position: absolute;
			left: 50%;
			top: 0;
			-webkit-transform: translateX(9vw);
			-ms-transform: translateX(9vw);
			transform: translateX(9vw);
			height: 165px;
			z-index: 12;
			}
			.homegepersonaliseerdtekstrechtscontent {
				position: absolute;
				bottom: 0;
				}
		.homegepersonaliseerdimg1 img {
			position: absolute;
			left: 50%;
			transform: translateX(30%) rotate(80deg);
			top: -340px;
			height: 340px;
			width: auto;
			opacity: 0;
			z-index: 10;
			transition: all 0.6s ease-out 0.4s;
			}
			.homegepersonaliseerdwrapper.divblok.come-in .homegepersonaliseerdimg1 img {
				transform: translateX(-50%) rotate(0deg);
				top: -80px;
				opacity: 0.1;
				}
		.homegepersonaliseerdimg2 img {
			position: absolute;
			height: 650px;
			width: auto;
			transform: rotate(60deg);
			bottom: -540px;
			left: -190px;
			z-index: 8;
			opacity: 0;
			transition: all 0.6s ease-out 0.8s;
			}
			.homegepersonaliseerdwrapper.divblok.come-in .homegepersonaliseerdimg2 img {
				transform: rotate(0deg);
				bottom: -280px;
				left: -100px;
				opacity: 0.1;
				}
		.homegepersonaliseerdimg3 img {
			position: absolute;
			height: 500px;
			width: auto;
			right: -150px;
			opacity: 0;
			transform: rotate(-20deg);
			bottom: -340px;
			transition: all 0.6s ease-out 0.6s;
			}
			.homegepersonaliseerdwrapper.divblok.come-in .homegepersonaliseerdimg3 img {
				transform: rotate(0deg);
				bottom: -110px;
				right: -150px;
				opacity: 0.1;
				}
.homeeigenspel {
	height: 400px;
	margin-top: 70px;
    margin-bottom: 50px;
	}
	.homeeigenspelwrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #ff6600;
		height: 400px;
		overflow: hidden;
		max-width: 1600px;
		margin: 0 auto;
		right: 0;
		}
		.homeeigenspeltitel {
			position: absolute;
			z-index: 10;
			font-family: 'Quicksand', sans-serif;
			white-space: nowrap;
			left: 50%;
			top: 50px;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			color: #fff;
			font-weight: 900;
			font-size: 34px;
			text-shadow: 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089;
			}
			.homeeigenspeltitel a {
				color: #fff;
				}
		.homeeigenspeltekst {
			width: 400px;
			position: absolute;
			left: 50%;
			top: 140px;
			}
		.homeeigenspelimg img {
			position: absolute;
			top: -80px;
			width: auto;
			height: 500px;
			left: -600px;
			opacity: 0;
			transform: rotate(-65deg);
			transition: all 0.6s ease-out 0.6s;
			}
			.homeeigenspelwrapper.divblok.come-in .homeeigenspelimg img {
				left: -160px;
				opacity: 0.7;
				transform: rotate(-15deg);
				}
		.homeeigenspeltekst a .leesmeerlink {
			text-shadow: none;
			background: #fff;
			width: 110px;
			font-size: 18px;
			text-align: center;
			padding: 3px;
			border: 1px solid #0f3089;
			position: absolute;
			right: 24px;
			bottom: -45px;
			color: #0f3089;
			-webkit-border-radius: 5px;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius: 5px;
			-moz-border-radius-topleft: 0;
			border-radius: 5px;
			border-top-left-radius: 0;
			-webkit-box-shadow: 2px 1px 2px 0px #000000;
			box-shadow: 2px 1px 2px 0px #000000;
			transform: rotate(-5deg);
			}
			.homeeigenspeltekst a .leesmeerpin {
				position: absolute;
				bottom: -31px;
				right: 130px;
				transform: rotate(-35deg);
				}
			.homeeigenspeltekst a .leesmeerpin2 {
				position: absolute;
				bottom: -23px;
				right: 18px;
				transform: rotate(10deg);
				}

.onderwijsheader {
	height: 400px;
	margin-top: 0px;
    margin-bottom: 50px;
	}
	.onderwijsheaderwrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #8a3089;
		color: #fff;
		height: 400px;
		overflow: hidden;
		max-width: 1600px;
		margin: 0 auto;
		right: 0;
		}
		.onderwijsheadertitel {
			position: absolute;
			z-index: 10;
			font-family: 'Quicksand', sans-serif;
			white-space: nowrap;
			left: 50%;
			top: 20px;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			color: #fff;
			font-weight: 900;
			font-size: 34px;
			text-shadow: 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089;
			}
			.onderwijsheadertitel .titlequote {
				position: absolute;
				top: 47px;
				left: 0;
				font-style: italic;
				text-shadow: none;
				color: #fff;
				font-weight: 300;
				font-size: initial;
				font-family: 'Roboto';
				}
				.onderwijsheadertitel .titlequoteauteur {
					position: absolute;
					right: -50px;
					top: 17px;
					font-size: 70%;
					font-weight: 500;
					}
		.onderwijsheadertekst {
			max-width: 400px;
			position: absolute;
			left: 50%;
			top: 110px;
			margin-right: 20px;
			z-index: 10;
			}
			.onderwijsheadertekst li {
				text-align: left;
				padding-bottom: 5px;
				}
		.onderwijsheaderimg img {
			position: absolute;
			top: 180px;
			height: 600px;
			width: auto;
			left: -570px;
			opacity: 0;
			transform: rotate(85deg);
			transition: all 1.0s ease-out 0.2s;
			}
			.onderwijsheaderimg.animate img {
				left: -50px;
				top: -190px;
				opacity: 1;
				transform: rotate(5deg);
				}
		.onderwijsheadertekst a .leesmeerlink {
			text-shadow: none;
			background: #fff;
			width: 110px;
			font-size: 18px;
			text-align: center;
			padding: 3px;
			border: 1px solid #0f3089;
			position: absolute;
			right: 24px;
			bottom: -45px;
			color: #0f3089;
			-webkit-border-radius: 5px;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius: 5px;
			-moz-border-radius-topleft: 0;
			border-radius: 5px;
			border-top-left-radius: 0;
			-webkit-box-shadow: 2px 1px 2px 0px #000000;
			box-shadow: 2px 1px 2px 0px #000000;
			transform: rotate(-5deg);
			}
			.onderwijsheadertekst a .leesmeerpin {
				position: absolute;
				bottom: -31px;
				right: 130px;
				transform: rotate(-35deg);
				}
			.onderwijsheadertekst a .leesmeerpin2 {
				position: absolute;
				bottom: -23px;
				right: 18px;
				transform: rotate(10deg);
				}

.b2bheader {
	height: 400px;
	margin-top: 0px;
    margin-bottom: 50px;
	}
	.b2bheaderwrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #3cb23c;
		height: 400px;
		overflow: hidden;
		max-width: 1600px;
		margin: 0 auto;
		right: 0;
		}
		.b2bheadertitel {
			position: relative;
			text-align: center;
			z-index: 10;
			font-family: 'Quicksand', sans-serif;
			white-space: nowrap;
			margin-top: 50px;
			color: #fff;
			font-weight: 900;
			font-size: 34px;
			text-shadow: 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089;
			}
			.b2bheadertitel .subtitle {
				text-shadow: none;
				color: #fff;
				font-weight: 400;
				font-size: initial;
				font-family: 'Roboto';
				}
		.b2bheadertekst {
			width: 460px;
			margin: 50px auto 0;
			position: relative;
			z-index: 10;
			}
			.b2bheadertekst ul {
				columns: 2;
				-webkit-columns: 2;
				-moz-columns: 2;
				list-style: none;
				padding: 0;
				}
				.b2bheadertekst li {
					text-align: left;
					background: #fff;
					margin-bottom: 10px;
					font-weight: 400;
					padding: 5px 20px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 15px;
					font-size: 19px;
					-webkit-box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.7);
					box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.7);
					}
		.b2bheaderimglinks img {
			position: absolute;
			top: -200px;
			height: 490px;
			width: auto;
			left: -250px;
			opacity: 0;
			transform: rotate(-50deg);
			transition: all 1.0s ease-out 0.5s;
			}
			.b2bheaderimglinks.animate img {
				left: -50px;
				top: -50px;
				opacity: 1;
				transform: rotate(0deg);
				}
		.b2bheaderimgrechts img {
			position: absolute;
			top: 240px;
			height: 360px;
			width: auto;
			right: -440px;
			opacity: 0;
			transform: rotate(-35deg);
			transition: all 1.0s ease-out 0.1s;
			}
			.b2bheaderimgrechts.animate img {
				right: -170px;
				top: 0px;
				opacity: 1;
				transform: rotate(25deg);
				}

.gepersonaliseerdheader {
	height: 400px;
	margin-top: 0px;
    margin-bottom: 50px;
	}
	.gepersonaliseerdheaderwrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #ffd93e;
		height: 400px;
		overflow: hidden;
		max-width: 1600px;
		margin: 0 auto;
		right: 0;
		}
		.gepersonaliseerdheadertitel {
			position: absolute;
			z-index: 10;
			font-family: 'Quicksand', sans-serif;
			white-space: nowrap;
			left: 50%;
			top: 20px;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			color: #fff;
			font-weight: 900;
			font-size: 34px;
			text-shadow: 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089;
			}
		.gepersonaliseerdheadertekst {
			max-width: 440px;
			position: absolute;
			left: 50%;
			top: 100px;
			margin-right: 20px;
			z-index: 10;
			}
			.gepersonaliseerdheadertekst li {
				text-align: left;
				padding-bottom: 5px;
				}
		.gepersonaliseerdheaderimg img {
			position: absolute;
			top: 180px;
			height: auto;
			width: 600px;
			left: -570px;
			opacity: 0;
			transform: rotate(85deg);
			transition: all 1.0s ease-out 0.2s;
			}
			.gepersonaliseerdheaderimg.animate img {
				left: -30px;
				top: -70px;
				opacity: 1;
				transform: rotate(5deg);
				}

.gepersonaliseerd-prijs {
	margin-top: 30px;
	}
.uitgevenheader {
	height: 400px;
	margin-top: 0px;
    margin-bottom: 50px;
	}
	.uitgevenheaderwrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #ff6600;
		height: 400px;
		overflow: hidden;
		max-width: 1600px;
		margin: 0 auto;
		right: 0;
		}
		.uitgevenheadertitel {
			position: absolute;
			z-index: 10;
			font-family: 'Quicksand', sans-serif;
			white-space: nowrap;
			left: 50%;
			top: 20px;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			color: #fff;
			font-weight: 900;
			font-size: 34px;
			text-shadow: 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089, 0 0 5px #0f3089;
			}
		.uitgevenheadertekst {
			width: 440px;
			position: absolute;
			left: 50%;
			top: 110px;
			z-index: 10;
			}
			.uitgevenheadertekst .zelfregie {
				font-size: 23px;
				font-weight: 400;
				color: #fff;
				text-align: center;
				margin-bottom: 20px;
				}
			.uitgevenheadertekst .jouwbordspel {
				text-align: center;
				margin-bottom: 20px;
				font-size: 19px;
				font-weight: 400;
				color: #fff;
				}
			.uitgevenheadertekst ul {
				columns: 2;
				-webkit-columns: 2;
				-moz-columns: 2;
				list-style: none;
				padding: 0;
				}
			.uitgevenheadertekst li {
				background: #fff;
				padding: 15px 10px;
				margin-bottom: 10px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				text-align: center;
				font-weight: 400;;
				}
		.uitgevenheaderimg img {
			position: absolute;
			top: -280px;
			height: 480px;
			width: auto;
			left: -370px;
			opacity: 0;
			transform: rotate(-85deg);
			transition: all 1.0s ease-out 0.2s;
			}
			.uitgevenheaderimg.animate img {
				left: 0;
				top: -10px;
				opacity: 1;
				transform: rotate(5deg);
				}
		.uitgeventijdlijn {
			text-align: center;
			}
			.uitgeventijdlijn img {
				max-width: 760px;
				width: 100%;
				height: auto;
				}
			.uitgeventijdlijn ol {
				list-style: none;
				counter-reset: item;
				}
				.uitgeventijdlijn li {
					counter-increment: item;
					margin-bottom: 5px;
					margin-left: 30px;
					}
				.uitgeventijdlijn li:before {
					margin-right: 10px;
					margin-left: -40px;
					content: counter(item);
					border-radius: 100%;
					color: white;
					font-weight: bold;
					width: 30px;
					line-height: 30px;
					text-align: center;
					display: inline-block;
					}
					.uitgeventijdlijn li:first-of-type {
						counter-increment: item 1;
						}
					.uitgeventijdlijn li:nth-of-type(1):before {
						background: #bf8dbe;
						}
					.uitgeventijdlijn li:nth-of-type(2):before {
						background: #ad6eac;
						}
					.uitgeventijdlijn li:nth-of-type(3):before {
						background: #9b4f9b;
						}
					.uitgeventijdlijn li:nth-of-type(4):before {
						background: #8a3089;
						}
					.uitgeventijdlijn li:nth-of-type(5):before {
						background: #8a3089;
						}
					.uitgeventijdlijn li:nth-of-type(6):before {
						background: #8a3089;
						}
			.uitgevencta1 {
				text-align: center;
				}
				.uitgevencta1 a {
					display: block;
					padding: 10px 30px;
					background: #ff6600;
					width: fit-content;
					margin: 0 auto 20px;
					color: #fff;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 20px;
					}
					.uitgevencta1 a:hover {
						
						}
			.uitgeven-uitwerkfase,
			.uitgeven-productiefase,
			.uitgeven-verkoopfase {
				text-align: center;
				position: relative;
				max-width: 760px;
				margin: 0 auto;
				padding-top: 40px;
				}
				.uitgeven-uitwerkfase h4,
				.uitgeven-productiefase h4,
				.uitgeven-verkoopfase h4{
					font-family: 'Quicksand', sans-serif;
					font-weight: 600;
					font-size: 23px;
					padding-bottom: 30px;
					}
				.uitgeven-uitwerkfase ul,
				.uitgeven-productiefase ul,
				.uitgeven-verkoopfase ul{
					margin: 0 auto;
					display: table;
					text-align: left;
					list-style: none;
					}
					.uitgeven-uitwerkfase li,
					.uitgeven-productiefase li,
					.uitgeven-verkoopfase li{
						padding-bottom: 10px;
						padding-left: 5px;
						}
					.uitgeven-uitwerkfase ul li:before {
						content: '';
						display: inline-block;
						height: 13px;
						width: 13px;
						background-image: url('../images/caret-right-1.png');
						background-size: contain;
						background-repeat: no-repeat;
						margin-left: -15px;
						margin-right: 10px;
						}
					.uitgeven-verkoopfase ul li:before {
						content: '';
						display: inline-block;
						height: 13px;
						width: 13px;
						background-image: url('../images/caret-right-2.png');
						background-size: contain;
						background-repeat: no-repeat;
						margin-left: -15px;
						margin-right: 10px;
						}
				.uitgeven-uitwerkfase .fase,
				.uitgeven-productiefase .fase,
				.uitgeven-verkoopfase .fase {
					position: absolute;
					top: 0;
					font-size: 50px;
					font-weight: bold;
					font-family: 'Quicksand', sans-serif;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					line-height: 110px;
					width: 110px;
					color: #fff;
					}
					.uitgeven-uitwerkfase .fase {
						left: 0;
						background: #ad6eac;
						}
					.uitgeven-productiefase .fase {
						right: 0;
						background: #9b4f9b;
						}
						.uitgeven-productiefase .fasetekst {
							max-width: 500px;
							margin: 0 auto 15px;
							}
					.uitgeven-verkoopfase .fase {
						left: 0;
						background: #8a3089;
						}
	
.overons {
	max-width: 800px;
	margin: 0 auto;
	}
	.overonswij {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		}
		.overonsmaaike {
			max-width: 300px;
			text-align: justify;
			}
		.overonsolaf {
			max-width: 300px;
			width: 90%;
			text-align: justify;
			}
		.overonswij img {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: 3px solid #8a3089;
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			position: relative;
			z-index: 10;
			}
		.overonsimg {
			position: relative;
			}
		.overons a:hover img {
			border: 3px solid #ff6600;
			}
		.overons .linkedinicon {
			border: none;
			-webkit-border-radius: unset;
			-moz-border-radius: unset;
			border-radius: unset;
			width: 70px;
			height: auto;
			position: absolute;
			bottom: 0;
			right: 0;
			opacity: 0.5;
			transition: opacity 0.2s ease-in ;
			z-index: 5;
			}
			.overons a:hover .linkedinicon {
				opacity: 1;
				border: none;
				z-index: 12;
				}
	.overonstekst {
		
		}
	.overons h3 {
		padding: 10px 0;
		}
	.overonsqwinn {
		margin: 30px auto 10px;
		max-width: 400px;
		}
		.overonsqwinn img {
			width: 100%;
			margin-bottom: 20px;
			}
	.downloadspellen {
		max-width: 800px;
		margin: 0 auto;
		padding: 0 10px;
		}
		.downloadspellen h3 {
			padding: 5px;
			border-top: 1px solid #8a3089;
			border-bottom: 1px solid #8a3089;
			margin: -10px 0 20px;
			color: #8a3089;
			}

.onderwijslinksrechts {
	display: flex;
	margin-bottom: 60px;
	}
.b2blinksrechts {
	display: flex;
	margin-bottom: 80px;
	}
	.onderwijslinks,
	.b2blinks {
		padding-right: 30px;
		border-right: 1px solid #ccc;
		flex-basis: 50%;
		flex-grow: 0;
		}
		.onderwijslinks img {
			max-width: 300px;
			width: 90%;
			height: auto;
			float: right;
			margin-right: -70px;
			margin-left: 20px;
			margin-top: 10px;
			}
	.onderwijsrechts,
	.b2brechts {
		padding-left: 30px;
		flex-basis: 50%;
		flex-grow: 0;
		}
	.onderwijslinksrechts h3,
	.b2blinksrechts h3 {
		padding: 10px 0 30px;
		}


.subtitleleft {
	width: 50%;
	line-height: normal;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	}
	.subtitleleft h3 {
		padding: 0;
		text-align: left;
		}

.subtitleright {
	width: 45%;
	line-height: normal;
	float: right;
	text-align: left;
	margin-bottom: 15px;
	}
	.subtitleright h3 {
		padding: 0;
		text-align: left;
		}

.subtitleleft img, .subtitleright img {
	width: 90%;
	border: none;
	}

.subcontentleft {
	float: left;
	width: 50%;
	margin-top: 45px;
	}

.subcontentright {
	float: left;
	width: 50%;
	margin-top: 45px;
	}

.spelinformatie {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 30px;
	}

.inhoud {
	border: 1px solid #ff6600;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	width: 43%;
	}
	.inhoud h4 {
		background: #fff;
		padding: 0 10px;
		margin-top: -23px;
		margin-bottom: 5px;
		width: fit-content;
		}
.speleigenschappen {
	border: 1px solid #ff6600;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	width: 43%;
	}

.dezewilikdiv {
	margin-top: 15px;
	}
.dezewilik {
    background: #ff6600;
	width: fit-content;
    color: #fff;
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	transition: all 0.3s ease 0s;
	}
	.dezewilik:hover {
		color: #404040 !important;
		letter-spacing: 2px;
		background: none;
		transition: all 0.3s ease 0s;
		}

.contentsep {
	clear: both;
	text-align: center;
	padding: 20px 0 30px;
	}
	.contentsep img {
		width: 100%;
		max-width: 600px;
		}

.vmheader {
    font-family: 'Quicksand', sans-serif;
    font-size: calc(20px + 1vw);
    padding: 30px 0;
    text-align: center;
    color: #3F51B5;
    font-weight: 600;
	}

.divblok {
	opacity: 0;
	}
.come-in {
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
	opacity: 1;
	}
.already-visible {
	transform: translateY(0);
	animation: none;
	opacity: 1;
	}

@keyframes come-in {
	to { transform: translateY(0); }
	}
	
/*.footercontainer { 
	width: 100%;
	margin: 50px 0 0;
	border-top: 5px solid #0f3089;
    border-bottom: 5px solid #0f3089;
	}
	.footerwrapper {  
		padding: 0 10vw;
		max-width: 1024px;
		margin: 0px auto;
		min-height: 200px;
		}
		.footer { 
			color: #0f3089;
			padding: 10px 20px 50px 0;
			font-size: 14px;
			font-weight: 400;
			}
			.footer a {
				color: #0f3089;
				text-decoration: none;
				
				}
			.footer a:hover {
				text-decoration: underline;
				}
			.footer h3 {
				padding-bottom: 20px;
				color: #fff;
				}
				.acym_form {
					margin: 0 auto;
					display: inline-flex;
					}
					.acysubbuttons {
						display: inline-flex;
						}
				.acym_module_form input {
					max-width: 100%;
					font-size: 18px;
					padding: 5px 10px;
					border: 0;
					margin: 0 5px;
					}
					.subbutton {
						background: #FFC107;
						color: #3F51B5;
						}

.bottomcontainer { 
	width: 100%;
	margin: 0;
	padding: 20px 0;
	}
	.bottom {  
		width: 80vw;
		max-width: 1024px;
		margin: 0px auto;
		text-align: center;
		font-size: calc(12px + 0.3vw);
		}
*/

.homebuttoncontainer {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
	}
	.homebutton {
		width: 220px;
		height: 75px;
		}

.mean-container .mean-bar {
	float: right !important;
	width: 70px !important;
	position: fixed !important;
	top: 10px;
	right: 0;
	background: none !important;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	.mean-container a.meanmenu-reveal {
		right: 10px !important;
		}
	.mean-container .mean-nav {
		background: #0f3089 !important;
		float: right !important;
		width: 100vw !important;
		}
	.sticky .mean-bar {
		top: 0;
		}
	.sticky a.meanmenu-reveal span {
		background: #000 !important;
		}
	.mean-container a.meanmenu-reveal {
		color: #000 !important;
		}
.mean-container .mean-nav ul li a {
    padding: 7px 5% !important;
	text-transform: none !important;
	}


.mobilefooter {
	display: none;
	position: fixed;
	bottom: 0;
	background: #0f3089;
	border-top: 1px solid #fff;
	height: 68px;
	width: 100%;
	z-index: 999999;
	}
	.icon::before {
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		}
	.mfroute {
		width: 33.3%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfroute .custom {
			margin-top: -3px;
			}
		.mfroute::before {
			font-family: "Font Awesome 5 Free"; 
			content: "\f4d7";
			font-weight: 900;
			color: #fff;
			font-size: 26px;
			}
		.mfborderright {
			border-right: 1px solid #fff;
			height: 68px;
			width: 0px;
			position: absolute;
			right: 0;
			top: 0;
			}
	.mfbelmij {
		width: 33.4%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfbelmij .custom {
			margin-top: -3px;
			}
		.mfbelmij::before {
			font-family: 'Font Awesome 5 Free';
			content: ' \f095';
			font-weight: 900;
			color: #fff;
			font-size: 26px;
			}
	.mfwhatsapp {
		width: 33.3%;
		text-align: center;
		float: right;
		padding-top: 10px;
		}
		.mfwhatsapp .custom {
			margin-top: -5px;
			}
		.mfwhatsapp::before {
			font-family: "Font Awesome 5 Brands"; 
			content: "\f232";
			font-weight: 300;
			color: #fff;
			font-size: 30px;
			}

.mobilefooter a {
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	padding: 40px 0 0;
	}


.bordspellen-onderdelen-titel {
	padding: 10px 0;
    text-align: center;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-bottom: 30px;
	}
	.bordspellen-onderdelen-titel h3 {
		padding: 0;
		}
	.catTitelLink {
		width: fit-content;
		margin: 10px auto 0;
		Background: #ff6600;
		padding: 5px 10px;
		color: #fff;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		}
		.catTitelLink:hover {
			background: #ffd93e;
			color: #3F51B5;
			}
	
.vraagproducten {
	text-align: center;
    margin-bottom: 20px;
	}

.bordspellenOnderdelen {
	display: flex;
	margin: 40px 0 25px;
	}
	.bordspellenOnderdelenGepersonaliseerd {
		border: 3px solid #ffd93e;
		height: 60px;
		flex-basis: 50%;
		flex-grow: 0;
		margin-right: 20px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		position: relative;
		}
		.bordspellenOnderdelenGepersonaliseerddiv {
			text-align: center;
			height: 60px;
			}
	.bordspellenOnderdelenGepersonaliseerd .bordspellenOnderdelenIcon {
			background: #ffd93e;
			}
	.bordspellenOnderdelenUitgeven {
		border: 3px solid #ff6600;
		height: 60px;
		flex-basis: 50%;
		flex-grow: 0;
		margin-left: 20px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		position: relative;
		}
		.bordspellenOnderdelenUitgevendiv {
			text-align: center;
			height: 60px;
			}
	.bordspellenOnderdelenUitgeven .bordspellenOnderdelenIcon {
		background: #ff6600;
		}
	.bordspellenOnderdelenAchtergrond {
		width: 30px;
		overflow: hidden;
		height: 60px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		line-height: 60px;
		color: #404040;
		padding-left: 30px;
		font-size: 22px;
		position: absolute;
		top: 0;
		left: -1px;
		z-index: 10;
		transition: width 0.2s ease-in-out;
		}
		.bordspellenOnderdelenGepersonaliseerd .bordspellenOnderdelenAchtergrond {
			background: #ffec9e;
			}	
		.bordspellenOnderdelenUitgeven .bordspellenOnderdelenAchtergrond {
			background: #ffb27f;
			}	
		/* ### start puntjes animatie ### */

		.bordspellenOnderdelenAchtergrond span {
			display: inline-block;
			animation-name: blink;
			animation-duration: 0.8s;
			animation-iteration-count: infinite;
			animation-fill-mode: both;
			margin-left: 5px;
			}
		.bordspellenOnderdelenAchtergrond span:nth-child(2) {
			animation-delay: 0.1s;
			}
		.bordspellenOnderdelenAchtergrond span:nth-child(3) {
			animation-delay: 0.2s;
			}
		.bordspellenOnderdelenAchtergrond span:nth-child(4) {
			animation-delay: 0.3s;
			}

		@keyframes blink {
			0% {
				opacity: 0;
				}
			20% {
				opacity: 1;
				transform: scale(1.5) translateY(-3px);
				}
			100% {
				opacity: 0;
				}
			}

		/* ### einde puntjes animatie ### */

	.bordspellenOnderdelenIcon {
		position: absolute;
		left: -3px;
		top: -3px;
		width: 66px;
		height: 66px;
		color: #fff;
		line-height: 66px;
		font-size: 30px;
		-webkit-border-radius: 33px;
		-moz-border-radius: 33px;
		border-radius: 33px;
		margin-left: 0;
		z-index: 11;
		transition: all 0.2s ease-in-out;
		}
		.bordspellenOnderdelenIcon i {
			margin-left: 27px;
			}
	.bordspellenOnderdelenTitle {
		font-family: 'Quicksand', sans-serif;
		padding: 0;
		font-size: calc(10px + 0.6vw);
		font-weight: bold;
		color: #3F51B5;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 50px;
		right: 0;
		}
.bordspellenOnderdelen a:hover .bordspellenOnderdelenIcon {
	left: 30px;
	}
	.bordspellenOnderdelen a:hover .bordspellenOnderdelenAchtergrond {
		width: 60px;
		}
#gepersonaliseerd.active .bordspellenOnderdelenIcon,
#uitgeven.active .bordspellenOnderdelenIcon {
	left: calc(100% - 60px);;
	}
	#gepersonaliseerd.active .bordspellenOnderdelenAchtergrond,
	#uitgeven.active .bordspellenOnderdelenAchtergrond {
		width: calc(100% - 30px);
		}



/* #######################  END LAYOUT SETTINGS ############################ */

/* #########  RESPONSIVE SETTINGS ############# */

input[type=button] { /* button layout on ios normaal */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

@media only screen 
  and (max-width: 1140px) {
	
	.b2bheaderimglinks img {
		height: 450px;
		}
		.b2bheaderimglinks.animate img {
			left: -70px;
			top: -10px;
			}
	.b2bheaderimgrechts img {
		height: 300px;
		}
		.b2bheaderimgrechts.animate img {
			right: -150px;
			top: 10px;
			}
	.onderwijsheaderimg img {
		height: 570px;
		}
		.onderwijsheaderimg.animate img {
			left: -90px;
			top: -150px;
			}
	.gepersonaliseerdheaderimg img {
		width: 560px;
		}
		.gepersonaliseerdheaderimg.animate img {
			left: -70px;
			top: -50px;
			}
	.uitgevenheaderimg img {
		height: 430px;
		}
		.uitgevenheaderimg.animate img {
			left: -30px;
			top: 10px;
			}


  }


@media only screen 
  and (max-width: 1090px) {
	
	.animate-in .slide2-img {
		height: 90% !important;
		top: 5% !important;
		}
	.bordspellenOnderdelenTitle {
		width: 240px;
		margin: 0 auto;
		}
  }

@media only screen 
  and (max-width: 1025px) {
	
	.animate-in .slide1-img {
		left: 25% !important;
		top: -10% !important;
		}
	.animate-in .slide2-img {
		height: 90% !important;
		left: -2% !important;
		}
	.animate-in .slide3-img {
		left: 35% !important;
		top: 5% !important;
		height: 95% !important;
		}
	.animate-in .slide1-img {
		left: 25% !important;
		top: -10% !important;
		}
  }

@media only screen 
  and (max-width: 980px) {
	
	.homeeigenspelwrapper.divblok.come-in .homeeigenspelimg img {
		left: -200px;
		}
	.gepersonaliseerdheaderimg.animate img {
		left: calc(-500px + (2 * 20vw));
		}
	.uitgevenheaderimg img {
		height: 380px;
		}
		.uitgevenheaderimg.animate img {
			top: 20px;
			}
	.uitgevenheadertekst {
		width: 400px;
		}

  }

@media only screen 
  and (max-width: 900px) {
	
	.animate-in .slide2 {
		top: 10% !important;
		}
	.animate-in .slide2-img {
		height: 80% !important;
		top: 10% !important;
		}

	.homeeigenspelwrapper.divblok.come-in .homeeigenspelimg img {
		left: -300px;
		}
		.homeeigenspeltekst {
			width: 300px;
			}
	.onderwijslinks img {
		margin-right: 40px;
		margin-bottom: 20px;
		}
	.onderwijsheaderimg.animate img {
		left: calc(-490px + (2 * 20vw));
		}
	}

@media only screen 
  and (max-width: 840px) {
	
	.animate-in .slide2-img {
		left: -5% !important;
		}	
	.homeeigenspeltekst {
		left: 47%;
		}
	.uitgevenheadertekst {
		width: 46vw;
		top: 80px;
		}
		.uitgevenheadertekst .zelfregie,
		.uitgevenheadertekst .jouwbordspel {
			margin-bottom: 10px;
			font-size: 19px;
			}
		.uitgevenheadertekst ul {
			columns: 1;
			-webkit-columns: 1;
			-moz-columns: 1;
			}
	.uitgevenheaderimg.animate img {
		left: calc(-400px + (2 * 20vw));
		}

  }

@media only screen /* Breedte dat Meanmenu het overneemt */
  and (max-width: 820px) {
	
	.cartContainer {
		display: none !important;
		}

	.gepersonaliseerdheadertitel {
		white-space: normal;
		left: 10%;
		margin-right: 10%;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		}

  }

@media only screen 
  and (max-width: 770px) {
	
	.rbs_controls {
		top: 240px !important;
		}
	.animate-in .slide1 {
		top: 10% !important;
		left: 5% !important;
		}
	.animate-in .slide1-img {
		left: 10% !important;
		top: -15% !important;
		-webkit-transform: rotate(0deg) !important;
		-moz-transform: rotate(0deg) !important;
		-o-transform: rotate(0deg) !important;
		-ms-transform: rotate(0deg) !important;
		transform: rotate(-10deg) !important;
		}
	.animate-in .slide2-img {
		height: 85% !important;
		top: 8% !important;
		}
	.animate-in .slide3-img {
		left: 35% !important;
		top: 5% !important;
		height: 95% !important;
		}
	.animate-in .slide4-img {
		left: 5% !important;
		}

	.rbs_readon {
		display: inline-block !important;
		}
	.ctacontainer {
		height: 300px;
		}
	#responsivebannerslider, .sequence {
		height: 300px !important;
		}
	.homegepersonaliseerdtekstrechts {
		left: 40%;
		}
	.homegepersonaliseerdtekstlinks {
		right: 40%;
		}
	.homeeigenspelwrapper.divblok.come-in .homeeigenspelimg img {
		left: -430px;
		}
	.moduletable.uitgelicht,
	.moduletable.productrow {
		width: 80%;
		}
	.contactcta {
		margin-left: 16vw;
		margin-top: 140px;
		}
	.uitgeven-uitwerkfase .fase,
	.uitgeven-productiefase .fase,
	.uitgeven-verkoopfase .fase {
		line-height: 80px;
		width: 80px;
		text-align: center;
		}
	.uitgeven-uitwerkfase h4,
	.uitgeven-productiefase h4,
	.uitgeven-verkoopfase h4 {
		text-align: left;
		margin-left: 100px;
		margin-top: -10px;
		}
		.uitgeven-productiefase h4 {
			margin-left: 0;
			}
	.uitgeven-productiefase {
		text-align: left;
		margin-left: 10px;
		}
	.uitgeven-uitwerkfase ul,  
	.uitgeven-verkoopfase ul {
		margin-left: 95px;
		}
		.uitgeven-uitwerkfase ul li:before,
		.uitgeven-verkoopfase ul li:before {
			margin-left: -20px;
			margin-right: 7px;
			}
	.uitgeven-productiefase .fasetekst {
		padding-right: 100px;
		text-align: justify;
		}
	.uitgeven-verkoopfase {
		margin-bottom: -40px;
		}
	.lastcontentsep {
		margin-bottom: -80px;
		}
  }

@media only screen 
  and (max-width: 707px) {
	.maincontainer {
		width: 95vw;
		}
	body #responsivebannerslider p.subseqtitle {
		display: none !important;
		}
	.animate-in .slide1-img {
		left: -10% !important;
		}
	.animate-in .slide2 {
		top: 0% !important;
		width: 250px !important;
		left: 30% !important;
		}
	.animate-in .slide2-img {
		height: 90% !important;
		top: 15% !important;
		left: 8% !important;
		}
	.animate-in .slide3 {
		top: 0% !important;
		width: 250px !important;
		left: 30% !important;
		}
	.animate-in .slide3-img {
		left: 10% !important;
		top: 20% !important;
		height: 100% !important;
		}
	.animate-in .slide4-img {
		left: 5% !important;
		}
	.rbs_readon {
		margin-top: 0 !important;
		}
	/* listgrid settings disable on smaller screens */
	.listgridicons {
		display: none;
		}
	#listgrid.grid .listgridrow {
		flex-wrap: wrap;
		}
	#listgrid.grid .horizontalseparator {
		border-bottom: 1px solid #ccc !important;
		}
	#listgrid.grid .horizontal-separator {
		display: none;
		}
	#listgrid.grid .vertical-separator {
		border-right: none !important;
		}
	#listgrid.grid .vm-products-horizon.vm-col {
		width: 100%;
		}
	.grid .productcat-media {
		width: 40%;
		float: left;
		}
	.grid .productcat-desc {
		width: 59%;
		padding-left: 20px;
		float: left;
		}

	/*.grid .productcat-media {
		width: 40%;
		float: left;
		}
	.grid .productcat-desc {
		width: 60%;
		padding-left: 20px;
		float: left;
		}*/

	.product-description {
		width: 100%;
		}

	.onderwijslinksrechts,
	.b2blinksrechts {
		display: block;
		}
		.onderwijslinks, 
		.b2blinks {
			padding-right: 0;
			border-right: none;
			padding-bottom: 40px;
			margin-bottom: 30px;
			position: relative;
			}
			.onderwijslinks:after , 
			.b2blinks:after,
			.onderwijsrechts:after , 
			.b2brechts:after {
				content: '';
				border-bottom: 1px solid #ccc;
				width: 200px;
				position: absolute;
				left: 0;
				right: 0;
				margin: 0 auto;
				bottom: 0;
				}
		.onderwijsrechts, 
		.b2brechts {
			padding-left: 0;
			padding-bottom: 40px;
			margin-bottom: 30px;
			position: relative;
			}
		.onderwijslinks img {
			margin-bottom: 0;
			float: none;
			display: block;
			}
	.gepersonaliseerdheader,
	.gepersonaliseerdheaderwrapper {
		height: 440px;
		}
	.gepersonaliseerdheadertitel {
		text-align: center;
		left: 1%;
		margin-right: 1%;
		}
	.gepersonaliseerdheadertekst {
		top: 120px;
		}
	.overons {
		margin: -50px auto 0;
		}
	.overonswij {
		display: block;
		}
		.overonsmaaike {
			float: left;
			margin: 0 10px 10px;
			}
		.overonsolaf {
			float: right;
			margin-right: 10px;
			}
		.overons h3 {
			padding: 30px 0 10px;
			clear: both;
			}
  }

@media only screen 
  and (max-width: 640px) {
	
	.doehetzelf {
		padding-top: 50px;
		}
	.doehetzelfmannetje {
		margin-left: 0px;
		padding-right: 10px;
		}
	.doehetzelfbutton {
		bottom: 10px;
		}
	.homegepersonaliseerdtitel {
		white-space: unset;
		text-align: center;
		}
		.homegepersonaliseerdtitel a .leesmeerlink {
			top: 86px;
			right: 138px;
			}
			.homegepersonaliseerdtitel a .leesmeerpin {
				top: 62px;
				right: 236px;
				}


	.homegepersonaliseerdtekstrechtscontent {
		top: 25px;
		bottom: auto;
		}
	.homegepersonaliseerdtekstlinkscontent {
		top: auto;
		bottom: 25px;
		}
	.homegepersonaliseerdtekstrechts {
		left: 30%;
		}
	.homegepersonaliseerdtekstlinks {
		right: 30%;
		}

	.homeeigenspeltitel {
		white-space: unset;
		text-align: center;
		width: 300px;
		}
	.homeeigenspelwrapper.divblok.come-in .homeeigenspelimg img {
		left: -40px;
		opacity: 0.1;
		}
	.homeeigenspeltekst {
		left: 0;
		right:0;
		margin: 0 auto;
		top: 160px;
		}
	
	.bordspellenOnderdelen {
		display: unset;
		}
		.bordspellenOnderdelenGepersonaliseerd {
			width: 90%;
			margin: 0 auto;
			}
			.bordspellenOnderdelenTitle {
				width: unset;
				}
		.bordspellenOnderdelenUitgeven {
			width: 90%;
			margin: 20px auto;
			}
		    
	.subtitleleft,
	.subtitleright,
	.subcontentleft,
	.subcontentright {
		width: 100%;
		float: none;
		}
  }

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

  	.floatright.vm-order-list {
		float: left;
		}
		.floatright.vm-order-list .orderlistcontainer {
			margin: 0;
			}
		
	.b2bheaderimglinks.animate img {
		opacity: 0.5;
		}
	.b2bheaderimgrechts.animate img {
		display: none;
		}

	}

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

  	.moduletable.uitgelicht,
	.moduletable.productrow {
		width: 70%;
		}

	/* productdetail weergave */

	.vm-product-container > div {
		clear: both;
		}
		
	.vm-product-container .vm-product-media-container {
		float: none;
		width: 100%;
		margin: 0 auto;
		}
	.vm-product-details-container {
		width: 100%;
		padding: 10px 3vw;
		box-sizing: border-box;
		clear: both;
		float: none;
		}
		.productdetails-view .spacer-buy-area {
			padding-left: 0;
			}
	.product-description {
	    width: 100%;
		padding: 10px 3vw;
		box-sizing: border-box;
		clear: both;
		}

	/* end productdetail weergave */

	}
 
@media only screen 
  and (max-width: 550px) {

	.animate-in .slide1-img {
		left: -20% !important;
		}
	.animate-in .slide2-img {
		height: 85% !important;
		top: 8% !important;
		left: -2% !important;
		}
	.animate-in .slide3-img {
		left: -5% !important;
		}
	.animate-in .slide4-img {
		left: 5% !important;
		}
	.homegepersonaliseerdtekstrechts {
		left: 10%;
		}
	.homegepersonaliseerdtekstlinks {
		right: 10%;
		}
	.onderwijsheadertitel {
		left: 30%;
		}
	.onderwijsheadertekst,
	.gepersonaliseerdheadertekst {
		left: 5vw;
		font-weight: 400;
		}
	.onderwijsheaderimg.animate img,
	.gepersonaliseerdheaderimg.animate img {
		left: 0px;
		top: -90px;
		opacity: 0.3;
		}
	.overonsmaaike,
	.overonsolaf {
		float: unset;
		margin: 0 auto;
		}
	.overonstekst {
		margin-bottom: -80px;
		}
  }
 
@media only screen 
  and (max-width: 460px) {

	.animate-in .slide1-img {
		left: -30% !important;
		}
	.animate-in .slide2-img {
		height: 85% !important;
		top: 8% !important;
		left: -2% !important;
		}
	.animate-in .slide3-img {
		left: -10% !important;
		}
	.animate-in .slide4-img {
		left: 5% !important;
		}

	.doehetzelf {
		width: 200px;
		}
	.doehetzelfmannetje {
		margin-left: -60px;
		}
	.b2bheadertekst {
		width: 410px;
		}
	.b2bheadertekst li {
		font-size: 18px;
		padding: 5px 15px;
		}
	.gepersonaliseerdheadertekst {
		top: 160px;
		}
	.uitgevenheaderimg.animate img {
		left: 0px;
		top: 20px;
		opacity: 0.3;
		}
	.uitgevenheadertekst {
		width: 90%;
		left: 5%;
		top: 120px;
		}
		.uitgevenheadertekst ul {
			columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
			}
	.uitgevenheadertitel {
		white-space: normal;
		left: 5%;
		width: 90%;
		text-align: center;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		}
	}

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

	.animate-in .slide1-img {
		left: -50% !important;
		}
	.animate-in .slide2-img {
		height: 80% !important;
		top: 20% !important;
		left: -10% !important;
		}
	.animate-in .slide3 {
		left: 10% !important;
		}
	.animate-in .slide3-img {
		left: -30% !important;
		}
	.animate-in .slide4-img {
		left: 5% !important;
		}
	.moduletable.uitgelicht,
	.moduletable.productrow {
		width: 60%;
		}
	
  }

@media only screen 
  and (max-width: 360px) {
	.animate-in .slide1-img {
		left: -70% !important;
	}
  }


@media only screen 
  and (max-width: 970px) {
	
	.topmenu li,
	.cartContainer { /* voor menu */
		margin: 0;
		}
	
  }

@media only screen 
  and (max-width: 930px) {
	
	.acym_form {
		display: block;
		}
		.onefield {
			margin-bottom: 5px;
			}

	.aanbodrow { /* voor aanboddiv */
		display: unset;
		}
		.aanboddiv {
			width: 100%;
			}
	.mainwrapper {
		padding: 0;
		}	
	}

@media only screen /* voor menu */
  and (max-width: 820px) {
	
	.topmenu {
		display: none;
		}
	.mobilemenu,
	.mean-bar {
		display: block;
		}

	}

@media only screen 
  and (max-width: 670px) {
	
	.contactdiv-l,
	.contactdiv-r {
		width: 100%;
		}


	}


/* ##### 404 ######*/

.viernulvier {position: fixed;top: 50%;left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);font-family: 'Quicksand', sans-serif;display: flex;}
.viernulviercode {font-size:18px;}
.viernulviertitle {font-size:100px;font-weight: 600;position: absolute;bottom: 20px;left:-190px;}
.viernulvieruitleg {position: absolute;bottom:10px;left:-187px;}
.viernulvierstart {position: absolute;top:10px;right:-200px;}
.viernulvierkans {position: absolute;bottom:30px;right:-170px;}
.viernulvierkans img {cursor: pointer;}

@media only screen 
  and (max-width: 500px) {
	.viernulvier {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: 'Quicksand', sans-serif;
		display: flex;
		flex-flow: wrap;
		width: 80vw;
		height: 80vw;
		}
	.viernulviercode {
		font-size: 18px;
		position: absolute;
		top: 25vw;
		left: 0;
		width: 40vw;
		height: 20vw;
		}
	.viernulviertitle {
		font-size: 20vw;
		font-weight: 600;
		position: absolute;
		bottom: 20px;
		}
	.viernulvieruitleg {
		position: absolute;
		bottom: 0;
		width: 40vw;
		font-size: 3.3vw;
		left: 0;
		right: 0;
		text-align: center;
		}
	.viernulviermannetje {
		position: absolute;
		top: 0;
		right: 0;
		}
	.viernulviermannetje img {
		height: 50vw;
		width: auto;
		}		
	}

/* ##### Persoonlijkebestelling ######*/

.persoonlijkebestelling {    
	position: relative;
    width: 400px;
    margin: 0 auto;
    font-family: 'Quicksand', sans-serif;
    display: flex;
	}
.persoonlijkebestellingtekst {font-size:18px;}
.persoonlijkebestellingleuk {font-size:100px;font-weight: 600;position: absolute;bottom: 45px;left:-80px;}
.persoonlijkebestellinguitleg {position: absolute;bottom:10px;left:-72px;width: 237px;}
.persoonlijkebestellingstart {position: absolute;top:10px;right:-50px;}
.persoonlijkebestellingmannetje { margin-left: 200px; }	
.persoonlijkebestellingmannetje img {
		height: 260px;
		width: auto;
		}	
@media only screen 
  and (max-width: 780px) {
	.persoonlijkebestellingleuk { left: -10px; }
	.persoonlijkebestellinguitleg { left: 2px; }
	.persoonlijkebestellingmannetje { margin-left: 250px; }	
	.persoonlijkebestellingstart {
		top: unset;
		bottom: -40px;
		right: 0;
		left: 0;
		text-align: center;
		}
  }
@media only screen 
  and (max-width: 500px) {
	.persoonlijkebestelling {
		position: relative;
		width: 90vw;
		margin: 0 auto;
		font-family: 'Quicksand', sans-serif;
		display: flex;
		}
	.persoonlijkebestellingtekst {
		font-size: 18px;
		position: absolute;
		top: 25vw;
		left: 0;
		width: 45vw;
		height: 20vw;
		}
	.persoonlijkebestellingleuk {
		font-size: 20vw;
		font-weight: 600;
		position: absolute;
		bottom: 30px;
		}
	.persoonlijkebestellinguitleg {
		position: absolute;
		bottom: -10px;
		width: 45vw;
		font-size: 4.3vw;
		left: 0;
		right: 0;
		text-align: center;
		}
	.persoonlijkebestellingmannetje {
		position: absolute;
		top: 0;
		right: 0;
		}
	.persoonlijkebestellingmannetje img {
		height: 50vw;
		width: auto;
		}
	.persoonlijkebestellingstart {
		top: 58vw;
		bottom: unset;
		}
	}


/* #########  MOBILE SETTINGS ############# 

@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) { 
  
 @media screen and (orientation:landscape) { … }

  */

@media only screen /* voor test op desktop 490px normaal 414px*/
  and (max-width: 414px) {

html {	
	}
body {
	text-align: unset;
	}

h1, h2, h3, h6 {	
	}

body,
.ctabutton, 
.ctabutton:visited, 
.bfSubmitButton,
.normalbutton, 
.normalbutton:visited,
.acym_module_form input,
.bfQuickMode section input[type='text'], 
.bfQuickMode section textarea, 
.bfQuickMode section select {
	font-size: 18px;
	}

ul.twocolumn {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
	}

.scrollopzij {
	display: block;
	}

.spelinformatie {
	display: block;
	}
	.inhoud {
		width: 94%;
		margin-bottom: 10px;
		}
	.speleigenschappen {
		width: 94%;
		}

.gepersonaliseerdheader, 
.gepersonaliseerdheaderwrapper {
    height: 600px;
	}

.uitgevenheadertekst li {
    height: 44px;
	}

.product-related-products .productwrapper {
    display: block;
	}

.bfQuickMode section textarea {
	height: 180px;
	}
.toplogo img {
    height: 70px;
	margin-left: 10px;
	}
.ctacontainer {
	margin-top: 100px;
	position: relative;
	}
.cta {
	font-size: 24px;
	bottom: 6vh;
	}
.ctatxt {
	display: block;
    width: 90vw;
    padding: 0;
	margin: 45vh 0 5vh;
	}
.ctaimg {
	display: block;
    width: 90vw;
	height: 40vh;
	position: absolute;
	top: 0;
	}
.flexdiv {
    display: block;
	overflow: auto;
	}
	.upload1wrapper,
	.upload2wrapper {
		width: 100%;
		}

.bordspellenOnderdelenTitle {
	font-size: calc(13px + 0.6vw);
	width: 210px;
	}

.productdetails-view .addtocart-area {
    float: none;
	}
.chzn-container {
    font-size: 18px;
	width: 220px !important;
	}
.chzn-container-single .chzn-drop {
    width: 220px !important;
	}
.chzn-container .chzn-results li.active-result {
    line-height: 18px !important;
	}

.footer {
	padding-right: 0;
	}
.footerdiv {
	background-position-x: center;
	}
	.footerdiv ul {
		display: none;
		}

.mainwrapper {
    padding: 0;
	}
.hometekst1 {
    width: 100%;
	}
.homeideeenbus {
	background: none;
	}
	.ideeenbus {
		width: auto;
		padding-top: 0;
		}

.testimonialrow,
.contactdiv-l,
.contactdiv-r {
	width: 100%;
	}
	.testimonialtext {
		width: 100%;
		}
.contactMap .contactroute {
	display: none;
	}

.bottom {
	font-size: 15px;
	}

.subbutton {
	width: 200px;
	}

.bottomcontainer {
	padding: 20px 0 80px;
	}

.mobilefooter {
	display: block;
	}

	.homegepersonaliseerd {
		height: 500px;
		}
		.homegepersonaliseerdwrapper {
			height: 500px;
			}
	.homegepersonaliseerdtekstlinks,
	.homegepersonaliseerdtekstrechts {
		right: 0;
		left: 0;
		margin: 0 auto;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
		}

	.homeeigenspel,
	.homeeigenspelwrapper {
		height: 550px;
		}

	/* categorie weergave */

	.productcat-media,
	.grid .productcat-media {
		width: 60%;
		float: none;
		margin: 5px auto 10px;
		}
	.productcat-desc,
	.grid .productcat-desc {
		clear: both;
		width: 100%;
		}
	
	.productcat-desc {
		padding-left: 0;
		}

	/* end categorie weergave */

	.b2bheadertekst {
		width: 310px;
		}
	.b2bheadertekst li {
		font-size: 14px;
		padding: 5px 10px;
		}
	
	.onderwijsheader,
	.onderwijsheaderwrapper {
		height: 500px;
		}

}

/* @media only screen 
  and (max-device-width: 411px) - Google Nexus 5, 5X, 6, 6P, Pixel */

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

}

/* @media only screen 
  and (max-device-width: 375px) - iPhone 6, 7 */

@media only screen 
  and (max-width: 375px) {
	.onderwijsheader,
	.onderwijsheaderwrapper {
		height: 540px;
		}
}

/* @media only screen 
  and (max-device-width: 360px) - Samsung Galaxy S3-S6, S III, Xiaomi(most), Sony Xperia S, Z, Ion */

@media only screen 
  and (max-width: 360px) {
	
}

/* @media only screen 
  and (max-device-width: 320px) - ipone 5, Samsung Galaxy S, S2, S II, iPhone 3, 4, 4S, Microsoft Lumia 620, 830, 900, 920, 925, 1020 */

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

}

/* #########  END MOBILE SETTINGS ############# */