/* 20230213113707 - 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: #666666;
}

.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: #000000;
  background-color: #ffffff;
}

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

.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: #000000;
}

.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 */
@media only screen and (max-width: 768px) {
.about_us_custom section.usp_aboutus div {
  min-width: 100%;
  }
.filters_button {
  display: block!important;
  }
  #topbar .col-sm-6.hidden-xs.hidden-xxs {
    display: block!important;
    text-align: center;
    margin-bottom: -1.5rem;
    margin-top: -.5rem;
}
#topbar div#topbar-right ul {
    justify-content: center;
    float: none;
    display: flex;
    padding: 0!important;
    margin: 0!important;
}
}
.kiyoh_sticky {
    position: fixed;
    left: 1rem;
    bottom: .5rem;
    z-index: 9;
}
.category-content h3 {
    background: transparent;
    color: black;
    text-align: left;
    margin: auto;
    padding: 0;    font-weight: 500;

}
.blogs img {
    height: 200px;
    object-fit: cover;
    object-position: center center;
}

.blogs h3.title {
    font-size: 1.3rem;
    line-height: 1.3;
    padding: 2rem;
}
div#gui-wrapper #comments {
    display: none;
}
div#gui-wrapper .gui-col2-right-col1 {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

div#gui-wrapper article.gui-blog-article {
    flex: 45%;
    padding: 16rem 2% 8% 2%;
    background: #f6f6f6;
    position: relative;
}

div#gui-wrapper .gui-page-title {
    width: 100%;
}

div#gui-wrapper article.gui-blog-article header h1 {
    font-size: 1.5em;
    font-weight: bold;
}

div#gui-wrapper .gui-blog-article header img {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 150px;
    margin-top: 0.3rem;
    max-height: 150px;
    max-width: 100%;
    object-fit: cover;
    top: 0;
    border: 0;
    min-width: 100%;
    object-position: center center;
}


div#gui-wrapper p.gui-blog-article-content.gui-blog-article-summary {
    display: none;
}

div#gui-wrapper nav.gui-blog-nav {
    width: 100%;
}

div#gui-wrapper li.gui-blog-article-comments {
    display: none;
}


div#gui-wrapper .gui-blog-article-more a {
    background: limegreen;
    color: white;
    font-weight: bold;
    padding: 0.5rem 1rem;
    position: absolute;
    left: 0;
    bottom: 1rem;
}

div#gui-wrapper .gui-blog-article-more {
    line-height: 4.2rem;
}
.product-block-label.highlight-bg {
background: orange;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 14px 0px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border: 3px solid #ffcf788a;
}
.col-md-12.social-share {
    display: none!important;
}
.productpage .productform {
    display: flex;
}

.productpage .product-configure {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.productpage .product-configure div {
    flex: 45%;
    min-width: 250px;
    margin: 0;
}
.productpage .row.rowmargin.addtocart-row .col-sm-12 {
    margin-bottom: 2rem;
}
.productpage .usps {
    width: 75%;
    max-width: 500px;
  cursor: pointer;
}
.support_footer div:not(.support_img) {
    min-width: 85%;
    margin: auto;
}
.support_footer.productpage_support {
    margin: 1rem 0;
    transition: .5s;
  border: none;
    min-width: 100%;  cursor: pointer;

}
.support_footer.productpage_support:hover {
  box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%);
  transition: .5s;
}

.support_footer.productpage_support .support_img {
    max-width: 25%;
}

.support_footer.productpage_support p {
    line-height: 1.6;
    margin: .5rem 0 .75rem 0;
}
.productpage .usps {
  border-bottom: 3px solid limegreen;
  padding: 2rem;
  font-size: 1.1em;
  min-width: 100%;
  margin-top: -2rem;
  margin-bottom: 2rem;
  display: flex; 
  flex-wrap: wrap;
}

.productpage .usps div {
    flex: 33%;
}

.productpage .usps .row {
    flex: 50%;
}
.usps .col-sm-6 {
     width: 100%;
    margin: -0.75rem 0; 
}

.category-content h2 {
    font-size: 1.5em;
}
.gui-checkout-payment-provider.gui-payment-provider-paypal {
    margin: -2rem auto;
}
div#gui-form-payment-method span.gui-payment-method-price.gui-right {
    display: none;
}
.productpage .discounts {
  display: none;
    list-style: none;
    margin: 0;
    padding: 1.5rem;
    box-shadow: 0px 5px 10px rgb(71 69 84 / 30%);
    border: 2px solid;
}

.productpage .discounts li:before {
    content: "\f00c";
    color: limegreen;
    font-family: "FontAwesome"
}
.support_footer {
    display: flex;
    gap: 1rem;
    background: white;
    color: black;
    padding: 1rem;
    font-size: 1rem;
    border-radius: 5px;
    border-bottom: 5px solid #474554;
  max-width: 300px;
  margin: auto;
}

.support_footer div {
    flex: 50%;
    margin: auto;
}
.support_footer .support_img {
 max-width: 35%; 
}
.support_footer img {
    max-width: 100%;
}

