::selection {
  background-color: #007ba4;
  /* WebKit/Blink Browsers */

}
::-moz-selection {
  background-color: #007ba4;
  /* Gecko Browsers */

}
.master-header-wrapper,
.navigation-wrapper,
.ui-dialog-titlebar,
.scroll-back-button,
.language-list a:hover,
.ui-autocomplete a.ui-state-focus,
.footer-upper,
.newsletter-email .newsletter-subscribe-button,
.social-sharing a,
.product-viewmode a.selected,
.item-type-2 .bestsellers .product-box-add-to-cart-button:after,
.item-type-1 .product-grid .product-box-add-to-cart-button:before,
.item-type-2 .product-grid .item-box .product-box-add-to-cart-button:hover,
.pager li:before,
.pager li.current-page:before,
.ui-state-highlight,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.ui-tabs .ui-tabs-nav li:before,
.block-account-navigation .list li a:after,
.product-list .item-box .product-box-add-to-cart-button,
input[type=radio]:checked + label:before,
#Newsletter:checked + input + label:after,
.inputs.reversed input:checked + input + label:after,
.selector input:checked + input + label:after,
input[type=checkbox]:checked + label:after,
.field-validation-valid,
.username-available-status,
.poll .buttons input,
.qq-uploader .qq-upload-list li.qq-upload-success,
.attributes .option-list.radio-list li:hover label,
.attributes .option-list.radio-list input[type=radio]:checked + label,
.enter-password-form input[type="submit"],
.address-list-page .add-button input,
.checkout-page .address-item input,
.shipping-method .method-list li label:after,
.payment-method .method-list li label:after,
.totals .actions input,
.totals button,
.buttons .button-1,
.buttons .button-2,
.notify-me-button,
.search-box .search-box-button,
.blog-search-box .search-box-button,
.eu-cookie-bar-notification button,
.vendor-item .picture .hover,
.manufacturer-item .picture .hover,
.productAddedToCartWindowSummary div,
.product-review-box .rating div,
.write-review .rating-options:hover label:hover,
.write-review .rating-options:hover label:hover ~ label,
.write-review .rating-options input:checked ~ label,
.item-box .rating div,
.miniProductDetailsView .add-to-cart .add-btn-hover span,
.address-list .buttons .button-2:hover,
.order-list .buttons .button-2:hover {
  background-color: #007ba4;
}
/* dark */

.store-search-box {
  background-color: #005571;
}
/* text color */

.cart .product-name:hover,
.cart .subtotal span,
.header-links a:hover,
.footer-middle li.address:before,
.footer-middle li.phone:before,
.social-sharing a:hover:after,
.block .list > li > a:hover,
.block .sublist > li > a:hover,
.block .sublist > li.active > a,
.block .view-all a,
.block .view-all a:hover:after,
.category-grid .item-box .sub-categories-list li a:hover,
.item-box .actual-price,
.item-box .buttons-wrapper button,
.bestsellers.product-grid .item-box .product-box-add-to-cart-button,
.item-box .buttons-wrapper button:hover:after,
.item-type-1 .product-grid .buttons-wrapper .product-box-add-to-cart-button:after,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.product-no-reviews a,
.product-review-links a:hover,
.product-review-links span + a,
.overview .value a,
.variant-overview .value a,
.overview .back-in-stock-subscription .subscribe-button,
.variant-overview .back-in-stock-subscription .subscribe-button,
.free-shipping:after,
.download-sample-button,
.qq-uploader .qq-upload-button,
.overview .product-price,
.variant-overview .product-price,
.qty-wrapper span:hover:after,
.overview .compare-products:hover:after,
.overview .email-a-friend:hover:after,
.overview .compare-products:hover input,
.overview .email-a-friend:hover input,
.overview .add-to-cart-button:hover span:before,
.variant-overview .add-to-cart-button:hover span:before,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.wishlist-content button.button-2,
.compare-products-page .clear-list,
.accept-privacy-policy .read,
.check-username-availability-button,
.forgot-password,
.customer-pages-body .data-table td.points-balance,
.address-list .buttons .button-2:after,
.order-list .buttons .button-2:after,
.request-item a,
.return-request-page .data-table td.unit-price,
.file-upload label,
.order-progress li.active-step.last a:before,
.cart-options .common-buttons button,
.terms-of-service a,
.complete-button:hover span,
.complete-button:hover span:before,
#checkout:hover span,
#checkout:hover span:before,
.shipping-method .method-list li label:hover,
.payment-method .method-list li label:hover,
.opc .step-title span,
.order-details-page .btns-wrapper > a,
.products .product-subtotal,
.order-details-page .actions input + input,
.order-total strong,
.cart-total .order-total td.cart-total-right,
.return-request-page .qq-upload-button,
.sitemap-page li,
.blog-posts .read-more,
.news-items .read-more,
.news-list-homepage .view-all,
.blog-details a:hover,
.new-comment .result,
.comment-info .username,
.news-list-homepage .news-title:hover,
.forum-search-box .advanced a,
.forum-search-box .advanced a:hover:after,
.forums-table-section-title > a,
.forums-table-section-title strong,
.forums-table-section .view-all,
.topic-title:hover,
.forums-table-section .forum-title:hover,
.forums-table-section .latest-post .author a,
.forums-table-section .latest-post .origin a,
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button,
.topic-post .post-actions .quote-post a,
.private-messages-page .buttons input + input,
.private-message-send-page .buttons input + input,
.forum-edit-page .buttons input + input,
.move-topic-page .buttons input + input,
.topic-post .username,
.topic-post .pm-button,
.profile-info-box .pm-button,
.topic-post .post-vote > div,
.forum-edit-page strong,
.private-message-send-page a,
.private-messages-page .unread td a,
.private-message-view-page .buttons .delete-pm-button,
.private-message-view-page .buttons input:last-child,
.product-price td + td,
.wishlist-page .share-info a,
.eu-cookie-bar-notification button:hover,
.giftcard-summary label + span,
.cart-collaterals .current-code span,
.footer-powered-by a:hover,
.footer-designed-by a:hover,
.email-a-friend-page .title h2,
.post-navigation a,
.post-title:hover,
.news-title:hover,
.miniProductDetailsView .add-to-cart .add-btn-hover span:hover input,
.cart-collaterals .coupon-code input[type="submit"]:hover,
.cart-collaterals .buttons .estimate-shipping-button:hover,
.edit-item,
.filter-options > div:before {
  color: #007ba4;
}
/* border color */

.ajax-loading-block-window,
.product-list .item-box .buttons-wrapper .buttons button,
.product-grid .item-box .buttons-wrapper,
.bestsellers.product-grid .item-box .buttons-wrapper,
.attributes div .qq-uploader {
  border-bottom-color: #007ba4;
}
.poll-options li label:hover,
.poll-options li input:checked + label {
  border-left-color: #007ba4;
}
.order-progress li.active-step.last a {
  border-top-color: #007ba4;
}
.item-type-2 .product-grid .item-box:hover .buttons {
  border-color: #007ba4;
}
/*mobile*/

@media screen and (max-width: 1024px) {
  .navigation-wrapper {
    background-color: #007ba4;
  }
  /*instant search*/
  
  .store-search-box .search-box-select {
    border-right-color: #007ba4;
  }
  .store-search-box .search-box-select {
    background-color: #005571;
  }
  .header-menu > ul li > a:hover,
  .header-menu > ul li > span:hover {
    color: #007ba4;
  }
}
/*1024*/

@media screen and (min-width: 1025px) {
  .filter-options > div:before,
  .compare-section.price li {
    color: #007ba4;
  }
  .flyout-cart .buttons button,
  .flyout-cart .buttons button + button:hover:before,
  .header-menu .sublist li:hover > a {
    background-color: #007ba4;
  }
  .flyout-cart .item .price span,
  .flyout-cart .totals strong,
  .flyout-cart .buttons button:hover span:before,
  .flyout-cart .buttons button:hover,
  .flyout-cart .buttons button + button,
  .footer-block .list > li:hover,
  .downloadable-products-page .download a:hover {
    color: #007ba4;
  }
  .header-menu > ul > li:hover > a,
  .header-menu > ul > li:hover > span,
  .header-menu .sublist-wrap {
    background-color: #005571;
  }
}
/*ajaxCart*/

.ajax-cart-button-wrapper input[type="button"],
.productAddedToCartWindowDescription .price {
  color: #007ba4;
}
.productAddedToCartWindowSummary div:hover .button-1 {
  color: #007ba4;
}
.nopAjaxCartPanelAjaxBusy::after {
  border-bottom-color: #007ba4;
}
/*ajaxFilters*/

.selected-options-list > li span,
.priceRangeCurrentPricesPanel span {
  color: #007ba4;
}
.ui-slider-range {
  background-color: #005571;
}
.ui-slider-handle,
.ajaxFilters .k-window-titlebar {
  background-color: #007ba4;
}
.productPanelAjaxBusy::after {
  border-bottom-color: #007ba4;
}
/**sliders */

.nivo-controlNav a.active {
  background-color: #007ba4;
}
/*cloud zoom*/

.cloudzoom-ajax-loader:after {
  border-bottom-color: #007ba4;
}
/*instant search*/

.instant-search-item .detail .price {
  color: #007ba4;
}
/*jCarousel*/

.nop-jcarousel.category-grid .item-box .title:hover a {
  color: #007ba4;
}
.full-width-carousel .home-page-product-grid,
.nop-jcarousel .slick-prev:hover,
.nop-jcarousel .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover,
.carousel-cover,
.nop-jcarousel.vendor-grid .item-box .title a:before,
.nop-jcarousel.manufacturer-grid .item-box .title a:before {
  background-color: #007ba4;
}
.full-width-carousel .home-page-product-grid .slick-prev:hover,
.full-width-carousel .home-page-product-grid .slick-next:hover,
.full-width-carousel .home-page-product-grid .slick-prev,
.full-width-carousel .home-page-product-grid .slick-next {
  background: #005571;
}
/*mega menu*/

.mega-menu .title:hover,
.mega-menu .box li a:hover {
  color: #007ba4;
}
/*quickView*/

.product-list .quick-view-button,
.quickView .k-loading-image {
  border-bottom-color: #007ba4;
}
.quick-view-button a,
.item-box .buttons-wrapper a:hover:after,
.quickView .links-panel a,
.quickView .variant-info,
.overview .add-to-wishlist:hover input,
.quickView .overview .add-to-wishlist:hover:after {
  color: #007ba4;
}
/*ropc*/

.ship-to-same-address,
.estimate-shipping button,
.complete-button button {
  background-color: #007ba4;
}
.ship-to-same-address input[type=checkbox]:checked + label::after {
  color: #007ba4;
}
/*rich blog*/

.rich-blog-homepage .post-title {
  border-top-color: #007ba4;
}
.rich-blog-homepage .view-all,
.blog-instant-search .k-item,
.search-term-highlighter {
  color: #007ba4;
}
/*spc*/

.spc-header li:before,
.spc-categories .category-title {
  background-color: #007ba4;
}
.spc-body .loading-overlay span,
.spc-categories > .loading-overlay span {
  border-bottom-color: #007ba4;
}
.product-ribbon {
  border-top-color: #007ba4 !important;
}
.master-wrapper-page
{
overflow-x: hidden;
}

.picture-thumbs-next-arrow
{
right:0px !important;
opacity: unset;
background:unset;
background-color:unset !important;
}

.picture-thumbs-prev-arrow
{
left:0px !important;
opacity: unset;
background:unset;
background-color:unset !important;
}


.simplenew .attributes textarea {
    width: 100%;
margin-top:5px;
}

.simplenew .attributes input{
  
margin-top:5px;
}

.gordijnen .attributes .gordijnen-option-list {
    padding-left: 29px;
    display: grid;
}

.gordijnen  .elektrischuitleg
{
float:right;
font-style:italic
}

.overview-action
{
clear:both;
}

.overview .non-discounted-price
{
line-height:1.6;
}

.fa-lightbulb-o {
    color: yellowgreen;
    font-size: 21px !important;
}

.buymoreforless
{
text-align: right;
width: 500px;
float: right;
padding-right:15px;
}

.buymoreforless_center
{
 line-height: 2.6;
color:#5f5f5e;
}

.product-price-delivery-price
{
color:#5f5f5e;
font-weight:bold;
}

.product-price-delivery
{
font-size: 12px;
color:#5f5f5e;
text-align: right;
}

.product-price-delivery label
{
    color: #1e9e05;
}

.staffel1-price-value {
font-size: 16px;
color:#5f5f5e;
font-weight:bold;
}

.staffel2-price-value {
font-size: 16px;
color:#5f5f5e;
font-weight:bold;
}

.staffel1-number {
font-size: 16px;
color:#1d9e05;
font-weight:bold;
}

.staffel2-number {
font-size: 16px;
color:#1d9e05;
font-weight:bold;
}


.buymoreforless_header
{
color:#f1a83b;
font-size:18px;
border-bottom:1px solid #f1a83b;
 line-height: 2.6;
font-weight:bold;
margin-top:5px;
}

.buymoreforless_footer
{
border-top:1px solid #f1a83b;
color: #f1a83b;
font-size:14px;
 line-height: 2.6;
margin-bottom:5px;
font-style: italic;
}

span[class^="oldprice-value-"] {
text-decoration: line-through;
font-size:25px;
color: lightgray;
}

span[class^="price-value-"] {
color:#5f5f5e;
font-size:25px;
}

span[class^="pricediscount-value-"] 
{
color: #1e9e05;
font-weight:bold;
font-size:25px;
}

.overview .product-price
{
color:#1d9e05;
font-weight:bold;
font-size:16px;
}

.overview .product-price label
{
color:#5f5f5e;
font-size:16px;
font-weight:normal;
}

.overview .old-product-price
{
color:#1e9e05;
font-size:16px;
margin-bottom:5px;
}

.overview .old-product-price label
{
color:#5f5f5e;
font-size:16px;
margin-top:5px;
}

.overview .non-discounted-price
{
color:#5f5f5e;
}


.product-price-shipping
{
color:#1e9e05;
font-size:12px;
}

.block.block-popular-tags {
display:none;
}

.attr-values
{
clear:both;
overflow:auto
}

.footer-lower
{
display:none;
}

.productbutton1
{
    background-color: #01799f;
    width: 140px;
    height: 40px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    cursor: pointer;
    float: left;
}

.productbutton1 a
{
color:white;
text-decoration:none;
}

.productbutton2
{
     background-color: #f4b44c;
    width: 140px;
    height: 40px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    cursor: pointer;
    float: left;
    margin-left:10px;
    margin-right:10px;
}

.productbutton2 a
{
color:white;
text-decoration:none;
}

.overview .availability {
    margin-top: 10px;
}

.mega-menu .dropdown.active
{
min-height:250px;
}

.slick-slide img {
    display: inline;
}

.subtotal .discount {
    background-color: #fae5e8;
    color: #d0021b !important;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    word-break: break-word;
    font-weight: bold;
    padding: 5px;
}

.container.clock-container {
    padding: 0px;
}

.mini-shopping-cart .edit-item {
    margin-top: 5px;
    font-size: 13px;
    color: #57b568;
    text-align: right;
    background-color: white;
    width: 55px;
    float: right;
    padding: 5px;  
    font-weight: bold;
}

.cart-item-row .add-item {
    background-color: #f4b44c;
    width: 115px;
    height: 25px;
    text-align: center;
    padding-top: 4px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.cart-item-row .add-item a {
    color:white;
    font-weight: normal;
}

.cart-item-row .edit-item
{
    background-color: #01799f;
    width: 70px;
    height: 25px;
    text-align: center;
    padding-top: 4px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    margin-right: 20px;
}

.cart-item-row .edit-item a
{
color: #fff;
font-weight:normal;
}

.product .attributes .attributename
{
color:green;
font-weight:normal;
    font-size: 13px;
}

.buttonblauw
{
    background-color: #01799f;
    width: 220px;
    height: 40px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    cursor: pointer;
    float: left;
    margin-right: 20px;
}

button#checkout {
    background-color: #F4B44C;
}

.simplenew label.text-prompt {
        font-size:14px;
font-weight:bold;
margin-top:5px;
    }

.simplenew .attributes select
{
background-color: #ebf8fc;
    border: 1px solid #aaccd7;
    margin-bottom: 10px;
}

