.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}
/*
 * KiyOh / Klantenvertellen frontend styling
 */



 /* Single review */

.kk-reviews,.kk-reviews .kk-single-review {position:relative;}

.kk-reviews:not(.kk-layout-list) .kk-single-review {

    text-align: center;

    margin-top: 10px;

}



.kk-reviews .kk-single-review .kk-single-review-text {

    font-size: 1em;

    font-weight: 400;

}



.kk-reviews .kk-reviews-list .kk-single-review .kk-single-review-text {margin-bottom:25px;}



.kk-reviews .kk-single-review .kk-single-review-meta {

    margin-top: 10px;

    font-size: 0.8em;

}



.kk-reviews .kk-average-score,

.kk-reviews .kk-single-review .kk-single-review-rating {

    border-radius: 50%;

    background: #94BE1C;

    color: #FFF;

    font-size: 1.2em;

    height: 40px;

    width: 40px;

    line-height: 40px;

    vertical-align: middle;

    font-weight: bold;

    text-align: center;

}



.kk-reviews:not(.kk-layout-list) .kk-single-review .kk-single-review-rating {

	position: absolute;

    top: -20px;

    right: -35px;

    transform: rotate(10deg);

}



.kk-reviews .kk-single-review .kk-single-review-id {

    font-size: 0.8em;

    margin-top: 5px;

    color: #929292;

}



/* Summary */



.kk-reviews .kk-summary {

    text-align: center;

    margin-top: 10px;

    font-size: 0.8em;

}



/* Logo */



.kk-reviews .kk-logo {

    text-align: center;

    margin-top: 10px;

}



.kk-reviews .kk-logo img {

    display: inline-block;

    height: 48px;

    width: auto;

}





/* Rating */



.kk-reviews:not(.kk-layout-list) .kk-rating .kk-rating-stars,

.kk-rating-summary .kk-rating .kk-rating-stars,

.kk-single-review-wrapper .kk-rating .kk-rating-stars {

    text-align: center;

}



.kk-reviews .kk-rating .kk-rating-stars .star,

.kk-rating-summary .kk-rating .kk-rating-stars .star,

.kk-single-review-wrapper .kk-rating .kk-rating-stars .star {

    background-image   : url(//www.koffiepartners.nl/wp-content/plugins/kiyoh-klantenvertellen/assets/images/stars-default.svg);

    display            : inline-block;

    height             : 24px;

    width              : 24px;

    background-size    : 24px;

    background-position: 0 -6px;

    background-repeat: no-repeat;

}



.kk-reviews.kk-stars-theme-yellow .kk-rating .kk-rating-stars .star,

.kk-rating-summary.kk-stars-theme-yellow .kk-rating .kk-rating-stars .star,

.kk-single-review-wrapper .kk-rating .kk-rating-stars .star {

    background-image: url(//www.koffiepartners.nl/wp-content/plugins/kiyoh-klantenvertellen/assets/images/stars-yellow.svg);

}



.kk-rating-summary.kk-stars-theme-black-grey .kk-rating .kk-rating-stars .star,

.kk-reviews.kk-stars-theme-black-grey .kk-rating .kk-rating-stars .star {

    background-image: url(//www.koffiepartners.nl/wp-content/plugins/kiyoh-klantenvertellen/assets/images/stars-black-grey.svg);

}

.kk-rating-summary.kk-stars-theme-black .kk-rating .kk-rating-stars .star,

.kk-reviews.kk-stars-theme-black .kk-rating .kk-rating-stars .star {

    background-image: url(//www.koffiepartners.nl/wp-content/plugins/kiyoh-klantenvertellen/assets/images/stars-black.svg);

}



.kk-rating-summary.kk-stars-theme-white .kk-rating .kk-rating-stars .star,

.kk-reviews.kk-stars-theme-white .kk-rating .kk-rating-stars .star {

    background-image: url(//www.koffiepartners.nl/wp-content/plugins/kiyoh-klantenvertellen/assets/images/stars-white.svg);

}



.kk-rating-summary .kk-rating .kk-rating-stars .star.star-half,

.kk-reviews .kk-rating .kk-rating-stars .star-half {

    background-position: 0 -36px;

}



.kk-rating-summary .kk-rating .kk-rating-stars .star.star-empty,

.kk-reviews .kk-rating .kk-rating-stars .star-empty {

    background-position: 0 -66px;

}



/* Star sizes */



.kk-reviews.kk-stars-size-medium .kk-rating .kk-rating-stars .star {

    height: 32px;

    width: 32px;

    background-size: 32px;

    background-position: 0 -8px;

}



.kk-reviews.kk-stars-size-medium .kk-rating .kk-rating-stars .star-half {

    background-position: 0 -48px;

}



.kk-reviews.kk-stars-size-medium .kk-rating .kk-rating-stars .star-empty {

    background-position: 0 -88px;

}



.kk-reviews.kk-stars-size-large .kk-rating .kk-rating-stars .star {

    height: 40px;

    width: 40px;

    background-size: 40px;

    background-position: 0 -8px;

}



.kk-reviews.kk-stars-size-large .kk-rating .kk-rating-stars .star-half {

    background-position: 0 -58px;

}



.kk-reviews.kk-stars-size-large .kk-rating .kk-rating-stars .star-empty {

    background-position: 0 -108px;

}



/* Rating summary shortcode */



.kk-rating-summary:after {

    content: "";

    display: table;

    clear: both;

}



.kk-rating-summary .kk-rating,

.kk-rating-summary .kk-rating-summary-text {

    float: left;

}



/* Single review shortcode */



.kk-single-review-wrapper {

    background: #f2f2f2;

    padding: 20px;

}



.kk-single-review-wrapper .kk-single-review-text {

    margin: 5px 0;

}



.kk-single-review-wrapper .kk-single-review-meta {

    font-size: 0.9em;

    font-style: italic;

    text-align: center;

}



/* Slider layout */



.kk-reviews.kk-layout-slider .lSSlideOuter {

    border-bottom: 1px solid #dedede;

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.kk-reviews.kk-layout-slider .kk-reviews .kk-single-review {

    margin-bottom: 5px;

}



.kk-reviews.kk-layout-slider .kk-reviews .kk-single-review .kk-single-review-rating {

    position: relative;

    top: 0px;

    right: 0px;

    margin: 0 auto;

    margin-bottom: 20px;

}



.kk-reviews.kk-layout-slider .kk-rating {

    margin-top: 10px;

}



.kk-reviews.kk-layout-slider .kk-single-review-rating-stars {

    margin-bottom: 10px;

}



.kk-reviews .kk-average-score {position:relative;display:block;margin:10px auto 0;}

.kk-reviews .kk-single-review-recommendation {display:none;}



/* Averages */

.kk-results-averages {margin:0 0 60px;width:100%;}

.kk-results-averages * {box-sizing:border-box;}



.kk-results-averages:not(.kk-results-box-2) .kk-results-average {display:grid;grid-gap:0px;grid-template-columns:50% 50%;}

.kk-results-averages .kk-results-average > * {padding:20px;}



.kk-results-score {text-align:center;font-size:1.1em;}

.kk-results-score .kk-results-total-score {font-size:5em;font-weight:700;line-height:1.1;}

.kk-results-averages-list {background-color:rgba(255,255,255,0.2);}

.kk-results-averages-list ul {list-style:none;padding:0;margin:0;}

.kk-results-average-single {display:grid;grid-gap:10px;grid-template-columns:75% auto;}

.kk-results-average-single > .kk-results-rating {text-align:right;}



.kk-results-footer {width:100%;clear:both;}

.kk-results-footer:before,

.kk-results-footer:after {content:' ';display:table;clear:both;}



.kk-results-recommendation {font-size:1.1em;text-align:center;background-color:rgba(255,255,255,0.1);}

.kk-results-share {background-color:rgba(255,255,255,0.3);}



.kk-results-last-review-date,

.kk-results-view-count {display:block;}

.kk-results-last-review-date {font-size:0.8em;opacity:0.8}



/* Averages dark style */

.kk-results-dark .kk-results-averages-list {background-color:rgba(0,0,0,0.2);}

.kk-results-dark .kk-results-recommendation {background-color:rgba(0,0,0,0.1);}

.kk-results-dark .kk-results-share {background-color:rgba(0,0,0,0.3);}



.kk-results-box-3 .kk-results-score{grid-column: 1 / span 2;}

.kk-results-box-4 .kk-results-recommendation{grid-column: 1 / span 2;}



/* List layout */

.kk-reviews-list .kk-single-review {border-bottom:1px solid #ccc;padding:50px 0;}

.kk-layout-list-columns-2 .kk-reviews-list .kk-single-review {display:grid;grid-gap:20px;grid-template-columns:6em auto;width:100%;}

.kk-reviews-list .kk-custom-review-data {grid-column-start:2;grid-column-end:3;}

/*.kk-reviews-list .kk-single-review-recommendation {display:block;padding:20px 0;}*/

/*.kk-reviews-list .kk-single-review-recommendation span {text-transform:capitalize;}*/

.kk-reviews-list .kk-single-review .kk-single-review-rating {font-size:3em;width:1.7em;height:1.7em;line-height:1.7em;}



/* Custom fields */

.kk-single-extra {margin:0 0 10px;}

.kk-reviews-list .kk-single-review-recommendation,

.kk-single-extra > * {font-size:0.9em;margin:0;}

.kk-single-extra > *:after {content:' ';clear:both;display:table;}

.kk-single-extra ul {list-style:none;}

.kk-reviews-list .kk-single-review-recommendation,

.kk-single-extra li:not([class*=kk-question-IMAGE]) {display:flex;align-items:flex-start;justify-content:space-between;flex-flow:row wrap;margin:4px 0;}

.kk-single-extra li[class*=kk-question-STARS] .kk-question-label {padding-top:4px;}

.kk-single-extra .kk-question-image-link {display:block;position:relative;}

.kk-single-extra .kk-question-image-link img {max-width:100%;height:auto;}

.kk-single-extra .kk-question-label {flex-basis:0px;margin-right:0.5em;word-break:break-all;flex:1 1 auto;}

.kk-single-review-recommendation .kk-rating,

.kk-single-extra .kk-rating {width:20em;flex:0 1 auto;}

.kk-results-review-count {display:block;}

/* Comments */
.kk-single-review-comment {border-top:1px solid #ccc;padding:1em 0;}

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

	.kk-results-averages .kk-results-average {grid-template-columns:100%;}

    .kk-layout-list-columns-2 .kk-reviews-list .kk-single-review {justify-items: center;text-align: center; grid-template-columns: unset;}

    .kk-reviews-list .kk-single-review-recommendation span, .kk-single-review-recommendation .kk-rating {margin: 0 auto;display: block;}

}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container,.noUi-target,.noUi-target *{-webkit-user-select:none;-ms-user-select:none}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.noUi-pips,.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;display:inline-block}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//www.koffiepartners.nl/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e}/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-handle,.noUi-tooltip{position:absolute;border:1px solid #D9D9D9}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label,.searchandfilter li[data-sf-field-input-type=range-radio] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/**
 * Responsive Styling 
 * Version 1
   */

.row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
 
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  padding-left: 15px;
  padding-right: 15px;
  float: left; }
  @media screen and (min-width: 768px) {
    .column, .columns {
      padding-left: 16px;
      padding-right: 16px; } }
  /*.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }*/
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; float:left;}

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 768px) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 992px) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }


.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }


/*
	Theme Name: KoffiePartners
	Description: Template
	Version: 1.0
	Author: Brancom Internetbureau
	Author URI: http://brancom.nl

*/

