
.priceCalculator .maincol1, .priceCalculator .maincol2, .priceCalculator .maincol3 {
	width: 400px;
	margin-right: 20px;
	float: left;
	/* overflow: hidden; */
}

.priceCalculator .maincol3 {
	margin-right: 0;
}

.priceCalculator .priceHeader {
	width: 672px;
	max-width: 100%;
	float: right;
	overflow: hidden;
	text-align: left;
	margin: 20px 0 48px 0;
}

.priceCalculator .priceHeader h1 {
	font-size: 22px;
}

.priceCalculator .section_container {
	float: left;
	width: 100%;
	position: relative;
	background: #171717;
	margin-bottom: 16px;
}

.priceCalculator .section_container#calcBereken {
	background: transparent !important;
}
.priceCalculator .section_container.autoselected {
	background: #ececec  !important;
	display: none !important;
}
.priceCalculator .section_number {
	float: left;
	width: calc(100% - 688px);
	position: relative;
	left: 0%;
	overflow: hidden;
	padding: 50px 20px;
}
.priceCalculator .section_container:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	border-bottom: 60px solid #fff;
	border-right: 60px solid transparent;
}
.priceCalculator .section {
	background-color: #eee;
	padding: 20px;
	font-family: 'Ubuntu';
	float: left;
	width: 400px;
	position: relative;
	right: 0;
	/* overflow: hidden; */
	margin: 0 0 20px;
	border-radius: 2px;
	
}
.priceCalculator.reorder .section {
	width: 100%;
}

.priceCalculator #calcBereken .section {
	background-color: transparent;
	padding-left: 0;
}
.priceCalculator .section_number .content {
	float: right;
	font-size: 100px;
	font-weight: bold;
	color: #fff;
}
.priceCalculator .section_container.selected {
	background-color: #1ed760;
}
.priceCalculator .section_container.selected .section_number .content {
	color: #171717;
}
.priceCalculator .titel {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #000;
	text-transform: uppercase;
}
.priceCalculator .subtitel {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	clear: both;
}
.priceCalculator .section .option {
	font-family: "Ubuntu";
	width: 100%;
	background-color: #fff;
	margin: 0 10px 10px 0;
	/*float: left;*/
	text-align: left;
	cursor: pointer;
	color: #000;
	padding: 10px;
	font-size: 16px;
	position: relative;
	line-height: 20px;
	border: 2px solid #fff;
	border-radius: 2px;
}


.summary .info_button {
	cursor: help;
}

.priceCalculator .section .option .info_button {
	float: right;
    padding: 2px 6px;
    font-weight: bold;
	font-size: 20px;
	color: #969696;
}

.priceCalculator .section .hide_info .info_button {
	display: none;
}

.priceCalculator .info_popup {
	font-family: "Ubuntu";
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	position: absolute;
	z-index: 10;
	bottom: 100%; 
	right: 9999px;
	width: 160px;
	margin-right: 14px; /* width + left/right padding */
	padding: 10px;
	color: #fff;
	background: rgb(23,23,23);
	-webkit-box-shadow: 2px 2px 5px #aaa;
	   -moz-box-shadow: 2px 2px 5px #aaa;
			box-shadow: 2px 2px 5px #aaa;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-out;
	   -moz-transition: opacity 250ms ease-out;
		-ms-transition: opacity 250ms ease-out;
		 -o-transition: opacity 250ms ease-out;
			transition: opacity 250ms ease-out;
}

.priceCalculator .info_popup:before {
	content: ' ';
    position: absolute;
    bottom: 18px;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: rgb(23,23,23);
    transform: rotate(-90deg);
	/* right: 20px; */
	left: 72px
}


.summary .info_titel {
	position: relative;
	width: auto;
}

.summary .info_button {
	cursor: help;
    margin: 2px 0 0 7px;	

}

.priceCalculator .section .option .info_button:hover .info_popup,
.summary .info_button:hover .info_popup {
	right: -16px;
	opacity: 1;
}

.summary .info_button:hover .info_popup {
    position: absolute;
	cursor: help;
	left: 0;
    top: 23px;
    width: 100%;
    height: auto;
    overflow: hidden;
}