.product-grid.cross-sells {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-grid.cross-sells .item-box{
margin:0px;
}


.product-grid.cross-sells .title{
margin:0px;
}

.product-grid.cross-sells .item-box .description
{
display:none;
}

.mega-menu .html-widget {
    font-size: 12px;
    position: absolute;
        bottom: 1%;
    right: 1%;
}

.ui-tabs .ui-tabs-nav li a
{
font-size:12px;
}

.custom-tab a {
    text-decoration: underline;
}

.product-content-wrappper-dakraam
{
min-height: 1380px !important;
}

.ui-tabs .ui-state-active.ui-tabs-active a
{
font-size:12px;
}

.stock span.label {
    float: left;
}

.availability
{
border: 1px solid orange  !important;
    overflow: auto  !important;
    padding: 10px  !important;
    margin-bottom: 10px  !important;
}

.stock span.value{
float: left;
    text-align: left !important;
    padding-bottom: 20px;
}

.stock span.label {
    float: left;
}

.also-purchased-products-grid .item-box:nth-child(4n+1)
{
clear:both;
margin-left:1%;
}

.also-purchased-products-grid .item-box:nth-child(4n)
{
margin-left:1%;
}

.also-purchased-products-grid .item-box:nth-child(6n+1)
{
margin-left:1%;
}

.also-purchased-products-grid .item-box .picture img
{
position:absolute;
}

.message-error
{ 
color:orange;
}

.error-list
{ 
color:orange;
}

.field-validation-error
{
color:orange;
}

.inputs input[type=text].input-validation-error, .inputs input[type=email].input-validation-error, .inputs input[type=tel].input-validation-error, .inputs textarea.input-validation-error, .inputs input[type=password].input-validation-error {
    border-bottom: 2px solid orange;
}

.keurmerk
{
float: left; 
padding-top: 20px;
}

.topic-block-body {
    line-height: 20px;
}

.also-purchased-products-grid .item-box
{
width:23%;
}

.item-box .description a
{
    color: #aaa;
}

.item-box .picture img {
       width:unset;
    }

.item-box .actual-price
{
color:green;
}

.account-page .subtitle {
        color: #ffa500;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    min-width: 200px;
    padding-right: 20px;
}

.account-page .content {
        font-size: 14px;
    color: #888;
}

.gallery .ribbon-position label {
    font-size: 12px !important;
}

.colorsandorder .order .orderfixed .button a
{
color:white;
}

.dynamic-form-content .title
{
display:none;
}

.dynamic-form-content  .short-description
{
display:none;
}

a
{
color: #007BA4;
}

.attributes .option-list li
{
    margin-right: 2px;
}

.overview .add-to-wishlist-button
{
    color: white;
    background: #bbb;
}

.add-to-wishlist button span:before,  .add-to-cart-button span:before
{
    color: white !important;
}

.overview .add-to-cart-button
{
background-color: #ffa500;
}

.overview .add-to-cart-button:hover
{
color:white;
}

.overview .add-to-cart-button:before, .variant-overview .add-to-cart-button:before
{
background:#ffa500;
}

body
{
color: slategray;
}

.picture-thumbs-navigation-arrow
{
top:45% !important;
}

.custom-category-page .category-grid
{
background: #F2F7FC;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: auto;
border:1px solid lightgray;
    padding-right: 0px;
    padding-left: 35px;
display:none;
}

.custom-category-page .sub-category-grid .item-box
{
    width: 15%;
}

.custom-category-page .sub-category-grid .item-box:nth-child(4n+1)
{
clear:none;
}

.custom-category-page .category-grid .item-box
{
margin-bottom: 0px !important;
width:unset;
}

.custom-category-page .item-box .content-wrapper
{
    background: none;
}

.custom-category-page .sub-category-item .picture
{
display:none;
}

.custom-category-page .item-box .title
{
font-weight:normal;
    padding: 0px;
}

.custom-category-page .item-box .title a:hover {
    text-decoration: underline;
}

.custom-category-page .category-grid .item-box
{
margin-bottom: 10px;
}

.dynamic-form-content {
    background-color: #f2f7fc;
    padding: 30px;
max-width:100%;
}

.content-wrapper
{
font-size:13px;
}

.product-essential .product-name h1
{
    text-transform: none;
font-size:25px;
}

.attr-value textarea {
    width: 100%;
    min-height: 100px;
}

.attributes div
{
font-size:14px;
}

 .attribute-squares li.selected-value label {
    border-color: green;
    border: 5px solid green;
    background: #fff;
}

.attribute-squares.option-list li:hover label{
    border-color: green;
    border: 5px solid green;
    background: #fff;
}

.attributes .option-list.checkbox-list li 
{
padding-right:10px;
}

li.infomessage {
    background-color: OLDLACE;
}
.overview .backtooffer-button
{
background-color: #007ba4;
    text-transform: uppercase;
    font-size: 14px;
position: relative;
    padding: 15px 0;
    border: 0;
    width: 100%;
font-weight: bold;
    color: #fff;
    transition: all .3s;
}

.edit-item-offerte
{
background-color: orange;
    color: white;
    padding: 10px;
    width: 150px;
}

.load-more-articles {
    background-color: white;
    border: 1px solid #007ba4;
    padding: 10px;
    width: 100%;
    color: #007ba4;
    text-transform: uppercase;
    font-size: 14px;
text-align: center;
cursor:pointer;
}

.load-more-articles:hover {
    background-color: #007ba4;
    border: 1px solid #007ba4;
    padding: 10px;
    width: 100%;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
text-align: center;
cursor:pointer;
}

.attribute-squares .samplelink span
{
display:inline;
}

.attribute-squares .samplelink
{
cursor:pointer;
}

.product-essential .product-name-plx
{
margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}

.product-configure {
    border: 1px solid #007BA4;
    background-color: #007BA4;
    color: white !important;
    padding: 10px !important;
    font-weight: bold;
margin-bottom:15px;
    border-radius: .5rem;
}

.overview .attributes {
    padding: 0;
    margin-bottom: 15px;
}


.short-description-plx
{
font-size:10pt;
line-height: 13pt;
}

.short-description-plx a
{
color:blue;
}

.attributenamebottom {
    max-width: 155px;
}

.attribute-square-big {
        width: 142px;
        height: 142px;
    }

.attribute-square-medium {
        width: 102px;
        height: 102px;
    }

    .attribute-squares-medium label {
        width: 118px;
        height: 118px;
    }

    .attribute-squares-big label {
        width: 155px;
        height: 155px;
    }

.block-account-navigation .html-widget ul li:before 
{
content:'';
}

.cart .product-picture {
    min-width: 250px;
}

.ng-scope .product-picture {
    min-width: 150px;
}

.inputs.custom-attributes {
    display: none;
}

.payment-info
{
    background-color: antiquewhite;
}

.shipping-method .method-list li label:after, .payment-method .method-list li label:after {   
    width: 100%;  
    border: 2px solid green;
    background: none !important;
}

select option[disabled=disabled] {
    display: none;
}

.product-reviews-text
{
display:none;
}

.mfp-content
{
    text-align: center;
}

.product-reviews-overview .product-review-box
{
display:none;
}


.font-comfortaa {
   font-family: Open Sans,Arial,Helvetica,Verdana,sans-serif;
}

.picture-thumbs.in-carousel
{
max-height:130px;
}

.menu-text
{
display: table; 
    font-size: 12px;
    color: white;
    font-weight: bold;
    padding-left: 5px;
}

.wishlist-page .share-info
{
float:left;
}

.totals .checkout-savings
{
padding: 10px;
    border: 3px solid green;
    margin-bottom: 10px;
    color: green;
    font-size: 20px;
}

.overview .qty-input[type=text]
{
margin-bottom:10px;
}

.cart .product
{
text-align:left;
    width: 100%;
}

.cart .product-name
{
font-weight:bold;
}

.cart .attributes
{
padding-top:10px;
}

.attributename
{
    font-weight: bold;
    min-width: 149px;
    display: inline-block;
padding:2px !important;
}

.mini-shopping-cart .attributename {
display: inline;
    padding-left: 0px;
}

.filtersGroupPanel
{
color: slategray;
}

.filtersGroupPanel.disabled
{
pointer-events:all;
}

.header-links-wrapper
{
z-index:10002;
}

#dp_widget_container iframe[name="widget_trigger_iframe"] {
    display: none !important;
}

.section.shipping-method.ng-scope {
    display: none;
}

.ui-dialog
{
z-index:100001;
}

.ui-dialog-content p
{
    padding-bottom: 10px;
}

.ui-tabs .ui-tabs-panel p {
    padding-bottom: 10px;
}

.item-box .old-price
{
color:red;
}

.html-widget ul li:before {
    content: '✓ ';
    margin-right: 5px;
}

 .category-countdown
{
display:none;
}

.product-review-item
{
background-color: white;
    padding: 10px;
}

.flyout-cart .mini-shopping-cart
{
z-index:10002;
}

.mfp-bg
{
z-index:10002;
}
.mfp-wrap
{
z-index:10003;
}

.shop_menu .html-widget a
{
color:#007BA4 !important;
background:none;
}

.topic-page strong {
    color: black;
}

.product-name .breadcrumb {
    margin-bottom: 0px;
    padding: 0 0 0px;
    border-bottom: none;
}

.topic-block a, .topic-page a
{
    color: #007BA4;

}

.shop_menu a
{
    color: orange !important;
    background: oldlace;
}

.shop_menu .html-widget
{
font-size: 11pt;
    font-weight: normal;
    text-align: left;
    padding: 10px;
}

 .product-review-box .rating div {
        background-image: url(/images/rating_white.svg);
    }

.breadcrumb strong {
    font-weight: bold;
    color: #007ba4;
}

.category-description h1
{
color:#007ba4;
font-weight: normal;
    text-transform: none;
    font-size: 25px;
padding-bottom: 10px;
line-height:1.2;
}

.category-page .item-box .title
{
margin-bottom:0px;
    font-size: 14px;
    text-transform: none;
}

.block .list > li > a
{
    color: #888888;
}

.block .listbox li a:before
{
color: #007ba4;
}

.ui-slider
{
background: #4fa3be;
}

.ui-slider:before
{
background:none;
}

.ui-slider-range {
    background-color: #c3dae2;
}

.colorOptions .color
{
   position: absolute;
    width: 45px;
    height: 45px;
    font-size: 0;
    z-index: 1;
    cursor: pointer;  
border:0px;
}

.colorOptions .checkbox-list label
{
  width: 53px;
    height: 53px;
}

.colorOptions .checkbox-list .checked
{
background: #EA954D;
}

.categoryfilter
{
display: flex; 
flex-wrap: wrap;
}

.categoryfilter .left
{
flex: 1 10%;
}

.categoryfilter .right
{
flex: 1 68%;padding-left: 30px;
}

.category-page-body .page-body
{
background-color:white;
font-size: 11pt;
}

.block-recently-viewed-products .title strong
{
font-size: 16px;
    color: #333333;
    font-weight: normal;
}

.block-category-navigation .listbox  .list li
{
border-bottom: solid 1px #ececec;
}

.priceRangeFilterPanel7Spikes
{
   background: #f4f4f4;
    border-left: 1px solid #e0e0e0;
    color: #666666;
    border-right: 1px solid #e0e0e0;
   border-top: 1px solid #e0e0e0;
}

.specificationFilterPanel7Spikes
{
   background: #f4f4f4;
    border-left: 1px solid #e0e0e0;
    color: #666666;
    border-right: 1px solid #e0e0e0;
}

.priceRangeCurrentPricesPanel span
{
    color: white;
    background-color: #EA954D;
}

.category-page-body .product-grid {
        background-color: white;
        margin-top: 0px;
    }



    input.product-box-add-to-cart-button {
        
        padding: 13px 25px !important;
        margin-bottom:15px;
    }

    input.product-box-add-to-samplecart-button {
        padding: 13px 10px;
    }

    .category-page .page-body .product-grid .item-grid .item-box {
        border-bottom: 1px solid #eee;
    }

    .category-page .page-body .product-grid .item-box .picture {
    padding-top:25px;    
    }

    .product-grid .item-box .details {
        padding-top: 10px;
    }

    .item-box .product-rating-box {       
        display: inline-block;
        padding-left: 10px;
        vertical-align: text-bottom;
    }

    .product-selectors {
        padding: 10px 15px;
        background: #f4f4f4;
        font-size: 13px;
        color: #666666;
        border: 1px solid #e0e0e0;
    }

  .nopAjaxFilters7Spikes {
        background: #f4f4f4;     
        color: #666666;
    }

