@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

* {
	box-sizing: border-box;
}
body, html {
	font-family: 'Quicksand', sans-serif !important;
	background: #ffffff;
	width:100%;
	margin: 0;
	padding: 0;
}
.wpcf7-submit{
	border-radius: 8px;
    background-color: #106697;
    color: #ffffff;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
}
.cookie-close{
	/*position: absolute;
	top: 0;
	right: 0;*/
	position: relative;
	cursor: pointer;
	margin: 0;
	text-align: right;
}
h4 a{
	color: #0071a1 !important;
}
a{
	text-decoration: none !important;
}
@media only screen and (min-width: 600px){
	.optionText {
    	min-height: 50px;
	}
}
@media only screen and (min-width: 600px) and (max-width:921.98px){
	.optionIcon {
    	font-size: 50px !important;
	}
	.iconContainer{
		height: 95px !important;
		width: 95px !important;
	}
	.mainOptionContainer{
    	height: 160px !important;
	}
	
}
.cookie-close a{
	color: #0071a1;
	text-decoration: none;
	cursor: pointer;
	z-index: 9999;
	margin: 0;
}
.cookie-text{
	position: relative;
	top: 0;
	right: 20px;
}
.cookie-popup{
	z-index: 9999999;
	position: fixed;
    bottom: 0;
    left: 0;
}
.costifyblock{
	border: solid 2px #12a19a;
	border-radius: 20px;
}
.me-1 {
  margin-right: .25rem !important;
}
h3::first-letter{
	text-transform: uppercase;
}
.d-none{
display: none !important;
}
@media only screen and (max-width:767.98px){
	thead{
		display: none;
	}
	tbody tr{
		display: flex;
    	align-content: center;
    	justify-content: center;
    	width: 100%;
    	min-width: 100%;
    	position: relative;
		flex-flow: wrap;
		align-items: stretch
	}
	tbody td:nth-child(1) {
 		order: 1;
		min-width: 70px;
		width: 70px;
		border:none;
		background-color: #12a19a;
		color: #ffffff;
	}
	tbody td:nth-child(2) {
 		order: 2;
		min-width: calc(100% - 70px);
		width: calc(100% - 70px);
		border:none;
		background-color: #12a19a;
		color: #ffffff;
	}
	tbody td:nth-child(3) {
 		order: 3;
		min-width: calc(100% - 0px);
		width: calc(100% - 0px);
		border:none;
	}
	tbody td:nth-child(4) {
 		order: 4;
		min-width: calc(100% - 0px);
		width: calc(100% - 0px);
		border:none;
	}
	tbody td:nth-child(5) {
 		order: 5;
		min-width: calc(100% - 70px);
		width: calc(100% - 70px);
		border:none;
		font-weight: bold
	}
	tbody td:nth-child(6) {
 		order: 6;
		min-width: 70px;
		width: 70px;
		border:none;
	}
	tbody td {
    	min-width: 50%;
    	width: 50%;
    	display: block;
	}
}
@media only screen and (min-width:768px){
	.d-md-block{
		display: block !important
	}
	.d-md-inline{
		display: inline-block!important
	}
	.d-md-inline-block{
		display: inline-block!important
	}	
}
.d-none{
	display: none;
}
.costifymodal label, .costifymodal h3, .costifymodal h2 {
	display: block;
	color: #ffffff;
 	margin: 1em 0 0.25em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.costifymodal #modalBody {
    height: 250px;
}
.costifymodal .modal-content {
    padding: 0 !important;
}
.costifymodal {
  	display: none; /* Hidden by default */
  	align-content: center;
    justify-content: center;
    align-items: center;
	position: fixed; /* Stay in place */
  	z-index: 5; /* Sit on top */
  	padding-top: 0px; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
  	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
  	padding: 0;
  	border: 1px solid #888;
  	width: 80%;
  	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  	-webkit-animation-name: animatetop;
  	-webkit-animation-duration: 0.4s;
  	animation-name: animatetop;
  	animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
  	to {top:0; opacity:1}
}
/* The Close Button */
.costifyclose {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}
/* Modal Content */
.modal-content {
	background-color: #fefefe;
  	margin: auto;
  	padding: 20px;
  	border: 1px solid #888;
  	width: 80%;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 2px 16px;
	background-color: #00a099;
	color: white;
}

.modal-body {
	padding: 16px 16px;
}

.modal-footer {
	padding: 2px 16px;
	background-color: #00a099;
	color: white;
}
.bill{
	padding: 0 25px;
	width: 25%;
}
.text-small{
	font-size: small;
}
.text-italic{
	font-style: italic;
}
.d-block{
	display: block;
}
#formStucwerk, #sauswerkForm{
	width: 100%;
}
#stucwerkForm .container, #sauswerkForm .container{
	display: flex;
	padding: 35px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}