.summary .info_button:hover .info_popup ul {
	padding-bottom: 0;
}

.summary .info_button:hover .info_popup ul li {
	line-height: 1.2em;
	padding-bottom: 10px;

}

.priceCalculator .tooltip {
	position: relative;
	display: inline-block;
}

.priceCalculator .tooltip .tooltiptext {
	visibility: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-family: "Ubuntu";
	font-weight: 300;
    font-size: 12px;
	line-height: 16px;
	/* position: absolute;
	bottom: 0px;
	*/
	z-index: 10;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
}

.priceCalculator .tooltip:hover .tooltiptext {
	visibility: visible;
	cursor: default;
}

.priceCalculator .schutbladen .suboption1 .tooltiptext, .priceCalculator .schutbladen .suboption3 .tooltiptext {
	color: #171717;
}

.priceCalculator .kapitaalbandjes .tooltip .tooltiptext {
	color: rgb(23,23,23);
	padding-top: 8px;
}

.priceCalculator .leeslintjes .tooltip .tooltiptext {
	color: rgb(23,23,23);
	padding-left: 16px;
}

.priceCalculator input[type=text] {
	border: 1px solid #e8e8e8;
	font-size: 16px;
}
.priceCalculator .section .option .option_content {
		min-height: 22px;
}

.priceCalculator .section .width_height {
    padding: 5px 7px 7px 7px;
    background-color: #eee;
    border-color: #eee;
    margin-bottom: 0;
}
.priceCalculator .width_height input {
	background-color: #fff;
}

.priceCalculator .section .hover {
	background-color: #1ed760;
	border: 2px solid #1ed760;
}
.priceCalculator .section .hover .radio_block {
	color: #fff !important;
}

.priceCalculator .section .hli {
	background-color: #1ed760;
	border: 2px solid #1ed760;
}
.priceCalculator .section .hli:hover {
	background-color: #1ed760;
	border: 2px solid #1ed760;
}

.priceCalculator .width_height.hover {
	background-color: #eee;
	border-color: #eee;
}

.priceCalculator .width_height.hli {
	background-color: #eee;
	border-color: #eee;
}

.priceCalculator .width_height.hli.hover {
	background-color: #eee;
	border-color: #eee;
}

.priceCalculator .width_height.hover {
	background-color: #eee !important;
}

.priceCalculator .width_height.hli {
	background-color: #eee;
}

.priceCalculator input.valid_input, .priceCalculator .width_height input.valid_input {
	border: 2px solid #1ed760;
}
.priceCalculator .section .option img {
	display: none;
	margin: 10px 0 10px 35px;
	min-height: 78px;
	text-align: left;
}
.priceCalculator .section .option .radio_block {
	color: #171717;
	font-weight: 700;
}

.priceCalculator .section .hli .radio_block {
	color: #fff;
}

.priceCalculator .section .option .radio_block .preferred, .priceCalculator .section label .preferred {
	background-color: #c8c8c8;
	color: #fff;
	height: 20px;
	padding: 6px;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	margin-left: 20px;
	font-weight: 500;
}

.priceCalculator .section .hli .radio_block .preferred, .priceCalculator .section .hover .radio_block .preferred {
	background-color: #fff;
	color: #1ed760;
}

.priceCalculator .section .hli .radio_block .info_button, .priceCalculator .section .hover .radio_block .info_button {
	color: #fff;
	background-color: #1ed760;
}


.priceCalculator #calcLaminaat .section .option .radio_block {
	font-weight: 300;
}

.priceCalculator #calcLaminaat .section .option p {
	font-weight: 700;
}

.priceCalculator .section .option .radio_block input {
	display: none;
}

.priceCalculator .section input[type=text] {
    width: 130px;
    padding: 10px 10px;
}
.priceCalculator .section .option input[type=text] {
    width: 130px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    margin: 23px 10px 0 0;
    border-radius: 2px;
    font-size: 16px;
}

.priceCalculator .section.disabled {
	pointer-events: none;
	opacity: 0.4;
}

