/* components.css - buttons, forms, cards, tables, alerts, popups, messages, badges, usp */

/* buttons */
.btn {
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-gray-medium);
	color: var(--color-white);
	border-radius: var(--radius);
	font-size: .95em;
	font-weight: 700;
	letter-spacing: 0.05em;
  border: 0;
	outline: none;
}
.btn.btn-small {
	height: 40px;
}
.btn.open {
	border: 1px solid currentColor;
	background: transparent;
}

.btn.hidden-perm {
	display: none;
}
.btn.paypal {
	background: var(--color-paypal);
	color: var(--color-white);
}
.btn.fastcheckout {
	background: var(--color-fastcheckout);
	color: var(--color-white);
}
.btn.icon-left i,
.btn.paypal i {
	margin-right: 7px;
}
.btn.icon-right i {
	margin-left: 7px;
}
.btn.active {
	box-shadow: none;
}
.btn.light {
	background: var(--color-gray-lighter);
	color: var(--color-gray-medium);
}
.btn.facebook {
	background: var(--color-facebook);
	color: var(--color-white);
}
.btn.zakelijk {
  background: var(--color-primary);
  color: var(--color-white);
  height: 40px;
}
.btn.zakelijk:after {
	content: var(--icon-chevron-right);
  font-family: var(--font-icon);
  font-size: 10px;
  font-weight: 400;
  padding-left: var(--space-1);
}
.go-further {
	text-decoration: underline;
  text-align: center;
  display: block;
  transition: all ease .25s;
}
.go-further:hover {
	color: var(--color-gray-light);
}

.btn,
#gui-form a.gui-button-small,
.gui-form a.gui-button-small,
.gui-form a.gui-button-large {
	position: relative;
	z-index: 25;
	border: none;
	overflow: hidden;
	justify-content: center;
	padding: 0 var(--space-3);
}
.btn:before,
#gui-form a.gui-button-small:before,
.gui-form a.gui-button-small:before,
.gui-form a.gui-button-large:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	width: 100%;
	transition: all ease .25s;
	border-radius: var(--radius);
	z-index: -1;
}
.btn:hover:before,
#gui-form a.gui-button-small:hover:before,
.gui-form a.gui-button-small:hover:before,
.gui-form a.gui-button-large:hover:before {
	left: 0;
}
.btn.open {
	transition: all ease .25s;
}
.btn.open:hover {
	background: transparent;
}
.btn.open:hover:before {
	background: transparent;
}

.product-configure-module .step-wrap .next-btn .btn:after {
	font-family: var(--font-icon);
	content: var(--icon-angle-right);
	padding-left: var(--space-2);
}
.product-configure-module .step-wrap .fin-btn .btn:after {
	font-family: var(--font-icon);
	content: var(--icon-check);
	padding-left: var(--space-2);
}
.product-configure-module .step-wrap .prev-btn .btn:hover {
	text-decoration: none !important;
  color: var(--color-gray-medium);
}
.product-configure-module .step-wrap .prev-btn .btn:hover:before {
	background: transparent !important;
}

#add-cart-popup .btn:hover {
	color: var(--color-white) !important;
}

#account-dashboard .buttons .btn:last-child {
	margin-bottom: var(--space-1);
}

@media (min-width: 768px) and (max-width: 1024px) {
	.btn {
		padding: 0 var(--space-2);
	}
}

@media (max-width: 767px) {
	.btn {
		font-size: 1em;
    height: 45px;
	}
}


/* popup */
.general-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	transition: all .15s linear;
}
.general-overlay.active {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 767px) {
	.general-overlay.active {
		opacity: 0;
		visibility: hidden;
	}
}