.filter-block .title a:after
{
    background: #007ba4; 
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.block .title а:after, .block .title strong:after
{
 background: #007ba4; 
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

    .block.block-category-navigation {
        background: #f4f4f4;
        border-left: 1px solid #e0e0e0;
        color: #666666;
        border-right: 1px solid #e0e0e0;
    }

        .block-category-navigation  .title strong {
            font-size: 16px;
            color: #333333;
font-weight:normal;
        }

    .block.block-recently-viewed-products {
        background: #f4f4f4;
        border: 1px solid #e0e0e0;
        border-top: 0px;
        color: #666666;
    }

    .filter-block a.toggleControl {
        font-size: 14px;
        color: #007BA4;
font-weight:normal;
    text-transform: none;
    }

.filtersGroupPanel .checkbox-list label
{
text-transform:none;
}

.page-title h1
{
color:#007ba4;
font-size:34px;
}

.page-title
{
margin-bottom:25px;
border-bottom:0px;
}

.topic-page h1 { 
        padding-bottom: 20px;  
    color: #117ba2;

    line-height: 34px;
}

.category-description
{
background: white;
    color: #666666;
padding-top: 0px;
}

.overlay {
    opacity: 0.5;
   background-color: rgba(0, 76, 152, 0.5);
    position: fixed;
    overflow: auto;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

.header-menu
{
  z-index: 10001;
}

.master-header-wrapper.stick
{
    /* position: unset;  */ 
    z-index: 10001;
}

.master-header-wrapper.stick.nav-up
{
height:150px;
}

.search-box .search-box-button
{
background:url(/images/search-2.png) no-repeat center;
}



.master-wrapper-content
{
margin: 0px auto;
}

.footer
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,eef6f8+100 */
background: rgb(251,251,251); /* Old browsers */
background: -moz-linear-gradient(left, rgba(251,251,251,1) 0%, rgba(238,246,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(251,251,251,1) 0%,rgba(238,246,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(251,251,251,1) 0%,rgba(238,246,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eef6f8',GradientType=1 ); /* IE6-9 */
margin-top: 20px;
}

.footer-upper
{
padding-bottom:0px;
}

.footer-upper.furniture-pattern
{
background:none;
background-color:#007ba4;
}

.social-sharing a
{
background-color:#1f1f1f;
}

.footer-middle
{
background-color:#1f1f1f;
width: 100%;
color:#bab6b6;
font-size:12px;
}

.footer-middle .title
{
color:white;
}

.footer-lower
{
background-color:white;
}

.footer-block > .title
{
color:white;
}

.newsletter-email
{
padding:0;
}

.newsletter-email .newsletter-subscribe-button
{
background:none;
background-color:orange;
width: 150px;
    font-size: 16px;
color:white;
}

.newsletter-email .newsletter-subscribe-text
{
width: calc(100% - 150px);
}

.html-widget .content
{
    line-height: 1.5;
display: flex;
}

.html-widget .content .left {
    padding-right: 20px;
}

.slider-gallery
{
margin-bottom:-34px;
}

.store-search-box
{   
    top: auto;
}

.slider-gallery .nivoSlider
{
max-width: 1280px;
width:auto;
}

.nivoSlider img
{
    max-width: 1280px;
    margin: 0 auto;
}

.nivo-slice
{
width: 1280px !important;
}

.prevPictureTeaser, .nextPictureTeaser
{
display:none;
}

.sale-of-the-day-offer
{
margin-bottom:20px;
}

.two-colums-wrapper {
    padding: 20px 0;
}

.item-box .product-title, .item-box .title
{
text-align:left;
max-height: 40px;
}

.item-box .description
{
text-align:left;
display:block;
line-height: 25px;
    font-family: arial;
    font-size: 10pt;
min-height:110px;
}

.item-box .prices
{
text-align:left;

margin-bottom:15px;
}

.item-box .buttons
{
display:none;
}

input.product-box-add-to-cart-button
{
    padding: 12px 10px;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: white;
    float: left;
    background-color: #ED954C;
    width: 100%;
}

.related-products-grid .item-box .product-box-add-to-cart-button
{ 
padding-right: 0px !important;
    padding-left: 0px !important;
font-size: 13px;
}

.related-products-grid .item-box  .product-box-add-to-samplecart-button
{
padding-right: 0px !important;
    padding-left: 0px !important;
font-size: 13px;
}

.also-purchased-products-grid .item-box .product-box-add-to-cart-button
{ 
padding-right: 0px !important;
    padding-left: 0px !important;
font-size: 13px;
}

.also-purchased-products-grid .item-box  .product-box-add-to-samplecart-button
{
padding-right: 0px !important;
    padding-left: 0px !important;
font-size: 13px;
}

.cross-sells .item-box .product-box-add-to-cart-button
{ 
padding-right: 0px !important;
    padding-left: 0px !important;
font-size: 13px;
}

.cross-sells .item-box  .product-box-add-to-samplecart-button 
{
padding-right: 0px !important;
    padding-left: 0px !important;
font-size: 13px;
}

input.product-box-add-to-samplecart-button {
    padding: 12px 10px;
    border: 0;

    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #007BA4;
    float: right;
background-color: white;
border: 1px dashed;
width:48%;
display:none;
}

.spc-products .item-box
{
width:45%;
}

.spc-products .item-box .picture
{
padding-top:35px;
}

.spc-products .spc-header ul
{
margin-bottom:30px;
}

.product-grid .item-box .buttons-wrapper
{
display:none;
}

.item-box .product-title a
{
font-size:11pt;
color: #007BA4;
}

.reviews
{
        height: 1px;
    background: #D8D8D8;
    margin: 37px 0;
    position: relative;
    margin-top: 50px;
    margin-bottom: 70px;
}

.reviews .link
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    padding: 15px 11px 15px 15px;   
    max-width: 100%;
    flex-direction: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center; 
    text-decoration: none;
    color: #595A5B;
    background: white;
min-width:550px;
}

.reviews .link .text 
{
    font-size: 18px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.reviews .link .rating
{
    margin: 0;
    display: flex;
    align-items: center;
}

.reviews .link .rating-grade
{
	text-align: center;   
        background: #3783C7;
        color: #FFFFFF;   
    border-radius: 38px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    margin-right: 10px;
line-height: 38px;
    height: 38px;
    width: 39px;
    font-size: 17px;    
}

.reviews .link .grade-value
{
    width: 80px;
    height: 20px;
    margin-right: 5px;
    background: url(/content/images/rating-stars-empty.svg) no-repeat 0 0;
    position: relative;
    top: 1px;
}


.reviews .link .grade-value .grade-value-fill
{
    background: transparent url(/content/images/rating-stars-full.svg) no-repeat 0 0;
    width: 80px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.header-menu
{
box-shadow: none;
    background: #f2f7fc;
}

.mega-menu .dropdown
{
background:white;
 /*   margin-left: -640px;
    width: 1280px; */
border:none;
box-shadow:none;
}

.menuitem1
{
width:400px;
height:400px;
}

.orange
{
color:orange;
}

.blue
{
color:#007ba4
}

.scroll-back-button
{
bottom:120px;
}

.chat-popup {
    background: #FFFFFF;
    position: fixed !important;  
    bottom: 0;    
    right: 0;
    z-index: 1001;
    margin: 10px;   
    border-radius: 4px;
    overflow: hidden;
    width: 400px;
    left: auto;
    top: auto;
}

@media(max-height: 720px)
{
   .menu-promotion
   {
       max-height:190px;
   }
}

@media(min-width: 1001px)
{

.ropc .panel .section .section-body
{
min-height: 100px;
}



.ropc .panel-group-left
{
    width: 60%;
}

.ropc .panel-group-right-top
{
    width: 38%;
}

.ropc .panel-group-right-middle
{
display:none;
}

.ropc .panel-group-right-bottom
{
width:100%;
}

.ropc .complete-order-panel
{
width:100%;
}

.checkout-page .inputs label
{
    width: 20%;
float:left;
}

.ropc .inputs input {
    width: 73%;
}

.ropc .coupon-box-panel
{
    display: none;
}

.ropc .giftcard-box-panel
{
    display: none;
}

 .ropc .order-totals-panel { 
    width: 100%;
}

}

@media (max-width: 769px) 
{

    .chat-popup 
    {
        background: #FFFFFF;
    position: fixed !important;  
    bottom: 0;    
    right: 0;
    z-index: 1001;
    margin: 10px;   
    border-radius: 4px;
       
        top: 0;       
        left: 0;       
        height: 95%;
        width: 95%;

        overflow: auto; 
        visibility: hidden;   
    }
}

.sample-button {
   background: url(/images/side-tab-sample.png);
    width: 34px;
    height: 205px;
    top: 24%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 2000;
    cursor: pointer;
    color: #fff;
}

.inmeet-button {
   background: url(/images/sidetab_meethulp.png);
    width: 34px;
    height: 227px;
    top: 40%;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;  
    position: fixed;
    z-index: 2000;
    cursor: pointer;
    color: #FFFFFF;
}


.chat-button {
   background: url(/images/side-tab-contact.png);
    width: 30px;
    height: 130px;
    top: 51%;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;  
    position: fixed;
    z-index: 2000;
    cursor: pointer;
    color: #FFFFFF;
}

.chat-popup .header
{
background: #F2F5F6;
padding:20px;
width: 100%;
font-weight:bold;
font-size: 14px;
height: 60px;
}

.chat-popup .content
{
 clear:both;
}

.chat-popup .content .button
{    
    color: #FFFFFF;            
    margin-right: 15px;
    text-decoration: none;
    padding:10px;
    font-size:14px;
    font-weight:bold;
   min-width: 165px;
}

.chat-popup .content .yellow {
background-color: #f6c00c;
}

.chat-popup .content .green {
background-color: #339900;
}

.chat-popup .content .blue {
background-color: #004A9A;
}

.chat-popup .content .grayblue {
background-color: #3883C7;
}



.chat-popup .content .button .buttontext 
{      
    margin: 0 5px;    
}

.chat-popup .content .button .icon 
{
    font-size:18px;    
}

.chat-popup  .content  .contentheader
{
padding:15px;
display: flex;
    align-items: center;
}

    .chat-popup .content .contentheader .text {
    
    font-size: 14px;
    padding-left:15px;
    }

.chat-popup  .content  .contentline
{
border-bottom:1px solid lightgray
}

.chat-popup  .content  .contenttext
{
padding:15px;
    display: flex;
    align-items: center;
}

.chat-popup .header .header-left
{
float:left;
}

.chat-popup .header .header-right
{
float: right;
}

.popup_background
{
background-color: rgba(0, 76, 152, 0.5) !important;
}

@media all and (max-width: 769px)
{
 .reviews .link
{
min-width:0px;
}
}

.spc-header li:hover, .spc-header li.active
{
    color: #007ba4;    
}

.spc-products .item-box .details
{
padding-bottom:60px;
padding-left:0px;
padding-right:0px;
}

.spc-products .spc-header .navigation .active .border
{
border: 1px solid #007ba4;
padding:10px;
}

.spc-products .spc-header .navigation .tab .divider
{
padding-left:20px;
padding-right:20px;
}

.spc-header li
{
background-color:white;
padding-left:0px;
padding-right:0px;
}

::selection
{
background-color: #007ba4;

}

.spc-header li:before, .spc-categories .category-title
{
background-color: white;
}

.spc-categories .spc-body
{
background:white;
}

.item-box:nth-of-type(2n)
{
margin-left:1%;
}

@media  (min-width: 1025px)
{

.overview .product-share-wrapper
{
float:none;
}

.mega-menu .dropdown .row-wrapper
{
padding:0px;
}

.header-menu>ul>li>a
{
text-transform: none;

padding: 10px;
    padding-bottom: 13.333px;
    padding-top: 15px;
    color: #007BA4;
font-size: 13.333px;
}

.mega-menu .title
{
font-size: 13.333px;
text-transform: none;
font-weight: normal;
}

.header-wrapper
{
padding:0px;
}

.product-essential .pictures-plx
{
height: 100%;
 
z-index:100;
}


.product-essential .pictures-plx .summary
{
position: sticky;
    top: 200px;
    background-color: #f2f5f8;
    border-radius: .5rem;
    padding: 10px;
    font-size: 14px;
margin-top:10px;
}

.product-essential .pictures-plx .summary .summaryitems .attributename
{
min-width: 170px;
}

.product-essential .pictures-plx .summary .summarytitle
{
flex: 1 50%;
}

.product-essential .pictures-plx .summary .summarytitle .summarytitleitem
{
height:20px;
}

.product-essential .pictures-plx .summary .summaryvalue
{
flex: 1 50%;
}

.product-essential .pictures-plx .summary .summaryvalue .summaryvalueitem
{
height:20px;
}

.cart td
{
min-width:100px;
}

.cart-title, .checkout-page .page-title
{
margin-top:0px;
padding-top:10px;
}

.mega-menu .box li a
{
font-size:12px;
}

.mega-menu .box li
{
    position: relative;
padding-left: 15px;
    line-height: 1.5;
}

.mega-menu .box li:before
{
position: absolute;
    left: 0;
    top: 3px;
}

.center-1
{
    margin-bottom: 0px;
}

.responsive-nav-wrapper-parent
{
margin-right:10px;
}

.category-page .page-title h1
{
display:inline;
float:left;
font-weight: normal;
font-size: 25px;
text-transform: none;
}

.seo-category-page .page-title
{
margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    
    display: unset;
}


.footer-middle > div
{
    width: 19%;
}

.mega-menu .title
{
background: white;
}

.home-page-body .center-1 {
    margin-bottom: 30px;
}

.spc-categories .spc-header ul
{
float:none;
}

.spc-header .title
{
color:#007ba4;
font-size:45px;
}

.store-search-box .search-box-select
{
    background: transparent;
color:white;
height:42px;
}

.store-search-box .search-box-select option
{
color:#666;
}

}

.search-box input
{
color: #666;
    background-color: white;
    height: 41px;
}

.spc-products .item-box 
{
border-left:none;
}
.spc-products .item-box:first-of-type, .spc-products .item-box:nth-of-type(2)
{
border-top:none;
    margin-left: 20px;
border-right:none;
}

.sale-of-the-day-offer .title strong {
 
    color: #007ba4;
}

@media (min-width: 1281px)
{

.product-content-wrappper
{
    position: relative;

}

.center-2 {
            width: 69%;
margin-bottom:0px;
        }

        .side-2 {
            width: 27%;
        }

.home-page-body .page-body > div {
     width: 1280px; 
}

.header .search-box
{
border: 2px solid white;
    border-radius: 5px;
}

.spc-products .item-box 
{
    width: 30%;
}


.product-grid div.item-box:first-child
{
border: none;
border-bottom:1px solid #eee;
margin-left:10px;
}

.spc-products .item-box:nth-of-type(2n)
{
border: none;
border-bottom:1px solid #eee;
    margin-left: 3%;
}

.spc-products .item-box:last-child, .spc-products .item-box:nth-of-type(5n)
{
border: none;
border-bottom:1px solid #eee;
    margin-left: 3%;
}

}

@media (max-width: 1024px)
{

.product-essential .pictures-plx .summary
{
display:none;
}

.page-title
{
margin-bottom:0px;
}

.wishlist-content .cart .product-picture~td
{
margin: 0px;
}

.wishlist-content .cart .product-picture
{
width:100%;
}

.order-summary-content .cart td, .shopping-cart-page .cart td 
{
width:100%;
    padding-left: 10px;
}

.order-summary-content tr, .shopping-cart-page tr
{
background:none;
padding: 4px 10px 10px;
}

.cart tr
{
border-bottom: 10px solid darkgray;
}

.master-header-wrapper
{
margin-bottom:30px;
}

.product-reviews-text
{
margin-left:0;
}

.product-review-box
{
float:none;
}

.product-reviews-overview .product-review-box
{
float:none;
}

.product-essential {
    margin-bottom: 10px;
}

.product-before-collateral
{
display: unset;
}

 .overview .product-price label
{
min-width: 190px;
}

.overview .quantity-container
{
float:left;
}

.overview .prices
{
float:right;
}

.store-search-box .search-box-select
{
display:none;
}

.store-search-box.with-caregory-search-enabled span.search-box-text
{
width:85%;
}

.store-search-box.with-caregory-search-enabled span.search-box-text
{
margin-left:0%;
}

.categoryfilter .left
{
display:none;
}

.categoryfilter .right
{
width:100%;
}

.footer-block .title:before, .footer-block .title:after
{
background: #1F1F1F;
    color: white;
}

.home-page-body .master-header-wrapper {
    margin-bottom: 32px;
}
}

section#online-meethulp > div div.tips-images img {
    margin: 1rem;
}

@media (min-width: 1025px)
{

.category-page .breadcrumb
{
display:unset;

}

.seo-category-page .breadcrumb
{
display:unset;
float: none;
}

.spc-products .item-box:last-of-type
{
border-right:none;
}

.header
{
width: calc(100% - 290px);
    z-index: unset;
}

.ui-autocomplete {
    z-index: 10003;
}

.product-review-box .rating div
{
    background-color: #ed954c;
}

.header-menu > ul
{
width:auto;
    display: inline-block;
    
}

.header .search-box
{
background:transparent;
border: 2px solid white;
    border-radius: 5px;
}
}

@media (max-width:768px)
{

.gordijnen  .elektrischuitleg
{
float:none;
}

.page
{
text-align:left;
}

.category-page .page-body .category-grid .item-grid .item-box .sub-category-item .prices
{
height:60px
}

}

@media (min-width: 769px)
{
.page
{
text-align:left;
}
.page
{
margin-top:20px;
}

.registration-page .inputs>label
{
width: calc((100% - 250px)/2);
}

.item-box:nth-child(2n+1)
{
margin-left:1%;
}

.spc-products .item-box:nth-of-type(3)
{
border-top:none;
border-right:none;
margin-left:3%
}

.spc-products .item-box
{
width:30%;
}

.spc-products .item-box:nth-of-type(2n)
{
margin-left:3%;
}

}

@media(max-width:481px)
{
.attributes .option-list li
{
    float:left
}

.also-purchased-products-grid
{
display:none;
}

.footer-upper
{
display:none;
}

}

@media (min-width: 481px)
{

.attributes .option-list li
{
    float:left
}
.attributes .attr-label-plx {    
    width: 30%;
}

.attributes .attr-value-plx
{
    width: 70%;
}
.overview-buttons .add-to-wishlist, .overview-buttons .add-to-cart
{
vertical-align:unset;
}

}

@media (max-width: 480px)
{

.overview input[type=number]
{
font-size:16px;
}

.page
{
text-align:left;
}

.slider-gallery
{
display:none;
}

.category-collections
{
 display:none;
}

.keurmerk
{
 display:none;
}

.order-summary-content .cart td, .shopping-cart-page .cart td
{
width:100%;
}

.measurewidget_text
{
display:none;
}

.samplecart .form .left
{
width:350px;
}

.category-description
{
display:none;
}

.hidden-mobile
{
display:none !important;
}

.product-grid .item-grid .item-box
{
width:90%;
}

.spc-products .item-box
{
width:90%;
}

.sample-button
{
display:none;
}

.chat-button
{
display:none;
}

}


/* ========================================= ONLINE MEETHULP WEBPAGE ========================================= */

.online-meethulp {
    font-family: 'Open Sans', sans-serif;
    color: #007ba4;
    margin: auto;
}

.online-meethulp > div {
    margin: 1rem 2rem;
}

.online-meethulp .container {
    padding: 1rem 3rem;
    max-width: 1100px;
}

.online-meethulp h1, .online-meethulp h2 {
    width: 95%;
    border-bottom: #007ba4 1px solid;
    margin-bottom: 1rem;
    padding-bottom: 0.2rem;
}

.online-meethulp h1 {
    font-size: 1.8rem;
}

.online-meethulp p {
    margin-bottom: 1rem;
}

.online-meethulp img {
    margin: 1.5rem 0;
    max-height: 270px;
}

.online-meethulp ol, .online-meethulp ul {
    margin: 0 0 1rem 2rem;
}

.online-meethulp h4 { 
    font-size: 1.15rem;
    margin: 1.2rem 0;
}

.online-meethulp ul {
    width: 50%;
}

.online-meethulp li {
    margin-bottom: 0.5rem;
}

.online-meethulp > div:first-child .container > p:nth-child(2) {
    margin-bottom: 0;
}

.online-meethulp > div:nth-child(2) > .container > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.online-meethulp > div:nth-child(3) > .container > div {
    display: flex;
    justify-content: center;
}

.online-meethulp > div div.tips-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#online-inmeten-steps #meten-tips > div img {
    max-width: 48%;
}

/* ------------------------------------- ONLINE MEETHULP END ------------------------------------- */

/* ========================================= HOMEPAGE REWORK ========================================= */

/* Under-sliders USP */

.hp-slider-USP {
    position: relative;
    top: 13px;
    margin-bottom: 1.5rem;
    background-color: #eee;
}

.hp-slider-USP p {
    color: #007ba4;
}

.hp-slider-USP .flex-row {
    justify-content: center;
    align-items: center;
    border: 1px solid #bbb;
}

.hp-slider-USP .flex-row .flex-2c {
    padding: 4px 12px;
}

.hp-slider-USP .flex-row .flex-2c:not(:last-child) {
    border-right: 1px solid #ccc;
}

.hp-slider-USP .flex-row .flex-2c img {
    margin-right: 8px;
    max-width: 35px;
    max-height: 35px;
    padding: 3px;
}

.hp-slider-USP .flex-row a:hover {
    background-color: #ddd;
}


@media(max-width: 420px){
    .hp-slider-USP {
        display: none;
    }

    #ROX-footer-banner {
        flex-direction: column;
    }

    #ROX-footer-banner .row-4 {
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 0.7rem;
    }

    #ROX-footer-banner .row-4 h3 {
        font-size: 0.8rem;
    }

    #ROX-footer-banner .row-4 img {
        width: 50px;
    }

    .footer-middle > div li {
        text-align: left;
        padding: 0.5rem 1rem;
    }

}

section#hp-category-cards, section#discount-info-section {
    padding: 2rem 0;
}

body > div.master-wrapper-page > div.master-wrapper-content > div.master-column-wrapper > div > div > div > div:nth-child(1) > p.usp-over-slider {
    position: relative;
    top: 10px;
    margin-bottom: 1.5rem;
}

/* ===========--------------------- CATEGORIES ---------------------=========== */

section#hp-category-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    section#hp-category-cards .card-image-container {
        width: 100%;
        overflow: hidden;
    }

    section#hp-category-cards .category-card > .card-image-container {
        height: 75%;
        border-bottom: 1px solid #ccc;
    }

    section#hp-category-cards .card-image, section#product-cards .card-image {
        width: 100%;
        height: 100%;
        transition: all 0.3s;
    }

    section#hp-category-cards .category-card:hover .card-image {
        transform: scale(1.1);
    }

    section#hp-category-cards h3 {
        margin-bottom: 0.2rem;
    }

.category-details {
    padding: 10px;
}

    .category-details > h3 {
        font-size: 1rem;
        letter-spacing: 1px;
    }

section#hp-category-cards .category-card {
    width: 260px;
    height: 330px;
    text-align: center;
    font-family: 'Muli', sans-serif;
    border: 1px solid #ccc;
    border-radius: 7px;
    overflow: hidden;
    margin: 0 0.7rem;
    margin-bottom: 2rem;
}

    section#hp-category-cards .category-card > .category-details > p {
        font-size: 11px;
        letter-spacing: 1px;
        text-align: center;
        color: #777;
    }

/* -------------------- CATEGORY IMAGES -------------------- */

.category-card-ROL > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-ROL.webp') center center/cover no-repeat;
}

.category-card-PLI > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-PLI.webp') center center/cover no-repeat;
}

.category-card-JALO > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-JALO.webp') center center/cover no-repeat;
}

.category-card-LAM > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-LAM.webp') center center/cover no-repeat;
}

.category-card-VOUW > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-VOUW.webp') center center/cover no-repeat;
}

.category-card-SHUTT > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-SHUTT.webp') center center/cover no-repeat;
}

.category-card-INGORD > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-INGORD.webp') center center/cover no-repeat;
}

.category-card-GOR > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-GOR.webp') center center/cover no-repeat;
}

.category-card-DUO > .card-image-container > .card-image {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-DUO.webp') center center/cover no-repeat;
}

.category-card-DAKROL > .card-image-container > .card-image {
      background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-DAKROL.webp') center center/cover no-repeat;
    }
    
    .category-card-ROLUPROF > .card-image-container > .card-image {
      background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-ROLUPROF.webp') center center/cover no-repeat;
    }
    
    .category-card-ZONN > .card-image-container > .card-image {
      background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-ZONN.webp') center center/cover no-repeat;
    }
    
    .category-card-RSCREEN > .card-image-container > .card-image {
      background: url('/images/uploaded/PAX Nieuw/Fotos/Categorie fotos/Homepage/cat-RSCREEN.webp') center center/cover no-repeat;
    }

/* ===========--------------------- DISCOUNTS ---------------------=========== */

section#discount-info-section {
    margin-left: 1.5rem;
}

#discount-info-section > div.discount-header {
    text-align: center;
    font-family: 'Muli', sans-serif;
    font-weight: normal;
}

    #discount-info-section > div.discount-header h2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333;
    }

        /* HEADER & CLOCK WIDGET SIDE LINES */

        .html-widget > section h2::before, .html-widget > section h2::after, .clock-info-simple::before, .clock-info-simple::after {
            content: "";
            height: 5px;
            border-top: 1px solid #aaa;
            width: 30%;
            margin: 0 1.5rem;
        }

    #discount-info-section > div.discount-header h2 {
        letter-spacing: 1px;
        font-weight: normal;
        font-size: 1.8rem;
    }

    #discount-info-section > div.discount-header p {
        position: relative;
        left: 50px;
        color: #007ba4;
    }

    #discount-info-section > div.discount-header img {
        margin: 1.5rem 0;
        max-width: 310px;
    }

#discount-info-section .discount-info {
    display: flex;
    justify-content: space-between;
    font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif;
    padding: 1.5rem 0;
}

    #discount-info-section .discount-info h3 {
        color: #333;
    }

    #discount-info-section .discount-info > div {
        margin: 0 2rem;
    }

        #discount-info-section .discount-info > div > div:last-child {
            margin-top: 2.5rem;
            display: flex;
            justify-content: space-between;
        }

            #discount-info-section .discount-info > div > div:last-child > div {
                align-self: flex-end;
            }

        #discount-info-section .discount-info > div p {
            margin: 1.3rem 0;
        }

        #discount-info-section .discount-info > div p, #discount-info-section .discount-info > div ul li {
            color: #888;
        }

        #discount-info-section .discount-info > div ul li {
            margin: 0 1rem;
        }

/* ===========--------------------- DE JUISTE RAAM ---------------------=========== */

#hp-how-select > strong {
    font-size: 1.1rem;
    color: #555;
    padding-left: 1rem;
}

.html-widget #hp-how-select .content {
    padding: 1rem;
}

#hp-how-select ul {
    margin: 1.5rem;
}

.hp-customer-pictures-banner {
    display: block;
    width: 1000px;
    height: auto;
    margin: 1.25rem auto;
}

@media (max-width: 600px) {
    .html-widget #hp-how-select .content {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.5rem;
    }
}


/* ===========--------------------- BENEFITS ---------------------=========== */

section#hp-benefits-section {
    font-family: 'Muli', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 5rem;
}

#hp-benefits-section > * {
    margin-bottom: 2rem;
}

#hp-benefits-section > div:first-child {
    padding: 0 1rem;
}

    #hp-benefits-section > div:first-child > h2 {
        color: #007ba4;
        font-size: 2.3rem;
        letter-spacing: 3px;
        font-weight: normal;
        text-align: center
    }

    #hp-benefits-section > div:first-child > p {
        color: #444;
        font-size: 1.2rem;
        text-align: center
    }