.priceCalculator .section .disabled {
	cursor: auto;
	background-color: #f4f4f4;
	color: #aaa !important;
	border: 2px solid #f4f4f4;
}

.priceCalculator .section .disabled input, .priceCalculator .section .disabled .radio_block {
	color: #aaa !important;
}

.hide {
	display: none !important;
}

.priceCalculator .col1 {
	width: 312px;
	float: left;
	margin: 16px 16px 16px 0;
}

.priceCalculator .col2 {
	width: 312px;
	float: left;
	margin: 16px 16px 16px 0;
}

.priceCalculator .extra_option {
	clear: both;
}

.priceCalculator .extra_option .block {
	width: 148px;
	height: 148px;
	float: left;
	position: relative;
	background-color: #fff;
	padding: 8px;
	margin-top: 16px;
}


.colorTitle {
	display: inline-block;
	margin-right: 10px;
}

.priceCalculator .suboption input {
	display: none;
}

.priceCalculator .suboption {
	width: 18px;
	min-width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 2px 0 0;
	vertical-align: middle;
}

.priceCalculator .schutbladen .radio,
.priceCalculator .extra_option .radio {
	margin-bottom: 15px;
}   

.priceCalculator #orderPopup .titel {
	margin-bottom: 28px;
}

.priceCalculator #orderPopup .radio {
	margin: 0 0 20px;
}   

.priceCalculator #orderPopup .section .radio:last-child {
	margin: 0;
}   

.priceCalculator #calcReferentie input {
	width: 360px;
}

.priceCalculator #calcVerpakken hr {
	margin-bottom: 25px;
	color: #fff;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
} 

.priceCalculator #calcBedrukkingOmslag hr {
	margin: 25px 0;
	color: #fff;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
} 

.priceCalculator #kapitaalbandjesGeen {
	margin-bottom: 15px;
}

.priceCalculator .schutbladen .suboption:hover {
	width: 18px;
	height: 18px;
}

.priceCalculator .suboption.selected { 
	float: right;
	margin-top: 2px;
}

.priceCalculator .suboption.selected:hover { 
	width: 18px;
	height: 18px;
}

.priceCalculator .schutbladen .suboption1 {
	background-color: #f1ed01;
} 

.priceCalculator .schutbladen .suboption2 {
	background-color: #f76629;
} 

.priceCalculator .schutbladen .suboption3 {
	background-color: #b5d63b;
	border: 2px solid #b5d63b;
} 

.priceCalculator .schutbladen .suboption4 {
	background-color: #b9262d;
	border: 2px solid #b9262d;
} 

.priceCalculator .schutbladen .suboption5 {
	background-color: #214990;
	border: 2px solid #214990;
} 

.priceCalculator .schutbladen .suboption6 {
	background-color: #0d2941;
	border: 2px solid #0d2941;
} 

.priceCalculator .schutbladen .suboption7 {
	background-color: #827979;
	border: 2px solid #827979;
} 

.priceCalculator .schutbladen .suboption8 {
	background-color: #161616;
	border: 2px solid #161616;
} 

.priceCalculator .schutbladen .hli {
	border: 2px solid #1ed760;
	opacity: 1;
}


.priceCalculator .extra_option .kapitaalbandjes .disabled,
.priceCalculator .extra_option .disabled .kapitaalbandjes {
	color: #aaa !important;
	background-color: #ececec;
	border: 0;
}

.disabled input + span:before {
	background: #D1D7E3;
}

.priceCalculator .extra_option .kapitaalbandjes .suboption:hover {
	border: 0px solid #1ed760;
	opacity: 1;
}


.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption1 {
	background-color: #f1ed01;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption2 {
	background-color: #f76629;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption3 {
	background-color: #8ba81f;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption4 {
	background-color: #b9262d;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption5 {
	background-color: #19376e;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption6 {
	background-color: #faf8f3;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption7 {
	background-color: #515c5c;
} 
.priceCalculator .extra_option #kapitaalbandjesGekleurd .suboption8 {
	background-color: #000000;
} 