.support_footer button, .support_footer.productpage_support a {
    background: limegreen;
    color: white;
    border: none;
    font-size: 1.2rem;
    font-weight: bold;
    padding: .5rem;
  text-decoration: none;
}

.support_footer h4 {
    font-size: 1.5rem;
}
.checkout div#gui-form-payment-method .gui-buttons a {display: none;}
.custom_cat_title {
      padding: 8rem 5rem;
    color: white;
    text-align: center;
    background-size: cover!important;
    font-weight: bold!important;
  text-transform: none!important;
      border-radius: 10px;
    text-shadow: 1px 1px 1px grey;
}
.custom_cat_title:after {
content: "";
    background: url(https://cdn.webshopapp.com/shops/317977/files/405076841/checkmark-rsn.png);
    display: flex;
    position: absolute;
    right: -4rem;
    height: 100px;
    width: 100px;
    background-size: 8rem;
    background-repeat: no-repeat;
}
.container.collection.category-header h1 {
 text-align: left; 
}
h1.custom_cat_title {
 background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/405073184/1.png);
}
h1.Klompen, h1.klompen {
    background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/410956182/klompen-banner.png);
}
h1.bedrijfskleding:not(h1.Klompen, h1.klompen) {
background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/405073195/9.png);
}
h1.valbeveiliging {
 background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/405073184/1.png);
}
h1.dakrandbeveiliging {
 background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/405073191/6.png);
}
h1.keuringen_inspecties {
 background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/405073193/7.png);
}
h1.klimmaterialen {
 background: linear-gradient(0deg, rgb(255, 255, 255) 5%, transparent 100%) 0% 0% / cover, url(https://cdn.webshopapp.com/shops/317977/files/405073186/2.png);
}
/*/ Filters collections CSS /*/
@media only screen and (max-width: 768px) {
  .filters_overlay {
    content: "";
    position: fixed;
  top: 0;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    z-index: 99;
    background: rgb(0 0 0 / 40%);      transition: .5s;
  }
.filters {
    position: fixed;
      transition: .5s;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 0;
    max-width: 75vw;
    z-index: 9999;
    padding: 5rem 2rem;
    background: white;
    max-height: 100vh;
    overflow-y: scroll!important;
}

.filters .row {
    display: flex;
    flex-wrap: wrap;
}

.filters .row div {flex: 100%;
}
.filters_button {
    background: #22b701;
    font-weight: bold;
    box-shadow: 0px 4px 0px 0px green;
    transition: .5s;
    color: white;
    border: none;
    padding: 0.8rem 3rem;
    font-size: 1.5rem;
    width: 50vw;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999;
}
.filters_button:hover {
  box-shadow: none;transition: .5s; 
}
}
/*/ Filters collections CSS /*/

/*/ Checkout page CSS /*/
.checkout .gui-col2-right-col1.gui-checkout-steps {display: flex;column-gap: 1rem;flex-wrap: wrap;}


.checkout .gui-step {
    flex: 28%!important;
    min-width: 300px;
}

.checkout .gui-checkout .gui-form .gui-right {
float: none;
width: 100%;font-weight: bold;}

.checkout div#gui-block-billing-address .gui-buttons {display: none;}


.checkout div#gui-block-shipment-method .gui-buttons  {display: none;}
.checkout div#gui-block-payment-method .gui-buttons a.gui-button-small.gui-button-outline  {display: none;}

.checkout .gui-form {
    font-size: 1.8rem;
}
.checkout .gui-block-title * { color:#6d6d6d;font-weight: bold;font-size: 2rem;}
.checkout .gui-block-title  {background: transparent!important;border-top: 3px solid;border-left: 3px solid;border-right: 3px solid;border-color: #f6f6f6;}

.checkout .gui-checkout-one-page .gui-step {
    background: #f6f6f6;
    border-radius: 15px;
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 10%);
}

.checkout .gui-checkout .gui-progressbar ul li a, .checkout .gui-checkout .gui-progressbar ul li.gui-done+li a, .checkout .gui-checkout .gui-progressbar ul li.step-details a {
background-image: none!important;
}


.checkout .gui-checkout-one-page #gui-block-review {
    background: #474555;
}

.checkout .gui-checkout-one-page #gui-block-review div * :not(.checkout .gui-block-title *, textarea#gui-form-comment) {
    color: white;
}
.checkout .gui-checkout .gui-progressbar ul li.gui-done {
    background-color: #474555;
    color: white;
}
.checkout a#gui-block-method-continue,.checkout  a.gui-button-small.gui-button-action {
        background: #22b701!important;
  font-weight: bold;
    box-shadow: 0px 4px 0px 0px green;transition: .5s;
}
.checkout a.gui-button-large.gui-button-action:before  {
    box-shadow: 0px 4px 0px 0px #b77600;
    background: orange!important;       transition: .5s;

}
.checkout a.gui-button-large.gui-button-action:hover::before, .checkout a#gui-block-method-continue:hover,.checkout  a.gui-button-small.gui-button-action:hover {
    box-shadow: none;
    transition: .5s;
}
.checkout a#gui-block-method-continue,.checkout a.gui-button-small.gui-button-action, .checkout .gui-item.gui-right.strict-submit a {
    color: #fff!important;
    text-decoration: none;
    border: none;
    padding: 1rem;
    }