#hp-benefits-section > .benefits-flex-4C {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #hp-benefits-section > .benefits-flex-4C > .benefits-box {
        width: 280px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 1rem;
    }

    #hp-benefits-section > .benefits-flex-4C .benefits-icon-container {
        background-color: #fff;
        width: 80px;
        position: relative;
        top: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto
    }

        #hp-benefits-section > .benefits-flex-4C .benefits-icon-container img {
            width: 50px;
            height: 50px;
        }

    #hp-benefits-section > .benefits-flex-4C .benefits-box-info {
        border: 1px solid #ddd;
        padding: 2.5rem 1rem 1.5rem 1rem;
        line-height: 20px;
        height: 150px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        #hp-benefits-section > .benefits-flex-4C .benefits-box-info h5 {
            font-size: 1.25rem;
            font-weight: normal;
            color: #444;
            margin-bottom: 0.4rem;
            font-family: 'Muli', sans-serif;
        }

        #hp-benefits-section > .benefits-flex-4C .benefits-box-info p {
            color: #999;
            font-size: 0.9rem;
            font-family: 'Muli', sans-serif;
        }

#hp-benefits-section > div:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-page button {
    background-color: #ef9645;
    border: none;
    color: #fff;
    width: 240px;
    height: 60px;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 1px;
    transition: all 0.3s;
    text-align: center
}

.home-page button > a {
    color: #fff;
}

.home-page button:hover {
        transform: scale(1.07);
        background-color: #ffa500;
}

.sale-header {
    margin-top: 1rem;
}

.discount-header, .sale-header {
    text-align: center;
}

.html-widget > section > div > div > h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    letter-spacing: 1px;
}

/* ------------------------------------- REWORK END ------------------------------------- */

/* ======================= DAKRAAM TAB FORMATTING (SPECIFIC) ======================= */

#quickTab-default > div > p:nth-child(2) > span > strong {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#quickTab-default > div > p:nth-child(2) > span > strong > img {
    margin: 1rem;
}

/* ======================= SUPER SALE PAGE ============================ */

        section#super-sale-section  {
            margin: 3rem 0;
            padding: 2rem;
        }

       section#super-sale-section > div {
            display: flex;
            justify-content: space-between;
        }    

        section#super-sale-section > div > div {
            max-width: 65%;
        }

        section#super-sale-section > div > img {
            max-height: 300px;
        }

        section#super-sale-section > div > div > h1 {
            color: #ffa500;
            font-family: 'Muli';
            letter-spacing: 2px;
            font-size: 2rem;
            margin-bottom: 0.75rem;
        }

        section#super-sale-section > div > div > p {
            margin: 0.75rem 0;
        }

        section#super-sale-section > div > div > p:nth-child(2) {
            font-size: 1rem;
        }

        section#super-sale-section > div > div ul {
            margin-left: 4rem;
            margin-bottom: 1.2rem;
        }

        section#super-sale-section > div > div ul > li {
            margin: 1rem 0;
        }

        section#super-sale-section > div > div ul span {
            font-weight: bold;
            color: green;
        }

        section#super-sale-section > div > div ul li:nth-child(2) span {
            font-size: 1.1rem;
        }

        section#super-sale-section > div > div ul li:nth-child(3) span {
            font-size: 1.25rem;
        }

        section#super-sale-section > div > div > img {
            margin: 1rem 0;
        }

        #super-sale-section > div > div > div > ul:nth-child(2) {
            list-style: none;
        }

        #super-sale-section > div > div > div {
            display: flex;
        }

        @media (max-width: 650px) {  /* SUPER SALE MEDIA */

            section#super-sale-section > div {
                flex-direction: column;
            }

            section#super-sale-section > div > img {
                padding-top: 2rem;
                max-width: 300px;
                margin: auto;
            }

            section#super-sale-section > div > div {
                max-width: 100%;
            }
            
            section#super-sale-section > div > div > h1 {
                text-align: center;
                font-size: 2.4rem;
            }

            section#super-sale-section > div > div > img {
                width: 70%;
                display: block;
                margin: 2rem auto;
            }

            section#super-sale-section>div>div>ul {
                margin-left: 0;
                margin-bottom: 2rem;
            }

            section#super-sale-section > div > div ul {
                margin-left: 0;
            }

     
            #super-sale-section > div > p:nth-child(2) {
                display: flex;
                flex-direction: column;
            }

            #super-sale-section > div > p:nth-child(2) > img:first-child {
                width: 200px;
                align-self: center;
                margin-bottom: 1rem;
            }

            #super-sale-section h2 {
                margin-top: 1rem;
            }

        }

/* ======================= HP SUPER SALE SECTION ============================ */

#sale-section > div > div > p {
    font-size: 1.1rem;
}

#super-sale-section > div > p:nth-child(2) > img:first-child {
    margin-right: 1rem;
}

#sale-section > div > div > h2 > span {
    padding: 0 0.75rem;
    background-color: #ffa500;
    margin-left: 0.75rem;
    color: white;
}

#sale-section > div > div > h2 {
    color: #ffa500;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

#sale-section > div > div > p {
    font-size: 1rem;
    color: #666;
}

#sale-section > div > div > h2 > img {
    max-width: 380px;
    max-height: 70px;
}

#sale-section > div > div > h2 {
    margin-bottom: 1.5rem;
}

@media(max-width: 600px){
    #sale-section > div > div > h2 > img {
        max-width: 280px;
        max-height: 60px;
        margin-top: 1.5rem;
    }

    .master-wrapper-page > div.master-wrapper-content > div.master-column-wrapper > div > div > div > div:nth-child(3) > p > a > img { display: none }

   .html-widget > section h2::before, .html-widget > section h2::after {
        display: none;
   }

   #sale-section > div > p {
       padding: 0 1rem;
   }

}


/*  Footer */

#ROX-footer-banner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#ROX-footer-banner .row-4 {
    display: flex;
    max-width: 800px;
    padding: 1rem 1.5rem;
}

#ROX-footer-banner .row-4 > div {
    padding: 0 7px;
}

#ROX-footer-banner .row-4 h3 {
    color: #007ba4;
    margin-bottom: 5px;
}

.footer-block ul {
    list-style: none;
    padding-left: 0;
}

/* ======================= CLOCK FORMATTING ======================= */

.clock-info-simple {
       height: 40px;
       display: flex;
       justify-content: center;
       align-items: center;
       margin: 2rem auto 0 auto;
       color: green;
 }

.html-widget .clock-info-simple strong {
       color: green;
}

        .clock-info-simple span {
            font-weight: bold;
        }

        .clock-info-simple img {
            margin: 0 0.5rem;
            max-height: 20px;
            position: relative;
            top: 3px;
        }

.woonmaand-clock b {
    color: #ffa500;
}

.clock-container p {
    color: #007ba4;
    display: inline;
}

.container.clock-container.woonmaand-clock > .clock-info-simple, .container.clock-container.woonmaand-clock > .clock-info-simple strong {
    color: slategray;
}

.clock-container.cyber-monday b {
    color: #158d6c;
}

.clock-container.cyber-monday b span {
    color: #1d719b;
}

.clock-container.cyber-monday p {
    color: #666;
}

.winter-sale b {
    color: #277a98;
}

.winter-sale p {
    color: #777;
}

.clock-container.zommer-actie i {
    color: #fde631;
    margin-right: 7px;
}

.clock-container.zommer-actie b {
    color: #e7d439;
}

.stapelkorting .clock-info-simple .clock-1 {
    font-size: 0.8rem;
}

.stapelkorting .clock-info-simple .clock-2 {
    font-size: 1rem;
}

.stapelkorting .clock-info-simple .clock-3 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #fda428;
}

.stapelkorting .clock-info-simple span {
    font-weight: normal;
    font-size: 0.7rem;
}

.stapelkorting .clock-info-simple b {
    font-size: 1rem;
}

        @media (max-width: 1000px) {

            div.clock-info-simple {
                flex-direction: column;
                text-align: center;
                margin: 2rem auto;
            }

            .clock-info-simple > div {
                 padding-bottom: 0.4rem;
            }

            .clock-info-simple::before, .clock-info-simple::after {
               width: 70%;
           }

        }

/* NEEDS REVISION */

@media (max-width: 420px) {
    body > div.master-wrapper-page > div.master-wrapper-content > div.master-column-wrapper > div > div > div > div:nth-child(1) > p > img {
        display: none; 
    }
}

.product-before-collateral .ui-tabs .ui-tabs-nav li a {
    padding: 15px 25px;
}

/* KORTING PAGE */

section#super-sale-section>div>img {
    width: 350px;
    margin: 15px 0;
}

/*  INMEET ADVIES */

@media (max-width: 768px) {
    .online-meethulp .container {
        padding: 0.5rem;
    }

    .online-meethulp ul {
        width: auto;
    }

    .online-meethulp>div:nth-child(2)>.container>div {
        flex-direction: column;
    }

    #online-inmeten-steps #meten-tips > div {
        flex-direction: row;
    }

}

.master-column-wrapper .mainform, .mainform .form-fields {
    background-color: white;
}

.master-column-wrapper .mainform {
    border: 1px solid #ccc;
}

.mainform .form-fields>.inputs>label {
    color: #aaa;
}

.form-fields>.inputs>input:not([type="file"]) {
    border: none;
    border-bottom: 1px solid #666;
}

.mainform .required {
    color: red;
}

.form-fields>.inputs>textarea {
    border: 1px solid #999;
}

.mainform input.submitbutton {
    background-color: #ef9645;
}

.html-widget .container {
    overflow: visible;
}


/* ================================ BUSINESS OFFER PAGE (Zakelijk) ================================ */

.PAX-blue-container {
    background-color: #007ba4;
    color: white;
    position: relative;
}

.light-blue-container {
    background-color: #e6f5f8;
    position: relative;
}

.light-border-container {
    border: 1px solid #d8d8d8;
    background-color: white;
    position: relative;
}

#business-offer-main h2, #business-offer-areas-about-us h2 {
    color: #007ba4;
}

#business-offer-main h2, #business-offer-main h3, #business-offer-areas-about-us h2 {
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
}

#business-offer-main button, #business-offer-main input[type="submit"] {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
}

#business-offer-main .header-banner {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Headers/content-page-zakelijk.jpg') no-repeat center center/cover;
}

#business-offer-main > .container {
    position: relative;
    top: -100px;
    z-index: 2;
    margin-bottom: 10rem;
}

#business-offer-main > .container > section > div:not(:last-child), #business-offer-areas-about-us > section > div#BO-intro { 
    display: flex; 
    margin-bottom: 1rem; 
    justify-content: space-between; 
}

#business-offer-main > .container > section > div:last-child {
    margin-bottom: 5px;
}

#BO-intro .light-border-container, #BO-offer .grid-4-4 {
    flex: 5; 
}

.PAX-blue-container, .light-blue-container, .light-border-container, #BO-form > .arrow-right, #BO-form form { 
    padding: 1.6rem;
}

#business-offer-main > .container > section > div .PAX-blue-container, #business-offer-areas-about-us > section > div .PAX-blue-container { flex: 2; }

/* First row (Intro) */

#BO-intro .PAX-blue-container {
    margin-right: 3rem;
    text-align: center;
}

#BO-intro .arrow-right::after {
    border-left: 20px solid #007ba4;
}

#BO-intro img {
    max-width: 200px;
    margin-top: 14%;
}

#BO-intro h2 {
    margin-bottom: 2rem;
}

#BO-intro p {
    margin-bottom: 1rem;
}

/* Second row (Images showcase) */

#BO-showcase {
    flex-direction: column;
    margin-bottom: 2rem !important;
    margin-top: 3rem;
}

#BO-showcase h3 {
    color: #007ba4;
}

#BO-showcase .light-blue-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

#BO-showcase .arrow-bottom::after {
    border-top: 20px solid #e6f5f8;
}

#BO-showcase .light-blue-container p {
    margin-bottom: 12px;
}

#BO-showcase .light-blue-container ul {
    width: 30%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#BO-showcase .grid-row-4 {
    margin: 1.6rem 0;
}

#BO-showcase .image-container {
    height: 220px;
    overflow: hidden;
}

#BO-showcase .image-container > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

#BO-showcase .image-container:hover > img {
    transform: scale(1.06);
}

#BO-products-showcase .category-card {
    height: 370px;
}


/* Third Row (Offer/Benefits) */

#BO-offer {
    align-items: flex-end;
}

#BO-offer .PAX-blue-container {
    margin-left: 2rem;
    height: 460px;
}

#BO-offer .PAX-blue-container h3 {
    color: white;
}

#BO-offer .arrow-left.PAX-blue-container::before {
    border-right: 20px solid #007ba4;
}

#BO-offer ol li {
    margin-bottom: 8px;
}

/* Same as homepage */

.benefits-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1rem;
    font-family: "Century Gothic","Apple Gothic","URW Gothic L","Avant Garde",sans-serif;
}

.benefits-box.with-image {
    border: 1px solid #ccc;
    padding: 0 !important;
}

.benefits-box.with-image .benefits-box-info {
    border: none;
    padding: 1.5rem 1rem 1rem 1rem;
}

.benefits-icon-container {
    background-color: #fff;
    z-index: 2;
    width: 80px;
    position: relative;
    top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

.benefits-icon-container img {
    width: 50px;
    height: 50px;
}

.benefits-box-info {
    border: 1px solid #ddd;
    padding: 2.5rem 1rem 1.5rem 1rem;
    line-height: 20px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.benefits-box-info h5 {
    font-size: 1.25rem;
    font-weight: normal;
    color: #444;
    margin-bottom: 0.4rem;
    text-transform: uppercase;
}

.benefits-box-info p {
    color: #999;
    font-size: 0.9rem;
}

/* Same as homepage END */

/* Fourth row */

#BO-form > * {
    flex: 1;
}

#BO-form .arrow-right {
    background-color: #222;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#BO-form .arrow-right h3 {
    font-size: 2rem;
    line-height: 30px;
}

#BO-form .arrow-right p {
    margin-bottom: 10px;
}

#BO-form form label {
    font-size: 0.9rem;
    color: #aaa;
    margin: 0.6rem 0;
}

#BO-form form textarea {
    height: 120px;
}

#BO-form form input:not([type="submit"]) {
    padding: 5px;
    border: none;
    border-bottom: 1px solid #666;
}

#BO-form form label, #BO-form form textarea {
    display: block;
}

#BO-form form input, #BO-form form textarea {
    width: 100%;
}

#BO-form form input, #BO-form form p {
    margin-bottom: 20px;
}

#BO-form input[type="submit"] {
    margin-top: 1.4rem;
}

#BO-products-showcase a {
    text-decoration: none;
    color: #999;
}

#business-offer-areas-about-us .category-card .card-label {
    height: 29%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
}

.category-card .card-label h3 {
    color: #007ba4;
}

#zakelijk-branches h1 {
    padding: 0;
}

#zakelijk-branches .grid-row-4 {
    margin: 1.5rem 0;
}

#zakelijk-branches .image-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#zakelijk-branches .image-container img:hover {
    transform: scale(1.05);
}

/*  Inmeet Afspraak (similar style) */

#business-offer-main.inmeet-afspraak .header-banner {
    background: url(/images/uploaded/PAX/inmeet-afspraak-banner.jpg) no-repeat center center/cover;
    padding: 0 2rem;
}

.inmeet-afspraak #BO-offer a {
    flex: 1;
}

.inmeet-afspraak #BO-offer a img {
    height: 356px;
}

#BO-offer .arrow-left.light-blue-container::before {
    border-right: 20px solid #e6f5f8;
}

.inmeet-afspraak #BO-offer .light-blue-container {
    flex: 2;
}

.light-blue-container h3 {
    color: #007ba4;
}

.inmeet-afspraak #BO-offer a {
    flex: 1;
}

.inmeet-afspraak #BO-offer a img {
    height: 356px;
}

#BO-form .landpage-top aside {
    width: 80%;
    align-self: center;
    margin: 2rem auto;
}

#BO-form .landpage-top aside a {
    background-color: white;
    color: #666;
    min-height: 160px;
}

/* ================================ MISC GLOBAL SETTINGS ================================ */

.panel .answer {
    padding: 15px;
}

/* ================================ MEDIA ================================ */

@media (max-width: 1000px) {
    .testimonials-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-post-page .post-text {
        padding: 2rem !important;
    }
}

@media(max-width: 770px) {
    #BO-offer {
        align-items: center;
    }
}

@media (max-width: 720px) {

    .blog-post .post-head, .blog-post .post-text, .blog-filter, .blog-post .tags {
        padding: 0.85rem;
    }

    .blog-header {
        flex-direction: column;
        height: auto;
        margin-bottom: 0;
    }

    .blog-filter-options {
        display: flex;
        flex-wrap: wrap;
    }

    .checkbox-option {
        margin-right: 15px;
    }

    .blog-filter-options label > input[type=checkbox] {
        margin-right: 2px;
    }

    .block-of-blogs {
        grid-template-columns: repeat(2, 1fr);
    }

    /* BUSINESS OFFER */

    .header-banner h1 {
        padding: 0 1.5rem;
    }

    #business-offer-main > .container {
        top: -70px;
    }
    
    #business-offer-main > .container > section > div {
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem;
    }
    
    #business-offer-main > .container > section > div > div {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    
    #business-offer-main .arrow-right, #business-offer-main .arrow-bottom, #business-offer-main .arrow-left {
        border-bottom: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid transparent;
        border-left: 20px solid transparent;
    }

    #BO-intro .PAX-blue-container {
        display: flex;
        align-items: center;
        padding: 0;
    }
    
    #BO-intro .PAX-blue-container img {
        margin: 0 2rem 0 1rem;
        width: 120px;
    }
    
    #BO-intro .PAX-blue-container, #BO-offer .PAX-blue-container {
        margin: 1rem 0;
    }

    #BO-showcase .light-blue-container {
        padding: 0;
    }

    #BO-showcase .light-blue-container ul {
        width: 60%
    }

    #BO-offer ol {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 150px;
    }
}

@media (max-width: 600px) {
    .testimonials-container {
        grid-template-columns: 1fr;
    }

    .testimonial-box {
        max-height: 450px;
        height: auto;
    }

    .testimonial-images img {
        width: 200px;
        height: 200px;
    }

    .blog-header .blog-post {
        display: flex;
        flex-direction: column;
    }

    .latest-blog-entry img {
        object-fit: cover;
        width: 30%
    }

    .latest-blog-entry p.post-description-preview {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .block-of-blogs .blog-post {
        height: auto;
    }

    .post-description-preview {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .block-of-blogs {
        grid-template-columns: repeat(1, 1fr);
    }

}

@media (max-width: 480px) {

    #BO-showcase .image-container {
        height: 150px;
    }

    #BO-showcase .light-blue-container {
        text-align: center;
    }

    #BO-showcase .light-blue-container ul {
        width: 100%;
    }

    #business-offer-main > .container > section > div:not(:last-child), #business-offer-areas-about-us > section > div#BO-intro {
        flex-direction: column;
    }

    #business-offer-main > .container > section > div:not(:last-child), #business-offer-areas-about-us > section > div#BO-intro .PAX-blue-container::after {
        /* display: none; */
    }

    #business-offer-areas-about-us #BO-products-showcase .grid-row-3 {
        grid-template-columns: 1fr;
    }

    #BO-products-showcase .category-card {
        margin: 0;
    }

    /* Similar to Homepage, some changes */

    .benefits-box {
        width: 100%;
        flex-direction: row;
        text-align: left;
        margin: 1rem 0;
    }

    .benefits-icon-container {
    width: 50px;
    height: 60px;
    top: 0;
    }

    /* Similar to Homepage END */

    .benefits-icon-container img {
        width: 40px;
        height: 40px;
    }

    #BO-offer ol {
        display: block;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
        font-size: 0.9rem;
    }

    #BO-form .arrow-right {
        margin-right: 0;
    }

    #business-offer-main.inmeet-afspraak > .container > section > div:not(:last-child) {
        display: flex;
    }

    #BO-form .landpage-top aside {
        display: none;
    }

}