#close{
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
    font-size: 25px;
    margin: 0;
}
.closetooltip{
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
    font-size: 25px;
    margin: 0;
	cursor: pointer;
}
/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
	cursor: pointer;
}
/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 320px;
	background-color: #106697;
	color: #fff;
	text-align: left;
	padding: 15px;
	border-radius: 6px;

  	/* Position the tooltip text */
  	position: absolute;
  	z-index: 1;
  	bottom: 125%;
  	left: 50%;
  	margin-left: -160px;
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
	font-size: small;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
  				border-width: 5px;
  				border-style: solid;
  				border-color: #555 transparent transparent transparent;
			}

			/* Show the tooltip text when you mouse over the tooltip container */
			.tooltip:hover .tooltiptext, .tooltip:focus .tooltiptext, .tooltip:active .tooltiptext {
  				visibility: visible;
  				opacity: 1;
			}
			.close .tooltiptext{
				visibility: hidden !important;
				opacity: 0 !important;
			}
			.tooltip-right {
    			top: -5px;
    			left: 125%;
			}
			.tooltip-top {
    			bottom: 125%;
    			left: 50%;
    			margin-left: -60px;
			}
			.tooltip-bottom {
    			top: 135%;
    			left: 50%;
    			margin-left: -60px;
			}
			.tooltip-left {
    			top: -5px;
    			bottom: auto;
    			right: 128%;
			}
			@media only screen and (max-width: 599.98px){
				#close{
					display: block;
				}
				.closetooltip{
					display: block;
				}
				.optionInformation > div{
					display: flex;
    				align-content: center;
    				align-items: center;
    				width: 100%;
    				justify-content: flex-start;
				}
				.optionIcon {
    				font-size: 40px !important;
				}
				#formStucwerk {
    				width: 100%;
				}
				.bill {
					padding: 0;
   					width: 100%;
				}
				.tooltip .tooltiptext {
    				z-index: 3;
    				padding-top: 100px;
    				position: fixed;
    				left: 0;
    				top: 0;
    				width: 100%;
    				min-width: 100%;
    				height: 100%;
    				min-height: 100%;
    				overflow: auto;
    				visibility: hidden;
    				width: 100px;
    				background-color: #106697;
    				color: #fff;
    				text-align: left;
    				padding: 15px;
    				border-radius: 0px;
    				z-index: 1;
    				bottom: 125%;
    				left: 0;
    				margin-left: 0px;
    				opacity: 0;
    				transition: opacity 0.3s;
					display: flex;
    				font-size: small;align-content: center;
    				justify-content: center;
    				align-items: center;
					flex-wrap: wrap;
				}
				.mainOptionContainer {
    				-ms-flex: 0 0 100% !important;
    				flex: 0 0 100% !important;
    				max-width: 100% !important;
					height: 85px !important;
    				padding: 0.05rem;
				}
				.mainOption {
    				position: relative !important;
    				display: block !important;
    				cursor: pointer !important;
    				-webkit-user-select: none !important;
    				-moz-user-select: none !important;
    				-ms-user-select: none !important;
    				user-select: none !important;
    				margin-top: 0 !important;
    				margin-bottom: 0.5rem !important;
    				border-left: 0.5rem !important;
    				border-right: 0.5rem !important;
    				border-color: #EAEAEA !important;
    				border-bottom-width: 1px !important;
    				border-top-width: 1px !important;
   					border-right-width: 1px !important;
    				border-left-width: 1px !important;
    				border-bottom-style: solid !important;
    				border-top-style: solid !important;
    				height: 75px !important;
    				border-left-style: solid !important;
    				border-right-style: solid !important;
					border: 0 !important;
				}
				.optionInformation {
    				position: absolute !important;
    				display: flex !important;
    				top: 0 !important;
    				left: 0 !important;
    				width: 100% !important;
    				height: 100% !important;
    				color: #ffffff !important;
    				align-content: flex-start !important;
    				align-items: center !important;
    				justify-content: center !important;
    				text-align: left !important;
    				font-size: 18px !important;
					background: #12a19a !important;
					border-radius: 10px !important;
					
				}
				.iconContainer {
    				background: #12a19a !important;
    				/* padding: 50px; */
    				border-radius: 20px !important;
    				color: #ffffff !important;
    				width: 50px !important;
    				height: 50px !important;
    				text-align: center !important;
    				display: flex !important;
    				align-content: center !important;
    				justify-content: center !important;
    				align-items: center !important;
    				margin: auto 10px !important;
				}
			}
			.iconContainer {
    			background: #12a19a;
    			/* padding: 50px; */
    			border-radius: 20px;
    			color: #ffffff;
    			width: 150px;
    			height: 150px;
    			text-align: center;
    			display: flex;
    			align-content: center;
    			justify-content: center;
    			align-items: center;
				margin: auto;
			}
			.previous{
				display: inline-block;
				background: #106697;
				padding: 1em 1.5em;
				color: #ffffff;
				cursor: pointer;
				border-radius: 0.75em;
			}
			.previous:hover, .previous:focus{
    			border-color: #106697;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(16, 102, 151, 0.25);
			} 
			.w100{
				width: 100%;
				color: #106697;
			}
			label, h3, h2{
				display: block;
				color: #106697;
    			margin: 1em 0 0.25em;
				-webkit-user-select: none; /* Safari */        
				-moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* IE10+/Edge */
				user-select: none; /* Standard */
			}
			#begin, #wallsFollowUp, #stucwerkFollowUp, #ceilingFollowUp, #floorFollowUp, #ceilingFollowUp, #spotRepairFollowUp{
				display: -ms-flexbox;
    			display: flex;
    			-ms-flex-wrap: wrap;
    			flex-wrap: wrap;
    			margin-right: 0;
    			margin-left: 0;
    			padding: 35px;
    			justify-content: left;
    			align-content: flex-start;
    			align-items: center;
			}
			#wallsFollowUp, #ceilingFollowUp, #floorFollowUp, #stucwerkFollowUp, #stucwerkForm, #offerteForm, #opdrachtForm, #order-btn, #floorFollowUp, #ceilingFollowUp, #spotRepairFollowUp{
				display: none;
			}
			.optionIcon{
				font-size: 75px;
			}
			.mainOptionContainer {
    			position: relative;
				-ms-flex: 0 0 25%;
    			flex: 0 0 25%;
    			max-width: 25%;
				height: 275px;
				padding: 0.05rem;
			}
			.mainOption {
    			position: relative;
   				display: block;
    			cursor: pointer;
    			-webkit-user-select: none;
    			-moz-user-select: none;
    			-ms-user-select: none;
    			user-select: none;
    			margin-top: 0;
    			margin-bottom: 0.5rem;
    			border-left: 0.5rem;
    			border-right: 0.5rem;
    			/*border-color: #EAEAEA;*/
    			border-color: #FFFFFF;
    			border-bottom-width: 1px;
    			border-top-width: 1px;
    			border-right-width: 1px;
    			border-left-width: 1px;
    			border-bottom-style: solid;
    			border-top-style: solid;
    			height: 100%;
    			border-left-style: solid;
    			border-right-style: solid;
				border: 0 !important;
			}
			.radioInputOption{
				position: absolute;
				padding: 0;
   				width: 0;
    			height: 0;
    			opacity: 0;
    			cursor: pointer;
			}
			.optionInformation:after{
				content: "";
    			display: block;
    			padding-bottom: 100%;
			}
			.optionInformation{
				position: absolute;
    			display: flex;
    			top: 0;
    			left: 0;
    			width: 100%;
    			height: 100%;
    			color: #106697;
    			align-content: flex-start;
    			align-items: center;
    			justify-content: center;
    			text-align: center;
    			font-size: 18px;
			}
			.radioInputOption:checked ~ .optionInformation {
   				background-color: #12a19a;
    			color: #ffffff;
			}
			.radioInputOption:hover ~ .optionInformation {
   				/*background-color: #12a19a;
    			color: #ffffff;*/
			}
			.radioInputOption:hover > .iconContainer {
   				background-color: #ff0000;
			}
			.radioInputOption:focus ~ .optionInformation {
   				background-color: #12a19a;
    			color: #ffffff;
			}

			.radioInputOption:focus > .iconContainer {
   				background-color: #ff0000;
			}
			.radioInputOption:checked ~ .optionInformation > div > .iconContainer {
    			border-color: #ffffff;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
			}
			.radioInputOption:hover ~ .optionInformation > div > .iconContainer {
				background-color: #0071a1;
    			border-color: #ffffff;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
			}
			.radioInputOption:focus ~ .optionInformation > div > .iconContainer {
				background-color: #0071a1;
    			border-color: #ffffff;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
			}
			input{
    			outline: 0;
			}
			input[type=text]:focus, input[type=email]:focus, textarea:focus{		
    			background-color: #fff;
    			border-color: #106697;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(42, 49, 132, 0.25);
			}
			input[type=text], input[type=email], textarea{
				display: block;
    			width: 100%;
    			padding: .375rem .75rem;
    			font-size: 1rem;
    			line-height: 1.5;
    			color: #495057;
    			background-color: #fff;
    			background-clip: padding-box;
    			border: 1px solid #ced4da;
    			border-radius: .25rem;
    			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			}

			.container{
				display: block;
				padding: 35px;
			}
			.range {
				display: block;
				margin: 0;
			}
			input[type=range] {
				-webkit-appearance: none;
				appearance: none;
				position: relative;
				width: 100%;
				background-color: none;
				background: none;
			}
			
			input[type=range]::-webkit-slider-runnable-track {
				width: 100%;
				height: 6px;
				border: none;
				border-radius: 3px
			}
			input[type=range]::-moz-range-track {
				width: 100%;
				height: 6px;
				border: none;
				border-radius: 3px
			}
			
			input[type=range]::-webkit-slider-thumb {
				-webkit-appearance: none;
				border: none;
				height: 18px;
				width: 18px;
				border-radius: 50%;
				background: #106697;
				border: 1px solid #12a19a;
				margin-top: -6px;
				cursor: pointer
			}			
			input[type=range]::-moz-range-thumb {
				-webkit-appearance: none;
				border: none;
				height: 18px;
				width: 18px;
				border-radius: 50%;
				background: #106697;
				border: 1px solid #12a19a;
				margin-top: -6px;
				cursor: pointer
			}
			
			.focused::-webkit-slider-thumb {
				box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15)
			}
			.focused::-moz-range-thumb {
				box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15)
			}
			
			.clicked::-webkit-slider-thumb {
				-webkit-transform: scale(1.5)
			}
			.clicked::-moz-range-thumb {
				-webkit-transform: scale(1.5)
			}
			
			.disabled::-webkit-slider-thumb {
				-webkit-transform: scale(0.9);
				box-shadow: 0 0 0 3px #141414;
				background: #515151 !important;
				border-color: #515151 !important
			}
			.disabled::-moz-range-thumb {
				-webkit-transform: scale(0.9);
				box-shadow: 0 0 0 3px #141414;
				background: #515151 !important;
				border-color: #515151 !important
			}
			
			input[type=range]:focus {
				outline: none
			}
			.rangeM input[type=range].disabled::-webkit-slider-runnable-track {
				background: #515151!important
			}
			.rangeM input[type=range].disabled::-moz-range-track {
				background: #515151!important
			}
			
			.rangeM input[type=range]::-webkit-slider-thumb {
				background: #12a19a;
				border-color: #12a19a
			}
			.rangeM input[type=range]::-moz-range-thumb {
				background: #12a19a;
				border-color: #12a19a
			}
			
			.range:hover input[type=range]:before {
  				color: white;
  				content: '50';
  				position: absolute;
  				font-family: 'Lato', sans-serif;
  				top: -49px;
  				background: #12a19a;
  				padding: 8px 0 3px;
  				font-size: 14px;
  				width: 30px;
  				text-align: center;
  				border-radius: 100% 100% 0 0
			}
			.range:hover input[type=range]:after {
  				content: '';
  				position: absolute;
  				top: -22px;
  				left: 50px;
  				border-left: 15px solid transparent;
  				border-right: 15px solid transparent;
  				border-top: 8px solid #12a19a;
  				font-family: 'Lato', sans-serif;
			}
			
			/* The container must be positioned relative: */
			.custom-select {
  				position: relative;
  				font-family: 'Lato', sans-serif;
			}
			.select-false{
				background: #ff0000;
			}
			.custom-select select {
				display: none; /*hide original SELECT element: */
			}

			.select-selected {
  				background-color: #12a19a;
			}

			/* Style the arrow inside the select element: */
			.select-selected:after {
				position: absolute;
  				content: "";
  				top: 14px;
  				right: 10px;
  				width: 0;
  				height: 0;
  				border: 6px solid transparent;
  				border-color: #fff transparent transparent transparent;
			}

			/* Point the arrow upwards when the select box is open (active): */
			.select-selected.select-arrow-active:after {
				border-color: transparent transparent #fff transparent;
  				top: 7px;
			}

			/* style the items (options), including the selected item: */
			.select-items div,.select-selected {
  				color: #ffffff;
  				padding: 8px 16px;
  				border: 1px solid transparent;
  				border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  				cursor: pointer;
			}

			/* Style items (options): */
			.select-items {
  				position: absolute;
  				background-color: #12a19a;
  				top: 100%;
  				left: 0;
  				right: 0;
  				z-index: 99;
			}

			/* Hide the items when the select box is closed: */
			.select-hide {
  				display: none;
			}

			.select-items div:hover, .same-as-selected {
  				background-color: rgba(0, 0, 0, 0.1);
			}
			.switch {
  				position: relative;
  				display: inline-block;
  				width: 60px;
  				height: 34px;
				margin-top: 0;
			}

			.switch input { 
  				opacity: 0;
  				width: 0;
  				height: 0;
			}

			.slider {
				position: absolute;
  				cursor: pointer;
  				top: 0;
  				left: 0;
  				right: 0;
  				bottom: 0;
  				background-color: #ccc;
  				-webkit-transition: .4s;
  				transition: .4s;
			}

			.slider:before {
  				position: absolute;
  				content: "";
  				height: 26px;
  				width: 26px;
  				left: 4px;
  				bottom: 4px;
  				background-color: white;
  				-webkit-transition: .4s;
  				transition: .4s;
			}

			input:checked + .slider {
				background-color: #12a19a;
			}

			input:focus + .slider {
 				box-shadow: 0 0 1px #12a19a;
			}

			input:checked + .slider:before {
  				-webkit-transform: translateX(26px);
  				-ms-transform: translateX(26px);
  				transform: translateX(26px);
			}

			/* Rounded sliders */
			.slider.round {
				 border-radius: 34px;
			}

			.slider.round:before {
 				border-radius: 50%;
			}