.priceCalculator #foliedrukGeen {
	margin-bottom: 15px;
}

.priceCalculator .extra_option .foliedruk .disabled,
.priceCalculator .extra_option .disabled .foliedruk {
	color: #aaa !important;
	background-color: #ececec;
	border: 0;
}

.priceCalculator #foliedrukGekleurd .suboption1 {
	background-color: #d4af37;
	background: linear-gradient(to right, #d4af37, #ead79b, #d4af37);
} 

.priceCalculator #foliedrukGekleurd .suboption2 {
	background-color: #aaa9ad;
	background: linear-gradient(to right, #aaa9ad, #d5d4d6, #aaa9ad);
} 

/*
.priceCalculator .extra_option .leeslintjes .suboption:hover {
	border: 2px solid #1ed760;
	opacity: 1;
}
*/

.priceCalculator .extra_option #leeslintjesGekleurd .suboption1 {
	background-color: #fecb01;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption2 {
	background-color: #f76629;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption3 {
	background-color: #8ba81f;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption4 {
	background-color: #aa2329;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption5 {
	background-color: #3b588d;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption6 {
	background-color: #faf8f3;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption7 {
	background-color: #5f5c5c;
} 
.priceCalculator .extra_option #leeslintjesGekleurd .suboption8 {
	background-color: #000000;
} 

/*
.priceCalculator .extra_option .leeslintjes .hli {
	border: 2px solid #1ed760;
	opacity: 1;
	background-color: inherit;
}*/


.priceCalculator .optie_error {
	color: #ff0033;
	width: 100%;
	margin-bottom: 16px;
}

.priceCalculator .radio.error span:first-of-type {
	color: #ff0033 !important;
}

.priceCalculator.reorder .section_container:after {
	border-bottom: 0;
	border-right: 0;
}

.priceCalculator.reorder .section {
	border-left: 0;
}

.priceCalculator.reorder .label {
	text-align: left;
}


.priceCalculator.reorder .section_container {
	background:none;
}

.priceCalculator.reorder a#calc_reorder:hover, .priceCalculator.reorder a#addToCartReorder:hover {
	background-color: #1ed760 !important;
	color: #171717 !important;;
}

.radio {
  margin: 2px 0;
  display: block;
  cursor: pointer;
}

.radio input {
  display: none;
}

.radio input + span {
  line-height: 18px;
  height: 18px;
  padding-left: 18px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-size: 16px;
}

.radio input + span:not(:empty) {
  padding-left: 30px;
}

.radio input + span:before, .radio input + span:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}

.radio input + span:before {
  background: #D1D7E3;
  transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.radio input + span:after {
  background: #fff;
  -webkit-transform: scale(0.78);
          transform: scale(0.78);
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.radio input:checked + span:before {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  background: #1ed760;
}

.disabled .radio input:checked + span:before {
	-webkit-transform: scale(1.04);
			transform: scale(1.04);
	background: #D1D7E3;;
  }


.radio input:checked + span:after {
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.radio:hover input + span:before {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}

.radio:hover input + span:after {
  -webkit-transform: scale(0.74);
          transform: scale(0.74);
}

.radio:hover input:checked + span:after {
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
}

.priceCalculator #calcBestanden .radio span:first-of-type {
	width: 300px;
}

.priceCalculator #calcBereken .section .summary, .priceCalculator .summary {
	background-color: #ececec;
	padding: 16px;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 2.75%;
	overflow: hidden;
}
.priceCalculator .overview {
	font-size: 22px;
	padding-bottom: 16px;
	font-weight: 700;
}
.priceCalculator .label {
	width: 200px;
	float: left;
	clear: both;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}
.priceCalculator .value {
	float: left;
	text-align: left;
}

.priceCalculator .afwerking {
	width: 440px;
}

.priceCalculator #pages_warning {
	margin-left: 16px;
	color: #ff0033;
	font-weight: 400;
}

