/* 20220414111205 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
.module-product .price.with-shipping { align-items: center; display: flex; padding: 0px; }
.module-product .price.with-shipping span { font-size: 15px; padding: 0; }
.module-product .price.with-shipping span:first-of-type { margin: 0 10px; }

.module-product .list-usp, .form-product .list-usp { margin-bottom: 5px; }
.order-kleurstaal { color: var(--cove); font-size: 15px; text-decoration: none; }

.list-info + .check { margin-top: 40px; }

:root {
  --blue: #38414A;
}


#custom-about .top { margin: 0 auto; max-width: 50%; padding: 50px 0; text-align: center; }
#custom-about .top h1 { color: var(--blue); font-size: 40px; margin-bottom: 25px; }

#custom-about .images { display: flex; height: 600px; justify-content: space-between; overflow: hidden; position: relative; width: calc(100% + 10px); }
#custom-about .images .link { background: #fff; border: 1px solid var(--silver); bottom: 30px; font-size: 18px; font-weight: 600; padding: 10px 25px; position: absolute; right: 30px; text-decoration: none; z-index: 1; }
#custom-about .images > *:not(.link) { margin-right: 10px; width: -webkit-fill-available; }
#custom-about .images > .double { display: flex; flex-direction: column; justify-content: space-between; }
#custom-about .images > .double > a { height: calc(50% - 5px); }
#custom-about .images > .double > *:last-of-type { margin-top: auto; }
#custom-about .images img { height: 100% !important; object-fit: cover; width: 100%; }
#custom-about .images .hidden-group { display: none; }

#custom-about .quote { display: flex; justify-content: space-between; margin: 0 auto; max-width: 90%; padding: 150px 0; }
#custom-about .quote quote { color: var(--blue); font-family: var(--headings); font-size: 32px; font-weight: 600; line-height: normal; width: 40%; }
#custom-about .quote > div { font-size: 15px; width: 55%; }

#custom-about .proces { padding: 120px 0 0; position: relative; }
#custom-about .proces::before { background-color: #F4F4F4; content: ''; height: calc(100% - 200px); left: -42vw; min-height: 200px; position: absolute; top: 0; width: 140vw; z-index: -1; }
#custom-about .proces .heading { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; max-width: 90%; padding-bottom: 70px; }
#custom-about .proces .heading h2 { font-size: 40px; margin-bottom: 0; }
/*#custom-about .proces .heading a { align-items: center; border: 1px solid #000; display: inline-flex; font-size: 20px; height: 62px; justify-content: center; text-decoration: none; width: 62px; }
#custom-about .proces .heading a i { color: #000; }*/
#custom-about .proces .blocks { display: flex; margin-left: calc(5% + 150px); width: calc(90% - 300px); }
#custom-about .proces .blocks .owl-stage-outer { overflow: visible; }
#custom-about .proces .blocks .owl-stage-outer .owl-item.cloned, #custom-about .proces .blocks .owl-stage-outer .owl-item.cloned ~ .owl-item { opacity: 0; }
#custom-about .proces .blocks .owl-stage-outer .owl-item.active ~ div.owl-item, #custom-about .proces .blocks .owl-stage-outer .owl-item.active { opacity: 1 !important; }
#custom-about .proces .blocks .block { background: #fff; box-shadow: 0 1px 20px rgba(0,0,0,0.1); max-width: 400px; }
#custom-about .proces .blocks .block > div { padding: 40px; }
#custom-about .proces .blocks .block h4 { margin-bottom: 5px; }
#custom-about .proces .blocks .block p { margin-bottom: 10px; }
#custom-about .proces .blocks .block img { margin-bottom: 80px; min-width: 100%; }
#custom-about .proces .blocks .owl-nav button { align-items: center; background: transparent; border: 1px solid #000; display: inline-flex;  height: 62px; justify-content: center; position: absolute; right: calc(-150px + -5%); text-decoration: none; top: -128px; width: 62px; }
#custom-about .proces .blocks .owl-nav button::after { font-size: 18px; }
#custom-about .proces .blocks .owl-nav button.disabled { opacity: 0; }
#custom-about .proces .blocks .owl-nav .owl-prev { left: auto; right: calc(-150px + -5% + 77px); }