.close-popup {
	position: absolute;
	top: var(--space-4);
	right: var(--space-4);
	margin-top: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.close-popup .close-popup-inner {
	width: 100%;
	overflow: hidden;
}
.close-popup a {
	font-size: 0;
	border: 1px solid var(--color-gray-light);
	border-radius: var(--radius-round);
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-decoration: none !important;
}
.close-popup.dark a {
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.close-popup a:after {
	font-family: var(--font-icon);
	content: var(--icon-close);
	font-size: 14px;
}

/* forms */
.ui.checkbox {
	display: block;
	margin: 0;
	padding: var(--space-1) 0;
	font-size: .9em;
}
.ui.checkbox label,
.ui.checkbox+label {
	color: inherit;
	font-weight: 400;
	padding-top: 3px;
	padding-left: 27px;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
	width: 20px;
	height: 20px;
	border: var(--border-strong) !important;
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.ui.checkbox label span {
	font-size: 80%;
	margin-left: var(--space-1);
	opacity: .7;
	vertical-align: text-bottom;
}
.ui.selection.dropdown {
	height: 40px;
	width: 100%;
	border: var(--border-subtle) !important;
	padding: 0;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-3);
	color: inherit !important;
	border-radius: var(--radius);
	justify-content: space-between;
}
.ui.selection.dropdown .text {
	font-size: 90%;
	font-weight: 400;
}
.ui.selection.dropdown>.dropdown.icon {
	display: inline-block;
  font-family: var(--font-icon);
	font-size: 14px;
	text-rendering: auto;
}
.ui.selection.dropdown>.dropdown.icon:before {
	content: var(--icon-angle-down);
}
.ui.selection.dropdown>.dropdown.icon {
	margin: 0;
	padding: 0;
	position: initial;
	order: 2;
	margin-left: var(--space-1);
}
.ui.selection.dropdown .menu {
	color: inherit !important;
	border-color: rgba(0, 0, 0, .07) !important;
	font-size: 90%;
  width: auto;
}
.ui.selection.dropdown .menu>.item {
  font-size: 1em;
	padding: 0 var(--space-3) 0 var(--space-9) !important;
	height: 35px;
	display: flex;
	align-items: center;
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected,
.ui.dropdown .menu>.item:hover {
	background: var(--color-gray-lighter);
}
@media only screen and (max-width: 767px) {
	.ui.selection.dropdown .menu {
		max-height: 150px;
	}
}

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
	width: 20px;
	height: 20px;
}
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
	width: 20px;
	height: 20px;
	background: var(--color-primary) !important;
}
.ui.radio.checkbox label {
	padding-left: var(--space-6);
}

select.custom-select {
	height: 40px;
	opacity: 0;
}
input.standard-input,
textarea.standard-input {
	height: 40px;
	padding: 0 var(--space-4);
	outline: none;
	border-radius: var(--radius);
	font-size: .85em;
	letter-spacing: 0.05em;
	background: var(--color-white);
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
textarea.standard-input {
	padding: 13px var(--space-4);
	max-width: 100%;
}
input.standard-input::-webkit-input-placeholder,
textarea.standard-input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: rgba(0, 0, 0, 0.4);
}
input.standard-input:-moz-placeholder,
textarea.standard-input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(0, 0, 0, 0.4);
	opacity: 1;
}
input.standard-input::-moz-placeholder,
textarea.standard-input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(0, 0, 0, 0.4);
	opacity: 1;
}
input.standard-input:-ms-input-placeholder,
textarea.standard-input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(0, 0, 0, 0.4);
}
input.standard-input::-ms-input-placeholder,
textarea.standard-input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* usp */
.usp-bar {
	padding-top: var(--space-4);
	padding-bottom: var(--space-4);
}
.usp-spacer {
	height: 20px;
}
.usp-bar > div {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .85em;
	height: 50px;
	border-top: var(--border-subtle);
	border-bottom: var(--border-subtle);
	padding: 0 var(--space-6);
	font-weight: 400;
}
.usp-bar div span {
	position: relative;
  padding: 0 var(--space-4);
}
.usp-bar div span:last-child {
	padding-right: 0;
}
.usp-bar div span i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
	margin-right: var(--space-2);
	font-size: .9em;
}
.usp-bar a {
	display: flex;
	align-items: baseline;
	justify-content: center;
	text-decoration: none !important;
}

@media (max-width: 1199px) {
	.usp-bar > div {
    padding: 0;
	}
}

@media (max-width: 767px) {
	.usp-bar {
		padding-top: var(--space-3);
		padding-bottom: var(--space-3);
	}
}