/* ================ GLOBAL STYLES.CSS ================ */

.container {
    max-width: 1280px;
    margin: auto;
    padding: 1rem;
}

.image-container img {
    transition: all 0.3s;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* ================ Miscellaneous ================ */

.standard-light-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.light-blue-container {
    background-color: #e6f5f8;
    border: none;
}

.PAX-blue-container {
    background-color: #007ba4;
    color: #fff;
}

.PAX-orange-container {
    color: #fff;
    background-color: #fda428;
}

.required-input::after {
    content: ' *';
    color: rgb(224, 0, 0);
    font-weight: bold;
}

.standout-section-shadow, .standout-section-red, .standout-section-yellow {
    padding: 0.8rem;
}

.standout-section-shadow {
    box-shadow: 0 0 5px #ccc;
}

.standout-section-red, .alert {
    border: 1px solid #e60000;
    color: #e60000;
}

.warning {
    border: 1px solid #f2d700;
    background-color: lightyellow;
    color: #777;
}

.icon-image {
    max-width: 30px;
}

.kortingscode-container {
    padding: 0.75rem 3rem;
    border: 2px dashed #bbb;
    font-weight: bold;
    text-align: center;
}

.transparent-black-container {
    background-color: rgba(0,0,0,50%);
    padding: 10px;
    color: white;
}

/* ================ Text - Headers ================ */

.header-banner {
    height: 25vh;
    display: flex;
    width: 100%;
    padding: 1.5rem
}

.header-banner h1 {
    color: white;
    width: 1280px;
    margin: auto;
    font-family: "Century Gothic","Apple Gothic","URW Gothic L","Avant Garde",sans-serif;
    font-weight: normal;
    font-size: 2rem;
    text-transform: uppercase;
}

.step-header {
    display: flex;
    align-items: center;
}

.step-header h2 {
    margin-left: 10px;
}

.steps-number-orange {
    font-size: 1.1rem;
    background-color: #ef9645;
    border-radius: 50%;
    width: 30px; height: 30px;
    display: inline-flex;
    justify-content: center; align-items: center;
    color: white;
    font-weight: bold;
}

.step-header.small .steps-number-orange {
    font-size: .9rem;
    height: 25px;
    width: 25px;
}

.step-header.small h2 {
    margin-left: 7px;
    font-size: 1.1rem;
}

.flex-header {
    display: flex;
    align-items: center;
}

.side-lines {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    letter-spacing: 1px;
    text-align: center;
}

.side-lines::after, .side-lines::before {
    content: "";
    height: 5px;
    border-top: 1px solid #aaa;
    width: 30%;
    margin: 0 1.5rem;
}

/* ================ Text - General ================ */

.required {
    color: red !important;
    margin-left: 0;
}

/* ================ Lists ================ */

.underlined-squares-list li {
    list-style: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 7px;
    max-width: 300px;
}

* > ul.bullet-less-list {
    list-style: none;
    padding-left: 0;
}

/* ================ Cards & Containers ================ */

.category-card {
    text-align: center;
    font-family: 'Muli',sans-serif;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0 1rem;
    margin-bottom: 2rem;
}

.category-card .image-container {
    height: 74%;
}

.category-card.full-size-img-card .image-container {
    height: 100%;
}

.category-card .image-container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.category-card.full-size-img-card .card-label {
    position: relative;
    top: -29%;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
}

.category-card.full-size-img-card .card-label p, .category-card.full-size-img-card .card-label h3 {
    color: white;
}

.category-card.full-size-img-card .card-label h3 {
    letter-spacing: 3px;
    font-size: 1.3rem;
}

.image-text-box {
    border: 1px solid #ccc;
}

.image-text-box img {
    height: 76px;
    width: 100%;
    object-fit: cover;
}

.category-box a {
    text-decoration: none;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.category-box:hover {
    background: #f2f7fc;
}

.category-box a:hover {
    color: #007ba4;
}

/* ================ Arrows ================ */

.arrow-left::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid black;
    border-top: 20px solid transparent;
}

.arrow-right::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid black;
    border-top: 20px solid transparent;
}

.arrow-up::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.arrow-bottom::after {
    content: '';
    position: absolute;
    left: 49%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}

/* ================ Flex Displays ================ */

.flex-2c, .flex-3c, .flex-2-large, .flex-row, .flex-3-col {
    display: flex;
}

.flex-2c {
    align-items: center;
}

.flex-3c {
    justify-content: space-between;
    padding: 1rem 0;
}

.flex-3c > div {
    padding: 7px;
}

.flex-2c > *:first-child {
    margin-right: 1.5rem;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-3-col > * {
    flex: 1;
}

/*  Text and image flex layout*/

.text-image-flex {
    display: flex;
}

.text-image-flex:not(.inverted) > div.text-block {
    flex: 4;
    padding-right: 20px;
}

.text-image-flex > div.image-container {
    flex: 2;
}

/* Inverted */

.text-image-flex.inverted > div.image-container {
    flex: 2;
}

.text-image-flex.inverted > div.text-block {
    flex: 4;
    padding-left: 20px
}

/* ================ Grid Layouts ================ */

.grid-row-3, .grid-row-4, .grid-4-4, .grid-2-3, .grid-3-2, .grid-3-3, .grid-row-2, .grid-row-5 {
    display: grid;
    grid-gap: 1.5rem;
}

.grid-row-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-row-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-row-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-row-5 {
    grid-template-columns: repeat(5,1fr);
}

/* Naming: .grid-#rows-#columns */

.grid-4-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.grid-2-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.grid-3-2 {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

.grid-3-3 {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
}

.uneven-3-5-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    max-height: 100%;
}

.showcase-grid .showcase-header {
    background-color: #cae1e9;
    display: flex;
    height: 12%;
    justify-content: center;
    align-items: center;
}

.showcase-grid .showcase-header h2 {
    font-family: 'Muli',sans-serif;
    font-weight: normal;
    color: #007ba4;
}

.uneven-3-5-grid .grid-div1 { grid-area: 1 / 1 / 4 / 2; }
.uneven-3-5-grid .grid-div2 { grid-area: 4 / 1 / 6 / 2; }
.uneven-3-5-grid .grid-div3 { grid-area: 1 / 2 / 3 / 3; }
.uneven-3-5-grid .grid-div4 { grid-area: 3 / 2 / 6 / 3; }
.uneven-3-5-grid .grid-div5 { grid-area: 1 / 3 / 4 / 4; }
.uneven-3-5-grid .grid-div6 { grid-area: 4 / 3 / 6 / 4; }

.uneven-3-5-grid .image-container {
    overflow: hidden;
}

.uneven-3-5-grid .image-container img:hover {
    transform: scale(1.05);
}

/* ================ Tables ================ */

.table-2-col .table-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
}

.table-2-col .table-row > * {
    padding: 0 0.5rem;
    flex: 1;
}

.table-header {
    display: flex;
    align-items: flex-end;
    color: #555;
}

.table-row p {
    font-style: italic;
    color: #aaa;
}

/* ================ Buttons ================ */

button, .simple-button, .standout-button {
    cursor: pointer;
    padding: .75rem 1.25rem;
}

.simple-button {
    border: 1px solid #007ba4;
    background-color: inherit;
    color: #007ba4;
    transition: all 0.3s;
}

.standout-button {
    border: none;
    background-color: #fda428;
    color: white;
    transition: all 0.3s;
}

.read-more {
    font-weight: bold;
    font-size: 0.95rem;
    color: #007ba4;
    text-align-last: right;
    margin-top: 1rem;
    margin-right: 15px;
}

.read-more::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    font-family: prisma;
    font-size: 10px;
    vertical-align: middle;
    transition: all 0.3s ease 0s;
}

.read-more:hover::after {
    transform: translateX(5px);
}

.standout-button:hover {
    background-color: #ffae61;
}

.pdf-button {
    border: 1px solid #ccc;
    padding: 10px;
    justify-content: space-between;
    height: 65px;
    font-family: 'Muli',sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #666;
    background-color: white;
}

.pdf-button:hover {
    color: #f50000;
    border-color: #f50000;
    background-color: #fff4f4;
}

.green-button {
    background-color: #4c972e;
    border: none;
    color: white;
}

.green-button:hover {
    background-color: #47ac1e;
}

.ig-button {
    border: none;
    color: #fff;
    background-image: linear-gradient(to right, #5e67e3 0%, #ae4ba4 41%, #f46f30 100%);
    transition: 0.5s;
    background-size: 200% auto;
}

.ig-button:hover {
    background-position: right center;
}

.pax-blue-button {
    background-color: #007ba4;
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    cursor: pointer;
    border: none;
    max-height: 40px;
    margin: 1rem 0;
}

.pax-blue-button:hover {
    background-color: #44b4d9;
}

.pax-blue-button a {
    color: #fff;
    text-decoration: none !important;
}

/* ================ Galleries ================ */

.SEO-gallery img {
	 max-width: 100%;
	 vertical-align: top;
}
 .SEO-gallery {
	 display: flex;
	 margin: 10px auto;
         margin-bottom: 2rem;
	 max-width: 600px;
	 position: relative;
	 padding-top: 410px;
}

/* (!) Copy to other stores */

/* Showroom gallery with zoom */

.gallery-zoom .gallery-image-container {
    position: relative;
}

.gallery-zoom .gallery-image-container .image-zoom {
    position: absolute;
    opacity: 0;
    transition: all 0.25s;
    z-index: -10;
    max-width: initial;
}

.gallery-zoom .gallery-image-container .image-zoom.top {
    bottom: 100%;
    right: -25%;
}

.gallery-zoom .gallery-image-container .zoom-icon:hover + .image-zoom {
    opacity: 100;
    z-index: 100;
}

.gallery-zoom .gallery-image-container .zoom-icon {
    background-color: rgba(0,0,0,25%);
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

 @media screen and (max-width: 410px) {
	 .SEO-gallery {
		 padding-top: 69%;
	}
}

/* SEO gallery */

 .gallery__img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: opacity 0.3s ease-in-out;
}
 .gallery__thumb {
	 padding-top: 6px;
	 display: block;
}
 .gallery__selector {
	 position: absolute;
	 opacity: 0;
	 visibility: hidden;
}
 .gallery__selector:checked + .gallery__img {
	 opacity: 1;
}
 .gallery__selector:checked ~ .gallery__thumb img {
	 box-shadow: 0 0 0 2px #fda428;
}

.gallery__item label + p {
    text-align: center;
    margin: 3px 0;
    font-size: 0.7rem;
}

.gallery__img .transparent-black-container {
    position: relative;
    top: -4.3rem;
}

.gallery__img .transparent-black-container p {
    margin: 0;
}

/* ================ Global styles MEDIA ================ */

@media(max-width: 450px) {
    .flex-2-large, .text-image-flex,  .flex-row, .flex-3-col {
        flex-direction: column;
    }

    .flex-row {
        align-items: center;
    }

    .hidden-mobile {
        display: none;
    }

    .uneven-3-5-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-row-5 {
        grid-template-columns: repeat(2,1fr);
    }

    .gallery__img .transparent-black-container {
        font-size: 0.75rem;
    }

    .gallery__item label + p {
        display: none;
    }

}

@media(min-width: 451px) {
    .hidden-desktop {
        display: none !important;
    }

}

/* Other non-Global Styles Templates Media */

@media(max-width: 450px) {

    .benefits-box.with-image {
        flex-direction: column;
        text-align: center;
    }

    .benefits-box.with-image .benefits-box-info {
        left: 0;
    }
}

/* ================ END GLOBAL STYLES.CSS ================ */

/*  Extra Blog CSS */

.block-of-blogs {
    margin-top: 2rem;
}

.blog-post-page .post-text ul {
    margin-left: 25px;
}

.post-text {
    padding: 1.6rem !important;
}

.blog-posts-list .blog-header > a {
    flex: 10;
    display: block;
}

.block-of-blogs > a > .blog-post {
    height: 520px;
}

.blog-filter {
    height: 100%;
}

.blog-posts-list  .post-head {
    height: 115px;
    position: relative;
}

.blog-post .post-head {
    position: relative;
}

.blog-post .post-head p {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.blog-post .tags ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.blog-post .tags ul li {
    margin-bottom: 6px;
}

.blog-filter {
    height: 38vh;
}

.blog-posts-list {
    position: relative;
}

.blog-filter-options {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 90%;
}

/* .blog-post > img {
    height: 250px;
} */

.blog-post .tags {
    display: none;
}

.addthis_toolbox.addthis_default_style.blog-share-buttons .at-icon-wrapper {
    width: 30px !important;
    height: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.addthis_counter.addthis_bubble_style {
    display: none !important;
}

.addthis_toolbox.addthis_default_style.blog-share-buttons .at-icon-wrapper svg {
    width: 20px !important;
    height: 20px !important;
}

/* ================================ MEDIA ================================ */

@media (max-width: 600px) {
    .testimonials-container {
        grid-template-columns: 1fr;
    }

    .testimonial-box {
        max-height: 450px;
        height: auto;
    }

    .testimonial-images img {
        width: 200px;
        height: 200px;
    }

    .blog-header .blog-post {
        display: flex;
        flex-direction: column;
    }

    .latest-blog-entry img {
        object-fit: cover;
        width: 100%;
        max-height: 13vh;
    }

    .latest-blog-entry p.post-description-preview {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .block-of-blogs .blog-post {
        height: auto;
    }

    .post-description-preview {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .block-of-blogs {
        grid-template-columns: repeat(1, 1fr);
    }

}

@media (max-width: 480px) {

    #BO-showcase .image-container {
        height: 150px;
    }

    #BO-showcase .light-blue-container {
        text-align: center;
    }

    #BO-showcase .light-blue-container ul {
        width: 100%;
    }

    #business-offer-main>.container>section>div {
        margin-bottom: 0;
    }

    /* Similar to Homepage, small changes */

    .benefits-box {
        width: 100%;
         flex-direction: row;
         text-align: left;
         margin: 1rem 0;
    }

    .benefits-icon-container {
    width: 50px;
    height: 60px;
    top: 0;
    }

    /* Similar to Homepage END */

    .mainform {
        margin: 0 1rem;
    }

    .grid-4-4 {
        grid-template-columns: 1fr;
    }

    .benefits-box-info {
        padding: 1.5rem;
        position: relative;
        left: -15px;
    }

    #business-offer-main .header-banner h1 {
        font-size: 1.5rem;
    }

    #business-offer-main>.container {
        top: 0px;
    }

    #business-offer-main #BO-showcase {
        margin: 10px 0;
    }

    #business-offer-main .benefits-box {
        margin: 0;
    }

    #business-offer-main #BO-form {
        margin-top: 0;
    }

    #business-offer-main #BO-form {
        margin-top: 0;
        margin-bottom: 5rem;
    }

    #hp-benefits-section .benefits-box-info {
        left: 0;
    }

    .benefits-icon-container img {
        width: 40px;
        height: 40px;
    }

    #BO-offer ol {
        display: block;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
        font-size: 0.9rem;
    }

    #BO-form .arrow-right {
        margin-right: 0;
    }

}

@media (max-width: 720px) {

    .grid-row-4 {
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

}

/* (!!!) TEMP Form positioning  */

#BO-form {
    position: relative;
    margin-top: 3rem;
}

#BO-form .arrow-right::after {
    border-left: 20px solid #222;
}

.mainform.b2bform {
    margin: 0 1rem;
}

@media(max-width: 770px) {

#BO-form .arrow-right::after {
    content: '';
    position: absolute;
    left: 49%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #222;
} 

.mainform.b2bform {
    position: relative;
    top: -70px; 
}
}

@media(min-width: 770px) {

    .inmeet-afspraak #BO-offer .light-blue-container {
        margin-left: 3rem;
        margin-bottom: 50px;
    }

    #BO-form .arrow-right {
        width: 46%;
    }

    #business-offer-main:not(.inmeet-afspraak) #BO-form .arrow-right {
        height: 690px;
    }

    .mainform.b2bform {
        position: absolute;
        bottom: 20px;
        left: 650px;
        width: 47%;
        z-index: 10;
    }

    .blog-post.latest-blog-entry img {
        height: 100%;
        width: 30%;
    }

    .blog-header {
        width: 72%;
    }

    .blog-filter {
        position: absolute;
        right: 0;
        width: 25%;
    }

    .blog-header, .blog-filter {
        min-height: 400px;
    }

    /* Inmeet Afspraak */

    .mainform.b2bform.inmeet-form {
        bottom: -145px;
    }

    /* Gratis meetverzekering */

    #meetverzekering ul li img {
        margin-left: 18%;
    }

    #meten-tips > div:first-child {
        margin-right: 2rem;
    }

}

/*  Templates */

.content-page.template .content-section {
    margin: 0 0 1.5rem 0;
}

.template ul {
    padding-left: 20px;
}

.template .category-card {
    margin: 0;
}

.template .category-card h3 {
    margin-bottom: 0;
}

.template .category-card .image-container {
    overflow: hidden;
}

.template .category-card .image-container:hover img {
    transform: scale(1.05);
}

.new-category-card {
    height: 300px;
}

.new-category-card .category-details>p {
    font-size: 11px;
    letter-spacing: 1px;
    text-align: center;
    color: #777;
    margin: 0;
    line-height: 13px;
    margin-top: 5px;
}

.new-category-card .category-details {
    height: 25%;
}

.template .step-header h2 {
    margin: 0;
    margin-left: 10px;
}

.content-page-content .flex-3c.contact-us > div {
    flex: 1;
}

.content-section .flex-2c .images-group {
    flex: 1;
}

.content-section .images-group img {
    width: 100%;
    height: auto;
}

.flex-2c > *:first-child, .flex-3c > *:not(:last-child) {
    margin-right: 1.3rem;
}

.content-section .flex-2c > div:not(.images-group) {
    flex: 3;
}

.content-section h2 {
    padding-bottom: 3px; 
    margin-bottom: 15px;
}

.tick-cross-list > li {
    list-style: none;
}

.tick-cross-list > li::before {
    content: '✓';
    margin-right: 5px;
}

.tick-cross-list > .negative-li::before {
    content: '✕';
}

.tick-cross-list.colored > li::before {
    color: green;
}

.tick-cross-list.colored > .negative-li::before {
    color: red;
}

.template-row-of-images > div {
    margin: 0 0.7rem;
    min-height: 280px;
}

.cat-page-SEO h2 {
    color: green;
    border-bottom: 1px solid green;
}

.cat-page-SEO .content-section {
    padding: 1.3rem;
}

.template-row-of-images img {
    object-fit: cover;
    width: 100%;
    height: 85% !important;
}

/* ======================== SMALL WIDGETS ======================== */

/* USPs widget */

.usp-row .flex-row {
    align-items: center;
    justify-content: space-around;
}