.priceCalculator .log {
	background-color: #ffe;
	padding: 16px;
	font-size: 12px;
	line-height: 13px;
	width: 100%;
	margin: 20px 0;
}
.priceCalculator a#calcReOrderBestel, .priceCalculator a#calcOrder, .priceCalculator a#calcBestel,.priceCalculator #calcBereken a, .priceCalculator a#addToCart, .priceCalculator a#sendMail {
	background-color: #1ed760;
	color: #fff;
	margin-left:10px;
	padding: 11px 15px;
	line-height: 20px;
	border-radius: 2px;
	text-decoration: none !important;
	text-transform: none;
}

.priceCalculator a#sendMail {
	margin-left: 0;
}

.priceCalculator .mailInput {
	margin: 0 0 20px;
}

.priceCalculator a#calcReOrderBestel, .priceCalculator a#calcBestel, .priceCalculator a#calcOrder {
	float: right;
}

.priceCalculator #calcOplage, .priceCalculator #calcTotal {
	background-color: #000;
	color: #fff;
}


.priceCalculator #calcOplage .titel, .priceCalculator #calcTotal .titel {
	color: #fff;
}

.priceCalculator #calcOplage a, .priceCalculator #calcTotal a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#bezorgKosten, #opgaveMailen, #rugDikte {
	margin-top: 20px;
}

.priceCalculator .OplageError {
	margin-left: 20px;
	color: #ff0033;
	font-weight: 500;
}

.priceCalculator .oplage_tekst {
	font-size: 12px;
    font-weight: 400;
	color: #c8c8c8;
	line-height: 1.1em;
}

.priceCalculator .oplageTitel {
	float: left;
}

.priceCalculator .btw {
	float: right;
	margin-top: 4px;
}

.priceCalculator .inex {
	font-size: 12px;
	line-height: 20px;
	margin-right: 10px;
	vertical-align: top;
	color: #969696;
}

.priceCalculator .totaalPrijsBlok {
	float: right;
	margin-bottom: 20px;
    font-weight: bold;
}

.priceCalculator #calcTotal .totalText {
	line-height: 1.3em;
	font-weight: 500
}

.priceCalculator #totaalprijs, .priceCalculator #total {
	float: right;
	color: #1ed760;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
}

.priceCalculator #total {
	margin: 20px 0 0;
}

.priceCalculator .clear {
	clear: both;
}
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
  }
  
  .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: 18px;
	width: 18px;
	left: 1px;
	bottom: 1px;
	background-color: #1ed760;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #fff;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #fff;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
  }
  
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }


.priceCalculator #calc, .priceCalculator #calcReorder {
	background-color: #5719b4;
	color: #fff;
	margin-left:10px;
	padding: 11px 15px;
	line-height: 20px;
	border-radius: 2px;
	text-decoration: none !important;
	text-transform: none;
}

.priceCalculator #calc:hover, .priceCalculator #calcReorder:hover {
	background-color: #fff;
	color: #000;
}

.priceCalculator .oplageCalc {
	margin-bottom: 20px;
}

.priceCalculator .hogereOplageGewenst {
	color: #ff0033;
	font-weight: 500;
	line-height: 1.2em;
    margin-bottom: 15px;
}

.priceCalculator .hogereOplageGewenst a {
	color: #ff0033 !important;
	text-decoration: underline;
	text-transform: none;
	font-weight: 500 !important;
}


.priceCalculator .hogereOplage {
	background-color: #2a2a2a;
	color: #c8c8c8;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 2px;
}

.priceCalculator .hogereOplage:hover {
	background-color: #969696;
	color: #fff;
}

.priceCalculator .extraprice {
	color: #c8c8c8;
	float: right;
	font-weight: 500;
}

.priceCalculator .hover .extraprice {
	color: #fff;
}

.priceCalculator .extraprice#schutbladen_blanco {
	padding-right: 10px;
}

.priceCalculator #calcBereken a:after, .priceCalculator a#addToCart:after, .priceCalculator a#sendMail:after {
	text-shadow: 0 0;
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    /*speak: none; */
	position: absolute;
	margin-left: 0;
    opacity: 1;
}
/*
.priceCalculator #calcBereken a:hover, .priceCalculator a#addToCart:hover, .priceCalculator a#sendMail:hover {
	color: #171717;
	background-color: #fff;
	border: 2px solid #1ed760;
}
*/
.priceCalculator .letop_header {
	margin-top: 20px;
	font-weight: bold;
	clear: both;
}