/* messages */
.message-wrap {
	position: fixed;
	left: var(--space-6);
	bottom: var(--space-6);
	z-index: 99999999999;
	display: none;
}
.message-wrap.active {
	display: block;
}
.message-wrap .message {
	background: var(--color-white);
	border-radius: var(--radius);
	padding: var(--space-4);
	width: 350px;
	box-shadow: var(--shadow-soft);
	display: flex;
	align-items: center;
	font-size: 1.1em;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in-out;
}
.message-wrap.active .message {
	animation: jump 1s ease 0s 1 normal;
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
}
.message-wrap .message .icon {
	min-width: 40px;
	max-width: 40px;
	height: 40px;
	background: var(--color-gray-light);
	color: var(--color-white);
	border-radius: var(--radius-round);
	text-align: center;
	line-height: 40px;
	margin-right: var(--space-4);
}
.message-wrap .text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 767px) {
	.message-wrap {
		top: 60px;
		bottom: auto;
		z-index: 99999999999;
		left: 0;
		padding: 0 var(--space-2);
	}
	.message-wrap .message {
		padding: var(--space-3);
		width: 100%;
	}
	.message-wrap .message .icon {
		min-width: 30px;
		max-width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: var(--space-3);
		font-size: 10px;
	}
}

/* breadcrumbs */
.breadcrumbs {
	margin-bottom: var(--space-4);
	font-size: .9em;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.breadcrumbs i {
	margin: 0 var(--space-2);
	display: flex;
	font-size: 85%;
	margin-top: -2px;
}
.breadcrumbs a {
	color: var(--color-gray-medium);
}

@media (max-width: 767px) {
	.breadcrumbs {
		margin: var(--space-3) 0;
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: .8em;
	}
  .breadcrumbs i {
		display: inline-flex;
	}
  #collection-page .breadcrumbs {
		margin-top: 0;
	}
	#productpage .breadcrumbs {
		margin: var(--space-3) 0;
	}	
}

/* brands */
/*
.brands {
	margin: calc(-1 * var(--space-2));
}
.brands .brand {
	padding: var(--space-2);
}
.brands .brand .wrap {
	background: var(--color-white);
}
.brands .brand .inner {
	padding: 10%;
	border-radius: var(--radius);
	background: rgba(0, 0, 0, 0.03);
}
.brands .brand .inner .img-wrap {
	position: relative;
}
.brands .brand .inner .img-wrap.overlay:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.03);
}
.brands .brand .inner .img-wrap img {
	filter: grayscale(100%);
	transition: all .2s ease-in-out;
	width: 100%;
}
@media (min-width: 1200px) {
	.brands .brand .inner:hover .img-wrap img {
		filter: grayscale(0%);
	} 
}

@media (max-width: 767px) {
	.brands {
		margin: -7px;
	}
	.brands .brand {
		padding: 7px;
	}
}
*/

/* language / currency popup */
#language-currency-popup,
#language-currency-popup .fancybox-close-small {
	display: none;
}
.fancybox-slide #language-currency-popup {
	margin: var(--space-6);
	padding: var(--space-8) var(--space-10);
	background: var(--color-gray-lighter);
	width: 100%;
	max-width: 720px;
	border-radius: var(--radius);
	text-align: center;
	box-shadow: var(--shadow-soft);
}
#language-currency-popup a,
#language-currency-popup a:hover {
	text-decoration: none;
}
#language-currency-popup .title-small {
	margin-bottom: var(--space-4);
}
#language-currency-popup .options-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: calc(-1 * var(--space-2));
}
#language-currency-popup .options-wrap .option {
	padding: var(--space-2);
	width: calc(100% / 4);
}
#language-currency-popup .options-wrap .option .inner {
	padding: var(--space-3);
	border-radius: var(--radius);
	border: var(--border-subtle);
	display: flex;
	flex-direction: column;
	align-items: center;
}
#language-currency-popup .options-wrap .option .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--radius-round);
	margin-bottom: var(--space-2);
	border: 1px solid rgba(0, 0, 0, 0.03);
	overflow: hidden;
}
#language-currency-popup .options-wrap .option .icon img {
	height: 100%;
	object-fit: cover;
}
#language-currency-popup .options-wrap .option .text {
	text-align: center;
	font-size: 0.8em;
	font-weight: 700;
}
#language-currency-popup .currency-section {
	margin-top: var(--space-6);
}
#language-currency-popup .currency-section .options-wrap .option .icon {
	border: 0;
	font-weight: 700;
}