.usp-row .flex-2c {
    padding: 0.5rem;
}

.usp-row .flex-2c img, .usp-list .flex-2c img {
    max-width: 35px;
}

/* Reviews widget */

.reviews-row {
    padding: 0 10%;
    align-items: center;
    justify-content: center;
}

.reviews-row img {
    max-width: 140px;
    margin-right: 20px;
}

.reviews-row b {
    color: #007ba4;
    font-size: 1rem;
}

.reviews-row a {
    text-decoration: underline;
}

.reviews-row.SEO-widget {
    margin: 1.5rem 0;
}

/* ======================== SMALL WIDGETS MEDIA ======================== */

/*  (!) Temp */

button.template-button[style="border: none; padding: 0.8rem 1.2rem; background-color: #ef9645; color: white;"] a, button.template-button[style="border: none; padding: 0.8rem 2.8rem; background-color: #ef9645; color: white;"] a {
    color: white;
}

@media(max-width: 500px){

    .content-section .flex-2c {
        flex-direction: column;
    }

    .flex-3c.contact-us {
        flex-direction: column;
    }

    .flex-3c.contact-us > div {
        height: 90px;
    }

    .content-page-content .content-section .flex-2c {
        flex-direction: initial;
    }

    .content-page-side-menu {
        margin: 0 1rem;
    }

}

/* Content Page Template */

.content-page.template {
    position: relative;
    top: 3px;
}

.template .content-section.standard-light-border {
    padding: 1.5rem;
}

.content-page-content > .content-section.standard-light-border:first-child {
    margin-top: 0;
    border-top: none;
}

/* Content pages without a header image */
#algemene-voorwaarden .content-page-content, #gratis-bezorging .content-page-content {
    border-top: 1px solid #ddd;
}

.content-page .required {
    color: red;
}

.manual-style-help span {
    font-weight: bold;
    color: #ef9645;
}

.content-page ul li, .content-page ol li {
    margin-bottom: 4px;
}

.content-page ol li::marker {
    font-weight: bold;
}

#referenties .grid-2-3 > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

#referenties .grid-2-3 > div img {
    max-width: 160px;
    max-height: 100px;
}

#meetverzekering h3 {
    color: #007ba4;
}

#meetverzekering > div > section:nth-child(2) {
    margin-top: 2rem;
}

#meetverzekering ul li img {
    margin-bottom: 12px;
    margin-top: 12px;
}

#meetverzekering .content-section ul {
    padding-left: 15px;
}

#meetverzekering .content-section ul li {
    margin-bottom: 9px;
}

#meetverzekering .content-section > ul > li > ul >li::before {
    content: '›';
    color: #007ba4;
    font-weight: bold;
    margin-right: 5px;
    font-size: 1rem;
}

#meetverzekering .showcase-image {
    background: url(/images/uploaded/PAX/banners-new/meetverzekering-web-banner.jpg) right;
    border: none;
}

#meetverzekering .content-section ul > li > ul {
    padding-left: 8px;
}

#meetverzekering .content-section ul li ul li {
    margin-bottom: 2px;
    list-style: none;
}

#meetverzekering .content-page-content {
    padding: 1.2rem 0;
}

#meetverzekering .content-section {
    padding: 1.2rem;
}

#meetverzekering section:first-child .content-section {
    margin-top: 0;
    margin-bottom: 0;
}

#meetverzekering .step-header ~ p {
    margin-top: 5px;
}

/*  Override default color */
.master-column-wrapper .side-2 {
    background: white;
}

/*  Side Menu  */
.content-page-side-menu {
    padding: 1.1rem;
    margin: 1.5rem 0;
    border-radius: 5px;
}

.content-page-side-menu h3 {
    font-size: 1.1rem;
    padding-bottom: 5px;
    margin-bottom: 6px;
    color: #007ba4;
    border-bottom: 1px solid;
}

.content-page-side-menu ul li {
    margin-bottom: 4px;
    padding-bottom: 2px;
    width: 90%;
}

.content-page-side-menu ul li a {
    color: #777;
}

.content-page-side-menu ul li:hover a {
    color: #007ba4;
}

.content-page-side-menu ul li::before {
    content: '· ';
}

.template h3 {
    margin-bottom: 8px;
}

h1.main-header, h2.main-header {
    padding-bottom: 5px;
    margin-bottom: 1.3rem;
    border-bottom: 1px solid;
}

.template h1, .template h2, .template h3 {
    color: #007ba4;
}

.template h1 {
    font-size: 1.6rem;
}

.content-page.flex-2c > .content-page-side {
    flex: 3;
}

.showcase-image ~ .content-page-content {
    border-top: none;
    position: relative;
    top: -3px;
}

.content-page-content.standard-light-border {
    padding: 1.2rem;
    top: 0;
    border-top: 1px solid #ddd;
}

.content-page.flex-2c > .content-page-content {
    flex: 8;
}

.content-page .showcase-image {
    height: 220px;
    border: 1px solid #ddd;
    border-bottom: none;
}

.content-page .showcase-image.small {
    height: 160px;
}

.showcase-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-page-content .flex-2c > div > img {
    float: right;
    height: 30px;
}

.content-page-content .flex-2c > div > a > img {
    height: 40px;
}

.content-page .content-page-content .flex-2c > *:first-child {
    flex: 1;
}

.content-page .flex-2c > * {
    flex: 4;
}

main:not(#contact-us) .content-page .table-2-col {
    max-width: 300px;
}

.pax-info {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
}

.pax-info > div {
    width: 45%;
}

.pax-info > div > img {
    margin-bottom: 15px;
}

.content-section.pax-info div:first-child h2 {
    margin-bottom: 1px;
    border-bottom: none;
}

.pax-info div:first-child button {
    margin-top: 10px;
    font-size: 0.9rem;
}

.pax-info p, .pax-info li {
    margin: 3px;
}

#contact-us h1 {
    padding-bottom: 0;
}

.contact-us .flex-2c p {
    font-size: 12px;
    margin: 3px;
}

#contact-us.content-page .content-page-content .flex-2c>*:first-child {
    margin-right: 10px;
}

#contact-us .content-page-content .flex-2c>div>img {
    height: 40px;
}

#contact-us > div.content-page-content > section:nth-child(4) > img {
    max-height: 50px;
}

#contact-us > .content-page-content > section:nth-child(5) > .flex-2-large > div {
    flex: 1;
}

#contact-us > .content-page-content > section:nth-child(5) > .flex-2-large > div:first-child {
    margin-right: 1.5rem;
    margin-bottom: 0;
    flex: 2;
}

#contact-us > .content-page-content > section:nth-child(5) > .flex-2-large > div:last-child {
    flex: 3;
}

#contact-us .table-2-col {
    margin-top: 1rem;
}

/* Alt Menu */

.content-page-side-menu.alt-ver ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.content-page-side-menu.alt-ver ul li {
    font-size: 0.9rem;
    transition: all 0.3s;
    padding-bottom: 7px;
}

.content-page-side-menu.alt-ver ul li::before {
    content: '';
}

.content-page-side-menu.alt-ver ul li:hover {
    transform: translateX(7px);
}

@media (max-width: 480px) {

    .contact-us > div {
        margin-top: 7px;
        width: 95%;
    }

    .content-page-content .grid-4-4 .benefits-box.with-image {
        display: flex;
        flex-direction: column;
        width: 292px;
        justify-self: center;
    }

    .content-page-content .grid-4-4 .benefits-box.with-image .benefits-box-info {
        left: 0;
    }

    .pax-info {
        flex-direction: column;
    }

    .pax-info>div {
        width: auto;
    }

    .pax-info>div:first-child {
        border: 1px solid #ddd;
        padding-bottom: 1rem;
        margin-bottom: 3rem;
    }

    .pax-info>div:first-child > *:not(img) {
        padding: 1rem;
    }

    #meetverzekering .showcase-image img {
        display: none;
    }

}

/* Removed margin-top from flex-Xc > * */

.flex-2c {
    align-items: center;
}

.flex-2c > *:first-child {
    margin-right: 1.5rem;
}

.flex-3c {
    justify-content: space-between;
    padding: 1rem 0;
}

.flex-3c > div {
    padding: 7px;
}

.table-2-col .table-row {
    margin: 2px 0;
}

/* Content page: Acties */

#actie .actie-header-text {
    margin-top: 1rem;
}

#actie .actie-header-text h3 {
    font-size: 1.25rem;
}

#actie .actie-header-text > .standard-light-border {
    padding: 1.5rem;
    width: 100%;
}

#actie .actie-header-text .actie-benefits ul {
    list-style: none;
    margin: 0;
}

#actie .actie-header-text .actie-benefits ul li, #actie .tick-cross-list > li {
    margin-bottom: 10px;
}

#actie .actie-header-text .actie-benefits ul li span {
    color: green;
    font-weight: bold;
    margin-right: 5px;
}

#actie .content-page-content > div, #actie > div > div:nth-child(2) > .actie-fixed > div {
    margin-bottom: 1rem;
}

#actie .PAX-orange-container {
    padding: 1.5rem;
    text-align: center;
    font-size: 1.5rem;
}

#actie .actie-second {
    display: flex;
}

#actie .actie-second > .image-container {
    flex: 3;
}

#actie .actie-second > .actie-fixed {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#actie .actie-fixed .actie-text {
    padding: 2rem;
    align-self: baseline;
}

#actie .newsletter .flex-row > div {
    flex: 1;
}

#actie .newsletter.PAX-blue-container {
    display: flex;
    justify-content: space-between;
}

#actie .PAX-blue-container #newsletter-subscribe-block {
    flex: 1;
    align-self: center;
}

#actie .newsletter.PAX-blue-container h3 {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

#actie .tick-cross-list > li::before {
    color: green;
    font-weight: bold;
}

#actie .actie-second > .actie-fixed > a {
    width: 35%;
    align-self: center;
}

#actie > div > .actie-second > .actie-fixed .standout-button {
    width: 100%;
    margin: 1.2rem 0;
}

#actie .kortingscode-container {
    margin: 0.5rem 0;
    align-self: center;
    width: 80%;
}

/* Content page: Contact Ons */

#contact-us .content-page-content > .content-section:first-child {
    border-top: 0;
}

#contact-us .benefits-box-info .flex-2c > *:first-child {
    margin-right: 5px;
}

#contact-us .content-section .flex-2-large > div {
    flex: 3;
    padding: 1.3rem;
}

#contact-us .content-page-content > section:first-child > .content-section {
    margin-bottom: 0;
}

#contact-us .content-section .flex-2-large > div:first-child {
    flex: 2;
}

#contact-us .benefits-box-info {
    border: 0;
    border-top: 1px solid #ccc;
}

#contact-us .benefits-box-info {
    padding: 1.5rem 1rem;
}

#contact-us .content-section .flex-2-large>div:last-child p {
    margin: 2px;
}

#contact-us .grid-4-4 {
    padding-top: 1rem;
}

#contact-us .bullet-less-list {
    padding-left: 0;
}

.pax-info-full.with-image .image-container {
    height: 100px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.pax-info-full.with-image > div:last-child {
    padding: 1rem 1.5rem;
}

.pax-info-full ul li {
    margin: 0;
}


/* Content page: Inmeet Advies */

#online-meethulp .header-banner {
    background: url('/images/uploaded/PAX/banners-new/online-meethulp.jpg') center center/cover;
}

#online-meethulp #BO-intro h2 {
    margin-bottom: 1.3rem;
    font-size: 1.5rem;
}

#online-meethulp .container {
    position: relative;
    top: -50px;
}

#online-meethulp #BO-intro { 
    display: flex; 
    margin-bottom: 5rem; 
    justify-content: space-between; 
}

#online-inmeten-steps::after {
    border-left: 20px solid white;
}

#online-inmeten-steps::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 21px solid transparent;
    border-left: 21px solid #ccc;
    border-top: 20px solid transparent;
}

#online-inmeten-steps {
    width: 65%;
}

#online-meethulp h2 {
    color: #007ba4;
    margin-bottom:  0;
    border-bottom: none;
}

#online-inmeten-steps h3 {
    color: #007ba4;
}

#online-inmeten-steps .step-1 h3 {
    margin-top: 1.7rem;
}

#online-inmeten-steps ul {
    margin: 1rem 0 1rem 1.5rem;
    list-style: disc;
}

#online-inmeten-steps ul li {
    margin: 5px 0;
}

#online-meethulp .step-2 .images {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

#online-meethulp .step-2 img {
    max-width: 250px;
}

#meten-tips {
    display: flex;
    margin-top: 10px;
    margin-bottom: 1rem;
    justify-content: center;
}

#meten-tips > div {
    display: flex;
    justify-content: center;
}

#meten-tips img {
    max-width: 205px;
}

@media(min-width: 770px) {

    .mainform.b2bform.online-meethulp-form {
        width: 30%;
        left: auto;
        right: 0;
        bottom: 505px;
    }
}

/* Content page:  Voorwaarden Meetafspraken AND some of Over PAX */

#voorwaarden .content-page-content {
    padding: 1.2rem;
}

#voorwaarden .text-image-flex,  #over-pax .text-image-flex {
    margin: 1.5rem 0;
    overflow: hidden;
}

.text-image-flex > div.text-block {
    padding: 1rem;
}

#voorwaarden h2 {
    font-size: 1.5rem;
}

#voorwaarden h3, #over-pax h3 {
    color: #007ba4;
    font-size: 1.15rem;
}

#voorwaarden b {
    color: red;
}

#voorwaarden .text-image-flex .image-container, #over-pax .text-image-flex .image-container {
    max-height: 220px;
}

/* Content Page: Staffelkortingen */

#staffelkortingen h1 {
    /* border-bottom: 1px solid #007ba4; */
    padding-bottom: 8px;
}

#staffelkortingen .content-section h2 {
    border-bottom: none;
}

#staffelkortingen .flex-2-large > img {
    width: auto;
    height: 120px;
    margin-right: 30px;
}

#staffelkortingen .flex-2-large {
    align-items: center;
    justify-content: space-between;
}

#staffelkortingen .standout-section-red p {
    margin-bottom: 0px;
}

#staffelkortingen .standout-section-yellow {
    margin-top: 20px;
}

/*  Content page: Keurmerken */

#keurmerken-hulp > div {
    flex: 1;
    margin: 0;
}

#keurmerken-hulp .benefits-box-info h5 {
    font-size: 1.25rem;
    font-weight: normal;
    color: #444;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

#keurmerken .content-page-content .content-section {
    padding: 1.3rem;
}

#keurmerken h1 {
    padding-bottom: 0;
}

#keurmerken h2 {
    padding-bottom: 5px;
}

#keurmerken .content-page-content .content-section:first-child {
    margin-top: 0;
    border-top: 1px solid #ddd;
}

#keurmerken .content-section .flex-2-large {
    justify-content: center;
}

#keurmerken .content-section .flex-2-large > a {
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#keurmerken .content-section .flex-2-large > a:first-child {
    margin-right: 20px;
}

#keurmerken .flex-2-large > * {
    flex: 1;
    max-width: 48%;
    margin: 0;
}

#keurmerken #keurmerken-hulp.flex-2-large {
    justify-content: space-between;
}

#keurmerken-hulp > div > div:not(:first-child) {
    padding: 1rem;
}

#keurmerken .flex-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
}

#keurmerken .flex-row > * {
    text-decoration: none;
}

#keurmerken .flex-row > a > div {
    height: 100%;
}

#keurmerken .testimonial-image {
    height: 170px;
    width: 100%;
    object-fit: cover;
}

#keurmerken .review-stars {
    display: flex;
    justify-content: center;
    padding: 4px;
}

#keurmerken .review-stars img {
    width: 20px;
}

#keurmerken .flex-row .testimonial-info {
    padding: 5px 1rem;
}

#keurmerken .testimonial-description {
    font-size: 0.8rem;
}

#keurmerken .content-section .standout-button {
    width: 30%;
    margin-left: 35%;
    margin-bottom: 1.5rem;
}

#keurmerken-hulp .image-container {
    width: 100%;
}

#keurmerken-hulp .benefits-box-info {
    border: none;
}

/* Content page: Over PAX */

#over-pax .flex-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}

#over-pax .content-section.standard-light-border:first-child {
    border-top: 1px solid #ddd;
}

#over-pax h3 {
    color: #007ba4;
    font-size: 1.2rem;
    margin-top: 30px;
}

#over-pax .underlined-squares-list {
    padding-left: 10px;
}

#over-pax .content-section {
    margin-bottom: 2rem;
}

#over-pax .benefits-box-info h5 {
    font-size: 1rem;
    margin-bottom: 0;
}

#over-pax .benefits-icon-container img {
    width: 40px;
    height: 40px;
}

#over-pax .benefits-box-info {
    padding: 0.8rem;
    padding-top: 2rem;
}

#over-pax .underlined-squares-list li img {
    max-height: 30px;
    margin-right: 10px;
}

#over-pax .image-text-box {
    height: 120px;
}

#over-pax .image-text-box .text-block {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #007ba4;
}

#over-pax .flex-row a {
    text-decoration: none;
}

#over-pax .flex-row a img {
    transition: all 0.3s;
}

#over-pax .content-section:first-child .flex-row a:hover img {
    transform: scale(1.03);
}

#over-pax .flex-row span {
    font-size: 1rem;
    margin-right: 7px;
    transition: all .3s;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

#over-pax .flex-row a:hover span {
    margin-right: 3px;
    padding-left: 14px;
}

#over-pax .content-page-content {
    padding: 0 0 1.2rem 0;
}

#over-pax .content-section:not(#referenties) .grid-2-3 {
    grid-gap: 0;
}

#over-pax .content-page-content h1 {
    padding-bottom: 0;
}

#over-pax #keurmerken-hulp .benefits-box-info h5 {
    font-size: 1.25rem;
    margin-bottom: .4rem;
}

/* Content Page: Meethulp Nodig */

#meethulp-nodig .content-page-content {
    padding: 0;
}

#meethulp-nodig .content-section.standard-light-border:first-child {
    border-top: none;
}

#meethulp-nodig .content-section h2 {
    padding: 0;
    margin-bottom: 0;
}

#meethulp-nodig .flex-column > img {
    width: 800px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

#meethulp-nodig .content-section.flex-2-large > div:first-child {
    padding-right: 1.5rem;
}

#meethulp-nodig .flex-2-large > div:first-child > a > img {
    max-width: 400px;
    margin-left: 4%;
    margin-top: 10px;
}

/* Content Page: Montagehulp */

#montagehulp h1 {
    padding-bottom: 5px;
}

#montagehulp .content-page-content > .flex-2-large > div {
    flex: 1;
}

#montagehulp .content-page-content > .flex-2-large > div:first-child {
    margin-right: 1.8rem;
}

#montagehulp .content-page-content .step-header h2 {
    margin: 0 0 0 10px;
    border-bottom: none;
}

#montagehulp .flex-column > img {
    margin: 1rem 0;
    border: 1px solid #ccc;
    max-width: 400px;
    margin-left: 1.5rem;
}

/* Content Page: Samenwerken */

#samenwerken span {
    font-weight: bold;
    color: #666;
}