@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700|Open+Sans:300,400,600,700,800|Source+Sans+Pro:400,600,700");
@font-face {
  font-family: 'icomoon';
  src:  url(//www.koffiepartners.nl/wp-content/themes/template/fonts/icomoon.eot?j98wu6);
  src:  url(//www.koffiepartners.nl/wp-content/themes/template/fonts/icomoon.eot?j98wu6#iefix) format('embedded-opentype'),
    url(//www.koffiepartners.nl/wp-content/themes/template/fonts/icomoon.ttf?j98wu6) format('truetype'),
    url(//www.koffiepartners.nl/wp-content/themes/template/fonts/icomoon.woff?j98wu6) format('woff'),
    url(//www.koffiepartners.nl/wp-content/themes/template/fonts/icomoon.svg?j98wu6#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add-to-cart-single-added:before {
  content: "\e900";
}
.icon-add-to-cart-single:before {
  content: "\e901";
}
.icon-add-to-cart:before {
  content: "\e902";
}



form div.wpcf7-response-output {
    clear: both;
}

form h4 {
    margin: 0 0 10px;    font-size: 14px;
}

.page-template-template-empty header, .page-template-template-empty .side-nav {
    display: none;
}

.g-recaptcha {
    margin: 0 0 20px;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.dropdown-btn-box {
    z-index: 200;
}
@media screen and (max-width: 360px) {
	span.wpcf7-form-control-wrap.recaptcha {margin-left:-20px!important}
}
@media screen and (min-width: 767px) {
    form .half-box:nth-child(even) {
        padding-right: 10px;
    }

    form .half-box:nth-child(odd) {
        padding-left: 10px;
    }

    .product-functies.side-product-functies {
        padding: 0 20px;
    }
}

.nomargin {
    margin-bottom: 0 !Important
}

.partner-logo-holder.slick-slide {
    padding: 0 40px;
    outline: 0
}

.partner-logo-holder.slick-slide img {
    display: inline-block;
    max-width: auto;
    width: auto;
    max-height: 140px;
}
.slick-slide img {margin:0 auto}
.logoslider-holder {
    background: #fff;
    padding: 45px 0 40px;
    border-top: 1px solid #f5f5f5;
}


a, .btn, .afmeting-box, .back-to-top, .logo, span.arrowslider, .filter-mobile, .filter-mobile-button, .mobile-search, .fixed-contact-hold {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.back-to-top {
    position: fixed;
    bottom: -50px;
    right: 30px;
    content: "";
    background: transparent;
    z-index: 9000;
    display: inline-block;
    width: 50px;
    height: 42px;
    background: #3c0e1c;
    border-radius: 9px 0 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding-top: 8px;
    border: 3px solid #fff;
}

.back-to-top:hover, .back-to-top:focus {
    padding-top: 2px;
}

.back-to-top.shown {
    bottom: 30px
}


.water-koeler-archief {margin-top:35px}


.side-klanten {margin-top:15px;overflow:hidden}
.klanten-vertellen iframe, .side-klanten iframe {    border: none;    outline: none;    float: left;}
.side-klanten iframe {float:none;}
.klanten-vertellen {    position: fixed;    z-index: 9000;    right: 0;    top: 150px;-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow:    0px 3px 6px 0px rgba(0, 0, 0, 0.14);box-shadow:         0px 3px 6px 0px rgba(0, 0, 0, 0.14);}
.side-klanten {text-align:center}

@media screen and (max-width:1650px){
	.klanten-vertellen {position:absolute;height:auto;top:180px}
}

@media screen and (max-width:991px){
	.klanten-vertellen {display:none}
}
div#primary {position:relative;z-index:1}
.archive div#primary {z-index:auto;}


/*------------------------------------*\
GLARE
\*------------------------------------*/
.btn {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.archive-koffiepraat-overlay, .archive-vacature-overlay, .recent-koffiepraat-overlay, .overzicht-overlay, .uitgelicht-product-img a, .single-product-image {
    overflow: hidden;
}
.single-product-image a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.btn:before, .archive-koffiepraat-overlay:before, .archive-vacature-overlay:before, .recent-koffiepraat-overlay:before, .overzicht-overlay:before, .uitgelicht-product-img a:before, .vestiging-img a:before, .single-product-image a:before, .desktopnav .sub-menu .submenu-link > a:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.single-product-image:hover a:before,
.vestiging:hover .vestiging-img a:before, .vestiging:focus .vestiging-img a:before,
.btn:hover:before, .btn:focus:before,
.archive-koffiepraat-overlay:hover:before, .archive-koffiepraat-overlay:focus:before,
.koffiepraat-single-archive:hover .archive-koffiepraat-overlay:before, .koffiepraat-single-archive:focus .archive-koffiepraat-overlay:before,
.archive-vacature-overlay:hover:before, .archive-vacature-overlay:focus:before,
.vacature-single-archive:hover .archive-vacature-overlay:before, .vacature-single-archive:focus .archive-vacature-overlay:before,
.recent-koffiepraat-overlay:hover:before, .recent-koffiepraat-overlay:focus:before,
.recent-koffiepraat-box:hover .recent-koffiepraat-overlay:before, .recent-koffiepraat-box:focus .recent-koffiepraat-overlay:before,
.overzicht-overlay:hover:before, .overzicht-overlay:focus:before,
.overzicht-box:hover .overzicht-overlay:before, .overzicht-box:focus .overzicht-overlay:before,
.uitgelicht-product-img a:hover:before, .uitgelicht-product-img a:focus:before,
.uitgelicht-product:hover .uitgelicht-product-img a:before, .uitgelicht-product:focus .uitgelicht-product-img a:before, .desktopnav .sub-menu .submenu-link:hover > a:before  {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/*------------------------------------*\
PRODUCTSPECIFIEK
\*------------------------------------*/
.specificatie-row, .consumptie-row {
    display: none;
    background: #fff;
    color: #696969;
    padding: 10px 20px;
}

.specificatie-item {
    width: 50%
}

.specificatie-item p {
    color: #696969;
    font-size: 16px;
    margin: 0;
    line-height: 1
}

.consumptie-item {
    font-size: 16px;
}

.specificatie-singlerow:nth-child(odd) {
    background: #f2f2f2;
}

.specificatie-row.active, .consumptie-row.active {
    display: block;
}

.tab-specifiek {
    background: #e49513;
    padding: 5px;
    margin-top: 20px
}

.tab-consumpties, .tab-specificaties {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 15px;
    display: inline-block;
    line-height: 1;
    width: auto;
    cursor: pointer
}

.tab-selector .active {
    background: #fff;
    color: #696969
}

.tab-selector .active:after {
    content: "\f103";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.small-12.specificatie-singlerow {
    padding: 10px 0;
}

@media screen and (min-width: 899px) {
    .consumptie-column:nth-child(odd) {
        background: #f2f2f2;
    }
}

.consumptie-item {
    width: 25%;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 900px) {
    .specificatie-item {
        width: 100%
    }

    .consumptie-item {
        width: 50%;
    }

    .consumptie-column .consumptie-item:nth-child(1), .consumptie-column .consumptie-item:nth-child(2) {
        background: #f2f2f2;
    }
}

@media screen and (max-width: 600px) {
    .consumptie-item {
        width: 100%;
    }

    .consumptie-column .consumptie-item:nth-child(1), .consumptie-column .consumptie-item:nth-child(3) {
        background: #f2f2f2;
    }

    .consumptie-column .consumptie-item:nth-child(2), .consumptie-column .consumptie-item:nth-child(4) {
        background: none;
    }

    .tab-consumpties, .tab-specificaties {
        width: 50%;
        font-size: 18px;
    }
}

.specificaties {
    margin: 0 0 10px
}

.specificaties ul, .specificaties li, .highlights ul, .highlights li, .product-functies li, .product-functies ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.specificaties ul {
    margin: 0 0 20px
}

.highlights {
    border: 7px solid #e49513;
    padding: 20px;
    margin-bottom: 30px
}

.highlights h3 {
    color: #e49513;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
}

.highlights li {
    padding-left: 30px;
    position: relative;
    font-size: 16px;
    color: #360b16;
    line-height: 1.6;
    padding-top: 8px;
    padding-bottom: 5px;
}

.highlights li:before, .product-functies li:before {
    background: #360b16;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    top: 16px;
    position: absolute;
    left: 5px;
    content: ""
}

.brochurebox {
    margin: 0 0 30px
}


.product-functies h3 {
    color: #565656;
    font-size: 18px;
    margin: 0 0 10px
}

.product-content,
.product-functies {
    margin: 0 0 20px;
}

.product-functies ul {
    margin: 0 0 20px;
}

.product-functies li {
    padding-left: 30px;
    position: relative;
}

.product-video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.product-video iframe,
.product-video object,
.product-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-video-holder {
    background-color: #f3f3f3;
    padding: 20px;
    margin: 0 0 30px
}

.productafbeeldingen {
    background-color: #f3f3f3;
    padding: 10px;
    margin: 0 0 30px;
}

.productafbeelding {
    position: relative;
    padding: 10px;
    background-color: #fff;
}

.productafbeelding img {
    margin: 0 auto
}

a.lightbox-link {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    right: 20px;
    line-height: 1;
}

a.lightbox-link:hover, a.lightbox-link:focus {
    color: #e49513;
}

.product-nav {
    padding: 10px;
    cursor: pointer;
}

.product-nav-img {
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #fff;
    cursor: pointer;
}


.product-nav-arrow {
    position: absolute;
    font-size: 16px;
    line-height: 1;
    top: calc(50% - 8px);
    left: 10px;
    background: rgba(255, 255, 255, 0.77);
    color: #888;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 2px;
    z-index: 10
}

.product-nav-arrow.product-next {
    left: auto;
    right: 10px;
}

.slick-slide {
    outline: 0
}
.productafbeelding.slick-slide img {
    max-height: 500px;
    width: auto;
}

/*------------------------------------*\
PRODUCTUITGELICHT
\*------------------------------------*/
.product-label {
    width: auto;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #f8af29;
    text-align: center;
    line-height: 1;
    padding: 10px 20px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20px;
    border-radius: 5px 0px 0px 5px;
    text-transform: uppercase;
}

.product-label.nieuw-label {
    background: #360b16;
}

.product-label.refurbished-label {
    background: #49c312;
}
.product-label.huren-label {
    background: #cebca5;
}
.product-label.kopen-label {
    background: #ad0e3a;
}
.product-label.fullservice-label{
    background: #49c312;
}
.product-label:nth-child(2) {
    top: 65px
}

.product-label:nth-child(3) {
    top: 110px;
}
.product-label:nth-child(4) {
    top: 165px;
}
.product-label:nth-child(5) {
    top: 220px;
}
.product-label:nth-child(6) {
    top: 275px;
}





.uitgelicht-product-img {    background-color: #fff;    background-size: contain;    background-position: center center;    background-repeat: no-repeat;    padding-bottom: 100%;    position: relative;}
.uitgelicht-product-img a {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    content: "";    z-index: 100}
.uitgelicht-product-content {    background: #fff;    padding: 20px 25px;}
.uitgelicht-product h3, .uitgelicht-product h3 a {    color: #2c0510;    font-size: 24px;    line-height: 1.4;}
.uitgelicht-product-content ul, .uitgelicht-product-content li {    padding: 0;    margin: 0;    list-style: none;}
.uitgelicht-product-contentli:before {    display: none}

.uitgelicht-row h2 {    margin-bottom: 30px;}

.koffie-machines-button {    margin-top: 5px}
.uitgelicht-box-slider {margin-bottom:0px!important;}
.uitgelicht-product {    margin-bottom: 50px;}
.white-content-row .uitgelicht-product-img, .white-content-row .uitgelicht-product-content {    border: 1px solid #e2e2e2}
.white-content-row .uitgelicht-product-content {    border-top: none}


.afmeting-box {
    position: absolute;
    width: 35px;
    height: 30px;
    display: inline-block;
    bottom: 10px;
    right: 10px;
    background-image: url(//www.koffiepartners.nl/wp-content/themes/template/img/icons/icon-formaat.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1000
}

.afmeting-box:hover .toolbox, .afmeting-box:focus .toolbox, .active-afmeting .toolbox {
    display: block;
}

.toolbox {
    position: absolute;
    color: #fff;
    width: 150px;
    background: #f8af29;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
    top: -40px;
    left: calc(50% - 75px);
    z-index: 10;
    border-radius: 9px;
    display: none;
}

.toolbox:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f8af29;
    content: "";
    position: absolute;
    top: 31px;
    left: calc(50% - 10px);
    z-index: 0;
}


@media screen and (max-width: 767px) {
    .toolbox {
        top: 0px;
        right: 50px;
        left: auto;
    }

    .toolbox:after {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #f8af29;
        top: calc(50% - 7px);
        right: -19px;
        left: auto;
    }
}


/*Koffiemachinesbox*/
.koffiemachine-box .read-more {font-size:14px;}
.koffiemachine-box > div {border:1px solid #e2e2e2;border-radius:10px;background-color:#fff;}
.koffiemachine-box .uitgelicht-product-content {border:none;border-radius:0 0 10px 10px;position:relative;z-index:100}
.koffiemachine-box .uitgelicht-product-img {border-left:none;border-right:none;border-top:none;border-radius:10px 10px 0 0;    padding-bottom: 95%;}

.koffiemachine-box:hover > div{-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
.koffiemachine-box-title {margin-bottom:10px}
.koffiemachine-box-title h4 {    color: #DF8F16;    font-size: 16px;margin-bottom:5px}
.koffiemachine-box .btn {width:100%;text-align:center;margin-bottom:0}
.koffiemachine-box .afmeting-box {    width: 55px;    height: 55px;    bottom: 0;    right: 0;    background-color: #FFFFFF;    border-radius: 10px 0 0 0;    background-size: 32px;}
.koffiemachine-box .afmeting-box.active-afmeting {background-color:#e2e2e2}


.koffiemachine-box-hightlights {border-radius:10px 10px 0 0;font-size:18px;line-height:1.5;color:#fff;font-weight:600;position:absolute;top:0;left:0;width:100%;height:100%;background: rgb(0 0 0 / 76%);    padding: 50px 30px 50px 20px;top:50%; opacity:0;}
.koffiemachine-box:hover  .koffiemachine-box-hightlights {top:0;opacity:1}

.koffiemachine-box-hightlights ul, .koffiemachine-box-hightlights  li {margin:0;padding:0;list-style:none;}
.koffiemachine-box-hightlights li {
    position: relative;font-size:17px;
    padding-left: 25px;
    margin-bottom: 15px;
}
.koffiemachine-box-hightlights  li:before {
content: "";
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #DF8F16;
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 5px;
    background: none;
    width: auto;
    height: auto;
    line-height: 1;
    font-weight: normal;
}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
	.bottom-align{
	  display: -webkit-box;
	  display: -moz-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-align-items: flex-end;
	  align-items: flex-end;	
	  -moz-align-items:flex-end;
	  -ms-align-items:flex-end;
	}
}

.flex-space-between{
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-around;
    -webkit-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	  flex-direction: row;
	flex-wrap: wrap;order: 3; /* default is 0 */
	
}
 .koffiemachine-box-hightlights{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/*------------------------------------*\
PRODUCTOVERZICHT
\*------------------------------------*/
.uitgelicht-product.tax-actie-box > div {
    height: 100%;overflow:hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px 30px;
    position: relative;
}
.tax-actie-box h3 {
    color: #FDB42C;
    font-size: 18px;
    margin: 0 0 20px;
}
.tax-actie-box {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5;
}
.tax-actie-box .read-more {color:#fff;}
.tax-actie-box .overlay {position:absolute;z-index:100;width:100%;top:0;left:0;height:100%}
.tax-actie-box > div:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,150509+67,000000+100&0.8+0,0.19+67,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(21,5,9,0.19) 67%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(21,5,9,0.19) 67%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(21,5,9,0.19) 67%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );z-index:1;}


.tax-actie-box.geen-glow-actie-box > div:before {display:none!important}
.no-content-actie-box > div {
    padding-bottom: 150%!important;
}
.tax-actie-box > div > div {position:relative;z-index:10;}

.uitgelicht-product.large-tax-actie-box > div {padding:50px 60px 40px;}
.large-tax-actie-box h3 { font-size:24px}
.large-tax-actie-box {font-size:18px;font-weight:600}
.large-tax-actie-box > div:before{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c0e1a+0,000000+100&0.8+0,0+100 */
background: -moz-linear-gradient(left, rgba(60,14,26,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(60,14,26,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(60,14,26,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3c0e1a', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}



.tax-actie-box:hover > div {
    -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%);
}
@media screen and (max-width:767px){
	.tax-actie-box > div:before{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,150509+67,000000+100&0.8+0,0.19+67,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(21,5,9,0.5) 67%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(21,5,9,0.5) 67%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(21,5,9,0.5) 67%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );}
}

/*------------------------------------*\
SIDEBAR
\*------------------------------------*/
.mc4wp-form input[type="email"] {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    border: none;
    background: #fff;
    margin-bottom: 15px;
    color: #b1b1b1;
    font-size: 14px;
    border-radius: 35px;
    color: #777
}

.koffiepraat-archive .mc4wp-form input[type="email"], .search-archive .mc4wp-form input[type="email"] {
    border: 1px solid #dbdbdb;
}

.mc4wp-form button.btn.submit-btn {
    width: 100%;
}

.sidebar a.read-more, .link-widget li a, .link-widget, .link-widget p {
    font-size: 16px;
    color: #565656;
    line-height: 24px;
}


.sidebar a:hover, .sidebar a:focus {
    color: #ed9e28;
}

.sidebar h4 {
    color: #350c16;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 10px;
}

.link-widget {
    margin-bottom: 45px;
}
.link-widget:last-child {margin-bottom:0;}

.link-widget ul, .link-widget li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.link-widget li {
    margin: 0 0 20px;
    position: relative;
    padding-left: 35px
}

.link-widget li:last-child {
    margin: 0
}

.link-widget li i, .link-widget li svg {
    margin-right: 10px;
    color: #3b101b;
    position: absolute;
    font-size: 21px;
    top: 2px;
    left: 0;
}
.link-widget li svg {fill: #3b101b;}
.erkend-leerbedrijf {margin-top:45px;}
.erkend-leerbedrijf img {max-width:145px;width:100%;}
.erkend-leerbedrijf a {display:block;max-width:145px;}

/*------------------------------------*\
HEADER/NAV
\*------------------------------------*/


.desktopnav > ul > li > a:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.desktopnav li.search a {    padding-right: 0;    padding-left: 0;}
.desktopnav li.search a:hover, .desktopnav li.search a:focus, .desktopnav li.search a.open {    color: #e49513;}
.desktopnav li.search a:after {    display: none}

.desktopnav a {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    padding: 10px 4px;
    margin: 0 5px;
    padding-bottom: 15px;
    line-height: 1.2;
    display: inline-block;
}

.desktopnav > ul > li > a:hover, .desktopnav > ul > li > a:focus {    color: #fff;}

.desktopnav > ul > li > a:after {    content: "";    position: absolute;    left: 50%;    background-color: #fff;    bottom: 7px;    width: 0;    height: 1px;}

.desktopnav > ul > li:hover > a:after, .desktopnav > ul > li:focus > a:after, .desktopnav > ul > .current-menu-item > a:after, .desktopnav > ul > .current-menu-ancestor > a:after {    left: 0;    width: 100%;    width: calc(100% - 10px);    left: 5px;}

.desktopnav .menu-item-has-children > a, .desktopnav .mega-menu-parent> a {    padding-right: 20px;}

.desktopnav .menu-item-has-children > a span, .desktopnav .mega-menu-parent> a span {
    content: "";
    width: 10px;
    position: absolute;
    top: 22px;
    right: 5px;
    height: auto;
    font-family: 'FontAwesome';
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    line-height: 1;

}
.desktopnav .sub-menu .menu-item-has-children > a span {    top: 15px;    height: 10px;}
.desktopnav .sub-menu .menu-item-has-children:hover > a span {    top: 21px;    right: 9px;}


.desktopnav .menu-item-has-children > a span:before, .desktopnav .mega-menu-parent> a span:before{
    content: "\f078";
    font-size: 10px;
    line-height: 1;
    font-family: 'FontAwesome';
    font-weight: normal;

}

.desktopnav .sub-menu .menu-item-has-children > a span:before {
    content: "\f054";
    top: 0;
}

.desktopnav .menu-item-has-children:hover > a span, .desktopnav .menu-item-has-children:focus > a span,
.desktopnav .mega-menu-parent:hover > a span, .desktopnav .mega-menu-parent:focus > a span{
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
    transform: rotate(-180deg);
	top: 29px;
}


.desktopnav .sub-menu .menu-item-has-children:hover > a span:before, .desktopnav .sub-menu .menu-item-has-children:focus > a span:before, .desktopnav .sub-menu .current-menu-item > a span:before, .desktopnav .sub-menu .current-menu-ancestor > a span:before {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
    color: #dc8e43;
}


.desktopnav ul, .desktopnav li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.desktopnav li {
    position: relative;

}
.desktopnav > ul > li {
    display: inline-block;
    position: relative;
}

.desktopnav > ul > li > a {
    font-weight: 600
}

.desktopnav ul > li:hover > .sub-menu, .desktopnav ul > li:focus > .sub-menu {
    display: block
}

.desktopnav .sub-menu {
    display: none;
    position: absolute;
    text-align: left;
    width: 200px;
    background: rgba(60, 14, 27, 1);
    border-radius: 10px;
    padding: 0;
    left: 0;
    top: 100%;
}

.desktopnav .sub-menu .sub-menu {
    left: 200px;
    border-radius: 15px 15px 15px 15px !important;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    z-index: 999;
    padding: 5px 0;
}

.fixed-header .desktopnav .sub-menu {
    background: #3c0e1c;
    border-radius: 0 0 10px 10px;
}

.desktopnav .sub-menu a {
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 15px 15px;
    line-height: 1;
    position: relative;
    font-size: 14px;
    border-right: none;
	border-bottom: 1px solid #4E1727;


}
.desktopnav .sub-menu li:last-child > a {border:none}
.desktopnav .sub-menu .submenu-link > a {
        background: rgb(254, 181, 45);
    background: -moz-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb52d', endColorstr='#df8f16', GradientType=0);
    border-radius: 0 0 10px 10px;
    font-weight: bold;overflow:hidden;    display: block;position:relative;color:#fff!important
}
.desktopnav .sub-menu .submenu-link > a:after{    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101";margin-left:10px;}


.desktopnav .sub-menu li:hover > a, .desktopnav .sub-menu li:focus > a, .desktopnav .sub-menu .current-menu-item > a, .desktopnav .sub-menu .current-menu-ancestor > a {
    color: #dc8e43;
}

.actie-descktop-count a {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}
.actie-descktop-count {
    width: 16px;
    height: 16px;
    background: #EE9F29;font-size:9px;font-weight:bold;
    color: #00963F;
    border-radius: 50%;
    display: block;
    position: absolute;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 3px;    top: calc(50% - 17px);
}

header {
    background: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9997;
}

.wrapper.header-nav {
    padding-top: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    clear: both
}

.fixed-header .wrapper.header-nav {
    padding-top: 7px;
}

.logo {    width: 170px;}
.fixed-header .logo {    margin-top: 10px;}
.logo a {display:block;width:100%;}
.fixed-header .logo a{    width: 113px;}

.nav-box {    width: calc(100% - 170px);  }
.fixed-header .nav-box {    margin-top: 1px;}

.desktopnav {   width:calc(100% - 318px);    margin-top: 1px;  text-align: right;}
.fixed-header .desktopnav {    margin-top:1px;}

.nav-keuzehulp {    width: 210px;    margin: 0 32px;margin-top:12px;}
.nav-phone-keuzehulp {    width: 44px;margin-top:12px;}

header .btn {    padding: 13px 20px;    margin: 0;    vertical-align: middle;}
.nav-phone-keuzehulp .btn {    padding: 13px 15px;    width: 44px;    height: 44px;}


header, .nav-box {
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.fixed-header {    background-color: #3c0e1b;}


@media screen and (min-width: 768px) {
    .fixed-header {        padding-bottom: 10px;    }
}


.top-bar {    background: #3c0e1a;    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.top-bar .wrapper {    padding: 15px 0px;}

.top-bar a.btn {    padding: 6px 15px;    margin: 0}

.search-field.mobile-search {    display: none;    width: 100%;    left: 0;    background: #ed9e28}

.top-bar, .top-bar p, .top-bar a {    font-size: 14px;    line-height: 1.2;    color: #fff}

.top-bar a:hover, .top-bar a:focus {    color: #ed9e28;}
.top-bar ul, .top-bar li {    padding: 0;    margin: 0;    list-style: none;}

.top-btns li {    display: inline-block;    margin: 0 5px;}
.top-btns {padding-left:10px;padding-right:10px;}
.top-btns {    text-align: right;width: 50%;}
.topbar-left {width:50%;   }
.topbar-left i {    margin-right: 10px;    color: #fff;}
.topbar-left li {    display: inline-block;    margin-right: 30px;}
.topbar-left li:last-child {margin-right:0}
.top-bar .read-more {color:#fff;}


@media screen and (max-width:1100px){
	.topbar-left {    width: 350px;}
	.top-btns  {    text-align: right;float:right;    width: calc(100% - 350px);}
}

@media screen and (max-width:768px){
	.topbar-left,
	.top-btns  {text-align:center;width:100%;margin-bottom:5px}
	.top-bar, .top-bar p, .top-bar a {font-size:11px;}
}



.top-contact, .top-extra {    width: 50%;    width: calc(50% - 85px);}
.top-socials {    width: 170px;}
.top-contact {    padding-top: 7px;}
.top-contact li {    display: inline-block;    margin-right: 30px;}
.top-contact li:last-child {    margin-right: 0}
.top-contact i {    margin-right: 10px;    color: #fff}
.top-socials {    text-align: center;}

.top-socials li {    display: inline-block;    margin: 0 3px;}
.top-socials li a {    color: #fff;    font-size: 22px;}

.top-socials li a:hover, .top-socials li a:focus {
    color: #ed9e28;
}



@media screen and (min-width: 767px) {
    .top-extra {
        text-align: right;
    }
}

.top-extra li {
    display: inline-block;
    margin-left: 50px;
}

.top-extra li:first-child {
    margin-left: 0;
}





@media screen and (min-width: 768px) {
    .top-extra li {
        float: left;
    }

    .top-extra ul {
        float: right;
    }

}

@media screen and (max-width: 991px) {
    .top-contact, .top-extra {
        width: 50%;
    }

    .top-socials {
        display: none
    }

    .top-contact {
        text-align: left;
    }

    .top-socials {
        text-align: right;
    }

    .top-bar {
        padding-top: 0;
    }

    .top-extra {
        margin: 5px 0 0;
        text-align: right;
    }

    .top-contact {
        padding-top: 13px;
    }
}

@media screen and (max-width: 767px) {
    .top-contact, .top-socials, .top-extra {
        width: 100%;
        text-align: center
    }

    .top-socials {
        margin: 5px 0 0;
    }

    .top-bar a.btn {
        background: none;
        border-radius: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 1;
        color: #fff;
        overflow: inherit
    }

    .top-bar a {
        line-height: 1;
    }

    .top-bar a.btn:before {
        display: none
    }



    .top-bar a.btn:hover, .top-bar a.btn:focus {
        color: #ed9e28 !important;
    }

    .top-contact {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .top-extra {
        padding-top: 5px;
        padding-bottom: 10px;
    }
}


.mobilenav {    display: none;    margin-top: 0;    float: right;width:100px;}
.fixed-header .mobilenav {    margin-top: 0;}

.mobilenav ul, .mobilenav li {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #fff;
}

.mobilenav ul {
    text-align: right;
    float: right;
}

.mobilenav li {
    display: inline-block;
    float: left;
}

.mobilenav a {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.mobilenav a:hover, .mobilenav a:focus {
    color: #dc8e43;
}

.mobbtn {
    width: 20px;
    height: 56px;
    width: 46px;
    display: inline-block;
    margin-left: 25px;
    position: relative;
    float: right;
}

.mobbtn span {
    position: absolute;
    width: 100%;
    height: 3px;
    content: "";
    background: #fff;
    top: 10px;
    right: 0;
}

.mobbtn span:nth-child(2) {
    top: 27px
}

.mobbtn span:nth-child(3) {
    top: 43px
}

.mobbtn:hover span:nth-child(2), .mobbtn:focus span:nth-child(2) {
    width: 70%;
}

.mobbtn.open-nav span:nth-child(2) {
    width: 0 !important
}

.mobbtn.open-nav span:nth-child(1) {
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);
    top: 27px;
}

.mobbtn.open-nav span:nth-child(3) {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
    top: 27px;
}

.mobbtn span, button, .side-nav, .overflow-push {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 .search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #fff;
        opacity: 1; /* Firefox */
    }

    .search:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff
    }

    .search ::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff;
    }

.search .archive-koffiepraat-content {    color: #565656;}

.search {    color: #fff}
.search-field {    position: absolute;    bottom: 0;    width: 100%;    left: 0;    padding: 0 15px;    display: none;z-index:9990}

.search-field.open-search {    display: block}
.search-field form.search {    background: none;      float: left;    width: 100%;}

input.search-input, button.search-submit, .close-search {    float: left;}

button.search-submit, .close-search {    width: 40px;    height: 40px;    background: none;    border: none;    -webkit-appearance: none;
    appearance: none;    -moz-appearance: none;    color: #fff;    outline: 0;    text-align: center;}
.close-search {    padding-top: 2px}

button.search-submit:hover, button.search-submit:focus, .close-search:hover, .close-search:focus {    color: #3c0e1a;}

input.search-input {
    height: 40px;
    border: none;
    width: 100%;
    width: calc(100% - 80px);
    box-sizing: border-box;
    padding-left: 15px;
    background: none;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    outline: 0;
    color: #fff;
}


.side-nav {  overflow:auto;  display: none;    position: fixed;    width: 100%;    max-width: 270px;    width: calc(100% - 50px);    height: 100%;
    background: #fff;    right: -270px;    z-index: 9999;    padding: 20px;}

.side-nav.open-nav {    right: 0;}

.overflow-push {    width: 100%;}

.side-nav ul, .side-nav li {    padding: 0;    margin: 0;    list-style: none;}

.side-nav li {    display: block;    line-height: 1;}
.side-nav li a {    display: block;    padding: 10px 0;    color: #3c0e1a;    border-bottom: 1px solid #DEDEDE}
.side-nav li a:hover, .side-nav li a:focus, .side-nav li.current-menu-item > a, .side-nav li.current-menu-ancestor > a {    color: #ed9e28;}
.side-nav div > ul > li > a {    font-size: 16px;    font-weight: 600;}
.side-nav div > ul ul > li > a {    font-size: 14px;    font-weight: normal;    padding-left: 10px}
.side-nav div > ul ul ul > li > a {    padding-left: 35px}
.side-nav .sub-menu {    display: none}

.side-nav li.menu-item-has-children {    position: relative;}
.side-nav li.menu-item-has-children > a {    padding-right: 29px;}
.side-nav li.menu-item-has-children > span {    position: absolute;    width: 40px;    height: 37px;    content: "";    top: 0;    right: 0;    z-index: 1}

.side-nav li.menu-item-has-children > span:after, .side-nav li.menu-item-has-children > span:before {
    content: "";
    width: 14px;
    height: 3px;
    position: absolute;
    left: 14px;
    top: 17px;
    background: #3c0e1b;
}
.side-nav .ss-scroll {background:none!important}
.open-nav:after {    display: none}

.side-nav li.menu-item-has-children > span:after {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}

.search-field.mobile-search {    bottom: auto;    position: relative;    float: left;    width: 100%;    left: auto;}
.mobile-search input.search-input {    font-size: 14px}
ul.ct-info {    margin-top: 20px;}
.side-nav ul.ct-info li a {    border: none}
article.fixed-contact-hold.row {    position: relative;    z-index: 9990;    background: #f9f9f9;    width: 100%;    left: 0;    margin-top: 10px;    clear: both;    display: none;    float: left;}
.fixed-contact-hold ul, .fixed-contact-hold li {    padding: 0;    margin: 0;    list-style: none;}
.fixed-contact-hold li {    display: inline-block;}
.fixed-contact-hold li:first-child {    float: left}
.fixed-contact-hold li:last-child {    float: right}
.fixed-contact-hold li a {    font-size: 14px}
.fixed-contact .fa-phone {    font-size: 13px}

.side-nav .btn {margin:20px 0 0;width:calc(100% - 10px);text-align:center;padding:15px}



@media screen and (max-width: 991px) {
    .search-field {        bottom: 20px;        width: calc(100% - 60px);    }
}
@media screen and (max-width: 1330px) {
 	.side-nav {        display: block    }
    .overflow-push.pushed-state {        margin-left: -270px;    }
    .pushed-state header {        left: -270px;    }
	
	.nav-box {    margin-top: 5px;}
	.fixed-header .wrapper.header-nav {    padding-top: 0px;}
	.fixed-header .nav-box {    margin-top: 9px;}
	    .desktopnav {        display: none    }
    .mobilenav {        display: block    }
	.nav-keuzehulp {    width: calc(100% - 170px);    text-align: right;}
	.nav-phone-keuzehulp, .nav-keuzehulp {margin-top:7px!important;}
 }

@media screen and (max-width: 991px) {
    .fixed-header .top-bar .wrapper {        padding: 12px 0;    }
	.nav-keuzehulp {margin-left:0}
	.nav-keuzehulp {		width: calc(100% - 180px);}
	.fixed-header .wrapper.header-nav {    padding-top: 0px;}
}


.side-nav .side-socials {    display: block;    text-align: left;    margin-top: 30px;}
.side-nav .side-socials li {    display: inline-block;    width: 20%;    float: left;}
.side-nav .side-socials li a {    display: inline-block;    font-size: 26px;    padding: 0;    border: none;}
.side-nav .side-socials li a svg {    fill: #3c0e1a;transform:scale(1.1)}
.side-nav .side-socials li a:hover svg {    fill: #ee9f29;}


@media screen and (max-width: 767px) {
	  .fixed-header .top-bar .wrapper {        padding: 10px 0 10px;    }
    article.fixed-contact-hold.row.shown {        display: inline-block    }
	.fixed-header .wrapper.header-nav {    padding-top: 0px;}
    .logo {    width: 130px;}
	.fixed-header .logo a {width:100%}
	.nav-box {    width: calc(100% - 130px);}
	.nav-keuzehulp {display:none}
	.nav-phone-keuzehulp {    width: calc(100% - 100px);    text-align: right;padding-right:5px}
	.nav-box { padding-left:0;   margin-top: -3px;}
}


/*------------------------------------*\
MEGAMENUCSS
\*------------------------------------*/
.desktopnav > ul > li > a {    font-weight: 600;    padding: 23px 4px;}


.desktopnav > ul > li.mega-menu-parent {position:static}

.mega-menu-wrapper{ max-height:0; width: 100%;    position: absolute;    top: 100%;    left: 0;    padding: 0 16px;}
.mega-menu-wrapper > div{ max-height:0}

.mega-menu-wrapper > div{
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}


.mega-menu-wrapper > div{background-color:#3C0E1A;border-radius:10px;
-webkit-box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 36%);
    box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 20%);
	padding:0 20px 0;position:relative;overflow:hidden
}
.mega-menu-parent:hover .mega-menu-wrapper > div {max-height:1000px;    padding: 45px 20px 140px;}


.mega-menu-widget-items {    padding: 0 25px;}
.mega-menu-widget-items > .medium-6 {width:45%}
.mega-menu-widget-items > .medium-6:last-child {width:55%}

.mega-menu-holder {width:calc(100% - 360px);padding-right:25px}

.mega-menu-widget-items {    text-align: left;}
.mega-menu-row {margin-bottom:30px}
.mega-menu-widget-items h4 {    font-size: 20px;    color: #fff;    margin-bottom: 15px;    padding-bottom: 15px;    border-bottom: 1px solid #fff;}
.mega-menu-subtitle-box h5 {    color: #DF8F16;    font-size: 15px;    margin-bottom: 10px;}


.mega-menu-link-column a {    font-size: 15px;padding:0;margin:0;display:block}
.mega-menu-link-column li, .mega-menu-link-column ul {margin:0;padding:0;display:block}
.mega-menu-link-column li {margin-bottom:10px}
.mega-menu-link-column li:last-child {margin-bottom:0}


.mega-menu-extra-link {text-align:left;padding:0 25px;}
.mega-menu-extra-link .read-more { font-size:15px;   font-weight: 600;    color: #DF8F16;margin:0;padding:0;}
.mega-menu-extra-link .read-more:hover {color:#fff}

.mega-bottom-link-widget {  
background: #17050a; 
background: -moz-linear-gradient(left, #17050a 0%, #3c0e1a 60%, #3c0e1a 100%);
background: -webkit-linear-gradient(left, #17050a 0%,#3c0e1a 60%,#3c0e1a 100%); 
background: linear-gradient(to right, #17050a 0%,#3c0e1a 60%,#3c0e1a 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17050a', endColorstr='#3c0e1a',GradientType=1 ); 
border-radius: 0 0 10px 10px;	
position: absolute;    bottom: 0;    left: 0;    text-align: left;    padding: 25px 45px 20px;    z-index: 1;}

.mega-bottom-link-widget h4 {    color: #DF8F16;    font-size: 15px;    margin-bottom: 0;}
.mega-bottom-link-widget .read-more {    padding: 0;    margin: 0;    line-height: 1;    font-weight: 600;    color: #fff;}


.mega-menu-image-persoon {
    position: absolute;
    z-index: 20;
    width: 330px;
    height: calc(100% - 45px);
    bottom: 0;
    right: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.mega-menu-image-box, .standaard-mega-menu-persoon {
	z-index: 10;
	  position: absolute;    right: 45px;
    height: 270px;
    width: 330px;
    float: right;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;background-color:#fff; opacity:0;
	    top: 45px;bottom:auto;
}
.mega-menu-image-box > div {width:100%;height:100%; background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}

.standaard-mega-menu-persoon {opacity:1}
.mega-menu-image-persoon.hidden-persoon {opacity:0;}


.mega-menu-image-persoon, .mega-menu-image-box, .video-link:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width:1400px){
	.nav-keuzehulp {	 	margin: 0 12px;   margin-top: 12px;}
	.desktopnav {		width: calc(100% - 278px);}
	.desktopnav > ul > li > a {padding-left:1px;padding-right:1px}
}

/*------------------------------------*\
FOOTER
\*------------------------------------*/
.footer-socials li{display:inline-block;margin:0 5px;}
.footer-socials  {display:block;margin-top:15px}
.footer-socials li:first-child {margin-left:0}
.footer-socials li:last-child {margin-right:0;}
.footer-socials a {    font-size: 21px;}

.foot-partner a {    margin-left: 5px;    opacity: 1;}
.foot-partner a:hover, .foot-partner a:focus {    opacity: 0.7}

.foot-partner a img {    margin-bottom: -4px;    margin-top: -10px;display:inline-block;width:auto}

@media screen and (min-width: 992px) {

    .foot-height {        display: -ms-flexbox;        display: -webkit-flex;        display: flex;        -ms-flex-align: center;
        -webkit-align-items: center;        -webkit-box-align: center;        align-items: center;    }
}


footer h4 {    color: #fff;    font-size: 20px;    font-weight: 700;    font-family: 'Open Sans', sans-serif;    margin: 0 0 25px;}
footer {    padding-top: 60px;    background-color: #350c16;}
footer .margin-bottom {    margin-bottom: 30px}

footer, footer p, footer a {    color: #fff}
footer a:hover, footer a:focus {    color: #ed9e28;}
footer, footer p {    font-size: 16px;    line-height: 30px;    font-weight: normal;    font-family: 'Maven Pro', sans-serif;}

@media screen and (max-width: 1200px) {
    footer, footer p {        font-size: 15px;    }
}

footer ul, footer li {    padding: 0;    margin: 0;    list-style: none}
footer .footer-menu li {    padding-left: 15px;    position: relative;}
footer .footer-menu li:before {    content: "";    position: absolute;    width: 5px;    height: 5px;    background: #fff;    border-radius: 50%;    top: 14px;    left: 0;}
li.phone i, li.mail i {    margin-right: 4px;}
.copyright {    background: #2c0510;    padding: 20px 0;}
.copyright, .copyright p {    font-size: 10px;    line-height: 28px;    font-weight: 600;    font-family: 'Maven Pro', sans-serif;    margin: 0;    line-height: 1.3;}
.copyright a {    text-decoration: underline}
.copyright .wrapper > .small-12:nth-child(2) {    text-align: center;}

@media screen and (min-width: 992px) {
    .copyright .wrapper > .small-12:last-child {        text-align: right;    }
}

@media screen and (max-width: 991px) {
    .copyright .wrapper > .small-12 {        text-align: center;        margin: 0 0 5px;    }
    .copyright .wrapper > .small-12:last-child {        margin: 0    }
    .foot-partner {        margin: 10px 0 15px !important;    }
}
@media screen and (max-width:767px){
	footer h4 {margin-bottom:15px}
	footer, footer p {    font-size: 14px;    line-height: 1.6;}
	footer .footer-menu li:before {top:9px}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .footer-top > .small-12 {        width: 50%;    }
}



/*------------------------------------*\
    MAIN
	font-family: 'Open Sans', sans-serif;
font-family: 'Maven Pro', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
	
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #565656;
    font-size: 18px;
    line-height: 36px;
}

p {  margin: 0 0 25px;}
p:last-child {margin-bottom:0}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 20px;
}


h2, h3 {
    color: #350c16;
    font-weight: 700;
    font-size: 36px;
}
h3.subtitel {
    font-size: 18px;
    margin: 0px 0 20px;
    color: #565656;
    display: block;
    width: 100%;
}

@media screen and (max-width: 1380px) {
	h1 {font-size:36px;}
	h1, h2, h3, h4, h5, h6 {margin-bottom: 16px;}
	h2 {font-size:30px;}

    h2, h3 {        font-size: 30px    }
	h3.subtitel {
		font-size:18px;
        margin-top: 0;
        margin-bottom: 12px;
    }
}


@media screen and (max-width: 991px) {
	h1 {font-size:32px;}
	h1, h2, h3, h4, h5, h6 {margin-bottom: 12px;}
	h2 {font-size:28px;}

    h2, h3 {        font-size: 28px    }
	h3.subtitel {
		font-size:18px;
        margin-top: 0;
        margin-bottom: 12px;
    }	


}

@media screen and (max-width: 767px) {
   
}

@media screen and (max-width:600px){
	h1 {font-size:28px;}
	h2 {font-size:24px;}

    h2, h3 {        font-size: 24px    }
	h3.subtitel {
		font-size:18px;
        margin-top: 0;
        margin-bottom: 12px;
    }	
}

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

}



/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

img {
max-width: 100%;
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

a {
    color: #350c16;
    text-decoration: none;
}

a:hover, a:focus {
    color: #ed9e28;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
a {
    cursor: pointer;
}

/* wrapper */
.wrapper {
    max-width: 1470px;
    width: calc(100% - 80px);
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 1100px) {
	.wrapper {width: calc(100% - 40px);}
	
}
@media screen and (max-width: 767px) {
	.wrapper {width: calc(100% - 10px);}
}

.textcenter {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .text-right {
        text-align: right;
    }
}

a.brochure-link {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #e49513;
    font-size: 18px;
}

a.brochure-link:hover, a.brochure-link:focus {
    color: #360b16;
}


.dropdown-brances-box {
    position: relative;margin-top:25px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #360b16;
    min-width: 200px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 15px;
    top: 60px;
}

.dropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    line-height: 1;
}

.dropdown-content a:hover, .dropdown-content a:focus {
    color: #ed9e28
}

.shown .dropdown-content {
    display: block;
}

div.wpcf7 .wpcf7-submit:disabled {
    opacity: 0.4
}

/*btns basis*/
button.wpcf7-form-control.wpcf7-submit {margin-top:15px}
.btn, input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Maven Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    background: rgb(254, 181, 45);
    background: -moz-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb52d', endColorstr='#df8f16', GradientType=0);
    border-radius: 25px;
    padding: 15px 20px;
    line-height: 1;
    border: none;
    outline: none
}
.text-column  .btn:last-child {margin-bottom:0;}

.btn.redbtn {
    color: #fff !important;
    background: #fe2727; /* Old browsers */
    background: -moz-linear-gradient(top, #fe2727 0%, #b30303 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fe2727 0%, #b30303 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fe2727 0%, #b30303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe2727', endColorstr='#b30303', GradientType=0); /* IE6-9 */
}

.btn.dark {
background: #591729; 
background: -moz-linear-gradient(top, #591729 0%, #420f1e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #591729 0%,#420f1e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #591729 0%,#420f1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#591729', endColorstr='#420f1e',GradientType=0 ); /* IE6-9 */
} 
.btn.green {background:#7ED321;color:#fff;}

.btn.outline {    color: #FDB42C!important;    border: 2px solid #FDB42C;    background: none;    padding: 13px 18px;}

.btn:hover, .btn:focus, input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus {
	color: #fff !important
}

.banner .read-more {    vertical-align: middle;    color: #fff;    position: relative;    padding: 0px 0;    margin-bottom: 10px;    display: inline-block;}
.banner .read-more:after {content:"";position:absolute;bottom:0;left:0;width:calc(100% - 15px);background:#fff;height:2px;}

.banner .btn, .banner .read-more {margin-right:30px}
.banner .btn {    padding: 18px 30px;vertical-align: middle; border-radius:27px }

.text-center .btn-margin:first-child{margin-left:0;}
.text-center .btn-margin:last-child{margin-right:0;}
.textcenter .btn-margin:first-child{margin-left:0;}
.textcenter .btn-margin:last-child{margin-right:0;}
.btn-margin { 
    margin-left: 10px;
    margin-right: 10px;
}


@media screen and (max-width: 992px) {
    .btn {
        font-size: 17px;
        padding: 15px 23px;
    }

    .banner .btn {
        padding: 18px 27px;
    }
}

@media screen and (max-width: 768px) {
    .btn {
        font-size: 16px;
        padding: 15px 20px;
    }

    .banner .btn {
        padding: 17px 25px;
    }
}
/*Einde btns basis*/

/*------------------------------------*\
    BANNERS & VIDEO BANNER
\*------------------------------------*/
.banner {
    min-height: 480px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #575757;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    padding: 250px 0 80px;
}

.banner .wrapper {    z-index: 10}

.banner h1 {    margin: 0;    font-size: 50px;    color: #fff;    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);    line-height: 1.2;}
.banner p {    margin: 0 0 20px;    font-size: 24px;    color: #fff;    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);}

.small-banner {   position:relative; padding: 100px 0 50px;    min-height: 175px;}

video.banner-video {    position: absolute;    top: 0;    left: 0;    min-width: 100%;    min-height: 100%;    width: auto;    height: auto;    z-index: 1; }


.home-banner {   overflow:hidden;position:relative;   padding-top: 220px;  min-height: 680px; font-size:20px;color:#fff;}
.home-banner:before, .small-banner:before {width:calc(55%);height:140%;top:-20%;left:0;opacity:.65; background:#3C0E1A;content:"";position:absolute;z-index:1;    transform: rotate(
10deg);}
.home-banner:before {left: -140px;}
.small-banner:before {opacity:.5;with:75%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c0e1a+0,701a31+49,701a31+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(60,14,26,1) 0%, rgba(112,26,49,0.51) 49%, rgba(112,26,49,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(60,14,26,1) 0%,rgba(112,26,49,0.51) 49%,rgba(112,26,49,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(60,14,26,1) 0%,rgba(112,26,49,0.51) 49%,rgba(112,26,49,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c0e1a', endColorstr='#00701a31',GradientType=1 ); /* IE6-9 */}


.home-banner .wrapper, .small-banner .wrapper {position:relative;z-index:10;}
.home-banner .wrapper .small-12 .small-12 {margin-bottom:40px}
.home-banner .wrapper .small-12 .small-12:last-child {margin-bottom:0;}

.home-banner h1 {font-size:44px;}
.home-banner p {font-size:20px;}
.home-banner p, .home-banner, .home-banner h1 {text-shadow:none;} 

.home-banner-image {display:none}
.home-banner-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.banner ul, .banner li {padding:0;margin:0;list-style:none;display:block}
.banner li {margin-bottom:15px;padding-left:30px;position:relative}
.banner li:last-child {margin-bottom:0}
.banner li:before {    font: normal normal normal 14px/1 FontAwesome;    content: "\f00c";    font-size: 20px;    position: absolute;    left: 0;    top: 8px;    color: #FDB42C;}

@media screen and (max-width: 1380px) {
	.banner {min-height: 400px;padding: 170px 0 30px;}
	.home-banner {min-height: 550px;}

	.home-banner p, .banner p {    font-size: 16px;}
	.banner li {    margin-bottom: 5px;    font-size: 16px;}
	
	.home-banner h1 {    font-size: 36px;}
	 .banner h1 {        font-size: 36px;        margin-bottom: 10px;    }
}


@media screen and (max-width: 1500px) {
.home-banner:before, .small-banner:before {	width: calc(60%);}
	
}

@media screen and (max-width: 1250px) {
.home-banner .large-6 {    width: 48%;}
	.page-template-template-keuzehulp-results .small-banner {    padding-top: 150px;    padding-bottom: 20px;}
}




@media screen and (max-width: 1050px) {
    .banner h1 {        font-size: 32px;        margin-bottom: 10px;    }
	.home-banner h1 {font-size:32px;}

    .banner p {        font-size: 16px;        line-height: 1.4;    }
	.home-banner p, .home-banner {font-size:16px;}
	
	
	.home-banner:before {width:75%}
	
	.home-banner .large-6 {width:100%}
	.home-banner:before {transform: rotate( 0deg);    width: 100%;left:0;}	
	.home-banner {background:none!important;  padding-top:0!important;padding-bottom:45px!important;  display: block;
    display: block;
    display: block;
    -ms-flex-align: inherit;
    -webkit-align-items: inherit;
    -webkit-box-align: inherit;
    align-items: center;min-height:0}
	.home-banner-image {
    display: block;
}
	.home-banner:before {display:none}
	.home-banner h1 {    color: #350c16;}
	.home-banner, .home-banner p, .home-banner .read-more {    color: #565656;}
	.home-banner .wrapper {
    padding-top: 45px;
}
	
}
@media screen and (max-width: 767px) {
	.banner li {		margin-bottom: 0;}
	.home-banner .wrapper .small-12 .small-12 {    margin-bottom: 25px;}
	.home-banner {padding-top: 220px;    padding-bottom: 50px;    min-height: 350px;}
	.page-template-template-keuzehulp-results .small-banner {    padding-top: 190px;}
	
	
}
@media screen and (max-width: 600px) {
    .banner h1 {        font-size: 28px;    }
	.home-banner h1 {font-size:28px;}
    .banner p {        font-size: 16px;        line-height: 1.4;    }
	.home-banner p, .home-banner {font-size:16px;}

}


/*------------------------------------*\
    Breadcrumb
\*------------------------------------*/
section.breadcrumbs {
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0;
}

.breadcrumbs {
    line-height: 1.2;
    font-size: 13px;
    color: #565656;
    font-family: 'Open Sans', sans-serif;
    margin: 0
}

.breadcrumbs a {
    color: #565656;
}

.breadcrumbs a:hover, .breadcrumbs a:focus {
    color: #ed9e28;
}

/*------------------------------------*\
    USPBOX
\*------------------------------------*/
section.usp-box {    padding: 50px 0 25px;    background: #3c0e1b;}

.usp-box .medium-4 {position:relative;margin-bottom:25px;}
.usp-icon {    width: 38px;     position: absolute;    left: 0;    top: -9px}
.usp-icon img {    height: 38px;    width: auto;}
.usp-txt {  padding-left: 55px}
.usp-txt p {    color: #fff;    font-size: 20px;    line-height: 28px;    font-family: 'Source Sans Pro', sans-serif;margin:0}
.usp-txt p span, .usp-txt p strong {font-weight:bold;color:#DF8F16}

.usp-box .medium-4 > div {position:relative;}
.usp-box .medium-4 a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}

@media screen and (min-width:1400px){
	.usp-box .medium-4 {width:auto;max-width:33.33333%}
	.usp-container{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;}
}
/*------------------------------------*\
    Layouts
\*------------------------------------*/
.vestiging-titlebox {
    margin-bottom: 50px;
    text-align: center
}

.vestiging {
    margin-bottom: 30px
}

.with-lines .vestiging-content {
    border: 1px solid #e2e2e2;
}

.with-lines .vestiging-img {
    border: 1px solid #e2e2e2;
    border-bottom: none
}

.vestiging p, .vestiging {
    font-size: 16px;
    line-height: 1.5;
}

.vestiging h3 {
    color: #2c0510;
    font-size: 24px;
    line-height: 1.4;
}

.vestiging h4 {
    color: #2c0510;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.small-12.vestiging-contact, .vestiging-omschrijving, .vestiging-adres > div {
    margin: 0 0 20px
}

.vestiging-adres p {
    font-size: 14px
}

.vestiging-img {
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
}

.vestiging-img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 100;
}

.vestiging-content {
    background: #fff;
    padding: 20px 10px 10px;
}

@media screen and (max-width: 767px) {
    .vestiging h3 {
        font-size: 21px
    }

    .vestiging h4 {
        font-size: 15px
    }

    .vestiging p, .vestiging {
        font-size: 15px
    }

    .vestiging-titlebox {
        margin-bottom: 30px
    }
}
 

.concept-box {    background: #FAFAFA;    padding: 50px 34px 40px;}
.concept-image {    text-align: center;    position: relative;}

.concept-image img {    position: relative;    z-index: 10;    width: 100%}
.concept-box .btn {margin:0}
@media screen and (max-width: 991px) {
    .concept-box {        padding: 35px;    }
}

@media screen and (max-width: 767px) {
    .concept-box {        padding: 20px;    }
}

.concept-txt h3 {
    font-size: 23px;
    margin: 0 0 15px;
}

.reguar-row .concept-txt ul li:before {
    background: #d8d8d8;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    top: 16px;
}

.reguar-row .concept-txt ol {
    margin: 0;
    padding: 0;
}

.reguar-row .concept-txt ul li {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .concept-image {
        margin-bottom: 20px;
        margin-top: 15px
    }

    .concept-txt h3 {
        font-size: 21px;
    }

}

@media screen and (min-width: 768px) {
    .concept-holder.right-aligned .concept-image {
        float: right;
    }
}

.partner-content img.partner-logo {
    max-width: 200px;
    max-height: 150px;width:auto;
}
.partner-row .wrapper {
    margin-bottom: -5px;
}
.partner-content {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.partner-content-box {
    text-align: center;
}

.partner-content a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.partner-content a {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.partner-content:hover a, .partner-content:focus a {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


.reguar-row ul, .reguar-row li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.reguar-row ul {
    margin: 0 0 20px;
}

.reguar-row li {
    padding-left: 35px;
    position: relative;
}

.reguar-row li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 20px;
    height: 23px;
    background-image: url(//www.koffiepartners.nl/wp-content/themes/template/img/icons/boon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.content-row {
    background: #fff;
    padding: 90px 0 65px;
    position: relative;
}

.content-row > .wrapper > .small-12 {
    margin-bottom: 25px;
}


@media screen and (max-width: 767px) {
    .content-row {
        padding: 60px 0 35px
    }
}

.content-row.content-row-no-paddingbottom, .content-row.content-row-centered.content-row-no-paddingbottom {
    padding-bottom: 5px
}

.content-row.content-row-no-paddingtop {
    padding-top: 30px
}

.content-row.content-row-centered {
    padding: 45px 0 20px;
}


.content-row.content-row-no-padding {
    padding-top: 30px;
    padding-bottom: 5px
}


.content-row.content-row-with-layouts {
    padding-bottom: 0
}

.content-row.grey-content-row {
    background: #f5f5f5;
}

.image-floating {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    z-index: 2
}
.full-background-image {background-size:cover;background-position:center center}

.right-floated .image-floating {
    left: auto;
    right: 0;
    background-position: center right;
}

@media screen and (max-width: 767px) {
    .image-floating, .right-floated .image-floating {
        position: relative;
        width: 100%;
        height: 190px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 2;
    }
}

.rounded-image {    display: inline-block;    border-radius: 50%;    overflow: hidden;}

.image-text {    overflow: hidden;}

.image-text.dropdown-btn-box {    overflow: initial}

.image-text .wrapper {    z-index: 10;}



.equal-column {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.relative-image-column {    position: relative;}
.relative-image-column img{height: 100%;    width: auto;}



.image-person-align-row {position:relative;overflow:hidden}

.person-image-column {    position: absolute;    top: 0;    left: 0;
    height: calc(100% + 135px);
    top: -70px;}


.content-row-no-paddingbottom .person-image-column{    height: calc(100% + 75px);}
.content-row-no-paddingtop .person-image-column {    height: calc(100% + 95px);    top: -30px;}
.content-row-no-padding .person-image-column {    height: calc(100% + 15px);    top: -10px;}

.person-image-column > div {
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 100%;
}
.right-floated .person-image-column {left:auto;right:0;}

@media screen and (min-width:768px) {
	.person-image-column img{display:none}
}
@media screen and (max-width:767px){
	.person-image-column {		position: relative;    height: auto;top:0}
}

.video_box {    position: relative;    padding-bottom: 56.25%;    overflow: hidden;    max-width: 100%;    height: auto;}
.video_box iframe,
.video_box object,
.video_box embed {   position: absolute;   top: 0;   left: 0;    width: 100%; height: 100%;}
.video-link {display:block;position:relative;color:#fff;}
.video-link:before {    content: "";    position: absolute;    line-height: 1;    left: calc(50% - 15px);    top: calc(50% - 20px);    width: 0;    height: 0;    border-top: 20px solid transparent;    border-bottom: 20px solid transparent;    border-left: 35px solid #DF8F16;    z-index: 10;}
.video-link:hover:after {opacity:.9;}
.video-link:after {	    content: "";    position: absolute;    z-index: 1;    width: 80px;    height: 80px;    border-radius: 50%;    background: #fff;    opacity: .7;    left: calc(50% - 40px);    top: calc(50% - 40px);}
.video-link:hover {color:#F39200}
.media-holder img {width:100%;}
.media-holder {margin-bottom:7px;overflow:hidden;border-radius:0}


.left-floated .text-column{float:right;}


@media screen and (min-width: 768px) {
    .relative-image-column > .small-12 {
position: absolute;
    bottom: -90px;
    left: 0;
    width: 100%;
    height: calc(100% + 90px);
    }
}

@media screen and (max-width: 767px) {
    .relative-image-column img {
        max-width: 60%;
        width: 100%
    }

}


.overzicht-content {
    padding-bottom: 65%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fafafa;
    position: relative;
}

.small-height .overzicht-content {
    padding-bottom: 65%;
}

.overzicht-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 1;
}

.overzicht-title h3, .overzicht-title h3 a {
    color: #fff;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
}

.overzicht-title {
    margin-bottom: 30px;
}

.overzicht-title h3 a {
    display: block;
    background: #350c16;
    padding: 10px 20px;
}

@media screen and (min-width: 768px) {
    .right-floated .image-column, .right-floated .form-box {
        float: right;
    }
}

/*Stappen*/
.wrapper.steps-3 {max-width:750px;}
.wrapper.steps-4 {max-width:960px;}
.wrapper.row.steps-5 {    max-width: 1150px;}

.stappen-box {    margin-bottom: 20px;    position: relative;}

.stappen-txt p {    font-size: 16px;    line-height: 26px;    text-align: center;}
.stappen-icon-holder {    padding: 0;    position: relative;    width: 144px;    margin-left: calc(50% - 72px);    margin-bottom: 15px;}

.stappen-icon {    position: relative;    z-index: 2;    height:144px;    background: #f6f6f6;    border: 1px solid #ededed;    border-radius: 50%;    overflow: hidden;}
.stappen-icon img {    height: 64px;width:auto;}

.stappen-box-holder {margin-bottom:30px}
.stappen-box-holder:last-child {margin-bottom:0;}

.wrapper:nth-child(2) .stappen-box-holder {margin-top:20px;}


@media screen and (min-width: 768px) {
    .stappen-box {        width: 20%;    }
    .steps-4 .stappen-box {        width: 25%;    }
    .steps-3 .stappen-box {        width: 33.3333%;    }
}

@media screen and (max-width: 767px) {    
	.stappen-box {        width: 33.333%    }
	.steps-4 .stappen-box {        width: 50%;    }
}

@media screen and (max-width: 500px) {
    .stappen-box, .steps-3 .stappen-box {        width: 50%;    }
}
@media screen and (max-width:400px){
	.stappen-box {width:100%!important}
}

@media screen and (min-width: 768px) {
    .stappen-box:first-child .stappen-icon-holder:before, .stappen-box:last-child .stappen-icon-holder:after {        display: none    }

    .stappen-icon-holder:before {
        content: "";
        height: 4px;
        width: 100%;
        z-index: 0;
        background: #ededed;
        position: absolute;
         right: calc(100% - 72px);
        top: 50%;
        top: calc(50% - 2px);
    }

    .stappen-icon-holder:after {
    content: "";
    height: 4px;
    width: 100%;
    z-index: 0;
    background: #ededed;
    position: absolute;
    left: calc(100% - 72px);
    top: 50%;
    top: calc(50% - 2px);
    }
}


.quote-row {position:relative;}
.quote-row .wrapper {z-index:100;position:relative;}
.quote-txt {    padding-top: 80px;    padding-bottom: 80px;}
.quote-row .specificatie-background {    top: 50px;    height: calc(100% - 100px);}
.right-aligned .quote-image {float:right}
.quote-txt h3 {    font-size: 24px;}
.quote-txt-box, .quote-txt-box p{font-size:20px;color:#ED9E28;line-height:1.5}
.quote-txt-box {padding-left:85px;position:relative}
.quote-txt-box:before {content:"";position:absolute;top:3px;left:0;width:67px;height:70px;background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url(//www.koffiepartners.nl/wp-content/themes/template/img/icons/quote-icon.svg);}

blockquote, blockquote p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    margin-left: 0;
    color: #ed9e28;
}

@media screen and (max-width: 767px) {
    blockquote, blockquote p {
        font-size: 18px;
        line-height: 1.4;
    }
}

blockquote p:before, blockquote p:after {
    color: #a6a6a6;
    content: "\0022";
}


/*Slider*/
.afbeeldingslider {
    position: relative;
}

.rounded-slider {
    max-width: 350px;
    display: block;
    margin: 0 auto;
}

.inner-afbeelding-slide {
    padding-bottom: 100%;
    border-radius: 50%;
    background-color: #afafaf;
    background-position: center center;
    background-size: cover;
}

span.arrowslider {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ed9e28;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    padding-top: 6px;
    font-size: 18px;
    z-index: 10;
    top: 50%;
    top: calc(50% - 15px);
}

span.arrowslider:hover, span.arrowslider:focus {
    color: #fff;
    background: #350c16
}

.arrowslider-left {
    left: 5px;
    padding-right: 3px;
}

.arrowslider-right {
    right: 5px;
    padding-left: 3px;
}

/*Forms*/
.form-image-column {
    position: relative;
}

.form-box p {
    font-weight: 600;
    line-height: 30px;
}

.form-top-image {
    position: absolute;
    top: -50px;
    height: 100px;
    width: 100%;
    text-align: center;
}

.form-top-image img {
    height: 100px;
    width: auto;
}
.form-image img {
    width: auto;
    max-height: 100%;
}
.contact-form-img img {max-width:400px;}


@media screen and (min-width: 768px) {
    .form-image {
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: -70px;
		left: 0;
		height: calc(100% + 70px);
    }
	.form-image > div {    height: calc(100% + 50px);}

}

@media screen and (max-width: 767px) {
    .form-image {
        position: relative;
        text-align: center
    }

    .form-image img {
        max-width: 60%;
        margin-bottom: -60px;
        width: 100%;
    }
}



.btns-row, .btns-row li {padding:0;margin:0;list-style:none}
.btns-row .btn {margin:0;    display:block;}
.btns-row {margin-bottom:-20px!important;margin-top:25px!important;}
.btns-row li {margin-right:20px;margin-bottom:20px;vertical-align:middle;display:inline-block}
.btns-row li:before {display:none!important}
.btns-row a.read-more{font-weight:500;color:#DF8F16}
.btns-row a.read-more:hover, .btns-row a.read-more:focus {    color: #5b0018;}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'Font-Name';
    src: url(//www.koffiepartners.nl/wp-content/themes/template/fonts/font-name.eot);
    src: url(//www.koffiepartners.nl/wp-content/themes/template/fonts/font-name.eot?#iefix) format('embedded-opentype'),
    url(//www.koffiepartners.nl/wp-content/themes/template/fonts/font-name.woff) format('woff'),
    url(//www.koffiepartners.nl/wp-content/themes/template/fonts/font-name.ttf) format('truetype'),
    url(//www.koffiepartners.nl/wp-content/themes/template/fonts/font-name.svg#font-name) format('svg');
    font-weight: normal;
    font-style: normal;
}


/*------------------------------------*\
   Acties
\*------------------------------------*/


.archive-acties-content {
    width: 80%;
    width: calc(100% - 200px);
}

.archive-acties-image {
    width: 200px;
    min-height: 100px;
    height: 100px;
    background-color: #afafaf;
    background-size: cover;
    background-position: center center;
    position: relative;
}

a.archive-acties-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.acties-single-archive {
    margin-bottom: 30px;
}

.archive-acties-content {
    padding: 20px 30px;
    background-color: #fff;
}

.archive-acties-content h4 a, .archive-acties-content h4 {
    color: #565656;
    font-size: 18px;
    margin: 0;
}

.archive-acties-content h4 a:hover, .archive-acties-content h4 a:focus {
    color: #ed9e28
}


@media screen and (max-width: 550px) {
    .archive-acties-content, .archive-acties-image {
        width: 100%;
    }

    .archive-acties-image {
        height: 300px
    }
}


/*------------------------------------*\
   KOFFIEPRAAT
\*------------------------------------*/
.archivetitle {
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .archivesidebar {
        width: 250px
    }

    .archiveholder {
        width: 80%;
        width: calc(100% - 250px)
    }
}

.archive-koffiepraat-content {
    width: 80%;
    width: calc(100% - 200px);
}

.archive-koffiepraat-image {
    width: 200px;
    min-height: 100px;
    height: 100px;
    background-color: #afafaf;
    background-size: cover;
    background-position: center center;
    position: relative;
}

a.archive-koffiepraat-overlay, .archive-vacature-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.koffiepraat-single-archive {
    margin-bottom: 30px;
}

.archive-koffiepraat-content {
    padding: 20px 30px;
    background-color: #f3f3f3;
}

.archive-koffiepraat-content h4 a, .archive-koffiepraat-content h4 {
    color: #565656;
    font-size: 18px;
    margin: 0;
}

.archive-koffiepraat-content h4 a:hover, .archive-koffiepraat-content h4 a:focus {
    color: #ed9e28
}

p.archive-date {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 36px;
    position: relative;
    margin-bottom: 10px;
}

p.archive-date:after {
    content: "";
    width: 70px;
    height: 4px;
    background: #ed9e28;
    position: absolute;
    bottom: 0;
    left: 0;
}

.archive-content p {
    margin: 0;
    line-height: 30px;
}

@media screen and (max-width: 550px) {
    .archive-koffiepraat-content, .archive-koffiepraat-image {
        width: 100%;
    }

    .archive-koffiepraat-image {
        height: 300px
    }
}

/*------------------------------------*\
    RECENT KOFFIEPRAAT
\*------------------------------------*/
.recent-koffiepraat-row h3 {
    color: #350c16;
    font-weight: 700;
    font-size: 36px;
}

.recent-koffiepraat-title {
    width: 80%;
    width: calc(100% - 250px);
}
.recent-koffiepraat-title h3{margin:0}
.recent-koffiepraat-link {
    width: 250px;
    text-align: right;
    padding-top: 20px;
    line-height: 1
}

@media screen and (max-width: 600px) {
    .recent-koffiepraat-title, .recent-koffiepraat-link {
        width: 100%;
        text-align: left;
        padding-top: 0px;
    }

    .recent-koffiepraat-row h3 {
        margin: 0 0 5px
    }
}

.recent-koffiepraat-link a {
    font-size: 18px;
    color: #350c16;
    font-family: 'Source Sans Pro', sans-serif;
}

@media screen and (min-width:768px){
	.recent-koffiepraat-holder {    margin-top: 30px}
}

.recent-koffiepraat-image {
    position: relative;
    padding-bottom: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.recent-koffiepraat-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.recent-koffiepraat-content {
    background: #fff;
    padding: 35px;
}

@media screen and (max-width: 767px) {
    .recent-koffiepraat-content {
        padding: 20px;
    }
}

.recent-koffiepraat-content h4 a, .recent-koffiepraat-content h4 {
    color: #565656;
    font-size: 18px;
    margin: 0;
}

.recent-koffiepraat-content h4 a:hover, .recent-koffiepraat-content h4 a:focus {
    color: #ed9e28
}

p.recent-date {
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 36px;
    position: relative;margin-bottom:20px;
}

p.recent-date:after {
    content: "";
    width: 70px;
    height: 4px;
    background: #ed9e28;
    position: absolute;
    bottom: 0;
    left: 0;
}
.recent-content p {margin-bottom:20px}
a.read-more {
    color: #5b0018;
}

a.read-more:hover, a.read-more:focus {
    color: #ed9e28;
}


.recent-koffiepraat-box {
    margin-bottom: 30px;
}

.recent-koffiepraat-row.content-row {
    padding-bottom: 35px;
}
@media screen and (max-width:991px){
	.recent-koffiepraat-box:last-child {display:none}
}

/*------------------------------------*\
    Pagination
\*------------------------------------*/


.pagination {
}


.paginate {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 110px;
    position: relative;
}

.page-numbers, span.page-numbers.dots:hover, span.page-numbers.dots:focus {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #ed9e28;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    line-height: 1;
    padding-top: 8px;
    margin: 0 2px;
    font-size: 16px;
    line-height: 1;
    padding-top: 9px;
}

.page-numbers:hover, .page-numbers:focus, .page-numbers.current {
    background: #5a0119;
    color: #fff
}

.next.page-numbers, .prev.page-numbers {
    width: auto;
    height: auto;
    background: none;
    color: #565656;
    position: absolute;
    top: 23px;
    right: 0;
    font-size: 12px;
    padding-top: 0;
}

.next.page-numbers:hover, .prev.page-numbers:hover, .next.page-numbers:focus, .prev.page-numbers:focus {
    color: #ed9e28;
}

.prev.page-numbers {
    right: auto;
    left: 0
}

/*------------------------------------*\
    Vacatures
\*------------------------------------*/
.vacature-archive {
    background-color: #f3f3f3;
}

.vacature-single-archive {
    margin-bottom: 30px;
}

.archive-vacature-image {
    width: 300px;
    min-height: 100px;
    height: 100px;
    background-color: #afafaf;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.archive-vacature-content {
    padding: 30px 5%;
    background-color: #fff;
}

.archive-vacature-content {
    width: 80%;
    width: calc(100% - 300px);
}

.archive-vacature-content h4 a, .archive-vacature-content h4 {
    color: #565656;
    font-size: 18px;
    margin: 0;
}

.archive-vacature-content h4 a:hover, .archive-vacature-content h4 a:focus {
    color: #ed9e28;
}
@media screen and (max-width: 991px) {

	.archive-vacature-content {padding:30px}
	.archive-vacature-image {	width:200px}
	.archive-vacature-content {    width: calc(100% - 200px);}
}
@media screen and (max-width: 550px) {
    .archive-vacature-content, .archive-vacature-image {
        width: 100%;
    }

    .archive-vacature-image {
        height: 300px
    }
}

/*------------------------------------*\
    CONTACT&FORMS
\*------------------------------------*/
span.wpcf7-list-item {
    margin: 0;
    margin-bottom: 10px;
}

span.wpcf7-form-control.wpcf7-acceptance {
       font-size: 13px;
    line-height: 1.4;
}

span.wpcf7-form-control.wpcf7-acceptance input {
    display: none;
}

span.wpcf7-form-control.wpcf7-acceptance input ~ span {
    padding-left: 25px;
    position: relative;
    font-weight: normal;display:inline-block
}

span.wpcf7-form-control.wpcf7-acceptance input ~ span:before {
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
span.wpcf7-form-control-wrap.recaptcha {
    margin-bottom: 20px;
    display: block;margin-top:15px
}

span.wpcf7-form-control.wpcf7-acceptance input:checked ~ span:after {
    width: 12px;
    height: 12px;
    background: #f9af2a;
    position: absolute;
    left: 4px;
    top: 4px;
}

.file-upload {
    margin-bottom: 20px;
}

.contact-infobox {
    padding-left: 105px;
    position: relative;
    margin-bottom: 30px;
}
.contact-infobox:last-child {margin-bottom:0}
.contact-infobox:before {
    width: 70px;
    height: 70px;
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    background: #fff;
    border-radius: 50%;
}

.contact-infobox:after {
    content: "";
    content: "\f003";
    font-family: 'FontAwesome';
    color: #3c0e1c;
    font-size: 36px;
    position: absolute;
    left: 18px;
    top: 13px;
}

.contact-gegevens:after {
    content: "\f041";
    left: 24px;
    font-size: 41px;
    top: 15px;
}

.contact-telefoon:after {
    content: "\f10b";
    left: 23px;
    font-size: 56px;
    top: 14px;
}

.contact-socials:after {
    content: "\f108";
    left: 16px;
    font-size: 38px;
    top: 16px;
}


.contact-infobox h3 {
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 1;
}

.contact-infobox p {
    margin: 0;
}

.contact-infobox.contact-telefoon p {
    margin: 0 0 20px;
}

.contact-infobox, .contact-infobox p, .contact-infobox a {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.contact-infobox a:hover, .contact-infobox a:focus {
    color: #ed9e28;
}

.contact-infobox a svg { fill: #666;}
.contact-infobox a:hover svg { fill: #ed9e28;}


.contact-infobox li:before {
    display: none
}

.contact-infobox li {
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
}

.contact-infobox li a i, .contact-infobox a svg {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 21px;
}

.contact-nieuwsbrief p {
    margin-bottom: 10px
}


.contact-adressen-overig, .contact-adressen-overig li {padding:0;margin:0;list-style:none;display:block}
.contact-adressen-overig li {margin-bottom:10px;}
.contact-adressen-overig li:last-child {margin-bottom:0;}


.acf-map {
    width: 100%;
    height: 400px;
}

@media screen and (max-width: 767px) {
    .acf-map {
        height: 250px
    }
}

.acf-map h4 {
    font-size: 26px;
    margin: 0 0 10px;
    line-height: 1;
    color: #3c0e1b;
}

.acf-map p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 15px
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}

.acf-map a {
    text-decoration: underline;
    font-size: 16px;
    color: #ed9e27;
}

.acf-map a:hover, .acf-map a:focus {
    color: #3c0e1b;
}

span.wpcf7-not-valid-tip {
    display: none
}

.wpcf7-not-valid {
    border-color: #ff0000 !important;
}

.wpcf7-response-output {
    text-align: center;
    line-height: 1;
    padding: 15px !important;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background: #ffb900;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none;
    background: #c10000;

}

div.wpcf7-spam-blocked {
    border: none;
    background: #ffa500;
}

div.wpcf7-mail-sent-ok {
    border: none;
    background: #29ad1d;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-dynamictext, input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    border: none;
    background: #fff;
    margin-bottom: 15px;
    color: #232323;
    font-size: 14px;
}
.single-form>.wrapper>.small-12 {
    margin-bottom: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea,textarea  {
    width: 100%;
    outline: none;
    height: 100px;
    border: none;
    background: #fff;
    padding: 15px 15px 0;
    resize: none;
    margin-bottom: 15px;
    color: #232323;
    font-size: 14px;
}

.long-textarea textarea.wpcf7-form-control.wpcf7-textarea, textarea {
    height: 190px;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
    font-size: 13px;
    width: 100%;
}

.select {position:relative;}
.select:after {
    content: "";
    position: absolute;
    right: 10px;
    /* background: #000; */
    width: 10px;
    height: 10px;
    top: 25px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #565656;
}


select.wpcf7-form-control.wpcf7-select{ width: 100%;
    height: 56px;
    padding-left: 15px;
    background: #fff;
    margin-bottom: 15px;
    color: #232323; -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
font-size: 14px;    border: 1px solid #e6e6e6;border-radius:0;outline:none}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, input.wpcf7-form-control.wpcf7-dynamictext {
    border: 1px solid #e6e6e6;
}

input.wpcf7-form-control.wpcf7-submit {
    height: 46px;
    border: none;
    outline: none;
}

form p {
    margin: 0;
}
.keuzeform-info  form p {    margin: 0 0 20px;}
.keuzeform-info  form p:last-child {    margin: 0;}

.wpcf7-recaptcha {
    margin: 0 0 20px;
}

.contact-form-box {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .contact-form-box {
        margin-bottom: 50px;
        margin-top: 10px
    }

    .contact-infobox {
        padding-left: 85px;
    }

    .contact-infobox, .contact-infobox p, .contact-infobox a {
        font-size: 15px;
    }

    .contact-infobox h3 {
        font-size: 18px;
        margin-top: 5px;
    }
}


.back-to-praat {
    padding-bottom: 90px;
}

.back-to-praat > .small-12:first-child {
    margin-bottom: 20px;
}



/*------------------------------------*\
    ARCHIVEFILTER

\*------------------------------------*/
#product-archief {margin-top:25px}



.searchandfilter ul, .searchandfilter li, .searchandfilter ul li {padding:0;margin:0;list-style:none}

.filter-side > div {max-width:210px;}
.filter-side h3 {
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}
.filter-side h3 i {margin-right:15px;}

.searchandfilter h4 {    margin: 0;    padding: 13px 0 13px;    font-size: 16px;    font-size: 15px;    color: #1D1D1B;    font-weight: 700;    line-height: 1;cursor:pointer;position:relative;padding-right:20px; border-bottom: 1px solid #CCCCCC;}

.searchandfilter h4:after{content: "\f078";    font-size: 16px;    position: absolute;color:#DF8F16;    top: 11px;    right: 0;    line-height: 1;    font-family: 'FontAwesome';    font-weight: normal;    -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out; -ms-transform: rotate(-180deg);    -webkit-transform: rotate(-180deg);    transform: rotate(-180deg);}

.searchandfilter h4.inactive-dropdown:after{    -ms-transform: rotate(0deg);    -webkit-transform: rotate(0deg);    transform: rotate(0deg);}

.searchandfilter > ul > li {margin-bottom:10px}
.searchandfilter > ul > li > ul {display:block;padding-top:15px;} 
.searchandfilter ul li li {    padding: 0 0 12px;}
.searchandfilter ul li li:last-child {padding-bottom:0}
.searchandfilter label {    display: inline-block;    margin: 0;    padding: 0;    color: #1D1D1B;    font-size: 14px;    line-height: 1.4;}


.searchandfilter input[type="checkbox"] {display:none}
.searchandfilter li[data-sf-field-input-type=checkbox] label, .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=range-radio] label, .searchandfilter li[data-sf-field-input-type=range-checkbox] label {padding-left:0;}


.searchandfilter label.sf-label-checkbox {position:relative;display:block;padding-left:25px!important;}
.searchandfilter label.sf-label-checkbox:before {content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background:#fff;border:1px solid #565656}
.searchandfilter input:checked + label.sf-label-checkbox:before {background:#DF8F16;}


.searchandfilter input[type="radio"] {display:none}
.searchandfilter li[data-sf-field-input-type=radio] label{padding-left:0;}
.searchandfilter label.sf-label-radio {position:relative;display:block;padding-left:25px!important;}
.searchandfilter label.sf-label-radio:before {content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background:#fff;border:1px solid #565656;border-radius:50%}
.searchandfilter input:checked + label.sf-label-radio:before {background:#DF8F16;}



.searchandfilter .sf-count {    opacity: .5;}

.filter-side .btn {width:100%}
.mobile-product-filter-toggle {    width: 100%;    text-align: center;}

@media screen and (max-width:1440px){
	.product-archive .filter-side {width:250px}
	.machine-product-archive .large-9 {width:calc(100% - 250px);}
	.koffiemachine-box-hightlights li {font-size:15px;}
	.uitgelicht-product h3, .uitgelicht-product h3 a {font-size:21px}
	
}
@media screen and (max-width:1200px){
	.product-archief .uitgelicht-product {width:50%}
	.koffiemachine-box-hightlights li {font-size:17px;}
	.water-koeler-archief .uitgelicht-product {width:33.3333%}

}

@media screen and (max-width:991px){
	.machine-product-archive .large-9 {width:100%;}
	.product-archive .filter-side {
    position: fixed;
    z-index: 9999;
    background: #fff;
    left: -230px;
    top: 0;
    padding: 50px 20px;
    width: 230px;overflow: auto;
    height: 100%;
}
	.machine-product-archive >.large-9 .filter-mobile-btn {    margin: 0 0 30px!important;}
	.product-archief .uitgelicht-product {width:33.333%}
	.koffiemachine-box-hightlights li {font-size:15px;margin-bottom:7px}
	
	
	
}
@media screen and (max-width:900px){
	.water-koeler-archief .uitgelicht-product {width:50%}
	.product-archief .uitgelicht-product {width:50%}

	
}
@media screen and (max-width:600px){
	.water-koeler-archief .uitgelicht-product {width:100%}
	.product-archief .uitgelicht-product {width:100%}

	
}

/*------------------------------------*\
    ADDITIONS
\*------------------------------------*/
.marginfix, .margin-fix {margin-bottom:45px}

.clear-header.fixed-header {background-color:transparent}


/*------------------------------------*\
    Machines
\*------------------------------------*/
.banner-machine {    min-height: 170px;    padding: 0;}
.banner-machine:before, .machine-info-row:before, .specificaties-bg-img:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
background: -moz-linear-gradient(-45deg, rgba(60,14,26,1) 0%, rgba(60,14,26,0.8) 50%, rgba(60,14,26,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(60,14,26,1) 0%,rgba(60,14,26,0.8) 50%,rgba(60,14,26,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(60,14,26,1) 0%,rgba(60,14,26,0.8) 50%,rgba(60,14,26,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c0e1a', endColorstr='#d93c0e1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.machine-title-box {margin-bottom:30px;}
.machine-title-box h1 {    color: #3C0E1A;    font-size: 50px;    font-weight: 600;    margin: 0 0 20px;}
@media screen and (max-width:1100px){
	.machine-title-box h1 {font-size:45px}
}
@media screen and (max-width:991px){
	.machine-title-box h1 {font-size:40px}
}
@media screen and (max-width:767px){
	.machine-title-box h1 {font-size:35px}
}
@media screen and (max-width:600px){
	.machine-title-box h1 {font-size:30px}
}
@media screen and (max-width:370px){
	.banner-machine {min-height:190px}
}
.machine-title-box h3.subtitel {    font-weight: normal;    color: #3C0E1A;    margin: 0!important;}

.machine-highlights ul, .machine-highlights li {padding:0;margin:0;list-style:none}
.machine-highlights li {    color: #3C0E1A;    font-weight: 600;    position: relative;    padding-left: 30px;}
.machine-highlights li:before{    content: "";    content: "\f00c";    font-family: 'FontAwesome';    color: #DF8F16;    font-size: 20px;    position: absolute;    left: 0;    top: 9px;    background: none;    width: auto;    height: auto;    line-height: 1;    font-weight: normal;}

.machine-btns-row {margin-bottom:10px;}
.machine-btns-row ul, .machine-btns-row li {padding:0;margin:0;list-style:none}
.machine-btns-row li {display:inline-block;margin-right:20px;margin-bottom:20px;vertical-align:middle;}
.machine-btns-row .btn {margin:0;display:block}
.machine-btns-row .read-more {color:#FDB42C}
.machine-btns-row .read-more:hover {    color: #5b0018;}

.machine-first-content-row {padding-top:30px;padding-bottom:30px}
.machine-first-content-row .productafbeeldingen {    background-color: transparent;    padding: 0;    margin: 0 0 5px;}

.machine-first-content-row .product-fornav {    width: 88px;    margin-right: 32px;}
.machine-first-content-row .nav-antitransform .slick-track {transform: none!important;}

.machine-first-content-row .product-for  {width:calc(100% - 120px)}
.machine-first-content-row .product-nav {padding:0;padding-bottom:20px;}
.machine-first-content-row .product-nav-img {    padding-bottom: 120%;    border: 2px solid transparent;    border-radius: 10px;    overflow: hidden;}
.machine-first-content-row .slick-current .product-nav-img {border-color: #3C0E1A;}

.machine-info-row {  line-height:1.8;  font-size: 15px;color:#fff;position:relative;background-size:cover;background-position:center center;}
.machine-info-row .wrapper {position:relative;z-index:100}
.machine-info-row h2 {margin-bottom:0;color:#fff;}
.machine-info-row p {color:#fff;   line-height:1.8;  font-size: 15px;}
.machine-info-row a {    color: #FDB42C;}
.machine-info-row a:hover {color:#fff;}
.machine-info-row a.btn {color:#fff}

.machine-info h3 {font-size:18px;color:#FDB42C;margin-bottom:20px;}
.machine-info ul, .machine-info li {padding:0;margin:0;list-style:none}
.machine-info li, .machine-info p {margin-bottom:15px;}
.machine-info li:last-child, .machine-info p:last-child {margin-bottom:0}
.machine-info {margin-bottom:25px;}
.machine-info:last-child {margin-bottom:0}

.consumptievariaties-box {    border: 2px solid #E2E2E2;    border-radius: 10px;    padding: 50px 34px;    margin-top: -50px;    background: #fff;}
.consumptievariaties-box h2 {    font-size: 24px;}
.consumptievariaties-box h2 span {font-weight:normal}
.consumptievariatie {  margin-bottom:15px;   line-height: 1.4;   font-size: 16px;    color: #3C0E1A;    font-weight: 600;    position: relative;    padding-left: 46px;width:16.666667%}
.consumptievariatie:before{    content: "";    content: "\f00c";    font-family: 'FontAwesome';    color: #DF8F16;    font-size: 20px;    position: absolute;    left: 16px;    top: 1px;    background: none;    width: auto;    height: auto;    line-height: 1;    font-weight: normal;}
.not-checked:before{    content: "\f00d";color:#701A31}
.consumptievariaties-proefplaatsing {margin-top:25px;line-height:1.4}

@media screen and (max-width:1300px){
	.consumptievariatie {width:20%}
}
@media screen and (max-width:1100px){
	.consumptievariatie {width:25%}
}


@media screen and (max-width:900px){
	.consumptievariatie {width:33.333%}
}
@media screen and (max-width:767px){
	.consumptievariatie {width:50%;margin-bottom:5px;}
	.consumptievariaties-box {padding: 25px 4px;}
	.consumptievariaties-proefplaatsing {    margin-top: 5px;}
}
@media screen and (max-width:400px){
	.consumptievariatie {width:100%}
}



.machine-acties-link {  background-size:cover;background-position:center center;background-repeat:no-repeat; overflow:hidden; margin-bottom: 30px;    border-radius: 10px;    position: relative;    padding: 20px;    line-height: 1;}
.machine-acties-link:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background:#fff;}
.machine-acties-link h4 {    color: #3C0E1A;    margin: 0 0 10px;    font-size: 18px;position:relative;z-index:2;}
.machine-acties-link a.read-more {    color: #3C0E1A;    font-weight: 600;    font-size: 14px;    line-height: 1;position:relative;z-index:2;}
.machine-acties-link .overlay {position:absolute;z-index:100;width:100%;top:0;left:0;height:100%}

.machine-actie-box {margin-bottom:35px}
.machine-actie-box> div {border-radius:10px;overflow:hidden;background:#FAFAFA} 
.machine-actie-content-hold {    padding: 85px 30px;}
.machine-actie-image {float:right;min-height:250px;background-size:contain;background-position:center center;background-repeat:no-repeat;position:relative;}
.archive-acties-overlay  {position:absolute;z-index:100;width:100%;top:0;left:0;height:100%}

.machine-actie-title {margin-bottom:25px}
.machine-actie-title h5 {    color: #565656;    font-size: 18px;    margin-top: 15px;    margin-bottom: 0;}
.machine-actie-title h4 {  color: #2C0D1B;}
.machine-actie-title h4, .machine-actie-title h4 a {      font-size: 24px;    margin: 0;}

.machine-actie-box a.read-more, .consumptievariaties-proefplaatsing .read-more, .beknopte-specificaties-content .read-more {color:#FDB42C;line-height:1.4}
.machine-actie-box a.read-more:hover, .consumptievariaties-proefplaatsing .read-more:hover, .beknopte-specificaties-content .read-more:hover   {    color: #5b0018;}


.specificatie-box-row, .background-holder {position:relative}
.specificatie-box-row .wrapper {position:relative;z-index:10;}
.machine-specificaties-box {
    margin-bottom: 25px;
    border: 2px solid #E2E2E2;
    border-radius: 10px;
    padding: 50px 34px 35px;
    /* margin-top: -50px; */
    background: #fff;
}
.machine-specificaties-box-wide {padding:50px 18px 35px}

.specificatie-background {position:absolute;z-index:1;top:75px;left:0;width:100%;height:calc(100% - 175px);background-size:cover;background-position:center center;background-color:#FAFAFA}
.machine-specificaties-box h2 span {font-weight:normal}

.specificatie-box-row , .specificatie-box-row p {font-size:16px;line-height:1.4}
.machine-spec-row, .machine-spec-row ul, .machine-spec-row li {padding:0;margin:0;    float: left;    width: 100%;}
.machine-spec-row li:before {display:none}

.machine-spec-row {float:left;width:100%;margin-bottom:15px!important}
.machine-spec-row li li:first-child {width:200px;font-weight:bold;}
.machine-spec-row li li:first-child p {color:#3C0E1A}
.machine-spec-row li li:last-child {width:calc(100% - 200px);}
.machine-spec-row li p {margin:0}
.machine-spec-row > li {margin-bottom:15px;}
.machine-spec-row  > li:last-child {margin-bottom:0}
.machine-spec-checks p {margin-bottom:15px}

.specificatie-box-row h2 {font-size:24px;margin-bottom: 30px;}
.beknopte-specificaties-image {    width: 220px;    border-radius: 10px;    overflow: hidden;    margin-left: 20px;}
.beknopte-specificaties-content {width:calc(100% - 240px)}
.beknopte-specificaties-content > .small-12:last-child {margin-top:10px;}

.machine-with-overige-specs {width:calc(100% - 335px)}
.machine-overige-specs {    width: 335px;}

.machine-spec-checks li:before {    content: "";    content: "\f00c";    font-family: 'FontAwesome';    color: #FDB42C;    font-size: 20px;    position: absolute;    left: 0;    top: 2px;    background: none;    width: auto;    height: auto;    line-height: 1;    font-weight: normal;
}.machine-spec-checks li.unchecked:before {    content: "\f00d";    color: #701A31;}


@media screen and (max-width:991px){
	.machine-with-overige-specs, .machine-overige-specs {width:100%;}
	.machine-with-overige-specs {margin-bottom:20px;}
	ul.machine-spec-checks li {    display: inline-block;    margin-right: 10px;}
	.machine-specificaties-box-wide {    padding: 50px 18px 15px;}
	
	.productafbeelding.slick-slide img {    max-height: 400px;}

}

@media screen and (max-width:767px){
	.machine-spec-row li li:first-child, .machine-spec-row li li:last-child {width:100%}
	.machine-specificaties-box {    padding: 25px 20px 25px;}
	.specificatie-box-row h2 {margin-bottom:15px;font-size:22px}
	.quote-txt h3 {font-size:22px;}
	.machine-specificaties-box-wide {    padding: 25px 5px 0px!important;}
	.consumptievariaties-box {margin-top:-30px}
	.specificatie-background {top: 45px;height: calc(100% - 90px);}
		.quote-txt {    padding-top: 40px;    padding-bottom: 90px;}
	.quote-txt-box, .quote-txt-box p {		font-size: 18px;}
	ul.machine-spec-checks li {display:block;margin:0;}
		
}
@media screen and (max-width:650px){
.beknopte-specificaties-content {    width: 100%;margin-bottom:20px}
	.beknopte-specificaties-image {    width: 70%;    border-radius: 0;    overflow: hidden;    margin-left: 0;    margin-left: 15%;}

	.machine-first-content-row .product-fornav {    width: 60px;    margin-right: 20px;}
	.machine-first-content-row .product-for {    width: calc(100% - 80px);}
	.productafbeelding.slick-slide img {    max-height: 299px;}
	
	.quote-txt-box {    padding-left: 45px;}
	.quote-txt-box:before {opacity:.6}
	.machine-btns-row li {margin-right:10px}
	
}
@media screen and (max-width:350px){
	.machine-first-content-row .product-fornav {display:none}
	.machine-first-content-row .product-for {width:100%;}
}

.uitgelicht-box-slide .medium-4, .uitgelicht-box-slide .medium-3{width:100%}
.uitgelicht-box-slide .wrapper {max-width:360px;}
/*------------------------------------*\

    KOFFIEKEUZEHULP
\*------------------------------------*/
.page-template-template-keuzehulp .klanten-vertellen {display:none}
.loading-content {text-align:center;}
.loading-content img{display:block;width:70px;margin:0 auto 20px;}
.keuzehulp-row {background-color:#3C0E1A;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;padding-top:155px;min-height:100vh;padding-bottom:40px;}
.keuzehulp-row:before {z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.5; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c0e1a+0,701a31+35,3c0e1a+100&1+0,0+82 */
background: -moz-linear-gradient(-45deg, rgba(60,14,26,1) 0%, rgba(112,26,49,0.57) 35%, rgba(74,17,32,0) 82%, rgba(60,14,26,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(60,14,26,1) 0%,rgba(112,26,49,0.57) 35%,rgba(74,17,32,0) 82%,rgba(60,14,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(60,14,26,1) 0%,rgba(112,26,49,0.57) 35%,rgba(74,17,32,0) 82%,rgba(60,14,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c0e1a', endColorstr='#003c0e1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.keuzehulp-row .wrapper {position:relative;z-index:10;}

.keuzehulp-row h1 {color:#fff;font-size:48px;}
.keuzehulp-row .standaard-content {font-size:20px;color:#fff}
.keuzehulp-row .standaard-content p {color:#fff;margin:0}

.keuze-empty {    color: #fff;    padding: 0 45px;margin-top:35px}
.keuze-empty p {color:#fff;}

.keuzehulp-wrapper {    max-width: 1156px;}
.keuzehulp-container { position: relative;   border-radius: 10px;    background: #3C0E1A;    padding: 40px 0 45px;display:none; -webkit-box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 20%)}


.keuzehulp-long-desc {    position: absolute;    z-index: 200;    background: #fff;    border-radius: 10px;    top: 0;    height: 100%;    width: 100%;    padding: 45px;display:none}
.keuzehulp-long-desc .hulp-faq {position:absolute;z-index:100;top:45px;right:45px;color:#3c0e1a;cursor:pointer;}

.keuzehulp-container.active-container {display:block}
.keuzehulp-titel {    padding: 0 45px;position:relative}
.keuzehulp-titel p {font-size:20px;color:#fff;margin:0;padding-bottom:20px;border-bottom:2px solid #fff;padding-right:20px}
.keuzehulp-titel p span{font-weight:bold;color:#DF8F16}
.hulp-faq {position:absolute;right:45px;top:5px;font-size:24px;cursor:pointer;color:#fff;z-index:100}

.keuzehulp-selectors {    padding: 0 12px;    padding-top: 35px;}
.keuzehulp-selectors {
	  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
	  flex-direction: row;
	flex-wrap: wrap;  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}


.keuze-selector { position:relative;cursor:pointer;   background: #521324;    border-radius: 10px;    width: calc(25% - 64px);    margin-left: 32px;    margin-right: 32px;    margin-bottom: 60px;min-height:170px;text-align:center;    padding: 20px;-webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.36); 
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.2);}

.three-rows .keuze-selector { width: calc(33.3333% - 64px);   }
.three-rows .keuzehulp-selectors {    padding-left: calc(12.5% + 10px);    padding-right: calc(12.5% + 10px);}

.two-row .keuze-selector { width: calc(50% - 64px);   }
.two-row .keuzehulp-selectors {    padding-left: calc(25% + 8px);    padding-right: calc(25% + 8px);}

.keuze-icon {    height: 62px;    background-size: contain;    background-position: center center;    background-repeat: no-repeat;    margin-bottom: 10px;margin-top:10px}
.keuze-naam p {font-size:20px;color:#fff;    margin-bottom: 10px;}
.keuze-input { position:relative;   height: 14px;z-index:100;}
.keuze-input:before {content:"";position:absolute;top:0;left:calc(50% - 7px);width:14px;height:14px;border:1px solid #fff;border-radius:50%}

.selected .keuze-input:after{background:#DF8F16;width:8px;height:8px;border-radius:50%;content:"";position:absolute;top:3px;left:calc(50% - 4px)}

.multiple-selection .keuze-input:before {border-radius:0;}
.multiple-selection.selected .keuze-input:after {border-radius:0;}


.keuze-selector-info, .keuze-selector-info p {    font-size: 13px;    line-height: 1.4;}
.keuze-selector-info {     position: absolute;    bottom: 0;    left: -5%;    width: 110%;    min-height: 100%;    background: #fff;    border-radius: 10px;    padding: 20px 20px 40px;    text-align: left;    opacity: 0;}
.keuze-selector-info > div {position:relative;z-index:10}
.keuze-selector-info > .keuze-icon {position:absolute;opacity:.1;left:0;top:calc(50% - 50px);z-index:1}
.keuze-selector-info h4 {    font-size: 20px;    margin: 0 0 5px;    color: #DF8F16;    text-align: center;    font-weight: normal;}
.keuze-selector:hover {background:#701A31;transform: scale(1.1);}

.keuze-selector-with-info:hover .keuze-input:before {border-color:#521324}
.keuze-selector-with-info:hover .keuze-selector-info {opacity:1;}

.keuzehulp-max-selection {    padding: 20px 45px 0;    color: #fff;}

.keuzehulp-pagination {text-align:center;position:relative;z-index:100}
.keuzehulp-pagination ul, .keuzehulp-pagination li {padding:0;margin:0;list-style:none}
.keuzehulp-pagination li {display:inline-block;vertical-align:middle;margin:0 8px}

.step-navigate {cursor:pointer;color:#3C0E1A;background:#DF8F16;width:30px;height:30px;display:block;border-radius:50%;    line-height: 1;    padding-top: 6px;}
.go-next.step-navigate {    padding-left: 3px;position:relative;}
.go-prev.step-navigate {    padding-right: 3px;}
.pagination-step {  display: block;    width: 8px;    height: 8px;    border-radius: 50%;    background: #DF8F16;}

.step-navigate.inactive{background:#DF8F16;background:rgb(223 143 22 / 30%)}
.pagination-step.inactive {background:#fff;opacity:.3}

.keuze-final-btn {text-align:center;margin-top:50px}
.keuze-final-btn .btn {margin:0;}

.hulp-tooltip {
    position: absolute;
    background: #fff;
    width: 226px;
    font-size: 15px;
    padding: 10px;
    text-align: left;
    line-height: 1.3;
    bottom: calc(100% + 10px);
    left: calc(50% - 113px);
    color: #fff;
  display: none; 
    border-radius: 5px;
    background: #e09015;
}
.hulp-tooltip p {font-size:15px;}
.hulp-tooltip:after{ content:"";position:absolute;top:100%;left:calc(50% - 10px); width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-top: 10px solid #e09015;}
.go-next.inactive:hover .hulp-tooltip {display:block;} 

.keuze-selector, .keuze-selector-info, .keuze-input:before , .filter-side{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*Koffiehulp result page*/
.keuzeform-info .contact-infobox:last-child {margin-bottom:0}

.keuzeform-content > div:first-child {position:relative;z-index:100;}

.keuzeform-info h3 {    margin-bottom: 10px;}
.keuzeform-info h4 {    margin-bottom: 10px;    font-size: 18px;}
.keuzeform-info, .keuzeform-info p {    font-size: 15px;    line-height: 2;}
.keuzeform-info .form-image {height:calc(100% + 110px);text-align:right;z-index:1;bottom: -110px;width:calc(100% - 32px);left:16px}
.keuzeform-info .form-image img {height:100%;width:auto;}

.keuzeform-info .contact-infobox {min-height:70px}
.keuzehulp-info-desc {margin-bottom:35px}

.keuzeform-info li:before {
    content: "";
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #DF8F16;
    font-size: 26px;
    position: absolute;
    left: 0;
    top: 1px;
    background: none;
    width: auto;
    height: auto;
    line-height: 1;
}
div#category-results2 {
    min-height: 30px;
}


.keuzehulp-pagination {
    position: fixed;
    margin-top: 0px;
    width: 100%;
    left: 0;padding:0;
}

.keuzehulp-pagination ul {
    display: block;
    width: 100%;
    max-width: 1124px;
    background-color: #17050a;
    padding: 20px 12px;
    margin: 0 auto;
    box-sizing: border-box;
}

.keuzehulp-container.active-container[data-tab="1"] .keuzehulp-pagination{display:none}

@media screen and (max-width:1380px){
	.keuzeform-info .form-image {height: calc(70% + 110px);}
	article#category-results > div {    width: 100%;}
	article#category-results > div:last-child {margin-bottom:0}
	article#category-results .uitgelicht-product {    margin-bottom: 30px;}
}

@media screen and (max-width:1100px){
	.keuze-selector {    width: calc(33.3333% - 64px);}
	.two-row .keuzehulp-selectors {    padding-left: calc(10% + 8px);    padding-right: calc(10% + 8px);}
}
@media screen and (max-width:1050px){
.keuzehulp-container {padding: 20px 0 25px;}
	.keuzehulp-selectors {padding:0 10px;    padding-top: 25px;}
	.keuze-selector { margin-bottom: 30px;  width: calc(33.3333% - 30px);margin-left: 15px;    margin-right: 15px;}
	.keuzehulp-titel {    padding: 0 25px;}
	.keuze-icon {height:52px;}
	
	.keuzeform-info .form-image {
    height: calc(50% + 110px);
}
	
}

@media screen and (max-width:991px){
	
	.keuzehulp-titel p {padding-right:45px;}
	.hulp-faq {right:25px;}
	.keuzehulp-row .standaard-content {    font-size: 17px;}
	.keuzehulp-row h1 {font-size:43px}
	.keuzehulp-long-desc {padding:25px;}
	.keuzehulp-long-desc .hulp-faq {    top: 15px;    right: 15px;}
	
	.keuzehulp-row {padding-bottom:0}
	.keuzehulp-titel p {font-size: 17px;}
	
		.two-row .keuze-selector {    width: calc(50% - 30px);}
		.keuze-final-btn {margin-top:20px;margin-bottom:15px;}
	.keuze-empty {    padding: 0 25px;    margin-top: 25px;}
	
	.keuzeform-info .form-image {left:15%}
	.keuzeform-info {overflow: hidden;}
	.keuzeform-info .form-image {position:absolute;}
}
@media screen and (max-width:767px){
	.keuze-selector {    width: calc(50% - 30px);  }
	.keuze-selector:hover {    transform: scale(1.03);}
	.keuzehulp-row h1 {font-size:32px;margin-bottom:15px}
	.keuzehulp-row {padding-top:195px}
	.two-row .keuzehulp-selectors {     padding-left: 10px;    padding-right: 10px;}
	.keuzehulp-row .title-row.textcenter, .keuzehulp-row .standaard-content {text-align:left}
	
	.keuzeform-info .form-image {    left: 0;    width: 100%;    max-height: 350px;}
	.keuzeform-info .marginfix {margin-bottom:30px}
	
	.keuzehulp-pagination ul {padding:10px;}
}
@media screen and (max-width:500px){
	.keuze-selector {    width: calc(100% - 30px);  }
	.keuzehulp-row h1 {font-size:28px}
	.two-row .keuze-selector {    width:calc(100% - 30px);}
	.keuzeform-info .form-image {display:none}
}
@media screen and (max-width:350px){
	.keuzehulp-row {    padding-top: 195px;}
	
}

/*------------------------------------*\
    FILTER
\*------------------------------------*/
li.filter-more.small-12.columns {
    display: block;
    color: #fff;
    width: 180px;
    background: #000;
}


.filter-box {
    margin: 15px 0 70px;
}

.filter-mobile-btn {
    margin: 35px 0;
}

.filter-mobile-button {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    background: #3c0e1b
}

.filter-mobile-btn, .filter-mobile {
    display: none
}

.filter-mobile {
    position: fixed;
    z-index: 9999;
    background: #fff;
    top: 0;
    left: -260px;
    width: 260px;
    height: 100%;
    overflow: auto;
    padding: 10px 15px 120px;
}

.filter-mobile-button {
    width: 260px;
    position: fixed;
    left: -260px;
    bottom: 0;
    padding: 20px 20px 0;
    background: #3c0e1b;
    text-align: center;
}

.filter-mobile-button .btn {
    width: 100%
}


.filter-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.2;
    background: #000;
    z-index: 9998;
    left: 0;
    top: 0;
    display: none
}
@media screen and (max-width:991px){
	.product-archive .filter-side.open-productfilter {    left: 0;}

    .filter-desktop {        display: none;    }
    .filter-mobile-btn, .filter-mobile {        display: inline-block    }
    .open-productfilter.filter-mobile, .open-productfilter .filter-mobile-button {        left: 0;    }
    .open-productfilter.filter-overlay {        display: block    }
}



/*------------------------------------*\
    WOOCOMMERCE SINGLE
\*------------------------------------*/
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {width:auto}

#payment img {
    display: inline-block!important;
    float: right;
}
.related-row {padding-top:0;}

.single-product-row h1 {margin:0;color:#350c16;font-size:36px}
.single-product-row .sku {line-height:1.3;font-size:16px;color:#565656}

.single-product-row p {font-size:16px;line-height:2;}
.product-desc {margin-bottom:15px}

.single-product-row div.qty {
    display: none;
}
.single-product-row input.qty, .woocommerce .quantity .qty {
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    height: 55px;
    width: 70px!important;
    text-align: center;
    margin-right: 15px;
    font-size: 14px;
    color: #999999;
    /* padding-left: 17px; */
}
.single-product-row .quantity {float:left}



.single-product-image img{width:100%}
.single-product-image { position:relative;  border: 1px solid #e5e5e5;    background-color: #fff;}
.slider-product-bullit {padding:0 5px}
.product-image-slider-holder {position:relative;}
.product-image-slider-holder {margin-bottom:20px}
.product-bullit {width:33.3333%;cursor:pointer;margin-bottom:20px;padding:0 10px;}
.product-slide {padding:25px;position:relative;    background-color: #fff;}
.product-image-slider .slick-list{border: 1px solid #e5e5e5;}
.product-slide  .single-product-image { position:relative;  border:none;  background-position:center center;background-repeat:no-repeat;background-size:contain;padding-bottom:120%}
.product-bullit > div{padding:5px;position:relative;  border: 1px solid #e5e5e5;    background-color: #fff;}
.product-bullit .single-product-image {position:relative;  border:none;  background-position:center center;background-repeat:no-repeat;background-size:contain;padding-bottom:100%}



.single_variation_wrap {    float: left;    width: 100%;}

.woocommerce-variation-price {margin-bottom:25px}

.single-product table.variations {    width: 100%;    float: left;    margin-bottom: 25px;}

table.variations, .variations tr, .variations td, .variations label, .variations tbody {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
}
.variations tbody {max-width:350px}


.variations label {
    margin: 0;
    color: #350c16;
    font-size: 22px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
}


.single-price .woocommerce-Price-amount.amount,.woocommerce-variation-price .woocommerce-Price-amount.amount{
    color: #ee9f29;
    font-weight: 700;
    font-size: 24px;
}
.single-price .price > span:last-child {font-size:12px;}
.single-price .price ins {text-decoration:none}
.single-price del .woocommerce-Price-amount.amount > bdi {
    color: #a10000;
    text-decoration: line-through;
    font-size: 20px;
}
.single-price .price > ins {margin-left:10px}
.single-price .price ins:first-child{margin-left:0}

del > .amount > bdi span.woocommerce-Price-currencySymbol{margin:0}



.product-keurmerken, .product-keurmerken li {padding:0;margin:0;list-style:none;}
.product-keurmerken {display:block;}
.product-keurmerken li {display:inline-block;margin-right:20px;margin-bottom:20px;}
.product-keurmerken img {height:55px;width:auto;}
.product-keurmerken li:before {display:none!important}

.product-keurmerk-holder {margin-top:35px}
.product-keurmerk-holder h3{color:#565656;font-size:16px;margin:0 0 10px;}

p.stock.out-of-stock {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    color: #a10002;
}
p.archive-stock {
    line-height: 1;
    color: #a10002;
    font-weight: 700;
}
p.stock.in-stock {
    color: #ee9f29;
    font-weight: 700;
    font-size: 24px;
}



.variations select {
    width: 100%;
    height: 56px;
    padding-left: 15px;
    background: #fff;
    margin-bottom: 0;
    color: #232323;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    outline: none;
}
.variations td {position:relative}
.variations td:last-child:after {
    content: "";
    position: absolute;
    right: 10px;
    /* background: #000; */
    width: 10px;
    height: 10px;
    top: 25px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #565656;
}
a.reset_variations {display:none!important}


span.woocommerce-Price-currencySymbol {
    display: inline-block;
    margin-right: 3px;
}
/*------------------------------------*\
    WOOCOMMERCE MINICART
\*------------------------------------*/
.mini-cart-holder {
    position: relative;
    z-index: 100;
}

.banner-cart {
    position: absolute;
    right: 10px;
       top: -54px;z-index:1100
}

.cart-click-hold {
    position: relative;
    width: 74px;
    height: 74px;
    color: #fff;
    background: rgb(254,181,45);
    background: -moz-linear-gradient(top,rgba(254,181,45,1) 0%,rgba(223,143,22,1) 100%);
    background: -webkit-linear-gradient(top,rgba(254,181,45,1) 0%,rgba(223,143,22,1) 100%);
    background: linear-gradient(to bottom,rgba(254,181,45,1) 0%,rgba(223,143,22,1) 100%);
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 39px;
    text-align: center;
    line-height: 1;
    padding-top: 16px;z-index:10;
    cursor: pointer;
    padding-right: 5px;
}
.header-cart-count {
    color: #fff;
    background: rgb(254,181,45);
    background: -moz-linear-gradient(top,rgba(254,181,45,1) 0%,rgba(223,143,22,1) 100%);
    background: -webkit-linear-gradient(top,rgba(254,181,45,1) 0%,rgba(223,143,22,1) 100%);
    background: linear-gradient(to bottom,rgba(254,181,45,1) 0%,rgba(223,143,22,1) 100%);
    border-radius: 50%;
    border: 2px solid #fff;
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 10;
    top: -7px;
    right: -7px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
    color: #350c16;
    padding-top: 8px;
}

.dropdown-cart {position:absolute;z-index:1;background:#fff;top:50%;right:0;width:340px;border-radius:15px;border:1px solid #dedede;-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow:    0px 3px 6px 0px rgba(0, 0, 0, 0.14);box-shadow:         0px 3px 6px 0px rgba(0, 0, 0, 0.14);
display:none;
}

.cart-active .dropdown-cart {display:block}


#floating-minicart {    padding: 25px 30px;}
#floating-minicart h3 {font-size:26px;margin-bottom:15px;}
.woocommerce-mini-cart {padding:0;margin:0;list-style:none}

#floating-minicart .mini_cart_item {  position:relative;  padding: 0 0 10px;  padding-right:30px;  border-bottom: 1px solid #e7e7e7;    margin-bottom: 10px;}
a.remove.remove_from_cart_button {
height: 20px;
    width: 20px;
    background: #350c16;
    color: #fff!important;
    line-height: 1;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 4px;
    text-align: center;
    border-radius: 50%;
}
a.remove.remove_from_cart_button:hover, a.remove.remove_from_cart_button:focus {    color: #fff!important;
    background: red;}
#floating-minicart h4, #floating-minicart h4 a {font-size:16px;    margin: 0;color:#350c16}
#floating-minicart h4 a:hover, #floating-minicart h4 a:focus { color: #e49513;}
#floating-minicart .quantity {
    display: block;
    font-weight: 700;
    color: #e49513;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
}
p.woocommerce-mini-cart__total.total {
    text-align: right;
    color: #350c16;
    font-weight: 700;
}

.mini-cart-btns {text-align:center}
.mini-cart-btns, .mini-cart-btns li {padding:0;margin:0;list-style:none;display:block}
.mini-cart-btns .btn {margin:0;width:100%;font-size:22px;}

.mini-cart-btns .read-more {color:#565656;font-size:16px}
.mini-cart-btns .read-more:hover,.mini-cart-btns .read-more:focus {color:#e49513}

p.woocommerce-mini-cart__empty-message {
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}

@media screen and (max-width:650px){
	.cart-click-hold {    width: 64px;    height: 64px;       font-size: 34px;     padding-top: 14px; }
}

/*------------------------------------*\
    WOOCOMMERCE ACCOUNT
\*------------------------------------*/
.woocommerce-account .woocommerce-MyAccount-content a {font-weight:700}


.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a {    color: #ed9e28;}
.woocommerce-account .woocommerce-MyAccount-navigation {width:250px;padding-right:30px;margin-bottom:35px}
.woocommerce-account .woocommerce-MyAccount-content {width:calc(100% - 250px);margin-bottom:35px}

@media screen and (max-width:768px){
.woocommerce-account .woocommerce-MyAccount-navigation {width:100%;padding-right:0;}
.woocommerce-account .woocommerce-MyAccount-content {width:100%}	
}


/*------------------------------------*\
    WOOCOMMERCE CART
\*------------------------------------*/
.woo-cart{width:calc(100% - 330px);padding-right:50px}

.woo-cart-row {padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e7e7e7;position:relative;padding-right:22px;}
.woocommerce a.remove {    position: absolute;    background: #350c16;    border-radius: 50px;    height: 22px;    width: 22px;    color: #fff!important;    font-size: 14px;    position: absolute;    right: 0;    top: 0;    padding-top: 4px;}


.woo-cart-row .product-thumbnail-woocommerce {    width: 165px;    padding: 10px;    border: 1px solid #e5e5e5;    margin-right: 30px;}
.cart-desc {    width: calc(100% - 200px);}
.product-title-woocommerce h3, .product-title-woocommerce h3 a {    font-size: 20px;    margin: 0;}
.product-title-woocommerce h3 {margin-bottom:5px}
.cart-desc p.sku {    font-size: 16px;    margin-bottom: 15px;line-height:1;}
.cart-desc .product-price p {    color: #ee9f29;    font-weight: 700;    font-size: 24px;}
.cart-desc .product-price p > span:last-child{font-weight:normal;color:#565656;font-size:12px}
.cart-price {margin-bottom:10px;}

/*------------------------------------*\
    WOOCOMMERCE CHECKOUT
\*------------------------------------*/
.checkout-container{width:calc(100% - 330px);padding-right:50px}
.woocommerce table.shop_table {border:none}


.woocommerce-order-received ul.order_details {
    margin: 0 0 25px;
    list-style: none;
}
.woocommerce-order-received ul.order_details li:before {display:none!important}
.woocommerce-order-received ul.order_details li {
    float: left;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    border-right: 1px dashed #d3ced2;
    padding-right: 15px;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}
@media screen and (max-width:900px){
	.woocommerce-order-received ul.order_details li {width:50%;padding:10px 0;border-bottom:1px dashed #d3ced2;margin-right:0;}
	.woocommerce-order-received ul.order_details li:nth-child(even){border-right:none}
	.woocommerce-order-received ul.order_details li:last-child{border-top:none}
	.woocommerce-order-received ul.order_details li:nth-child(even) {padding-left:20px}
	.woocommerce-order-received ul.order_details li:nth-child(odd){padding-right:20px}
	
}





/*------------------------------------*\
    WOOCOMMERCE CART/CHECKOUT SIDE
\*------------------------------------*/

.woo-checkout-side{width:330px;}

.cart-summary .cart_totals {    float: left;    width: 100%;}
.cart-summary {    padding: 25px;    margin-bottom: 35px;    background: #f5f5f5;    border: 1px solid #f2f2f2;}
.cart-summary h2 {    font-size: 20px;    text-transform: uppercase;}



.cart-coupon-click {width:50%;}
.cart-update {width:50%;text-align:right}

.cart-coupon.coupon {display:none}
.cart-coupon.coupon {
    padding: 25px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    margin: 35px 0;
}
.cart-coupon .woocommerce input[type="text"] {background-color:#fff}

button[disabled] {opacity:.5}
.woo-read-more {
    background: none;
    border: none;
    padding: 0;
    margin: 0;    color: #350c16;    outline: none;
}
.woo-read-more:hover, .woo-read-more:focus{
    color: #ed9e28;
}

p.return-to-shop {
    float: left;
    width: 100%;
    padding: 0 15px;
}


.woo-checkout-side p.woocommerce-shipping-destination, p#shipping_country_field {    display: none;}

.woo-checkout-side .shipping {    font-weight: 700;}
.woo-checkout-side .shipping ul,.woo-checkout-side .shipping li {margin:0!important;padding:0;display:block}
.woo-checkout-side .shipping li {margin-bottom:5px!important}
.woo-checkout-side .shipping li:last-child {margin-bottom:0!important}
.woo-checkout-side .shipping li:before {display:none!important;}

.woocommerce .woo-checkout-side ul#shipping_method .amount {font-weight:normal!important}

.woo-checkout-side .shipping label {display:block;padding-left:35px;position:relative;font-weight:normal}
.woo-checkout-side input[type="radio"] {display:none}
.woo-checkout-side input[type="radio"] + label:before {border:1px solid #e5e5e5;width:20px;height:20px;background:#fff;border-radius:50%;content:"";position:absolute;left:0;top:2px;}
.woo-checkout-side input[type="radio"]:checked + label:after {width:10px;height:10px;background:#565656;border-radius:50%;content:"";position:absolute;left:5px;top:7px;}




/*------------------------------------*\
    WOOCOMMERCE SIDEBAR
\*------------------------------------*/
.aanbod-widget {background-repeat:no-repeat;  position:relative;  background-size: contain;    background-position: bottom right;}
.aanbod-widget:before {width:100%;height:100%;background-color:#f5f5f5;opacity:.8;position:absolute;content:"";left:0;top:0}

.aanbod-widget p {    font-size: 16px;    line-height: 1.5;}
.aanbod-widget li {padding-left:0!important}
.aanbod-widget ul, .aanbod-widget li a {    color: #e49513;    font-weight: 600;    font-size: 14px;    line-height: 1.6;}
.aanbod-widget li a:hover {opacity:0.8}
.aanbod-widget .btn {    font-size: 16px;    width: 100%;    text-align: center;    margin: 0;    padding: 10px;}
.aanbod-widget > div {position:relative;z-index:10;}



.woo-poduct-filter-box {    padding: 0;}

.woo-poduct-filter-box h3 {    font-size: 20px;    text-transform: uppercase;  }
.woo-poduct-filter-box .menu ul, .woo-poduct-filter-box .menu li, .woo-poduct-filter-box .menu {padding:0;margin:0;list-style:none;display:block}


.woo-poduct-filter-box .menu li a:after {  margin-left:5px;  content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;}

.woo-poduct-filter-box .menu .sub-menu li {padding-left:10px;}

.woo-poduct-filter-box .menu li a {font-size:16px}
.woo-poduct-filter-box .menu .sub-menu a{font-size:14px;color:#565656}
.woo-poduct-filter-box .menu .sub-menu a:hover, .woo-poduct-filter-box .menu .sub-menu a:focus,.woo-poduct-filter-box .current-menu-item > a{    color: #ed9e28;}

.woo-poduct-filter-box .menu .sub-menu {display:none}
.woo-poduct-filter-box .current-menu-item > .sub-menu {display:block!important}
.woo-poduct-filter-box .menu li a {
    font-size: 16px;
    display: block;
    line-height: 1.4;
}
.woo-poduct-filter-box .menu li {margin-bottom:5px}
.woo-poduct-filter-box .menu li:last-child {margin-bottom:0;}
.woo-poduct-filter-box > div > div {float:left;width:100%;margin-bottom:35px;}


@media screen and (min-width:768px) and (max-width: 900px) {
.woo-product-filter {
    display: none!important;    left: 0;
}
}
@media screen and (max-width:767px){
	.woo-desktop-widgets {display:none!important}
	
}
/*------------------------------------*\
    WOOCOMMERCE FORMS
\*------------------------------------*/
.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="password"], .woocommerce input[type="tel"], .woocommerce textarea {background-color:#f5f5f5;border:1px solid #e5e5e5}
.woocommerce fieldset {border-color:#ddd}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {    position: absolute;    right: 10px;    top: 10px;    cursor: pointer;}
.woocommerce textarea {height:190px!important}

input#coupon_code {background:#fff!important}
.woocommerce form .form-row {    padding: 0;    margin: 0 0 20px;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width:calc(50% - 10px)}

.select2-container--default .select2-selection--single {
        background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 50px;outline:none;font-size:15px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:50px}
.select2-container--default .select2-selection--single .select2-selection__arrow {    height: 50px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:15px}

.select2-dropdown {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
	border-radius: 0;}
.select2-results__option {
    outline: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #350e17;
    color: #fff;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #ef9f28; color: #fff;
}


h3#ship-to-different-address {
    font-size: 18px;
    color: #afafaf;
    line-height: 1.3;
    font-weight: 400;
    background: none;
    float: left;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

h3#ship-to-different-address label {float:left;width:100%}



h3#ship-to-different-address input[type="checkbox"] {display:none}
h3#ship-to-different-address input[type="checkbox"] + span {display:block;position:relative;padding-left:40px;}
h3#ship-to-different-address input[type="checkbox"] + span:before {content:"";position:absolute;width:25px;height:25px;background:#fff;top:-1px;left:0;border:1px solid #e5e5e5}
h3#ship-to-different-address input[type="checkbox"]:checked + span:after {    font: normal normal normal 14px/1 FontAwesome;    content: "\f00c";    position: absolute;    font-size: 21px;    background: #fff;    top: 1px;    left: 3px;    color: #ee9f29;}
p#order_comments_field label {    display: none;}


.mc4wp-checkbox-woocommerce input[type="checkbox"] {display:none}
.mc4wp-checkbox-woocommerce input[type="checkbox"] + span {display:block;position:relative;padding-left:40px;}
.mc4wp-checkbox-woocommerce input[type="checkbox"] + span:before {content:"";position:absolute;width:25px;height:25px;background:#fff;top:5px;left:0;border:1px solid #e5e5e5}
.mc4wp-checkbox-woocommerce input[type="checkbox"]:checked + span:after {    font: normal normal normal 14px/1 FontAwesome;    content: "\f00c";    position: absolute;    font-size: 21px;    background: #fff;        top: 7px;    left: 3px;    color: #ee9f29;}
.mc4wp-checkbox-woocommerce> label {
    font-size: 15px;
    line-height: 1.3!important;
    font-weight: 400;
    background: none;
    float: left;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
p.mc4wp-checkbox.mc4wp-checkbox-woocommerce {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
/*------------------------------------*\
    WOOCOMMERCE BTNS
\*------------------------------------*/

#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {padding: 0;    margin-top: 25px;}


#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    font-family: 'Maven Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    background: rgb(254, 181, 45);
    background: -moz-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb52d', endColorstr='#df8f16', GradientType=0);
    border-radius: 15px;
    padding: 15px 25px;
    line-height: 1;
    border: none;
    outline: none;overflow:hidden
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover  {    color: #fff !important;background: rgb(254, 181, 45);
    background: -moz-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 181, 45, 1) 0%, rgba(223, 143, 22, 1) 100%);}



.woocommerce button.button:hover:after,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover:after{
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

.woocommerce button.button:after, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: ''!important;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

button.single_add_to_cart_button.button.alt {
     height: 55px;
    border-radius: 15px;
    min-width: 200px;
    position: relative;padding: 15px 25px!important;
    padding-left: 45px!important;
    width: auto;font-weight:600
}
button.single_add_to_cart_button.button.alt:before {       font-family: 'icomoon' !important;
    content: "\e901";
    margin-right: 10px;
    font-size: 33px;
    position: absolute;
    left: 20px;
    top: 9px;
    font-weight: normal;}

button.single_add_to_cart_button.button.alt.added:before {
    content: "\e900";
}
.single-product .cart a.added_to_cart.wc-forward {
    display: block!important;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {    color: #fff;    cursor: not-allowed;    opacity: .5;    padding: 16px 20px;}



#respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {     background-color: #464646;    color: #fff;    text-decoration: none;    background-image: none;}

.checkout button#place_order {width:100%}


.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #212121;
    color: #fff;
}

.add-cart-btn {
    padding: 0!important;
    background-color: transparent!important;
    color: #350c16!important;
    min-width: auto!important;
    font-size: 35px!important;    float: left;
}

.product-box-content .add-cart-btn {background:none!important}

.woocommerce a.add-cart-btn.added::after {
   display:none!important
}
.woocommerce a.add-cart-btn.added .icon-add-to-cart-single:before {
    content: "\e900"; color: #ef9f28
}


a.added_to_cart.wc-forward,.woocommerce a.button.loading::after {display:none!important}

.woocommerce .product-box a.button {
    overflow: visible;
    border-radius: 0;
}
.woocommerce a.add-cart-btn.added .icon-add-to-cart-single {    content: "\e900";}

.cart-summary .checkout-button.button.alt.wc-forward {
    width: 100%;
    font-size: 22px;margin-bottom:0;
}


.half-woo-row:first-child {width:160px;font-weight:700}
.half-woo-row{width:calc(100% - 160px);line-height:1.6}
.half-woo-row:last-child {text-align:right;}

.cart-summary .order-total > div:last-child {    font-size: 20px;}
.cart-summary .order-total span.woocommerce-Price-amount.amount {    color: #ee9f29;}

.cart-totals-list {margin-bottom:15px}
.cart-totals-list > div {    padding-bottom: 10px;    margin-bottom: 10px;    border-bottom: 1px solid #e5e5e5;    font-size: 16px;}
.cart-totals-list > div:last-child {border-bottom:none}

.woo-checkout-side .includes_tax {    display: none;}
.woo-checkout-side .cart-totals-list {margin-bottom:0}

a.woocommerce-remove-coupon {font-size:12px}


/*checkout*/
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {float:left;width:100%;background:none;border-radius:0}

.cart-summary.order-review-cart-summary {    padding: 0;    margin-bottom: 0;    background: none;    border: none;}

.woocommerce-checkout-review-order-table, .woocommerce-checkout #payment{    padding: 25px;    margin-bottom: 35px;    background: #f5f5f5;    border: 1px solid #f2f2f2;}

.woocommerce-checkout-review-order-table .cart-totals-list > div:last-child {margin:0;padding:0}
.woocommerce-checkout #payment div.form-row {padding:0;margin:0;}


.woocommerce-checkout #payment ul.payment_methods {
    text-align: left;
    padding: 0;
    border-bottom: none;
    margin: 0;
    list-style: none outside;margin-bottom:15px
}
.woocommerce-checkout #payment ul.payment_methods li:before {display:none!important}
.woocommerce-checkout #payment ul.payment_methods li {    line-height: 1.4;    text-align: left;    margin: 0;    font-weight: 400;padding-left:0!important;margin-bottom:5px;}
#payment ul.payment_methods li label {    display: block;    padding-left: 30px;}
.woocommerce-checkout #payment ul.payment_methods li:last-child {margin-bottom:0}


#payment select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: none;
    background: #fff;
    height: 40px;padding-left:15px;
}
#payment p {
    font-size: 14px;
    line-height: 1.6;
}

.mollie-components .mollie-component-label {
    font-weight: 400;
    font-size: 12px;
}
.mollie-components div+div {margin-top:2px!important}


.woocommerce-terms-and-conditions-wrapper {    float: left;    width: 100%;}
.woocommerce-terms-and-conditions-wrapper .form-row {line-height:1.4;margin-bottom:0!important}

.woocommerce-terms-and-conditions-wrapper .form-row label {line-height:1.4!important}
a.woocommerce-terms-and-conditions-link {    color: #ee9f29;}
a.woocommerce-terms-and-conditions-link:hover {    color: #350c16;}

.woocommerce form .form-row .input-checkbox {display:none}
.woocommerce form .form-row .input-checkbox + span {display:block;padding-left:25px;position:relative;}
.woocommerce form .form-row .input-checkbox + span:before {width:20px;height:20px;content:"";position:absolute;top:0;left:0;    background-color: #fff;
    border: 1px solid #e5e5e5;}

.woocommerce form .form-row .input-checkbox:checked + span:after {    font: normal normal normal 14px/1 FontAwesome;    content: "\f00c";    position: absolute;    font-size: 17px; top: 1px;    left: 2px;    color: #ee9f29;}

.woocommerce-terms-and-conditions-wrapper span.required {display:none}
.woocommerce-terms-and-conditions-wrapper .form-row.woocommerce-invalid label {
    color: #a00;
    font-weight: 600;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; -moz-appearance:none;appearance:none;
  margin: 0; display:none;
}


input[type="number"] {
    -moz-appearance: textfield !important;
}
/*------------------------------------*\
    WOOCOMMERCE ARCHIVE
\*------------------------------------*/

.woo-widgets {    width: 245px;}
.woo-archive {width:calc(100% - 245px);float:right}



.woo-widgets .sidebar > div {    background-color: #f5f5f5;    border: 1px solid #f2f2f2;    margin-bottom: 30px;    float: left;    width: 100%;    padding: 25px 20px;}
.reguar-row .woo-widgets li:before {display:none}
.woo-widgets .link-widget li a {    font-size: 14px;    line-height: 1;}
.reguar-row .woo-widgets .link-widget li {padding-left:25px;margin-bottom:10px;}
.reguar-row .woo-widgets .link-widget li:last-child {margin-bottom:0}
.reguar-row .woo-widgets .link-widget ul {margin:0}


.woo-widgets .sidebar h3 {    font-size: 20px;    text-transform: uppercase;}

.woo-widgets .sidebar .menu ul, .woo-widgets .sidebar .menu li, .woo-widgets .sidebar .menu {padding:0;margin:0;list-style:none;display:block}


.woo-widgets .sidebar .menu li a:after {  margin-left:5px;  content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;}

.woo-widgets .sidebar .menu .sub-menu li {padding-left:10px;}

.woo-widgets .sidebar .menu li a {font-size:16px}
.woo-widgets .sidebar .menu .sub-menu a{font-size:14px;color:#565656}
.woo-widgets .sidebar .menu .sub-menu a:hover, .woo-widgets .sidebar .menu .sub-menu a:focus,.woo-widgets .current-menu-item > a{    color: #ed9e28;}

.woo-widgets .sidebar .menu .sub-menu {display:none}
.woo-widgets .current-menu-item > .sub-menu {display:block!important}

nav.woocommerce-pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}
.woocommerce nav.woocommerce-pagination ul {
    display: block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: none;
    border-right: 0;
    margin: 0;
    width: 100%;text-align:center;
}
.woocommerce nav.woocommerce-pagination > .page-numbers {background:none!important;border-radius:0;height:auto}
.woocommerce nav.woocommerce-pagination ul li {    border-right: none;float:none}
.woocommerce nav.woocommerce-pagination ul li:before {display:none!important}

.woocommerce nav.woocommerce-pagination > .page-numbers .page-numbers {
    width: 30px;
    height: 30px;
    margin: 0 4px;
    padding: 0;
    padding-top: 6px;
    color: #fff;
    font-weight: 600;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #5a0119;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination > .page-numbers {    padding: 10px 110px;position:relative;}
nav.woocommerce-pagination li {position:initial}


nav.woocommerce-pagination .next.page-numbers, nav.woocommerce-pagination .prev.page-numbers {
	    width: auto!important;    height: auto!important;    background: none!important;    color: #565656!important;    position: absolute;    top: 20px;    right: 0;    font-size: 12px;    padding-top: 0!important;}
nav.woocommerce-pagination .prev.page-numbers {    right: auto;    left: 0;}


nav.woocommerce-pagination .next.page-numbers:hover, nav.woocommerce-pagination .prev.page-numbers:hover {
	color: #ed9e28!important;
}

@media screen and (max-width:767px){
	.woo-archive .large-4, .woocommerce-related-row .large-3 {width:50%;}
	.woocommerce nav.woocommerce-pagination > .page-numbers .page-numbers {margin:0 1px}
	 
}
@media screen and (max-width:320px){
	.woo-archive .large-4, .woocommerce-related-row .large-3 {width:100%;}
}

/*------------------------------------*\
    WOOCOMMERCE BOX
\*------------------------------------*/
.product-box {margin-bottom:35px}
.product-box-image {    padding: 10px;    border: 1px solid #e5e5e5;    background-color: #fff;margin-bottom:15px;}
.product-box-image > div {position:relative;padding-bottom:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;}

.product-box h2 {    font-size: 18px;    line-height: 1.2;    margin: 0 0 5px;}
.product-box .sku {font-size:12px;margin-bottom:10px;line-height:1.3}
@media screen and (max-width:767px){
	.product-box h2 {    font-size: 15px;	}
}

.product-box .price {    color: #ee9f29!important;    font-weight: 700!important;    font-size: 18px!important;float: left;   
    line-height: 1.4;
    margin-bottom: 0;}
.product-box .price del {float:right;margin-left:15px;    font-size: 14px;    color: #a10000;}
.product-box .price ins {text-decoration:none}

.product-box-content > div {margin-bottom:10px}
.product-box-content > div:last-child {margin-bottom:0}


.product-box .product-label{position:absolute;z-index:1;right:0;top:25px;background:#e49513;color:#fff;font-weight:600;text-transform:uppercase;right: -10px;}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity:1}


.product-image-slider-holder .product-label {    z-index: 1;    right: 15px;}

.product-box h4 {
    line-height: 1;
    font-size: 14px;
    margin-bottom: 10px;
}

/*------------------------------------*\
    WOOCOMMERCE NOTICES
\*------------------------------------*/
.woocommerce-form-coupon-toggle .woocommerce-info {
    padding: 0;border:none;background:none
}
.woocommerce-form-coupon-toggle .woocommerce-info:before {display:none;border:none;background:none}

.woocommerce-form-coupon-toggle a.showcoupon {
    color: #350c16;
    font-weight: 500;
}
.woocommerce-form-coupon-toggle a.showcoupon:hover, .woocommerce-form-coupon-toggle a.showcoupon:focus {    color: #ed9e28;}

.woocommerce-form-coupon-toggle a.showcoupon:after{    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101";margin-left:10px}

form.checkout_coupon.woocommerce-form-coupon {
    float: left;
    width: calc(100% - 30px);
    margin: 0;
    margin-left: 15px;
    margin-bottom: 35px;
    padding: 25px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    /* margin: 35px 0; */
    border-radius: 0;padding-bottom: 10px;
}
form.checkout_coupon.woocommerce-form-coupon p:first-child {display:none}
.woocommerce-page form.checkout_coupon .form-row-first,.woocommerce form.checkout_coupon .form-row-last {width:100%;}

form.checkout_coupon.woocommerce-form-coupon {
    float: left;
    width: calc(100% - 30px);
    margin: 0;
    margin-left: 15px;    margin-bottom: 35px;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    float: left;
    width: calc(100% - 30px);
    margin-left: 15px;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li:before {display:none!important}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error {    padding: 25px;    padding-left: 50px;}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li {font-size:16px;line-height:1.6}

.woocommerce-notices-wrapper,.woocommerce-form-coupon-toggle,.title-box +  .woocommerce-message{
float: left;
    width: calc(100% - 30px);
    margin-left: 15px;
    font-size: 16px;
    line-height: 1.5;
}
.woocommerce-notices-wrapper .woocommerce-error li:before {display:none!important}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 25px;
    margin: 0 0 25px;
    float: left;
    width: 100%;
    position: relative;
    background-color: #f7f6f7;
    color: #565656;
    list-style: none outside;
    width: 100%;
    word-wrap: break-word;
    padding-left: 50px;
}

.woocommerce-notices-wrapper ul.woocommerce-error {position:relative;
    float: left;
    width: 100%;
    padding: 25px;    padding-left: 50px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 25px;
}


/*------------------------------------*\
    RESPONSIVE WOO
\*------------------------------------*/
.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width:1100px){
nav.woocommerce-pagination .next.page-numbers, nav.woocommerce-pagination .prev.page-numbers {display:none}
.woocommerce nav.woocommerce-pagination>.page-numbers {padding:10px}
}

@media screen and (min-width:600px) and (max-width:768px){
	.woo-archive .medium-6 {width:50%}
}


@media screen and (min-width:768px) and (max-width:992px){
	.woo-cart-row .product-thumbnail-woocommerce {width:100%;margin:0 0 15px;}
	.cart-desc {    width: 100%;}
	.woo-cart-row {padding-right:0}
	.cart-coupon-click {width:100%}
	.cart-update {    width: 100%;    text-align: left;}
	
}



@media screen and (max-width:767px){
	.woo-widgets, .woo-archive, .woo-checkout-side, .woo-cart {width:100%}
	.woo-archive {padding:0}
	
	.single-product-row h1 {font-size:34px}
	.woo-cart-row {padding-right:22px}
	
	.woo-checkout-side {margin-top:35px}
	
	.checkout-container {    width: 100%;    padding-right: 0;}
	
	
}
@media screen and (max-width:650px){
	.woo-cart-row .product-thumbnail-woocommerce {width:50px;margin:0 0 15px;margin-right:20px;}
	.cart-desc {    width: calc(100% - 70px);}
	.woo-cart-row {padding-right:0}
	.cart-coupon-click {width:100%}
	.cart-update {    width: 100%;    text-align: left;}
	
	
}

/*------------------------------------*\
    RESPONSIVE CORRECTIES
\*------------------------------------*/

body {font-size:17px;}

@media screen and (max-width:1440px){
	.water-koeler-archief .uitgelicht-product {width:33.333%}
	
	.usp-icon {		width: 28px;}
	.usp-txt {    padding-left: 40px;}
	.usp-txt p {    font-size: 17px;
    line-height: 21px;}
}

@media screen and (max-width:1380px){
	body {font-size:16px;}
	p {font-size:16px;line-height:2}
	
	.machine-title-box h1 {
		font-size:36px;
	}
	
	.btn, input.wpcf7-form-control.wpcf7-submit {font-size:16px;}
	 
}


@media screen and (max-width:991px){
	.machine-title-box h1 {
		font-size:32px;
	}
}



@media screen and (max-width:900px){
	.recent-koffiepraat-row h3 {font-size:34px}
	.water-koeler-archief .uitgelicht-product {width:50%}
	
.uitgelicht-product.large-tax-actie-box > div {    padding: 40px 30px;}
		section.usp-box {		padding: 30px 0 5px;}

	
	
}


@media screen and (max-width:767px){
	h1, h2, h3, h4, h5, h6 {margin-bottom:10px}
	h3.subtitel {margin-bottom:20px}
	
	.banner {		min-height: 350px;padding: 200px 0 40px;}
	.home-banner.banner {padding-bottom:25px!important;}

	.banner-machine {    min-height: 190px;    padding: 0;}
	.home-banner-image {padding-top:70px!important;    background: #3c0e1a!important;}
	.vestiging-content {padding-left:5px;padding-right:5px;}
	.concept-box {    padding: 15px 15px 15px;}
	.archive-acties-content {    padding: 20px 20px;}
	
	.machine-first-content-row {padding-bottom:10px;}
	.btns-row {		margin-bottom: 0!important;}
	
	.uitgelicht-product-content {padding:20px 15px}
	
	.uitgelicht-product {    margin-bottom: 30px;}
	.uitgelicht-product:last-child {    margin-bottom: 50px;}
	
	.usp-box .medium-4 {margin-bottom:20px;}
	section.usp-box {		padding: 30px 0 15px;}
	
	
	.machine-title-box h1 {
		font-size:28px;
	}
}


@media screen and (max-width:600px){
	.recent-koffiepraat-row h3 {font-size:30px}
	body {font-size:16px;}
	
	.consumptievariaties-box h2 {    font-size: 21px;}
	.water-koeler-archief .uitgelicht-product {width:100%}
	.uitgelicht-product.large-tax-actie-box > div, .uitgelicht-product.tax-actie-box > div {    padding: 20px 30px 20px;}
	
}

@media screen and (max-width:450px){
	.recent-koffiepraat-row h3 {font-size:28px}
	.banner h1 {    font-size: 28px;}
	
	.concept-box {    padding: 15px 5px;}
	
	.machine-title-box h1 {font-size:28px;}
	
	.machine-info-row h2 {font-size:24px}
	
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #3c0e1a;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #3c0e1a;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #3c0e1a;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {

}

.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* initially hide all groups (even before JS is loaded), so the page will never render them while loading */
[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
    display:none;
}

.wpcf7cf_repeater_sub {
    margin-bottom: 20px;
}

.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.wpcf7cf_multistep .wpcf7cf_step {
    /* display:none; */
    width: 100%;
}

.wpcf7cf_multistep .wpcf7cf_step .step-title {
    display: none;
}

.wpcf7cf_multistep .wpcf7cf_steps-dots {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
    display: inline-block;
    border-radius: 50%;
    background: #dfdfdf;
    color: #000000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
    border-bottom: 5px solid #dfdfdf;
    text-align: center;
    flex: 1;
    padding: 15px;
    min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
    border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
    border-bottom: 5px solid #333;
    font-weight: bold;
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
    background-color: #333;
    color: #ffffff;
}

.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
    background-color: #333;
    color: #ffffff;
}

.wpcf7cf_step_controls .disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}