/* popup */
#verzendkosten-popup,
#kortings-popup,
#voorwaarden-popup,
#voorraad-popup {
	display: none;
  text-align:left;
  max-width: 800px;
  margin-top: 0 !important;
}
#voorraad-popup .title-small {
	margin-bottom: var(--space-2);
}
.fancybox-inner #voorwaarden-popup {
	max-width: 800px;
  max-height: calc(100vh - 100px);
}
.mobile-popup .popup-inner .popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 767px) {
	#verzendkosten-popup,
  #kortings-popup,
  #voorwaarden-popup {
		display: block;
	}  
  #voorwaarden-popup ul,
  #voorwaarden-popup ol {
  	padding-left: var(--space-5);
  }  
  #voorwaarden-popup .content {
  	margin-top: var(--space-2);
  }
  
  .mobile-popup {
		top: -1px;
	}
  .mobile-popup .popup-header {
		padding: 12px var(--space-4);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 3; 
	}
  .mobile-popup .popup-header .title-small {
		margin: 0 !important;
	}
	.mobile-popup .popup-header a, .mobile-popup .popup-header div {
		color: var(--color-white);
	}
	 .mobile-popup .popup-header .close-mobile-popup {
		font-size: 18px;
	}
	.mobile-popup.open .popup-inner .popup-header {
    background: var(--color-primary);
		display: flex;
	}
	.mobile-popup .popup-inner .popup-header {
		display: none;
	}
  .mobile-popup .popup-header {
		padding: 12px var(--space-4);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 3;
	}
  .mobile-popup .popup-header .title-small {
		margin: 0 !important;
	}
	.mobile-popup .popup-header a, .mobile-popup .popup-header div {
		color: var(--color-white);
	}
	 .mobile-popup .popup-header .close-mobile-popup {
		font-size: 18px;
	}
}

/* verzendkosten */
.verzendkosten-container {
	display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: var(--space-3);
}
.verzendkosten-block:first-child {
	flex: 1 1 100%;
}
.verzendkosten-block {
  flex: 1 1 45%;
	background: var(--color-primary-bg) !important;
  padding: var(--space-3);
  border-radius: var(--radius);
  margin-bottom: var(--space-3);
  color: var(--color-primary);
  font-size: 0.9em;
}
.verzendkosten-block:last-child {
	margin-bottom: 0;
}
.verzendkosten-block h6 {
  font-size: 13px;
	margin: 0 0 var(--space-1) 0;
}
.verzendkosten-block p {
	margin: var(--space-1) 0 var(--space-2) 0;
  line-height: normal;
}
.verzendkosten-block ul {
	margin: 0;
  padding: 0 var(--space-3);
}
.verzendkosten-block li {
	font-weight: bold;
}

@media (max-width: 767px) {
	.verzendkosten-block {
  	flex: 1 1 100%;
  }
}

/* tooltip */
.tooltip .tooltip-inner {
	background: var(--color-gray-dark);
	font-weight: 700;
}
.tooltip .tooltip-arrow {
	border-right-color: var(--color-gray-dark) !important;
}

/* labels - overzicht */
.product-labels-bottom {
	position: absolute;
  bottom: var(--space-2);
  left: var(--space-2);
}
.products .product .product-labels-bottom .product-label,
.products .product-list .product-labels-bottom .product-label,
#productpage .product-labels-bottom .product-label {
	background: var(--color-gray-lighter);
  color: var(--color-green);
}
.products .product .product-labels-bottom .product-label.op-maat,
.products .product-list .product-labels-bottom .product-label.op-maat,
#productpage .product-labels-bottom .product-label.op-maat {
  position: relative;
	padding-left: var(--space-7);
}
.products .product-list .product-labels-bottom {
    position: absolute;
    width: max-content;
    left: 210px;
    display: flex;
    bottom: var(--space-2);
}
.product-label.op-maat:before {
  content: '';
  background-image: url('https://cdn.webshopapp.com/themes/185075/assets/measuring-tape-green.png');
  background-size: 100%;
  position: absolute;
  left: var(--space-2);
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 767px) {
  .products .product-list .product-labels-bottom {
    width: auto;
    left: calc(var(--space-10) * 2);
  }
  .products .product .product-labels-bottom .product-label.op-maat,
  .products .product-list .product-labels-bottom .product-label.op-maat {
  	padding-left: 6px;
  }
  .products .product .product-labels-bottom .product-label:nth-child(2) {
  	margin-top: var(--space-1);
  }
  .product-label.op-maat:before {
  	content: none;
  }
}