#samenwerken .content-page-content {
    padding: 1.5rem 2rem 2.5rem 2rem;
    border-top: 1px solid #ddd;
}

#samenwerken .benefits-box.with-image {
    margin: 10px;
}

#samenwerken .benefits-box-info {
    justify-content: flex-start;
}

#samenwerken .image-container {
    width: 100%;
    height: 100px;
}

#samenwerken .benefits-box-info p {
    margin-bottom: 0;
}

/* Content Page: Montage Tarief Binnen */

#montage-tarief .header-banner {
    background: url('/images/uploaded/PAX Nieuw/Fotos/Headers/content-page-montage.jpg') center center/cover;
}

#montage-tarief p {
    margin: 3px 0;
}

#montage-tarief .container > .flex-2-large:first-child {
    flex-direction: column;
}

#montage-tarief .flex-2-large.arrow-bottom {
    position: relative;
    top: -30px;
}

#montage-tarief .flex-2-large h1 {
    padding-bottom: 7px;
}

#montage-tarief .flex-2-large .flex-2-large.arrow-bottom button {
    margin: 1rem 0;
}

#montage-tarief .flex-2-large img.hidden-mobile {
    margin-left: 2rem;
    height: 240px;
}

#montage-tarief .light-blue-container {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.5rem;
}

#montage-tarief .light-blue-container.alt {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#montage-tarief .light-blue-container .standout-button {
    width: 370px;
}

#montage-tarief .PAX-blue-container .standout-button {
    margin-top: 20px;
    width: 15vw;
    margin-bottom: 40%;
}

#montage-tarief .light-blue-container .flex-2c {
    flex-direction: column;
    border: 1px solid #ccc;
    background-color: white;
}

#montage-tarief .light-blue-container .flex-2c .image-container {
    height: 100px;
    margin-right: 0;
    overflow: hidden;
}

#montage-tarief .light-blue-container .header-container {
    display: flex;
    justify-content: space-between;
    padding: 10px 1rem;
}

#montage-tarief .light-blue-container ul {
    list-style: none;
    padding: 0 1rem;
    margin: 0;
}

#montage-tarief .light-blue-container .header-container, #montage-tarief .light-blue-container ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

#montage-tarief .light-blue-container ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

#montage-tarief .light-blue-container ul li p {
    margin: 0;
    max-width: 80%;
    font-size: 0.8rem;
}

#montage-tarief .header-container b {
    font-size: 1.1rem;
    color: #666;
}

#montage-tarief .light-blue-container .flex-2c > div:last-child {
    width: 100%;
}

#montage-tarief .flex-2-large .flex-2-large.arrow-bottom {
    padding: 1.3rem;
    border: 1px solid #ccc;
    background-color: white;
}

#montage-tarief .flex-2-large.arrow-bottom::after {
    border-top-color: white;
}

#montage-tarief .flex-2-large.arrow-bottom::before {
    content: '';
    position: absolute;
    left: 49%;
    top: 100%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
}

#montage-tarief h2, #montage-tarief h3, #montage-tarief h4 {
    color: #007ba4;
}

#montage-tarief #montage-tarief-conditions {
    margin-top: 3rem;
}

#montage-tarief-conditions .PAX-blue-container h2 {
    margin-bottom: 1rem;
}

#montage-tarief-conditions .PAX-blue-container > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20%;
}

#montage-tarief-conditions .PAX-blue-container img {
    max-width: 200px;
}

#montage-tarief-conditions .PAX-blue-container.arrow-right::after {
    border-left-color: #007ba4;
}

#montage-tarief .grid-3-2 {
    display: flex;
    flex-direction: column;
}

#montage-tarief .light-blue-container a {
    text-decoration: none;
    color: #888;
}

#montage-tarief .light-blue-container .image-container:hover img {
    transform: scale(1.05);
}

#montage-tarief #montage-tarief-conditions .PAX-blue-container h2, #montage-tarief #montage-tarief-conditions .PAX-blue-container span {
    color: white;
}

#montage-tarief section .flex-2-large {
    align-items: center;
    height: fit-content;
}

#montage-tarief .grid-3-2 > div {
    padding: 1rem;
    border: 1px solid #ccc;
}

#montage-tarief .grid-3-2 > div img {
    height: 40px;
    width: 40px;
}

#montage-tarief .grid-3-2 ul {
    padding-left: 15px;
}

#montage-tarief .grid-3-2 > div p, #montage-tarief .grid-3-2 > div li {
    font-size: 0.85rem;
    margin-bottom: 3px;
}

/* Arrows */

#montage-tarief #montage-tarief-conditions .arrow-bottom:after {
    border-top: 20px solid #007ba4;
}

/*
#montage-tarief #montage-tarief-conditions .arrow-bottom:before {
    content: '';
    position: absolute;
    left: 49%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}
*/

/* Content Page: Montage Tarief Buiten */

#montage-tarief.buitenzonwering #montage-tarief-conditions .arrow-bottom>div:last-child {
    max-width: 100%;
    text-align: center;
    margin-right: 0;
}

#montage-tarief.buitenzonwering .light-blue-container {
    grid-template-columns: repeat(2,1fr);
}

#montage-tarief.buitenzonwering .flex-2-large img.hidden-mobile {
    align-self: end;
}

#montage-tarief.buitenzonwering .light-blue-container .image-container {
    height: 220px;
}

#montage-tarief.buitenzonwering .light-blue-container .flex-2c a {
    margin-right: 0;
}

/* Content Page: Garantie Raamdecoratie */

#garantie-raamdecoratie h1 {
    padding-bottom: 5px;
}

#garantie-raamdecoratie h2 {
    border-bottom: none;
    margin-bottom: 7px;
}

#garantie-raamdecoratie button {
    margin-top: 10px;
}

#garantie-raamdecoratie .flex-2-large > div {
    flex: 2;
}

#garantie-raamdecoratie .flex-2-large > div:first-child {
    flex: 4;
    margin-right: 1.5rem;
}

/* Content Page: Algemene voorwaarden */

#algemene-voorwaarden h4 {
    color: #007ba4;
    line-height: 8px;
    font-size: 1rem;
}

#algemene-voorwaarden h2 {
    margin-bottom: 1rem;
}

#algemene-voorwaarden h4:not(:first-child) {
    margin-top: 1.5rem;
}

#algemene-voorwaarden .flex-2-large a {
    text-decoration: none;
}

#algemene-voorwaarden .flex-2-large > div {
    flex: 4;
    padding-right: 1rem;
}

#algemene-voorwaarden .flex-2-large button {
    display: flex;
    align-items: center;
}

#algemene-voorwaarden .flex-2-large button img {
    width: 30px;
    margin-right: 10px;
}

/* Content Page: Gratis Bezorging */

#gratis-bezorging h3 {
    color: #007ba4;
}

#gratis-bezorging .alert {
    padding: 0.75rem 1rem;
    background-color: #ffeeee;
    margin: 0 1rem;
}

#gratis-bezorging .flex-2-large > * {
    flex: 1;
    max-width: 380px;
    height: 250px;
    margin: 0;
}

#gratis-bezorging .flex-2-large {
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

#gratis-bezorging .flex-2-large > section:first-child {
    flex: 2;
}

#gratis-bezorging .flex-header img {
    width: 30px;
    margin-right: 10px;
}

#gratis-bezorging .flex-2-large > section:last-child {
    display: flex;
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#gratis-bezorging .flex-2-large > section:last-child button {
    margin-top: 1rem;
    width: 100%;
}

#gratis-bezorging #keurmerken-hulp.flex-2-large {
    padding: 0;
}

#gratis-bezorging #keurmerken-hulp.flex-2-large > * {
    max-width: 48%;
}

#gratis-bezorging .content-section.standard-light-border {
    margin-top: 1.5rem;
}

/* Content Page: Showroom Afspraak */

#showroom-afspraak .content-page-content.standard-light-border {
    padding: 0;
}

#showroom-afspraak .content-page-content.standard-light-border .content-section {
    padding: 1.5rem;
}

#showroom-afspraak h1 {
    padding-bottom: 15px;
}

#showroom-afspraak p {
    margin: 4px;
}

#showroom-afspraak .alert {
    padding: 0.5rem;
    margin: 1.2rem 0;
}

#showroom-afspraak .arrow-right::after {
    border-left-color: white;
}

#showroom-afspraak .arrow-right::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 45%;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000;
    border-top: 20px solid transparent;
}

/* Content Page: FAQ */

#faq-page p {
    margin: 5px 0;
}

#faq-page .flex-2c > *, #algemene-voorwaarden .flex-2c > * {
    flex: none;
    margin-right: 6px;
}

#faq-page .flex-2c > span, #algemene-voorwaarden .flex-2c > span {
    color: #ffa500;
    font-size: 1.2rem;
}

#faq-page .flex-2c > p, #algemene-voorwaarden .flex-2c > p {
    font-weight: bold;
    font-size: 1rem;
    color: #007ba4;
}

/* Content Page: Retouren */

#retouren-page .content-page-content {
    top: 0;
}

#retouren-page h1 {
    padding-bottom: 0;
}

#retouren-page .content-page-content>.content-section.standard-light-border:first-child {
    border-top: 1px solid #ddd;
}

#retouren-page .content-section.flex-2-large > * {
    flex: 1;
}

#retouren-page .alert {
    padding: 0 0.9rem;
}

#retouren-page .content-section.flex-2-large > img {
    max-width: 260px;
    margin-left: 1.5rem;
}

#retouren-page .content-section .bullet-less-list {
    padding-left: 0;
}

/* Content Page: Cancel order */

#withdrawal-page .content-page-content {
    top: 0;
}

#withdrawal-page .content-page-content>.content-section.standard-light-border:first-child {
    border-top: 1px solid #ddd;
}

#withdrawal-page ol li::marker {
    color: #007ba4;
}

#withdrawal-page ol li {
    margin: 10px 0;
}

#withdrawal-page .standout-button {
    margin-bottom: 1.5rem;
}

/* Content Page: Onze Beloftes */

#onze-beloftes .content-page-content.standard-light-border {
    border-top: 1px solid #ddd;
}

#onze-beloftes .grid-3-2 {
    padding: 1rem;
    grid-gap: 2rem;
}

#onze-beloftes .benefits-box {
    margin: 0;
}

#onze-beloftes .benefits-box-info {
    justify-content: flex-start;
}

/* Content Page: Klachten */

#klachten .flex-2-large {
    margin-top: 1.5rem;
    padding: 1rem;
}

#klachten .flex-2-large > div {
    flex: 1;
}

#klachten .cs-images {
    padding: 0.7rem 0;
}

#klachten .working-hours-table {
    margin: 2rem 0;
}

#klachten > div > div.content-section {
    margin: 2rem 0;
}

#klachten > div > p:nth-child(8) {
    margin-bottom: 1.2rem;
}

/* Content Page: Product Fotos */

#productfotos h1 {
    padding-bottom: 0;
}

#productfotos a {
    text-decoration: none;
}

#productfotos .grid-3-3 {
    margin: 2rem 0;
    grid-template-rows: 1fr;
}

/* Content page: Kwaliteit */

#kwaliteit h1 {
    padding-bottom: 0;
}

#kwaliteit h2 {
    margin-bottom: 0;
}

/* Content page: Fotos Van Klanten */

#fotos-van-klanten .standard-light-border {
    border-top: 1px solid #ddd;
}

#fotos-van-klanten .standout-button {
    width: 250px;
    margin: 1rem 0;
    margin-left: 35%;
}

#fotos-van-klanten .grid-row-3 {
    margin: 1rem 0;
}

#fotos-van-klanten .grid-row-3 .image-container {
    height: 250px;
}

/* Content page: Wij Planten Bomen */

#bomen h1 {
    padding-bottom: 0;
}

#bomen h2 {
    line-height: 25px;
    margin-bottom: 0;
}

#bomen div.content-section.flex-2-large {
    padding: 1.5rem 0;
}

#bomen-nieuw .text-image-flex {
    margin-bottom: 1.5rem;
}

.wpb-green-container {
    flex: 1;
    background-color: #73ae44;
    padding: 1.5rem;
    color: white;
    height: 80%;
    padding-bottom: 15%;
    margin-right: 2rem;
    position: relative;
}

.wpb-green-container > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wpb-green-container h2 {
    color: white;
}

.flex-2-large.bomen-benefits .flex-column {
    flex: 3;
}

#bomen .content-page-content {
    padding: 0 1.5rem;
}

#bomen .wpb-green-container img {
    max-width: 200px;
}

.wpb-green-container > div:last-child {
    margin-top: 2rem;
}

.wpb-green-container > div:last-child h2 {
    margin-bottom: 0;
}

.wpb-green-container a, .wpb-green-container .standout-button {
    width: 100%;
    margin-top: 7px;
}

.bomen-benefits .flex-column img {
    max-width: 30px;
    max-height: 30px;
    flex: none;
}

.bomen-benefits .flex-column .flex-2c {
    border: 1px solid #ddd;
    margin-bottom: 1rem;
    padding: 1rem;
}

.content-page-wpb {
    padding: 0 !important;
    margin-top: 1.5rem !important;
}

.content-page-wpb .text-block {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.content-page-wpb a {
    text-decoration: none;
    margin-top: 1.5rem;
}

.content-page-wpb .text-block p {
    margin-top: 0;
}

/* Content page: Reviews */

#reviews .content-section.standard-light-border {
    border-top: 1px solid #ddd;
}

#reviews h1, #reviews h2 {
    padding-bottom: 0;
}

#reviews .flex-2-large {
    padding-top: 1.5rem;
    justify-content: center;
}

#reviews > div > div:nth-child(1) > .flex-2-large img {
    height: 200px;
}

#reviews > div > div:nth-child(1) > .flex-2-large > * {
    display: flex;
    justify-content: center;
}

#reviews > div > div:nth-child(1) > .flex-2-large > img {
    width: 155px;
    height: 80px;
    align-self: center;
}

#reviews > div > div:nth-child(2) > .flex-2-large > * {
    flex: 2;
    padding: 1rem;
}

#reviews > div > div:nth-child(2) > .flex-2-large > *:first-child {
    flex: 3;
}

#reviews > div > div:nth-child(2) > .flex-2-large > *:last-child {
    display: flex;
}

#reviews > div > div:nth-child(2) > .flex-2-large a {
    width: 100%;
    align-self: center;
}

#reviews > div > div:nth-child(2) > .flex-2-large .standout-button {
    width: 90%;
}

/*  Navbar fix*/

.sublist-wrap ul.sublist {
    padding-left: 0;
}

/* Shared content pages bottom info (widget) */

#content-page-last .text-image-flex {
    font-family: "Century Gothic","Apple Gothic","URW Gothic L","Avant Garde",sans-serif;
}

#content-page-last .text-image-flex h3 {
    font-size: 1.25rem;
    font-weight: normal;
    color: #444;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

/* Content page: Inspiratie */

.inspiratie-page, .inspiratie-page h2 {
    color: #001219;
}

.inspiratie-page h2 {
    margin-bottom: 1rem;
}

.inspiratie-page .html-widget > .flex-2c { padding: 1.5rem; border: none; margin: 0.5rem 1rem; }
.dark-brown-container { background-color: #CB997E; }
.brown-container { background-color: #DDBEA9; }
.beige-container { background-color: #FFE8D6; }
.light-green-container { background-color: #B7B7A4; }
.green-container { background-color: #A5A58D; }
.dark-green-container { background-color: #6B705C; }

.black-button {
    background-color: #001219;
    color: white;
    border: none;
}

.inspiratie-page > .flex-2c {
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.inspiratie-page .flex-2c > * {
    flex: 1;
}

.inspiratie-page .inspiratie-text {
    display: flex;
    flex-direction: column;
    padding: 0 1rem 1rem 1rem;
    align-self: flex-start;
}

.inspiratie-page .SEO-gallery {
    margin: 0;
}

.inspiratie-page button {
    width: 35%;
    margin: 1rem  30%;
}

.inspiratie-middle {
    margin: 1.5rem 0;
}

/* Content pages Media */

@media(min-width: 450px) {

    #keurmerken-hulp > div:first-child {
        margin-right: 1.5rem;
    }

    #contact-us .content-section .flex-2-large > div:last-child {
        margin-left: 3rem;
    }

    #montage-tarief-conditions .PAX-blue-container {
        margin-right: 2rem;
        flex-direction: column;
        width: 70%;
        justify-content: center;
    }

    #montage-tarief.buitenzonwering .light-blue-container > .grid-row-3 {
        grid-template-columns: repeat(2,1fr);
        max-width: 65%;
        grid-gap: 2rem;
    }

    #showroom-afspraak {
        width: 50%;
        margin-right: 2rem;
        margin-bottom: 12rem;
     }

    .mainform.showroom-form {
        position: absolute;
        top: 0;
        left: 54%;
        width: 40%;
    }

    #bomen .light-border-container.arrow-right::after {
        border-left-color: white;
    }

    #bomen .light-border-container.arrow-right::before {
        content: '';
        position: absolute;
        left: 100%;
        top: 45%;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #000;
        border-top: 20px solid transparent;
    }

    #bomen .light-border-container.arrow-left::after {
        content: '';
        position: absolute;
        right: 100%;
        top: 45%;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #fff;
        border-top: 20px solid transparent;
    }

    #bomen div.content-section.flex-2-large .arrow-right {
        margin-right: 2rem;
    }

    #bomen div.content-section.flex-2-large .arrow-left {
        margin-left: 2rem;
    }

    .bomen-benefits .wpb-green-container.arrow-right::after {
        border-left-color: #73ae44;
    }

    #bomen div.content-section.flex-2-large .light-border-container {
        height: 200px;
    }

    #feedback-request>.flex-2-large>.montage-hulp-box {
        margin-left: 2rem;
    }

    #feedback-request>.flex-2-large {
         display: grid;
         grid-template-columns: repeat(2,1fr);
    }

    #feedback-request>.flex-2-large .standard-light-border.instagram {
        flex-direction: row;
    }

    #actie .actie-header-text > .standard-light-border:first-child {
        margin-right: 1rem;
     }

}