.checkout .gui-checkout .gui-separator {background: transparent;}



.checkout .gui-item.gui-right.strict-submit a {
    min-width: 100%;
}

.checkout header {
    display: none;
}

.checkout .gui-page-title:after {content: "";display: block;max-width: 10px;background: url('https://cdn.webshopapp.com/shops/317977/themes/178989/v/742764/assets/logo.png?20220217142152');min-width: 30rem;background-size: contain;background-position: left center;background-repeat: no-repeat;height: 50px;margin: auto;visibility: visible;text-align: center;}

.checkout .gui-page-title {
    visibility: hidden;
}

.checkout div#gui-block-billing-address {
    flex: 40%!important;
}

.checkout .gui-payment-provider-title.gui-block-subtitle {
    display: none;
}
div#gui-block-review tr * {
    font-size: 2.2rem;
}
.checkout .gui-payment-method-wrapper {
    font-size: 2rem;
}

.checkout .gui-payment-method-service > label {
    display: flex;
    font-size: 1.8rem;
}

.checkout .gui-block-option {
    border-color: transparent;
    background-color: transparent;
}
.checkout .gui-checkout .gui-progressbar ul li.gui-done {
    background: #22b700;
}

.checkout .gui-div-cart-coupons {
    display: none;
}

.checkout a.gui-button-large.gui-button-action:before {
    content: "Bestelling afronden";
    visibility: visible;
    padding: 1rem 4rem;
    float: none;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    margin-bottom: -4rem;
}

.checkout a.gui-button-large.gui-button-action {
    visibility: hidden;
}

.checkout .gui-item.gui-right.strict-submit:after {
    content: "Retourneren kan binnen 14 dagen";
    text-align: center;
    float: none;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: normal;
    justify-content: center;
    display: flex;
}
/*/ Checkout page CSS /*/
.gui-block.gui-div-cart-shipping {
  display: none;
}
  .about_us_custom i.fa.fa-check-circle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -4.5rem;
    text-align: center;
    background: rgb(255 255 255);
    max-width: 100px;
    font-size: 2.9rem;
    color: rgb(50 205 50);
}
  .about_us_custom .mt-4.mb-4 {
 max-width: 1000px;   
    margin: auto;
  }
.about_us_custom .mt-4.mb-4 h2, .about_us_custom section.usp_aboutus h4 {
 margin: 1rem 0; 
}
.about_us_custom .user-pic img {
    width: 150px;
    height: 150px!important;
    overflow: hidden;
    border-radius: 100%;
    margin: 20px auto 20px;
    border-left: 3px solid rgb(50 205 50);
    border-right: 3px solid rgb(50 205 50);
    border-top: 3px solid #e2e2e2;
    border-bottom: 3px solid #e2e2e2;
    transform: rotate(0deg);
    transition: 0.5s;
object-fit: cover;
}
.about_us_custom section.usp_aboutus {
    position: relative;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    max-width: 1100px;
    padding: 5rem 0;
}

.about_us_custom section.usp_aboutus div {
    flex: 45%;
    padding: 3rem 0;
    border-top: 2px solid limegreen;
  position: relative;
}
.about_us_custom .card-box:hover .user-pic img {
    transform: rotate(-30deg);
    transform: scale(1.3);
}
.about_us_custom .card-box {
    padding: 2rem 1rem;
    background-color: #fdfdfd;
    margin: 20px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    transition: 0.5s;
  min-height: 300px;
}

.about_us_custom .card-box p {
    color: #808080;
}


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

div#header {
    max-height: 8px!important;
}

div#logo {
    padding: 0px!important;
    margin: auto;
      max-height: 50px;
  justify-content: center;
    display: flex;
      min-width: 100%;
}
#header .header-right {
    display: none!important;
}
div#logo img {
    margin-top: -80px!important;
      max-width: 150px;
}

input#searchbox {
    width: 100%;
  background: white;
}

.usps-navbar.usps-slider-holder.visible-sm.visible-xs.visible-xxs {
    background: white;
    color: black;
}

.usps-navbar.usps-slider-holder.visible-sm.visible-xs.visible-xxs i {
    color: white;
    background: limegreen;
    border-radius: 50%;
    font-size: 14px;
    padding: 3px;
    width: 20px;
    height: 20px;
}

h1.category-title {
    font-weight: 600;
}
.col-md-3.col-sm-4.col-xs-6.col-xxs-12.rowmargin50 h3 {
    font-size: 14px;
    background: none;
    font-weight: bold;
    color: rgb(0 128 0);
    pointer-events: none;
    padding: 0px;    word-break: break-word;

}
.col-md-3.col-sm-4.col-xs-6.col-xxs-12.rowmargin50 {
    max-width: 50%;
}
}
.homedeal img {
margin: 50 auto;
border-radius: 250px
;
background: rgb(255 255 255);
}
#logo img {
 max-width:  
}
div.sale-new{
   background-color: red;
   color: green;
}