/* labels - detail */
#productpage .product-labels-bottom {
	z-index: 5;
  bottom:var(--space-2);
  display: flex;
  align-items: center;
}
#productpage .product-labels-bottom .product-label {
  padding: var(--space-1) var(--space-2);
  text-transform: none;
  font-size: .95em;
  letter-spacing: 0.05em;
  height: auto;
  font-weight: 700;
  margin-right: var(--space-1);
  border-radius: var(--radius);
}
@media screen and (max-width: 767px) {
  #productpage .product-labels-bottom {
  	bottom: var(--space-2);
  }
  #productpage .product-labels-bottom .product-label.op-maat {
  	padding-left: var(--space-2);
  }
}

/* linkpartners */
ul.linkpartners {
	column-count: 3;
  column-gap: var(--space-10);
  column-rule-color: rgba(0, 0, 0, .07);
  column-rule-width: 1px;
  column-rule-style: solid;
  list-style: none;
  padding: 0;
}
ul.linkpartners a {
	text-decoration: underline;
}
ul.linkpartners a:hover {
	color: var(--color-primary);
}

@media only screen and (max-width: 768px) {
  ul.linkpartners {
  	column-count: 1;
  	column-gap: 0;
  }
}

/* discount */
#productpage .product-info .custom-discount,
#cart-page .custom-discount {
	display: inline-flex;
  align-items: center;
  padding: var(--space-3) 0;
  border: 1px solid var(--color-green);
  border-radius: var(--radius);
  margin-bottom: var(--space-6);
  background: var(--color-green-bg);
  color: var(--color-green);
  box-shadow: var(--shadow-card);
  position: relative;
  padding-right: var(--space-5);
}
#cart-page .custom-discount {
	box-shadow: none;
  width: 100%;
}
#productpage .product-info .custom-discount .info-icon,
#cart-page .custom-discount .info-icon {
	border-radius: var(--radius-round);
  color: var(--color-white);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: absolute;
  top: var(--space-1);
  right: var(--space-1);
}
#productpage .product-info .custom-discount .info-icon i,
#cart-page .custom-discount .info-icon i{
  font-size: 13px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
#productpage .product-info .custom-discount .icon,
#cart-page .custom-discount .icon {
	font-size: 1.4em;
  padding: 0 var(--space-3);
  display: flex;
  color: var(--color-green);
}
#productpage .product-info .custom-discount .text,
#cart-page .custom-discount .text{
	padding: 0 var(--space-3);
  border-left: 1px solid var(--color-green);
}
#productpage .product-info .custom-discount .text .title,
#cart-page .custom-discount .text .title {
	color: var(--color-green);
}
#productpage .product-info .custom-discount .text .discount,
#cart-page .custom-discount .text .discount {
	font-size: 0.97em;
}
#productpage .product-info .custom-discount .text .discount  span,
#cart-page .custom-discount .text .discount  span {
  font-weight: bold;
  color: var(--color-black);
  border-bottom: 1px dotted var(--color-black);
  line-height: 13px;
  display: inline-block;
}

#popup-korting table td {
	padding: var(--space-1) var(--space-2);
}

/* image container */
.image-container {
	display: flex;
  flex-wrap: wrap;
}
.image-container img {
	width: 50%;
}
@media (max-width: 767px) {
	.image-container img {
    width: 100%;
  }
}

/* responsive video */
.video-responsive {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: var(--space-6);
	height: 0;
	overflow: hidden;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* popup content */
.row-popup img,
.row-popup p,
.row-popup .video-responsive {
	margin: var(--space-2) 0;
}
.row-popup img {
	width: 100%;
}
.row-popup .img-thumbnail {
	border-color: var(--color-gray-light) !important;
}

/* panel */
.panel-group .panel-default>.panel-heading {
	border-bottom: none;
}
.panel-heading h4 a.collapsed:after {
	content: "" !important;
}
.panel-heading h4 a:after {
	content: "" !important;
}

/* custom page */
.custom-page .content-part {
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--color-gray-border);
}
.custom-page .content-part:last-child {
	border-bottom: none;
}
.custom-page .content-part img {
	width: 100%;
	height: auto;
}