@media(max-width: 500px) {

    #referenties .grid-2-3 {
        grid-template-columns: repeat(2,1fr);
    }

    #referenties .grid-2-3 > div img {
        max-width: 120px;
        max-height: 80px;
    }

    #actie > div > .actie-second > .actie-fixed > a {
        width: 60%;
    }

    #meten-tips>div {
        align-items: center;
        margin-bottom: 1.5rem;
    }

    #meten-tips img {
        max-width: 160px;
    }

    #faq-page .flex-2c p {
        max-width: fit-content;
    }

    #contact-us .benefits-box.with-image {
        margin: 0;
        width: auto;
        text-align: center;
    }

    #contact-us .warning {
        margin-top: 20px;
    }

    #online-meethulp .arrow-right::after, #online-meethulp .arrow-right::before {
        display: none;
    }

    #online-meethulp #BO-intro {
        flex-direction: column;
        margin-bottom: 2rem;
    }

    #over-pax .flex-row {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 2rem;
    }

    #over-pax .image-text-box {
        max-width: 280px;
        margin-left: 7%;
    }

    #over-pax .flex-row a > img {
        margin-left: 12%;
    }

    #over-pax .content-section:not(#referenties) .grid-2-3 {
        grid-template-columns: repeat(1,1fr);
    }

    #over-pax .benefits-box-info {
        padding: 1rem;
        padding-left: 1.5rem;
    }

    #BO-intro > .PAX-blue-container {
        display: flex;
        align-items: center;
        padding: 1rem;
    }

    #garantie-raamdecoratie .flex-2-large > div:first-child {
        margin-right: 0;
    }

    #online-inmeten-steps {
        width: auto;
    }

    #meten-tips {
        flex-direction: column;
    }

    #online-meethulp .step-2 .images {
        flex-direction: column;
    }

    #keurmerken .content-section .flex-2-large {
        align-items: center;
        margin-bottom: 3rem;
    }

    #keurmerken .flex-row {
        grid-template-columns: 1fr;
    }

    #keurmerken .flex-row > * {
        max-width: 80%;
        justify-self: center;
    }

    #keurmerken .flex-2-large > * {
        max-width: 100%;
        margin-bottom: 2rem;
    }

    #keurmerken .content-section .standout-button {
        width: 80%;
        margin-left: 10%;
    }

    #keurmerken-hulp .benefits-box.with-image {
        flex-direction: column;
        text-align: center;
    }

    #keurmerken #keurmerken-hulp.flex-2-large {
        padding: 0 1.2rem;
    }

    .mainform.b2bform.online-meethulp-form {
        margin-top: 2rem;
    }

    #voorwaarden .text-image-flex .image-container {
         height: 150px;
    }

    #over-pax .text-image-flex .image-container {
        height: 200px;
    }

    #staffelkortingen > .content-page-content > img {
        margin-left: 17%;
    }

    #meethulp-nodig .flex-2-large > div:first-child > a > img {
        margin: 10px 0 0 10px;
        max-width: 80vw;
    }

    #meethulp-nodig .flex-2-large .standout-button {
        margin: 10px 0 20px 35%;
    }

    #meethulp-nodig .content-section.flex-2-large > div:first-child {
        margin-bottom: 2.5rem;
    }

    #meethulp-nodig .flex-2-large>div:first-child>img {
        width: 330px;
        margin-left: 0;
    }

    #montagehulp h1 {
        font-size: 1.4rem;
    }

    #montagehulp .flex-column>img {
        max-width: 350px;
        margin-left: 0;
    }

    /* Tariven Montage */

    #montage-tarief .flex-2-large {
        top: 20px;
        margin: 0;
    }

    #montage-tarief .flex-2-large > div.light-blue-container {
        margin-top: 0.5rem;
    }

    #montage-tarief .flex-2-large.arrow-bottom::after, #montage-tarief .flex-2-large.arrow-bottom::before {
        left: 47%;
    }

    #montage-tarief .light-blue-container {
        grid-template-columns: 1fr;
    }

    #montage-tarief .light-blue-container.alt > div {
        grid-template-columns: 1fr;
    }

    #montage-tarief .light-blue-container .standout-button, #montage-tarief .PAX-blue-container .standout-button {
        width: 290px;
    }

    #montage-tarief #montage-tarief-conditions .arrow-bottom>p {
        max-width: 100%;
        margin: 2rem 0 1.3rem 0;
        text-align: center;
    }

    #montage-tarief .grid-3-2 {
        display: flex;
        flex-direction: column;
        margin: 4rem 0 0 0;
    }

    #montage-tarief-conditions .PAX-blue-container.arrow-right::after {
        left: 47%;
        top: 100%;
        border-bottom: none;
        border-left: 20px solid transparent;
        border-top: 20px solid #007ba4;
        border-right: 20px solid transparent;
    }

    #algemene-voorwaarden h4 {
        line-height: 18px;
    }

    #algemene-voorwaarden .flex-2-large a {
        align-self: center;
        margin-top: 20px;
    }

     #showroom-afspraak .arrow-right::after, #showroom-afspraak .arrow-right::before {
         display: none;
    }

    #onze-beloftes .grid-3-2 {
        grid-template-columns: 1fr;
     }

    #fotos-van-klanten .grid-row-3 {
        grid-template-columns: 1fr;
    }

    #fotos-van-klanten .standout-button {
        width: 100%;
        margin-top: 10px;
    }

    #bomen .arrow-right::after, #bomen .arrow-right::before, #bomen .arrow-left::after, #bomen .arrow-left::before {
        display: none;
    }

    .wpb-green-container {
        margin: 0;
        margin-bottom: 1.5rem;
    }

    /* Feedback after order mobile */

    #feedback-request>.flex-2-large>.orange-container {
        margin-bottom: 1.5rem;
        flex-direction: column;
        align-items: center;
    }

    #feedback-request>.flex-2-large>.orange-container img {
        margin-top: 1rem;
        width: 60% !important;
    }

    #feedback-request>.flex-2-large .standard-light-border img {
        width: 120px;
    }

    #feedback-request .PAX-blue-container {
        margin-bottom: 1.5rem;
     }

    #feedback-request>.flex-2-large .standard-light-border.instagram .image-container {
    margin: 0;
        width: 100%;
    }

    #feedback-request>.flex-2-large>.orange-container img {
         height: auto;
        align-self: center;
    }

    #feedback-request>.flex-2-large .standard-light-border img {
        width: 100%;
        max-height: 120px;
    }

    #feedback-request .orange-container, #feedback-request .orange-container .flex-2c {
        flex-direction: column;
    }

    #feedback-request .orange-container img {
        align-self: center !important;
    }

    #feedback-request .orange-container .green-button {
        margin-bottom: 2rem;
    }

    /* Actie Pagina */
   
   #actie .newsletter.PAX-blue-container {
        flex-direction: column;
    }

    #actie .actie-second {
        flex-direction: column;
    }

    /* Content page: Inspiratie */

    .inspiratie-page .html-widget > .flex-2c {
        flex-direction: column;
    }

    .inspiratie-page .inspiratie-text {
        padding: 1rem 0;
    }

    .inspiratie-page > .flex-2c .SEO-gallery {
        margin-right: 0;
    }

    .inspiratie-page button {
        width: 80%;
        margin: 1.5rem 9% 0 9%;
    }

}

/* ============= Category Page Rework ============= */

.subcats-list-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.5rem;
    padding: 2rem 0;
}

.subcat-box .standout-button {
    width: 100%;
}

.subcats-list-grid .subcat-box {
    height: 100%;
}

.subcat-info {
    padding: 1rem;
    color: #aaa;
    display: flex;
    flex-direction: column;
    padding-top: 0.5rem;
    height: 290px;
    justify-content: space-between;
}

.subcat-box .image-container {
    height: 200px;
}

.subcat-info .subcat-header {
    margin-bottom: 10px;
}

.subcat-info h2 {
    color: #007ba4;
    font-weight: normal;
    font-size: 1.2rem;
}

.subcat-info .subtitle {
    font-style: italic;
}

.subcat-info ul li {
    margin: 4px;
}

.subcat-info ul li i {
    margin-right: 4px;
}

.subcat-info .prices {
    text-transform: uppercase;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 3px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-size: 0.85rem;
}

.subcat-info .prices .actual-price {
    color: green;
    font-weight: bold;
    font-size: 1.3rem;
}

.subcat-info .prices .actual-price::first-letter {
    color: green;
    font-size: 1rem;
    margin-left: 5px;
}

@media(max-width: 491px){

    .subcats-list-grid {
        grid-template-columns: 1fr;
    }

    .subcat-box.standard-light-border {
        width: 320px;
        margin: auto;
    }

}

#klachten h1 {
    padding-bottom: 10px;
}

/* ============= Feedback After Order ============= */

.orange-container {
    background-color: #ffa500;
    color: white;
}

#feedback-request > .flex-2-large {
    margin: 1.5rem 0;
}

#feedback-request > .flex-2-large > div {
    flex: 1;
    border-radius: 5px;
    padding: 1.2rem;
}

#feedback-request .orange-container {
    display: flex;
    border-radius: 5px;
    padding: 1.8rem;
    margin-top: 1.5rem;
}

#feedback-request .orange-container > div {
    display: flex;
    flex-direction: column;
}

#feedback-request .orange-container h2 {
    color: white;
}

#feedback-request .orange-container .green-button {
    width: 80%;
    margin-top: 20px;
    margin-left: 8%;
}

#feedback-request .orange-container img {
    width: 186px;
    height: 186px;
    margin-left: 20px;
    align-self: flex-end;
}

#feedback-request .orange-container .flex-2c img {
    width: 130px;
    height: 130px;
    flex: 0;
}

#feedback-request > .flex-2-large .standard-light-border {
    display: flex;
    flex-direction: column;
}

#feedback-request > .flex-2-large .standard-light-border > .flex-2c a {
    text-decoration: none;
}

#feedback-request > .flex-2-large .standard-light-border img {
    margin-right: 0;
    /* width: 168px; */
    flex: auto;
}

#feedback-request>.flex-2-large .standard-light-border.instagram {
    padding: 0;
}

#feedback-request .montage-hulp-box h2, #feedback-request .instagram h2 {
    margin-left: 1rem;
}

#feedback-request>.flex-2-large .standard-light-border.instagram .text-info {
    padding: 1rem;
}

#feedback-request>.flex-2-large .standard-light-border .text-info p {
    margin: 12px 0;
}

#feedback-request>.flex-2-large .standard-light-border.instagram .image-container {
    margin-right: 5px;
    height: 100%;
}

#feedback-request .montage-hulp-box.benefits-box.with-image {
    font-family: Open Sans,Arial,Helvetica,Verdana,sans-serif;
    text-align: left;
}

#feedback-request > .flex-2-large > .montage-hulp-box {
    background-color: #007ba4;
    color: white;
}

#feedback-request > .flex-2-large > .montage-hulp-box h2 {
    color: white;
}

#feedback-request .montage-hulp-box.benefits-box.with-image:last-child {
    margin-right: 0;
}

#feedback-request .montage-hulp-box.benefits-box.with-image .text-info {
    padding: 1rem;
}

#feedback-request>.flex-2-large .standard-light-border.instagram button {
    width: 100%;
}

#feedback-request .PAX-blue-container h2 {
    color: #ffffff;
}

#feedback-request .PAX-blue-container .flex-2c img {
    max-width: 20%;
    margin-top: 1rem;
}

#bomen.standard-light-border.content-section > h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #73ae44;
}

#bomen.content-section.standard-light-border .wpb-green-container {
    background-color: white;
    color: #888;
}

#bomen.content-section.standard-light-border .wpb-green-container h2 {
    color: #007ba4;
}

#bomen.content-section.standard-light-border .wpb-green-container::after {
    display: none;
}

/* General Website fixes */

.bar-notification.warning {
    background: red;
    color: white;
}

.master-column-wrapper .side-2 {
margin-bottom: 50px;
}

/* New Kleurstalen Pagina CSS */

#kleurstalen-select-product {
    padding: 1rem 0 2rem 0;
}

#kleurstalen-select-product .content-page-header {
    margin-bottom: 2rem;
}

#kleurstalen-select-product .content-page-header .flex-row {
    margin: 1.5rem 0;
}

#kleurstalen-select-product .content-page-header .flex-row > * {
    flex: 1;
    padding: 1.2rem;
    position: relative;
}

#kleurstalen-select-product .content-page-header .flex-row > *.arrow-right {
    margin-right: 1.75rem;
}

/* #kleurstalen-select-product .content-page-header .flex-row h3 {
    color: #007ba4;
}

#kleurstalen-select-product .content-page-header .flex-row h3 span {
    color: #fda428;
}

.standard-light-border.arrow-right::after, .standard-light-border.arrow-right::before {
    top: 35%;
} */ 

/* Grid */

#kleurstalen-select-product .grid-row-4 {
    grid-gap: 2.5rem;
}

#kleurstalen-select-product .category-card {
    margin: 0;
}

.category-card .card-header {
    height: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #007ba4;
    letter-spacing: 2px;
}

#kleurstalen-select-product .category-card .image-container {
    height: 72%;
}

#kleurstalen-select-product .category-card .image-container img {
    object-fit: contain;
}

#kleurstalen-select-product .category-card button {
    width: 100%;
    height: 15%;
    font-size: 1rem;
}

/* Kleurstalen main */

#kleurstalen-main .content-page-header {
    margin: 1rem 0 2rem 0;
}

#kleurstalen-main h1 {
    color: #007ba4;
    margin: 10px 0;
}

#kleurstalen-main .samples-display {
    display: flex;
    position: relative;
    align-items: flex-start;
}

#kleurstalen-main aside {
    position: sticky;
    top: 0;
    border: 1px solid #ccc;
    margin-right: 1.5rem;
}

#kleurstalen-main aside .kleurstalen-filter {
    padding: 1rem;
}

#kleurstalen-main aside h3 {
    font-size: 1.15rem;
    margin-bottom: 7px;
}

#kleurstalen-main aside b {
    font-size: 0.95rem;
}

#kleurstalen-main aside h3, #kleurstalen-main aside b {
    color: #007ba4;
}

#kleurstalen-main aside button {
    width: 100%;
}

.kleurstalen-filter .filter-section {
    margin: 1rem 0;
}

.kleurstalen-filter .kleurstalen-filter-options .radio-option, .kleurstalen-filter .kleurstalen-filter-options .checkbox-option {
    margin: 5px 0;
    text-transform: capitalize;
}

.kleurstalen-filter .kleurstalen-filter-options input {
    height: 12px;
    width: 12px;
    overflow: visible;
    position: relative;
    margin-right: 7px;
}

.kleurstalen-filter .kleurstalen-filter-options {
    margin: 0.75rem 0 2rem 0;
}

#kleurstalen-main .img-label-box {
    position: relative;
}

#kleurstalen-main .img-label-box .image-container {
    height: 55%;
}

#kleurstalen-main .sample-box .sample-label {
    position: absolute;
    top: 40%;
    padding: 0.5rem;
    color: white;
    font-size: 11px;
}

#kleurstalen-main .sample-box button {
    color: white;
    background: #007ba4;
    border: none;
    width: 100%;
}

#kleurstalen-main .img-label-box .text-container ul li {
    font-size: 0.75rem;
    margin: 5px 0;
}

#kleurstalen-main .img-label-box .text-container ul li span {
    color: #007ba4;
}

/* Global Styles */

.standard-light-border.arrow-right::after {
    border-left: 20px solid white;
}

.standard-light-border.arrow-right::before {
    position: absolute;
    left: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000;
    border-top: 20px solid transparent;
    content: '';
}

.img-label-box {
    border: 1px solid #ccc;
}

.img-label-box .text-container {
    padding: 0.5rem;
}

.img-label-box .text-container .sample-box-header {
    display: flex;
    justify-content: space-between;
}


.PAX-blue-container.arrow-right::after {
    border-left: 20px solid #007ba4;
}

@media(min-width: 450px){
    .PAX-blue-container.arrow-right::after {
        top: 35%;
    }

    #kleurstalen-main aside {
        width: 20%;
    }

    #kleurstalen-main .samples-grid {
        width: 79%;
    }

    #kleurstalen-main .grid-row-4 {
        grid-template-columns: repeat(5,1fr);
    }
}

@media(max-width: 440px){
    #kleurstalen-select-product {
        padding: 1rem;
    }

    #kleurstalen-select-product .content-page-header .flex-row > *.PAX-blue-container {
        width: 90%;
        margin: 0.75rem 1rem 0.75rem 0;
    }

    #kleurstalen-select-product .grid-row-4 {
        grid-template-columns: 1fr;
        padding: 0 0.75rem;
    }

    .PAX-blue-container.arrow-bottom-mobile::after {
        left: 45%;
    }

    /* Global Styles Mobile */

    .arrow-bottom-mobile::after {
        content: '';
        position: absolute;
        left: 49%;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid black;
    }

    .arrow-bottom-mobile.PAX-blue-container::after {
        border-top: 20px solid #007ba4;
        border-left: 20px solid transparent;
    }

}

/* New landing page */

.landpage-top {
    display: flex;
    margin-bottom: 1.5rem;
}

.landpage-top aside.grid-row-2 {
    grid-template-rows: repeat(5,1fr);
    grid-gap: 1rem;
}

.landpage-top aside a {
    text-decoration: none;
    color: inherit;
}

.landpage-top aside .flex-2c {
    padding: 7px;
    border: 1px solid #ccc;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.landpage-top aside a .flex-2c:hover {
    background: #f2f7fc;
    color: #007ba4;
}

.landpage-top aside .flex-2c > .image-container {
    margin-right: 0;
}

.landpage-top aside img {
    max-width: 50px;
}

.landpage-top aside .flex-2c p {
    margin-bottom: 0;
}

.landpage-top .landpage-top-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.landpage-under-header {
    display: flex;
    height: 100%;
    margin-top: 1rem;
}

.landpage-under-header h2, .landpage-under-header .subtext {
    color: #007ba4;
}

.landpage-under-header button {
    margin-top: 1rem;
}

.landpage-under-header > div {
    padding: 20px;
    flex: 1;
    border: 1px solid #ccc;
}

.landpage-top > div > section.landpage-under-header > div > span {
    margin-bottom: 7px;
}

#showroom h1, #showroom h2 {
    padding-bottom: 15px;
    line-height: normal;
}

#showroom .green-button p {
    padding: 0.5rem;
    text-align: center;
    margin-top: 2rem;
}

/* Mobile */

.landing-page .reviews-row.SEO-widget {
    background-color: #f2f7fc;
    padding: 1rem;
    border: 1px solid #ccc;
}

.landpage-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}

.landpage-grid .image-container .img-header {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    color: white;
    background-image: linear-gradient(0deg, black, transparent);
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    padding: 15px;
}

.landpage-grid .image-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.landpage-grid img:not(.image-zoom) {
    max-height: 300px;
}

.landpage-grid a:hover img {
    transform: scale(1.05);
}

@media(min-width: 450px){
    .landpage-top aside {
        width: 30%;
        margin-right: 1rem;
    }

    .landpage-top > div > section.landpage-under-header > div:first-child {
        margin-right: 1rem;
    }
    
    .landpage-grid > *:first-child {
        grid-area: 1 / 1 / 2 / 3;
    }

    .landpage-grid > *:nth-child(5) {
        grid-area: 2 / 2 / 3 / 4;
    }
}

@media(max-width: 449px){

    .landing-page {
        padding: 0 1rem 1rem 1rem;
    }

    .landpage-top {
        flex-direction: column;
    }

    .landpage-top aside.grid-row-2 {
        order: 2;
    }

    .landpage-top .landpage-top-right {
        order: 1;
        height: auto;
    }

    .landpage-under-header {
        flex-direction: column;
    }

    .landpage-under-header > div {
        margin-bottom: 1rem;
    }

    .landpage-under-header a {
        display: block;
    }

    .landpage-under-header button {
        width: 100%;
    }

    .landpage-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;

        
    }
}

/* ================================ OFFERTE EXCLUSIVE CSS ================================ */

.overview .attributes, .variant-overview .attributes {
    overflow: inherit;
}