#custom-about .showroom { margin: 0 auto; max-width: 60%; padding-bottom: 50px; padding-top: 150px; text-align: center; }
#custom-about .showroom .intro { padding-bottom: 40px; }
#custom-about .showroom .intro h2 { font-size: 40px; margin-bottom: 20px; }
#custom-about .showroom .content { display: flex; text-align: left; }
#custom-about .showroom .content > div { font-size: 15px; padding-left: 40px; }
#custom-about .showroom .content a { color: var(--bodyText); text-decoration: none; }
#custom-about .showroom .content a:hover { text-decoration: underline; }
#custom-about .showroom .content b, #custom-about .showroom .content strong { font-weight: 700; }
#custom-about .showroom .content img { max-width: 60% !important; }

@media only screen and (max-width: 1200px) {
  #custom-about .top { max-width: 60%; }
  #custom-about .proces .blocks { margin-left: 5%; width: 90%; }
  #custom-about .proces .blocks .owl-nav button { right: -5%; }
}
@media only screen and (max-width: 1000px) {
  #custom-about .top,
  #custom-about .quote,
  #custom-about .proces .heading,
  #custom-about .showroom { max-width: 100%; }
  
  #custom-about .top h1,
  #custom-about .proces .heading h2,
  #custom-about .showroom .intro h2 { font-size: 32px; }
  
  #custom-about .quote { padding: 100px 0; }
  #custom-about .quote quote { font-size: 28px; }
  
  #custom-about .proces { padding-top: 50px; }
  #custom-about .proces .heading { padding-bottom: 60px; }
  #custom-about .proces .blocks { margin-left: 0; width: 100%; }
  #custom-about .proces .blocks .owl-nav button { right: 0; top: -112px; }
  #custom-about .proces .blocks .owl-nav .owl-prev { right: 77px; }
  
  #custom-about .showroom { padding-bottom: 0px; padding-top: 90px; }
}
@media only screen and (max-width: 768px) {
  #custom-about .top h1,
  #custom-about .showroom .intro h2 { font-size: 24px; }
  
  #custom-about .top { padding: 20px 0; }
  #custom-about .top h1 { margin-bottom: 20px; }
  
  #custom-about .images { flex-wrap: wrap; height: auto; }
  #custom-about .images > *:not(:last-of-type) { margin-right: 0; }
  #custom-about .images .img:not(.double) { margin-bottom: 10px; order: 0; width: calc(50% - 5px); }
  #custom-about .images .double { flex-direction: row; order: 1; }
  #custom-about .images .double::after { display: none; }
  #custom-about .images > .double > a { height: auto; }
  #custom-about .images > .double > *:last-of-type { margin-top: 0; }
  #custom-about .images .link { bottom: 0; font-size: 15px; left: 0; margin: 20px auto 0; order: 5; position: relative; right: 0; }
  
  #custom-about .quote { flex-wrap: wrap; padding: 40px 0; }
  #custom-about .quote quote, #custom-about .quote > div { width: 100%; }
  #custom-about .quote quote { font-size: 20px; margin-bottom: 20px; }
  
  #custom-about .proces { padding-top: 30px; }
  #custom-about .proces .heading { padding-bottom: 40px; }
  #custom-about .proces .heading h2 { font-size: 21px; }
  #custom-about .proces .heading a { font-size: 14px; height: 45px; width: 45px; }
  #custom-about .proces .blocks { flex-wrap: wrap; margin-left: 0; width: 100%; }
  #custom-about .proces .blocks .block { margin-bottom: 30px; margin-right: 0; max-width: 100%; width: 100%; }
  #custom-about .proces .blocks .block > div { padding: 20px; }
  #custom-about .proces .blocks .block img { margin-bottom: 0; }
  #custom-about .proces .blocks .owl-nav button { height: 40px; top: -75px; width: 40px; }
  #custom-about .proces .blocks .owl-nav button::after { font-size: 14px; }
  #custom-about .proces .blocks .owl-nav .owl-prev { right: 50px; }
  
  #custom-about .showroom { padding-top: 20px; }
  #custom-about .showroom .intro { padding-bottom: 20px; }
  #custom-about .showroom .content { flex-wrap: wrap; }
  #custom-about .showroom .content img { max-width: 100% !important; }
  #custom-about .showroom .content > div { margin-top: 20px; padding-left: 0; width: 100%; }
}
/* show mollie integration */
#gui-checkout-payment-methods .gui-field .gui-input { border: 1px solid; padding: 5px 10px; }
#gui-checkout-payment-methods .gui-checkout-payment-provider .gui-payment-methods .gui-payment-method.gui-is-selected .gui-payment-method-form { display: inline-block !important; margin-left: 0; margin-top: 0; padding-top: 0; width: 100%; }
/* end */