.priceCalculator a#addToCart {
	margin-right: 20px;
}

.priceCalculator .letop a {
	font-weight: bold;
	border: none !important;
	padding: 0 !important;
	background-color: transparent !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}

.priceCalculator .letop a:hover {
	border: none;	
}

.priceCalculator #bestandencontainer.inValid,
.priceCalculator #controlecontainer.inValid,
.priceCalculator #proefcontainer.inValid  {
	border: 2px solid #ff0033;
	padding: 5px 0;
}

.priceCalculator #mailPopup, .priceCalculator #orderPopup {
    position: fixed; 
    z-index: 99999; 
    padding-top: 0; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

.priceCalculator .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
	
	position:absolute;
	top:50%;
	left:50%;
	width:300px;  /* adjust as per your needs */
	height:340px;   /* adjust as per your needs */
	margin-left:-150px;   /* negative half of width above */
	margin-top:-150px;   
	
}

.priceCalculator .modal-content input {
	padding: 10px;
	width: 100%;
}

.priceCalculator .modelOrderContent {
	background-color: #fefefe;
    margin: auto;
    padding: 19px;
    border: 1px solid #888;
    width: 80%;
	
	position:absolute;
	top:50%;
	left:50%;
	width:860px;  /* adjust as per your needs */
	height:800px;   /* adjust as per your needs */
	margin-left:-430px;   /* negative half of width above */
	margin-top:-400px;   
}

.modelOrderContent .col1 {
	width: 400px;
	margin-right: 20px;
	float: left;
}

.modelOrderContent .col2 {
	width: 400px;
	margin-right: 0px;
	float: left;
}

.priceCalculator input.inValid {
	border: 1px solid #ff0033;
}

.priceCalculator #mailError {
	color: #ff0033;
    font-size: 14px
}

.priceCalculator .close {
    color: #aaaaaa;
	position: absolute;
	right: 20px;
	top: 5px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


@media all and (max-width: 980px) {
	.priceCalculator .section_container {
		max-width: 688px;
	}
	.priceCalculator .section .option {
		max-width: 100%;
		
	}

	.priceCalculator .section .option .radio_block .preferred, .priceCalculator .preferred {
		display: none;
	}

	.priceCalculator .section_container:after {
		border-bottom: 0;
		border-right: 0;
	}
	.priceCalculator .section_number {
		left: 20px;
		padding: 20px;
	}
	.priceCalculator .section_number .content {
		font-size: 40px;
	}
	.priceCalculator .section {
		max-width: 688px;
		width: 100%;
		width: calc(100vw - 40px);
		border-left: 0;
	}
	.et_pb_row {
		min-width: 344px;
	}
	.priceCalculator #calcBereken .section_number {
		display: none;
	}
	.priceCalculator .label {
		width: 100%;
		float: none;
		clear: both;
		padding: 0;
		text-align: left;
		font-weight: bold;
	}
	.priceCalculator .value {
		float: none;
		text-align: left;
		padding-bottom: 10px;
	}


	.priceCalculator .col1 {
		float: left;
		margin: 16px 16px 0 0;
	}

	.priceCalculator .col2 {
		float: left;
		margin: 8px 16px 16px 0;
	}


	.priceCalculator .modelOrderContent {
		background-color: #fefefe;
		margin: auto;
		padding: 19px;
		border: 1px solid #888;
		width: 100%;
		position: absolute;
		top: 5%;
		left: 5%;
		width: 90%;
		overflow: overlay;
	}

	.modelOrderContent .col1, .modelOrderContent .col2  {
		width: 100%;
	}

	.priceCalculator .modelOrderContent .section {
		width: calc(90vw - 40px);
	}

	.priceCalculator .modelOrderContent #calcBestanden .radio span:first-of-type {
		width: 100%;
	}

}