/*CART*/


			* {
    			box-sizing: border-box;
			}
			body, html {
				background: #ffffff;
				font-family: 'Lato', sans-serif;
				width:100%;
				margin: 0;
				padding: 0;
			}
			table {
  				width:100%;
			}
			table, th, td {
  				border: 1px solid black;
  				border-collapse: collapse;
			}
			th, td {
  				padding: 15px;
  				text-align: left;
			}
			tr:nth-child(even) {
  				background-color: #eee;
			}
			tr:nth-child(odd) {
				background-color: #fff;
				}
			th {
  				background-color: black;
  				color: white;
			}
			.costifymodal label, .costifymodal h3, .costifymodal h2 {
    			display: block;
    			color: #ffffff;
    			margin: 1em 0 0.25em;
    			-webkit-user-select: none;
    			-moz-user-select: none;
    			-ms-user-select: none;
    			user-select: none;
			}
			.costifymodal #modalBody {
    			height: 250px;
			}
			.costifymodal .modal-content {
    			padding: 0 !important;
			}
			.costifymodal {
  				display: none; /* Hidden by default */
  				align-content: center;
    			justify-content: center;
    			align-items: center;
				position: fixed; /* Stay in place */
  				z-index: 5; /* Sit on top */
  				padding-top: 0px; /* Location of the box */
  				left: 0;
  				top: 0;
  				width: 100%; /* Full width */
  				height: 100%; /* Full height */
  				overflow: auto; /* Enable scroll if needed */
  				background-color: rgb(0,0,0); /* Fallback color */
  				background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
			}
			/* Modal Content */
			.modal-content {
  				position: relative;
  				background-color: #fefefe;
  				margin: auto;
  				padding: 0;
  				border: 1px solid #888;
  				width: 80%;
  				box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  				-webkit-animation-name: animatetop;
  				-webkit-animation-duration: 0.4s;
  				animation-name: animatetop;
  				animation-duration: 0.4s
			}
			/* Add Animation */
			@-webkit-keyframes animatetop {
  				from {top:-300px; opacity:0} 
  				to {top:0; opacity:1}
			}

			@keyframes animatetop {
				from {top:-300px; opacity:0}
  				to {top:0; opacity:1}
			}
			/* The Close Button */
			.costifyclose {
  				color: white;
  				float: right;
  				font-size: 28px;
  				font-weight: bold;
				cursor: pointer;
			}
			/* Modal Content */
			.modal-content {
  				background-color: #fefefe;
  				margin: auto;
  				padding: 20px;
  				border: 1px solid #888;
  				width: 80%;
			}
			.close:hover, .close:focus {
  				color: #000;
  				text-decoration: none;
  				cursor: pointer;
			}

			.modal-header {
  				padding: 2px 16px;
  				background-color: #00a099;
  				color: white;
			}

			.modal-body {
				padding: 16px 16px;
			}

			.modal-footer {
  				padding: 2px 16px;
  				background-color: #00a099;
  				color: white;
			}
			.bill{
				padding: 0 25px;
    			width: 25%;
			}
			.text-small{
				font-size: small;
			}
			.text-italic{
				font-style: italic;
			}
			.d-block{
				display: block;
			}
			#formStucwerk, #sauswerkForm{
				width: 100%;
			}
			#stucwerkForm .containe, #sauswerkForm .container{
				display: flex;
    			padding: 35px;
    			flex-wrap: wrap;
    			justify-content: center;
    			align-items: flex-start;
				align-content: flex-start;
			}
			#close{
				display: none;
    			position: absolute;
    			right: 15px;
    			top: 15px;
    			font-size: 25px;
    			margin: 0;
			}
			.closetooltip{
				display: none;
    			position: absolute;
    			right: 15px;
    			top: 15px;
    			font-size: 25px;
    			margin: 0;		
				cursor: pointer;
			}
			/* Tooltip container */
			.tooltip {
  				position: relative;
  				display: inline-block;
  				border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
				cursor: pointer;
			}

			/* Tooltip text */
			.tooltip .tooltiptext {
  				visibility: hidden;
  				width: 320px;
  				background-color: #106697;
  				color: #fff;
  				text-align: left;
  				padding: 15px;
  				border-radius: 6px;

  				/* Position the tooltip text */
  				position: absolute;
  				z-index: 1;
  				bottom: 125%;
  				left: 50%;
  				margin-left: -160px;

  				/* Fade in tooltip */
  				opacity: 0;
  				transition: opacity 0.3s;
				font-size: small;
			}

			/* Tooltip arrow */
			.tooltip .tooltiptext::after {
  				content: "";
  				position: absolute;
  				top: 100%;
  				left: 50%;
  				margin-left: -5px;
  				border-width: 5px;
  				border-style: solid;
  				border-color: #555 transparent transparent transparent;
			}

			/* Show the tooltip text when you mouse over the tooltip container */
			.tooltip:hover .tooltiptext, .tooltip:focus .tooltiptext, .tooltip:active .tooltiptext {
  				visibility: visible;
  				opacity: 1;
			}
			.close .tooltiptext{
				visibility: hidden !important;
				opacity: 0 !important;
			}
			.tooltip-right {
    			top: -5px;
    			left: 125%;
			}
			.tooltip-top {
    			bottom: 125%;
    			left: 50%;
    			margin-left: -60px;
			}
			.tooltip-bottom {
    			top: 135%;
    			left: 50%;
    			margin-left: -60px;
			}
			.tooltip-left {
    			top: -5px;
    			bottom: auto;
    			right: 128%;
			}
			@media only screen and (max-width: 599.98px){
				#close{
					display: block;
				}
				.closetooltip{
					display: block;
				}
				.optionInformation > div{
					display: flex;
    				align-content: center;
    				align-items: center;
    				width: 100%;
    				justify-content: flex-start;
				}
				.optionIcon {
    				font-size: 40px !important;
				}
				#formStucwerk {
    				width: 100%;
				}
				.bill {
					padding: 0;
   					width: 100%;
				}
				.tooltip .tooltiptext {
    				z-index: 3;
    				padding-top: 100px;
    				position: fixed;
    				left: 0;
    				top: 0;
    				width: 100%;
    				min-width: 100%;
    				height: 100%;
    				min-height: 100%;
    				overflow: auto;
    				visibility: hidden;
    				width: 100px;
    				background-color: #106697;
    				color: #fff;
    				text-align: left;
    				padding: 15px;
    				border-radius: 0px;
    				z-index: 1;
    				bottom: 125%;
    				left: 0;
    				margin-left: 0px;
    				opacity: 0;
    				transition: opacity 0.3s;
					display: flex;
    				font-size: small;align-content: center;
    				justify-content: center;
    				align-items: center;
					flex-wrap: wrap;
				}
				.mainOptionContainer {
    				-ms-flex: 0 0 100% !important;
    				flex: 0 0 100% !important;
    				max-width: 100% !important;
					height: 85px !important;
    				padding: 0.05rem;
				}
				.mainOption {
    				position: relative !important;
    				display: block !important;
    				cursor: pointer !important;
    				-webkit-user-select: none !important;
    				-moz-user-select: none !important;
    				-ms-user-select: none !important;
    				user-select: none !important;
    				margin-top: 0 !important;
    				margin-bottom: 0.5rem !important;
    				border-left: 0.5rem !important;
    				border-right: 0.5rem !important;
    				border-color: #EAEAEA !important;
    				border-bottom-width: 1px !important;
    				border-top-width: 1px !important;
   					border-right-width: 1px !important;
    				border-left-width: 1px !important;
    				border-bottom-style: solid !important;
    				border-top-style: solid !important;
    				height: 75px !important;
    				border-left-style: solid !important;
    				border-right-style: solid !important;
					border: 0 !important;
				}
				.optionInformation {
    				position: absolute !important;
    				display: flex !important;
    				top: 0 !important;
    				left: 0 !important;
    				width: 100% !important;
    				height: 100% !important;
    				color: #ffffff !important;
    				align-content: flex-start !important;
    				align-items: center !important;
    				justify-content: center !important;
    				text-align: left !important;
    				font-size: 18px !important;
					background: #12a19a !important;
					border-radius: 10px !important;
					
				}
				.iconContainer {
    				background: #12a19a !important;
    				/* padding: 50px; */
    				border-radius: 20px !important;
    				color: #ffffff !important;
    				width: 50px !important;
    				height: 50px !important;
    				text-align: center !important;
    				display: flex !important;
    				align-content: center !important;
    				justify-content: center !important;
    				align-items: center !important;
    				margin: auto 10px !important;
				}
			}
			.iconContainer {
    			background: #12a19a;
    			/* padding: 50px; */
    			border-radius: 20px;
    			color: #ffffff;
    			width: 150px;
    			height: 150px;
    			text-align: center;
    			display: flex;
    			align-content: center;
    			justify-content: center;
    			align-items: center;
				margin: auto;
			}
			.previous{
				display: inline-block;
				background: #106697;
				padding: 1em 1.5em;
				color: #ffffff;
				cursor: pointer;
				border-radius: 0.75em;
			}
			.previous:hover, .previous:focus{
    			border-color: #106697;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(16, 102, 151, 0.25);
			} 
			.w100{
				width: 100%;
				color: #106697;
			}
			label, h3, h2{
				display: block;
				color: #106697;
    			margin: 1em 0 0.25em;
				-webkit-user-select: none; /* Safari */        
				-moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* IE10+/Edge */
				user-select: none; /* Standard */
			}
			#begin, #wallsFollowUp, #stucwerkFollowUp{
				display: -ms-flexbox;
    			display: flex;
    			-ms-flex-wrap: wrap;
    			flex-wrap: wrap;
    			margin-right: 0;
    			margin-left: 0;
    			padding: 35px;
    			justify-content: left;
    			align-content: flex-start;
    			align-items: center;
			}
			#wallsFollowUp, #stucwerkFollowUp, #stucwerkForm, #sauswerkForm, #offerteForm, #opdrachtForm, #order-btn{
				display: none;
			}
			.optionIcon{
				font-size: 75px;
			}
			.mainOptionContainer {
    			position: relative;
				-ms-flex: 0 0 25%;
    			flex: 0 0 25%;
    			max-width: 25%;
				height: 275px;
				padding: 0.05rem;
			}
			.mainOption {
    			position: relative;
   				display: block;
    			cursor: pointer;
    			-webkit-user-select: none;
    			-moz-user-select: none;
    			-ms-user-select: none;
    			user-select: none;
    			margin-top: 0;
    			margin-bottom: 0.5rem;
    			border-left: 0.5rem;
    			border-right: 0.5rem;
    			/*border-color: #EAEAEA;*/
    			border-color: #FFFFFF;
    			border-bottom-width: 1px;
    			border-top-width: 1px;
    			border-right-width: 1px;
    			border-left-width: 1px;
    			border-bottom-style: solid;
    			border-top-style: solid;
    			height: 100%;
    			border-left-style: solid;
    			border-right-style: solid;
				border: 0 !important;
			}
			.radioInputOption{
				position: absolute;
				padding: 0;
   				width: 0;
    			height: 0;
    			opacity: 0;
    			cursor: pointer;
			}
			.optionInformation:after{
				content: "";
    			display: block;
    			padding-bottom: 100%;
			}
			.optionInformation{
				position: absolute;
    			display: flex;
    			top: 0;
    			left: 0;
    			width: 100%;
    			height: 100%;
    			color: #0071a1;
				font-weight: bold;
    			align-content: flex-start;
    			align-items: center;
    			justify-content: center;
    			text-align: center;
    			font-size: 18px;
				border-radius: 20px;
			}
			.radioInputOption:checked ~ .optionInformation {
   				background-color: #12a19a;
    			color: #ffffff;
			}
			.radioInputOption:hover ~ .optionInformation {
   				/*background-color: #12a19a;
    			color: #ffffff;*/
			}
			.radioInputOption:hover > .iconContainer {
   				background-color: #ff0000;
			}
			.radioInputOption:focus ~ .optionInformation {
   				background-color: #12a19a;
    			color: #ffffff;
			}
			.radioInputOption:focus > .iconContainer {
   				background-color: #ff0000;
			}
			.radioInputOption:checked ~ .optionInformation > div > .iconContainer {
    			border-color: #ffffff;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
			}
			.radioInputOption:hover ~ .optionInformation > div > .iconContainer {
				background-color: #0071a1;
    			border-color: #ffffff;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
			}
			.radioInputOption:focus ~ .optionInformation > div > .iconContainer {
				background-color: #0071a1;
    			border-color: #ffffff;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
			}
			input{
    			outline: 0;
			}
			input[type=text]:focus{		
    			background-color: #fff;
    			border-color: #106697;
    			outline: 0;
    			box-shadow: 0 0 0 0.2rem rgba(42, 49, 132, 0.25);
			}
			input[type=text]{
				display: block;
    			width: 100%;
    			padding: .375rem .75rem;
    			font-size: 1rem;
    			line-height: 1.5;
    			color: #495057;
    			background-color: #fff;
    			background-clip: padding-box;
    			border: 1px solid #ced4da;
    			border-radius: .25rem;
    			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			}

			.container{
				display: block;
				padding: 35px;
			}
			.range {
				display: block;
				margin: 0;
			}
			input[type=range] {
				-webkit-appearance: none;
				appearance: none;
				position: relative;
				width: 100%;
				background-color: none;
				background: none;
			}
			
			input[type=range]::-webkit-slider-runnable-track {
				width: 100%;
				height: 6px;
				border: none;
				border-radius: 3px
			}
			input[type=range]::-moz-range-track {
				width: 100%;
				height: 6px;
				border: none;
				border-radius: 3px
			}
			
			input[type=range]::-webkit-slider-thumb {
				-webkit-appearance: none;
				border: none;
				height: 18px;
				width: 18px;
				border-radius: 50%;
				background: #106697;
				border: 1px solid #12a19a;
				margin-top: -6px;
				cursor: pointer
			}			
			input[type=range]::-moz-range-thumb {
				-webkit-appearance: none;
				border: none;
				height: 18px;
				width: 18px;
				border-radius: 50%;
				background: #106697;
				border: 1px solid #12a19a;
				margin-top: -6px;
				cursor: pointer
			}
			
			.focused::-webkit-slider-thumb {
				box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15)
			}
			.focused::-moz-range-thumb {
				box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15)
			}
			
			.clicked::-webkit-slider-thumb {
				-webkit-transform: scale(1.5)
			}
			.clicked::-moz-range-thumb {
				-webkit-transform: scale(1.5)
			}
			
			.disabled::-webkit-slider-thumb {
				-webkit-transform: scale(0.9);
				box-shadow: 0 0 0 3px #141414;
				background: #515151 !important;
				border-color: #515151 !important
			}
			.disabled::-moz-range-thumb {
				-webkit-transform: scale(0.9);
				box-shadow: 0 0 0 3px #141414;
				background: #515151 !important;
				border-color: #515151 !important
			}
			
			input[type=range]:focus {
				outline: none
			}
			.rangeM input[type=range].disabled::-webkit-slider-runnable-track {
				background: #515151!important
			}
			.rangeM input[type=range].disabled::-moz-range-track {
				background: #515151!important
			}
			
			.rangeM input[type=range]::-webkit-slider-thumb {
				background: #12a19a;
				border-color: #12a19a
			}
			.rangeM input[type=range]::-moz-range-thumb {
				background: #12a19a;
				border-color: #12a19a
			}
			
			.range:hover input[type=range]:before {
  				color: white;
  				content: '50';
  				position: absolute;
  				font-family: 'Lato', sans-serif;
  				top: -49px;
  				background: #12a19a;
  				padding: 8px 0 3px;
  				font-size: 14px;
  				width: 30px;
  				text-align: center;
  				border-radius: 100% 100% 0 0
			}
			.range:hover input[type=range]:after {
  				content: '';
  				position: absolute;
  				top: -22px;
  				left: 50px;
  				border-left: 15px solid transparent;
  				border-right: 15px solid transparent;
  				border-top: 8px solid #12a19a;
  				font-family: 'Lato', sans-serif;
			}

			/* The container must be positioned relative: */
			.custom-select {
  				position: relative;
  				font-family: 'Lato', sans-serif;
			}
			.select-false{
				background: #ff0000;
			}
			.custom-select select {
				display: none; /*hide original SELECT element: */
			}

			.select-selected {
  				background-color: #12a19a;
			}

			/* Style the arrow inside the select element: */
			.select-selected:after {
				position: absolute;
  				content: "";
  				top: 14px;
  				right: 10px;
  				width: 0;
  				height: 0;
  				border: 6px solid transparent;
  				border-color: #fff transparent transparent transparent;
			}

			/* Point the arrow upwards when the select box is open (active): */
			.select-selected.select-arrow-active:after {
				border-color: transparent transparent #fff transparent;
  				top: 7px;
			}

			/* style the items (options), including the selected item: */
			.select-items div,.select-selected {
  				color: #ffffff;
  				padding: 8px 16px;
  				border: 1px solid transparent;
  				border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  				cursor: pointer;
			}

			/* Style items (options): */
			.select-items {
  				position: absolute;
  				background-color: #12a19a;
  				top: 100%;
  				left: 0;
  				right: 0;
  				z-index: 99;
			}

			/* Hide the items when the select box is closed: */
			.select-hide {
  				display: none;
			}

			.select-items div:hover, .same-as-selected {
  				background-color: rgba(0, 0, 0, 0.1);
			}
			.switch {
  				position: relative;
  				display: inline-block;
  				width: 60px;
  				height: 34px;
				margin-top: 0;
			}

			.switch input { 
  				opacity: 0;
  				width: 0;
  				height: 0;
			}

			.slider {
				position: absolute;
  				cursor: pointer;
  				top: 0;
  				left: 0;
  				right: 0;
  				bottom: 0;
  				background-color: #ccc;
  				-webkit-transition: .4s;
  				transition: .4s;
			}

			.slider:before {
  				position: absolute;
  				content: "";
  				height: 26px;
  				width: 26px;
  				left: 4px;
  				bottom: 4px;
  				background-color: white;
  				-webkit-transition: .4s;
  				transition: .4s;
			}

			input:checked + .slider {
				background-color: #12a19a;
			}

			input:focus + .slider {
 				box-shadow: 0 0 1px #12a19a;
			}

			input:checked + .slider:before {
  				-webkit-transform: translateX(26px);
  				-ms-transform: translateX(26px);
  				transform: translateX(26px);
			}

			/* Rounded sliders */
			.slider.round {
				 border-radius: 34px;
			}

			.slider.round:before {
 				border-radius: 50%;
			}