/* verzendkosten */
.regios {
	display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}
.regios .regio {
	flex: 0 0 32%;
  align-self: stretch;
  border: 1px solid var(--color-gray-border);
  border-radius: var(--radius);
  padding: var(--space-2);
  margin-bottom: var(--space-3);
}
.calculate-shipping {
  padding: 0;
  margin-bottom: var(--space-5);
  background: var(--color-gray-lighter);
  border-radius: var(--radius);    
}
.calculate-shipping h5 {
  margin: 0;
	padding: var(--space-3) var(--space-5);
  background: var(--color-primary); 
  color: var(--color-white);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.calculate-shipping p {
	padding: var(--space-4) var(--space-5) 0 var(--space-5);
}
.calculate-shipping .form-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 var(--space-5) 0 var(--space-5);
}
.calculate-shipping .form-container form {
  flex: 1 1 25%;    
}
.calculate-shipping .form-container form input[type="number"] {
  border: 2px solid var(--color-primary) !important;
  padding: 0 var(--space-3);
  outline: none;
  -webkit-appearance: none;
  width: 90%;
  max-width: 225px;
}
.calculate-shipping .form-container input::-webkit-outer-spin-button,
.calculate-shipping .form-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calculate-shipping .form-container input[type=number] {
  -moz-appearance: textfield;
}
.calculate-shipping .form-container form input[type="submit"] {
  margin-left: var(--space-2);
  background: var(--color-primary);
  border: none !important;
  color: var(--color-white);
  font-weight: bold;
  padding: 0 var(--space-5);
}
.calculate-shipping .message-container {
	padding: var(--space-5);
}
.calculate-shipping .message-container .message {
	background: var(--color-white);
  padding: var(--space-2);
  border-radius: var(--radius);
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calculate-shipping .message-container .icon {
	width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-gray-medium);
  color: var(--color-white);
  border-radius: var(--radius-round);
}
.calculate-shipping .message-container .icon i {
	font-size: 0;
}
.calculate-shipping .message-container .icon i:before {
	font-size: 12px;
}
.calculate-shipping .message-container .text {
	width: calc(100% - 30px);
}
.calculate-shipping .message-container .text hr {
	margin: var(--space-2) 0;
}
.calculate-shipping .result, .calculate-shipping .error {
  transition: all ease .25s;
  flex: 1 1 75%;
  padding: 9px var(--space-3);
  border-radius: var(--radius);
  width: 100%;
  font-weight: bold;
}
.calculate-shipping .result {
  background: var(--color-green-bg);
  border: 1px solid var(--color-green);
  color: var(--color-green);
}
.calculate-shipping .error {
	background: var(--color-red-bg);
  border: 1px solid var(--color-red);
  color: var(--color-red);
}
@media (max-width: 767px) {
  .regios .regio {
  	flex: 0 0 97%;
  }
  .calculate-shipping .form-container form {
  	flex: 1 1 100%;
	}
  .calculate-shipping .form-container form input[type="number"] {
    width: 100%;
    max-width: 100%;
  }
  .calculate-shipping .result, .calculate-shipping .error {
  	flex: 1 1 100%;
    margin-top: var(--space-2);
  }
}

/* shopmonkey */
.shopmonkey-module .zaagopties .title {
	font-size: 12px !important;
	font-weight: 700;
}
.shopmonkey-module .step-wrap.empty-zaagopties {
	display: none;
}
.shopmonkey-module .step-wrap.basic-select {
	margin-bottom: var(--space-4);
}

/* var */
.subitem .plus {
	height: 43px;
	width: 43px;
	margin: -43px var(--space-1) 0 0;
	padding: var(--space-2);
}

.element li.row-right {
	padding-bottom: var(--space-2);
}

.block {
	margin: 0;
	padding: 0;
}

.disclaimer {
	padding-bottom: 0;
}

.special-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9999999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}
.special-overlay.active {
	opacity: 1;
	visibility: visible;
}

.special-message {
	position: fixed;
	left: 50%;
	transform: translate(-50%, 50%);
	bottom: 50%;
}
.special-message .message {
	width: 600px;
	padding: var(--space-6);
}
.live-message .close-icon {
	display: none;
	position: absolute;
	top: var(--space-2);
	right: var(--space-3);
}
.special-message.live-message .close-icon {
	display: block;
}

.totals-wrap .payments a {
	border: 1px solid var(--color-gray-border);
	border-radius: var(--radius);
	margin: 0 var(--space-2) var(--space-2) 0;
}
.totals-wrap .payments a img {
  width: 62px;
  height: 37px;
}

#hidden-popup {
	display: none;
	max-width: 100%;
	width: 400px;
}

/* cookielaw */
.wsa-cookielaw {
  border: none;
	top: auto;
  bottom: 0;
  text-align: left;
  padding: 24px;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  background: var(--color-gray-lighter);
  box-shadow: 0 30px 70px rgba(0,0,0,.5);
  z-index: 3000000000 !important;
}
.wsa-cookielaw a {
	display: none;
}
.cookie-container {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: 0 auto;
}
.cookie-container .cc-left {
	flex: 1;
  padding: 0 5em 0 0;
}
.cookie-container .cc-left p {
	font-weight: normal;
  font-size: 1.125em;
  color: var(--color-gray-medium);
}
.cookie-container .cc-right {
	width: auto;
}
.cookie-container .btn.submit {
  display: flex;
	background: var(--color-primary);
  width: 286px;
  font-size: 1.125em;
  margin-bottom: 0.75em;
}
.cookie-container .btn.submit:hover {
	color: var(--color-white);
}
.cookie-container .btn.outline {
  display: flex;
  background: transparent;
/*   background: var(--color-gray-lighter); */
  border: 2px solid var(--color-gray-dark);
  color: var(--color-gray-dark);
  font-size: 1.125em;
  transition: all .25s ease;
}
.cookie-container .btn.outline:hover {
	opacity: 0.75;
}
.cookie-container .btn.outline:hover:before {
	content: none;
}

@media (max-width: 767px) {
  .cookie-container .cc-left {
  	padding: 0;
    flex: 1 1 100%;
  }
  .cookie-container .btn.submit {
  	width: 100%;
  }
  .cookie-container .cc-right {
  	width: 100%;
    margin-top: 2.5em;
  }
}

/* widget */
body .__fbcw__widget.__fbcw__widget--small {
	width: 100% !important;
	border: none !important;
}
body .__fbcw__widget .__fbcw__widget__rating-overview {
	margin: 0 0 17px!important;
}

/* rating */
.ism_footer_rating {
	font-size: 10px !important;
	background-color: var(--color-gray-dark);
	color: var(--color-gray-medium);
	padding-bottom: var(--space-3) !important;
}
.ism_footer_rating a {
	color: var(--color-primary);
}
.ism_footer_rating a:hover {
	text-decoration: underline;
}

.roca-rating-container {
  margin-top: -3px;
  margin-right: 60px;
}
.roca-rating.margin-bottom {
	margin-bottom: 2px;
}
.roca-rating a {
	display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  transition: all ease .25s;
}
.roca-rating a:hover,
.roca-rating a:focus {
	text-decoration: none;
  opacity: 0.75;
}
.roca-rating .rating-container .stars {
	display: flex;
  flex: 1 1 100%;
  justify-content: center;
}
.roca-rating-container a:hover,
.roca-rating-container a:focus {
	text-decoration: none;
}
.roca-rating-container .review-score,
.roca-rating-container .aantal-reviews {
	display: inline-block;
  line-height: 1;
}
.roca-rating-container .aantal-reviews.margin-left {
	margin-left: var(--space-1);
}
.roca-rating-container .aantal-reviews.margin-left strong {
	margin: 0 var(--space-1);
}
.roca-rating-container .aantal-reviews strong {
	margin: 0 var(--space-1) 0 0;
}
.roca-rating .amount-reviews {
	font-size: .85em;
  line-height: normal;
  color: var(--color-black);
  text-align: center;
}

/* keyframes */
@keyframes powrFadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}