/*
	Theme Name: Custom Template
	Theme URI: https://www.creativeboysclub.nl
	Description: Basis voor de template
	Version: 1.0
	Author: Creative Boys club
	Author URI:https://www.creativeboysclub.nl

*/
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500;600;700;800;900&display=swap');

a, button, input, .read-more i, .video-url i, .slider-arrow, .nieuws-box > div, .nieuws-box-content:after, .dienst-box > div:before, .branche-box-read-more, .branche-box > div:after , .contact-box > div, .merk-box > div {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/*------------------------------------*\
    MAIN


Thin 100
ExtraLight 200
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900
\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

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


a {	color:#f28800;	text-decoration:none;font-weight:400;}
a:hover {	color:#000;}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;    margin: 0;color:#f28800; font-size:23px; font-weight:700;line-height:1.3;text-transform:none}
body {font-size:14px;line-height:1.65;font-family: 'Poppins', sans-serif;color:#000;font-weight:400;}

.standaard-content h2 {font-size:24px;margin-bottom:10px;}
.standaard-content h3 {font-size:23px;margin-bottom:10px;}
.standaard-content h4 {font-size:22px;margin-bottom:10px;}
.standaard-content h5 {font-size:21px;margin-bottom:5px;}
.standaard-content h6 {font-size:20px;margin-bottom:5px;}
 
.standaard-content h3 + h3 {margin-top:30px}


p, blockquote { margin:0 0 25px}
p:last-child, blockquote:last-child {margin:0}
blockquote {padding-left:20px;padding-top:5px;padding-bottom:5px;border-left:4px solid #f28800;font-weight:600}

.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:5px;position:relative;padding-left:30px;}
.standaard-content ul, .standaard-content ol {margin-bottom:25px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:0px;content: "\f00c";    font-family: "Font Awesome 5 Pro";    font-weight: 900;color: #f28800;}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:25px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: #f28800;
  display: inline-block; position:absolute;left:0;top:0;}
.standaard-content ul li, .standaard-content ol li {text-align:left;}
.standaard-content strong {    font-size: 18px;    color: #444;}

.title-box h1,.with-border h2 {font-size:33px;margin-bottom:10px}

.call-to-action .title-box h2 {font-size:24px}

.contact-row .title-box h2 {font-size:24px;}

.intro-content {font-weight:700;color:#444444}




/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	max-width:1440px;
	width:100%;
	margin:0 auto;
	position:relative;
}

.rightfloater {float:right}





.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;
}
	}

.textcenter, .text-center {text-align:center;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.rightfloater {float:right}

.title-box {margin-bottom:20px}
.title-box h1, .with-border h2 {position:relative;padding-bottom:10px;}
.title-box h1:after, .with-border h2:after {content:"";position:absolute;width:74px;height:4px;bottom:0;background:#282a2d;left:0;}

.title-box.text-center h1:after, .text-center.title-box h2:after {left:calc(50% - 37px);}

.with-counter {display:flex;flex-wrap:wrap;align-items:center;}
.with-counter ul, .with-counter ul li {padding:0;margin:0;list-style:none;display:inline-block}
.with-counter ul {    margin-left: auto;font-size:12px;color:#f18800;margin-bottom:10px;}

.margin-fix,.marginfix {margin-bottom:40px}
.nomargin {margin-bottom:0!important}
.intro-content {margin-bottom:25px;}
.media-box {position:relative;overflow:hidden;border-radius:0;border:none; text-align:center;}
.media-box img {width:100%;max-width:100%;}
.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}
.video-url i {
    position: absolute;
    font-size: 68px;
    color: #fff;
    z-index: 10;
    left: calc(50% - 34px);
    top: calc(50% - 34px);
}
.video-url:hover i {opacity:.6}

.media-box.with-shape {padding-bottom:40px;padding-right:20px;position:relative;}
.media-box.with-shape:after {content:"";position:absolute;border-radius:5px;background:#f28800;width:295px;height:295px;bottom:0;right:0;mix-blend-mode: multiply;max-width:75%;max-height:75%}


.dark-background{background-color:#181818;color:#fff;}
.grey-background {background:#F7F7F7}
.content-row {padding-top:80px;padding-bottom:40px;}
.content-row:last-child{padding-bottom:80px}
.grey-background + .grey-background,.white-background + .white-background  {padding-top:0}
.related-row {border-top:1px solid #b6b6b7}
.breadcrumbs-row + .content-row {padding-top:30px}


.diensten-container .dienst-box {width:33.3333%}
.dienst-box > div {position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#000000;}
.dienst-box > div:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:.4;z-index:1;}
.dienst-box:hover > div:before {opacity:.1}
.dienst-box > div .overlay {z-index:100;}
.dienst-box-content {position:relative;z-index:90;}

.dienst-box-content h3 {font-size:30px;color:#fff;margin-bottom:5px;}
.dienst-box-content h2 {font-weight:400;font-size:13px;color:#fff;max-width:272px;}
.dienst-box-titles {padding:25px 20px;min-height:255px;}
.dienst-box-read-more {padding:15px 20px;}

.dienst-box-read-more .read-more {color:#fff;}
.dienst-box-read-more {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5a300+0,f5a300+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(245,163,0,1) 0%, rgba(245,163,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(245,163,0,1) 0%,rgba(245,163,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(245,163,0,1) 0%,rgba(245,163,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a300', endColorstr='#00f5a300',GradientType=1 ); /* IE6-9 */}

.dienst-row .wrapper {padding-top:45px;}

.rightfloater.dienst-content {    margin-right: 8.33333%;}
.rightfloater.dienst-image {    margin-right: 8.33333%;}
.dienst-image {padding-left:calc(8.33333% + 15px);position:relative;}
.dienst-image img {width:100%;height:auto;}
.dienst-title-box {padding:25px;border-radius:5px;left:15px;top:-45px;width:292px;position:absolute;}
.dienst-title-box h3 {    color: #fff;    font-size: 17px;    font-weight: 400;    margin-bottom: 10px;    text-transform: uppercase;}
.dienst-title-box h2 {    font-size: 29px;    color: #fff;}

.installatie-box h3 {    font-size: 18px;    margin-bottom: 20px;}
.installatie-box img {    width: 60px;    margin-bottom: 25px;}

.plaatsing-box > div, .advies-box > div {padding:25px;border-radius:5px;}
.plaatsing-box h3, .advies-box h3 {font-size:19px;color:#fff;margin-bottom:10px;}
.plaatsing-box, .advies-box {color:#fff;}

.results-row {background-position:center center;background-color:#181818;background-size:cover;position:relative;padding:190px 0 150px}
.results-row:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#181818;opacity:.7;z-index:1;}
.results-row .wrapper {position:relative;z-index:100;}

.results-row h2 {color:#fff;font-size:43px;line-height:1.25}
.result-desc h4 {    font-size: 34px;    color: #fff;    font-weight: 400;    text-align: center;}
.result-icon {height:90px;margin-bottom:25px;background-size:contain;background-repeat:no-repeat;background-position:center center}


.branche-box {margin-bottom:30px;}
.branche-box .overlay {z-index:100;}
.branche-box > div {background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;background-color:#000;border-radius:9px}
.branche-box > div:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:1;}
.branche-box > div:after {content:"";position:absolute;bottom:-20%;left:0;width:100%;height:50%;background-image:url(assets/images/branche-hover-gradient.png);background-size:cover;background-position:bottom center;background-repeat:no-repeat;z-index:2;opacity:0;}
.branche-box-content {position:absolute;bottom:0;left:0;width:100%;padding-bottom:20px;z-index:10}
.large-box > div {padding-bottom:70%;}
.small-box > div {padding-bottom:100%}
.large-box {width:50%;}
.small-box {width:25%}

.half-height > div {padding-bottom:55%}

.branches-content-row .wrapper {padding-bottom:10px;}

.branche-box-content h3 {font-size:11px;margin-bottom:10px}
.branche-box-content h2 {font-size:26px;color:#fff;}
.small-12.branche-box-titles {    padding: 0 30px 0;}
.branche-box-read-more {
    padding: 15px 30px 0px;
    max-height: 0;
    overflow: hidden;
}
.branche-box:hover .branche-box-read-more {max-height:1000px}
.branche-box:hover > div:after {bottom:0;opacity:1;}
.branche-box .read-more {color:#fff;}

.branche-list ul, .branche-list li {margin:0;padding:0;list-style:none}
.branche-list li {margin-bottom:5px;}
.branche-list li:last-child {margin-bottom:0;}
.branche-list a {color:#000;}
.branche-list a:hover, .branche-list a:focus {color:#f28800}

.dark-background .with-border h2:after {background:#fff}

.column-groups {margin-top:40px;margin-bottom:15px;}
.column-title h3 {font-size:20px;color:#fff;font-weight:700;margin-bottom:10px}
.column-title img {display:inline-block;vertical-align:bottom;margin-right:10px;width:auto;max-height:50px;}


.apparatuur-container .apparaat-box{width:25%}
.taxonomy-apparatuur-container .apparaat-box {width:33.3333%}
.apparaat-box > div {border-radius:9px;;background-color:#282a2d;height:100%}

.apparatuur-slider .slick-track, .slick-slider .slick-track{    display: flex !important;}
.apparatuur-slider .slick-slide,  .slick-slider .slick-slide{    height: inherit !important;}

.apparaat-box-image a, .apparaat-box-image img {display:block;width:100%;}
.apparaat-box-image {position:relative;padding-bottom:25px;background-size:cover;background-position:bottom center;}
.apparaat-box-image img {
    height: 250px;
    object-fit: contain;
    margin-top: 15px;
}

.apparaat-box-titles h3 {font-weight:700;color:#fff;font-size:11px;text-transform:uppercase;line-height:1.3;margin:0;margin-bottom:3px;}
.apparaat-box-titles h2, .apparaat-box-titles h2 a {font-weight:700;color:#f28800;font-size:17px;text-transform:none;line-height:1.3;margin:0;}
.apparaat-box-titles {    padding: 0 30px 10px;    margin-bottom: 10px;    position: relative;}
.apparaat-box-titles:after {content:"";position:absolute;bottom:0;height:1px;width:80%;max-width:155px;background:#f28800;left:0}
.apparaat-box-desc {    padding: 0 30px 35px;    color: #fff;    font-size: 12px;    line-height: 1.4;}
.apparaat-box .btn {    font-size: 13px;    min-width: 100px;    margin-left: 10px;    margin-right: 10px;    margin-bottom: 10px;    padding: 13px 15px;}
.apparaat-box-btns {    padding: 0 20px 10px;}

.label-image {
    position: absolute;
    width: 140px!important;
    height: 98px;
    right: -13px;
    top: 3px;
}

.apparatuur-slider .apparaat-box {width:330px}


.wasmachines-box .apparaat-box-image {background-image:url(assets/images/wasmachines-box-shape.png);}
.wasmachines-box .apparaat-box-titles h3 {color:#1bb1e2}

.mangels-box .apparaat-box-image {background-image:url(assets/images/mangels-box-shape.png);}
.mangels-box .apparaat-box-titles h3 {color:#f7ab5f}

.drogers-box .apparaat-box-image {background-image:url(assets/images/drogers-box-shape.png);}
.drogers-box .apparaat-box-titles h3 {color:#ee0178}

.strijk-afwerk-box .apparaat-box-image {background-image:url(assets/images/strijk-afwerk-box-shape.png);}
.strijk-afwerk-box .apparaat-box-titles h3 {color:#a900c2}

.vouwmachines-box .apparaat-box-image {background-image:url(assets/images/vouwmachines-box-shape.png);}
.vouwmachines-box .apparaat-box-titles h3 {color:#00b89b}

.txtimg-image {    width: 75%;}
.txtimg-box-content {width:25%;font-size:12px;}
.txtimg-image img {
    width: 100%;
}


.txtimg-box-content > div > div {  height:calc(100% - 50px);  padding: 25px;    background: #000;    width: 220%;    color: #fff;    float: right;margin-top:25px;margin-bottom:25px;border-radius:5px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e3e3e+0,060606+100 */
background: #3e3e3e; /* Old browsers */
background: -moz-linear-gradient(left,  #3e3e3e 0%, #060606 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3e3e3e 0%,#060606 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3e3e3e 0%,#060606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#060606',GradientType=1 ); /* IE6-9 */
}
.rightfloater .txtimg-box-content  > div > div {    float: left}
.txtimg-box-content h3 {    color: #ffffff;    font-size: 19px;}

.apparaat-txt-img .txtimg-box-content > div > div {    float: right}
.apparaat-txt-img .rightfloater + .txtimg-box-content  > div > div {    float: left}



.faq-box {background:#000;border-radius:9px;margin-bottom:15px}
.faq-box:last-child {margin-bottom:0;}
.faq-box h3 {cursor:pointer;font-size:17px;font-weight:700;color:#fff;line-height:1;padding:15px 40px 15px 15px;position:relative}
.faq-box h3 span {top:12px;position:absolute;width:22px;height:22px;border-radius:50%;background:#f28800;right:15px;}
.faq-box h3 span:before {content:"";position:absolute;width:10px;height:2px;background:#fff;left:calc(50% - 5px);top:calc(50% - 1px);}
.faq-box h3 span:after {content:"";position:absolute;height:10px;width:2px;background:#fff;top:calc(50% - 5px);left:calc(50% - 1px);}
.faq-box .active h3 span:after {display:none}
.faq-content {    color: #fff;    font-size: 14px;    padding: 0 30px 0;    width: calc(100% - 50px);    margin-left: 50px;    border-left: 3px solid #f28801;    margin-bottom: 30px;margin-top:10px;display:none}


.klanten-service-content {position:relative;z-index:2;margin-top:30px;}
.klanten-service-content h1 {font-size:68px;padding-bottom:20px;margin-bottom:30px;width:175%;display:block}

.contactinfo {margin-bottom:30px;width:50%}
.contactinfo h4 {    color: #000;    font-size: 16px;}
.contactinfo a {color:#000;}
.contactinfo a:hover {color: #f28800;}
.contactinfo ul, .contactinfo li {padding:0;margin:0;list-style:none}
.contactinfo span {display:inline-block;min-width:50px;}


.page-template-template-klantenservice .contact-box {
    min-width: 330px;
}
.page-template-template-klantenservice .contact-box > div {min-height:115px;}
.contact-box {font-size:13px;width:33.3333%;max-width:330px;margin-bottom:30px}
.contact-box > div {
    border: 1px solid #f28800;
    border-radius: 9px;
    padding: 25px 25px 25px 90px;background:#ffc070;position:relative;
}
.contact-icon {position:absolute;left:25px;top:calc(50% - 25px);width:50px;height:50px;border-radius:50%;background:#fff;padding:10px;}
.contact-icon img {width:100%}
.contact-box h4 {color:#000;margin-bottom:7px;font-size:13px;}

.contact-box:hover > div {-webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);}

.contact-boxes.in-content {margin-top:30px}
.in-content .contact-icon {width:36px;height:36px;top:calc(50% - 18px);left:15px;padding:8px}
.in-content .contact-box > div {    padding: 15px 10px 15px 60px;    font-size: 10px;}
.in-content .contact-box br {display:none}
.in-content .contact-box h4 {font-size:11px;}

.merken-group {margin-bottom:30px;margin-top:20px}
.merk-box {margin-bottom:30px;width:25%;}
.merk-box > div {text-align:center;position:relative;padding:20px;border:1px solid #f1f1f3;border-radius:5px;min-height:110px}
.merk-box img {width:auto;max-width:100%;max-height:100px;} 
.merk-box:hover > div {border-color:#f28800}
.merken-slider {margin-bottom:20px;}


.sidebar {width:360px;padding-right:50px;padding-top:20px;}
.sidebar ul, .sidebar li, .banner-navigatie ul, .banner-navigatie li {padding:0;margin:0;list-style:none;display:block}
.sidebar-merken h4 {
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 5px;
	border-bottom: 1px solid #fde4b2;}


.sidebar-merken a, .banner-navigatie a {color:#1e2022;font-size:14px;display:block;padding-right:20px;position:relative}
.sidebar-merken a i, .banner-navigatie a:after {position:absolute;right:0;color:#f18800;font-size:15px;top:0}

.banner-navigatie a:after {font-family: "Font Awesome 5 Pro";    content: "\f054";font-weight:400;}

.sidebar-merken a:hover, .sidebar-merken .current-item a, .banner-navigatie a:hover {color:#f18800}
.sidebar-merken li, .banner-navigatie li {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #fde4b2;}

.content-sidebar {width:calc(100% - 360px);float:right}

.resonsive-filter-trigger {display:none}

.merk-producten-holder {margin:20px 0 50px}
.merk-producten-holder ul, .merk-producten-holder li {padding:0;margin:0;list-style:none;}
.merk-producten-holder ul {padding-top:20px;padding-bottom:10px;border-top:1px solid #f18800;border-bottom:1px solid #f18800}
.merk-producten-holder li {margin-right:15px;display:inline-block;vertical-align:middle;margin-bottom:10px;}
.merk-producten-holder h4 {margin-right:20px;font-size:12px;text-transform:uppercase}

div#archief-filter, .nieuws-archive {    display: flex;    flex-wrap: wrap;}
.archive-container {margin-top:30px; }
.archive-container .nieuws-box {width:25%;margin-bottom:65px;}
.nieuws-box > div {background:#fff;overflow:hidden;border-radius:10px;position:relative;
	-webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);height:100%}


.archive-container .slick-track, .nieuws-slider .slick-track {
  margin-left: 0;
}

.nieuws-box-image {padding-bottom:75%;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;background-color:#eee;}

.nieuws-box-content {padding:45px 15px 55px;font-size:12px;color:#000;}
.nieuws-box-content h3, .nieuws-box-content h3 a {font-weight:700;color:#f28800;font-size:17px}
.nieuws-box-content h3 {margin-bottom:10px;}
.nieuws-box-content p {margin-bottom:15px;}
.nieuws-box-content p:last-child {margin:0;}
.nieuws-box-date {width:45px;font-size:25px;color:#cbcaca;font-weight:700;line-height:1.2;text-transform:uppercase}
.nieuws-box-date + div {width:calc(100% - 45px);}
.nieuws-box-date span {display:block;color:#ffc070;font-size:11px;}
.nieuws-box-date > div {text-align:center;display:inline-block}
.nieuws-box-content:after {position:absolute;content:"";opacity:0;width:calc(100% - 10px);left:5px;bottom:5px;height:5px;border-radius:3px;background:#f28902}

.single-nieuws-date > div:first-child {display:block;width:100%;text-transform:uppercase;border-top:7px solid #f28800;padding-top:10px;font-size:50px;font-weight:700;text-align:center;color:#cbcaca;line-height:1.2}
.single-nieuws-date > div:first-child  span {display:block;color:#ffc070;font-size:23px;}

.social-share h5 {font-size:12px; color:#282a2d;margin-bottom:15px;}
.social-share {margin-top:45px;text-align:center;width:100%;}
.social-share a {display:block;margin:0 auto 10px;}

div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    float: none;
    padding: 0!important;
    list-style: none!important;
    border: none!important;
    margin: 0 0 15px;
}
div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    float: none!important;
    padding: 0!important;
    list-style: none!important;
    border: none!important;
    margin: 0 auto 10px!important;
}

.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg {padding:7px!important}


.nieuws-box:hover > div {	-webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.2);}
.nieuws-box:hover .nieuws-box-content:after {opacity:1;}
.nieuws-slider .nieuws-box{margin-top:30px;margin-bottom:30px;}



.single-apparaat-content {padding-right:7.5%}

.apparaat-list-items, .apparaat-list-items li {padding:0;margin:0;list-style:none}
.apparaat-list-items {margin-top:20px;margin-bottom:25px}
.apparaat-list-items li {display:inline-block;margin-right:10px;padding-right:10px;position:relative;}
.apparaat-list-items li:last-child:after {display:none}
.apparaat-list-items li:after {content:"|";position:absolute;right:-5px;top:0;}
.apparaat-list-items a {text-decoration:underline}

.product-specificaties h3{margin-bottom:15px;}
.specificaties-row {padding:8px 0;border-radius:5px;}
.specificaties-row > div {width:50%;padding-left:15px;padding-right:15px;}
.specificaties-row:nth-child(odd){background:#eeeeef}

.specificaties-fold {display:none}
.specificaties-fold .specificaties-row:nth-child(odd){background:none}
.specificaties-fold .specificaties-row:nth-child(even){background:#eeeeef}
.specificaties-clicker {    color: #f28800;    margin-top: 10px;    cursor: pointer;}


.downloads-box img {
    width: 24px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}
.downloads-box h4 {font-size:23px;margin-bottom:15px;}
.downloads-box ul, .downloads-box li {padding:0;margin:0;list-style:none;display:block;width:200px;}
.downloads-box li {padding:5px 0;border-bottom:1px solid #f18800}
.downloads-box a {color:#1e2022}
.downloads-box a:hover, .downloads-box a:focus{color:#f18800}

.product-images-thumbs {margin-top:25px;padding:0 5px;}
.product-images-thumbs .columns {padding-left:10px;padding-right:10px;}
.product-thumb {width:20%;}
.product-thumb > div {border:1px solid #d8d8d8;border-radius:5px;padding:10px;overflow:hidden}
.product-thumb > div > div {position:relative;background-size:contain;background-repeat:no-repeat;background-position:center center;padding-bottom:100%}
.product-thumb .overlay {z-index:100;}
.product-thumb.active > div {border:1px solid #f28800;}
.more-slides {position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:rgb(30 32 34 / 64%);font-size:24px;font-weight:700;color:#fff;line-height:1;text-align:center;}

.product-slide img {margin:0 auto;}
.slider-arrow {
    font-size: 26px;
    line-height: 1;
    color: #f28b01;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 13px);z-index:100;
}
.slider-arrow-prev {left:15px;}
.slider-arrow-next {right:15px;}


.pagination {text-align:right;}
.page-numbers {
    display: inline-block;
    width: 37px;
    height: 37px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    border: 1px solid #f28800;
    border-radius: 50%;
    line-height: 1;
    padding-top: 12px;
    margin: 0 5px;text-align:center;
}
.page-numbers.dots {border-color:transparent;width:auto;border-radius:0;}
a.next.page-numbers, a.prev.page-numbers {    width: auto;    padding-left: 15px;    padding-right: 15px;    border-radius: 20px;}
a.page-numbers:hover, a.page-numbers:focus, .page-numbers.current {color:#fff;background:#f28800}


.search-box h3 {display:block;padding:20px 0;border-top:2px solid #000;font-size:20px;}
.search-box h3 , .search-box h3 a{color:#000;font-weight:700;}
.search-box h3 a:hover {color:#f28800;}



.more-content {display:none}
.toggle-content {cursor:pointer;border:none;background:none;padding:0;appearance:none;text-transform:none;margin-top:20px;}
.home-intro {padding-top:35px;}


.banner-slide > div {min-height:580px;padding:35px}
.banner-content h2 { line-height:1.2;   font-size: 50px;color:#fff;font-weight:300;position:relative;padding-bottom:40px;}
.banner-content h2:after {content:"";height:5px;width:385px;position:absolute;bottom:20px;left:-165px;background:#f28800;}
.banner-content span {display:block;    color: #f28800;font-weight:700}
.banner-slide {
    background-position: center center;
    background-size: cover;
}
.banner-content {padding-left:130px;    font-size: 20px;
    color: #fff;}



.banner-count {max-width:340px;margin-top:40px;
    font-weight: 700;
    color: #afa4a4;
    text-transform: uppercase;
}
.banner-count span {color:#fff}
.banner-count > div {width:50%;}
.banner-count > div:nth-child(2){text-align:right;}
.banner-count > div:last-child {width:100%;margin-top:10px;}

span.next-clicker {cursor:pointer;}


.slider-arrow {font-size:26px;line-height:1;position:absolute;top:calc(50% - 13px);}
.slider-arrow.slider-arrow-prev {left:-50px;}
.slider-arrow.slider-arrow-next {right:-50px;}

.banner-counter.progressBar {height:5px;position:relative;background:#4b4d4e}

.inProgress {
  background-color: #78797a;
  width: 0%;
	height: 100%;left:0;top:0;position:absolute;}


.slick-initialized .active-ticker .inProgress{
  -webkit-transition: all 6s ease-in-out;
  -moz-transition: all 6s ease-in-out;
  -o-transition: all 6s ease-in-out;
  transition: all 6s ease-in-out;
width:100%;
	
}




input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 48px;
    border-radius: 24px;
    padding: 0!important;
    background: #fff;
    border: 1px solid #E3E3E3;
    font-size: 16px!important;
    font-weight: 600;
    padding-left: 0!important;
    margin-bottom: 20px;
    float: left;
    color: #000;
   font-family: 'Poppins', sans-serif;;
    font-weight: 400;
    padding-left: 20px!important;outline:none;
}
input[name="first-name"] {width:calc(50% - 15px)}
input[name="last-name"] {width:calc(50% - 15px);margin-left:30px}

form p {margin:0}
form br {display:none}

textarea {
    height: 112px!important;
    resize: none;
    padding: 10px 20px!important;
}
input[type="submit"] {float:right}

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:#ed0202!important}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 15px 20px;
    border: 2px solid #f28800;
    text-align: center;
    background: #f28800;
    width: 100%;
    float: left;
    color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ed0102;
    background: #ed0102;
}
.wpcf7 form.sent .wpcf7-response-output{
	    border-color: #f28800;
    background: #f28800;
}


.mce-form-container {width:100%;display:flex;flex-wrap:wrap;margin-top:5px;}
.mce-form-container input[type="email"] {height:48px;margin:0;position:relative;z-index:10;width:calc(100% - 70px)}
.mce-form-container .btn {width:120px;padding:0;height:48px;margin-left:-50px;position:relative;z-index:1;font-size:14px;min-width:0}
.mce-form-container .btn img {
    width: 27px;
    margin-left: 38px;
}

/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn, input[type="submit"] {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding: 16px 20px;
    background: #f7a400;
    border-radius: 30px;min-width:180px;text-align:center;
	position:relative;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	border:none;font-style:normal;cursor:pointer;text-transform:uppercase;overflow:hidden;

}

.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus {background: #000;color: #fff;}

.btn.secundair {background:#000;color:#fff;}
.btn.secundair:hover, .btn.secundair:focus {    background: #f28800;color:#fff}

.btn.white {color:#000;background:#fff;}

.btn.dark {background:#000;color:#fff}

.btn.outline {color:#fff;background:none;border:1px solid #f18800}

header .btn.outline {font-size:12px;padding:12px 15px;min-width:0;}


.btn i {margin-left:10px;}
.btn.gradient, .gradient {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7a300+0,ec6404+100 */
background: #f7a300; /* Old browsers */
background: -moz-linear-gradient(left,  #f7a300 0%, #ec6404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f7a300 0%,#ec6404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f7a300 0%,#ec6404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a300', endColorstr='#ec6404',GradientType=1 ); /* IE6-9 */
}

.btn.outline.btn-mangels, .btn.outline.btn-wasmachines, .btn.outline.btn-drogers, .btn.outline.btn-strijk-afwerk, .btn.outline.btn-vouwmachines, .filter-btn {font-size:12px;min-width:0;}
.btn.outline.btn-mangels {color:#ff9816;border-color:#ff9816;}
.btn.outline.btn-wasmachines {color:#06a4ff;border-color:#06a4ff;}
.btn.outline.btn-drogers {color:#e5007d;border-color:#e5007d;}
.btn.outline.btn-vouwmachines {color:#00b89b;border-color:#00b89b;}
.btn.outline.btn-strijk-afwerk {color:#a900c2;border-color:#a900c2;}

.filter-btn {color:#fff;background:#fccb8d!important;border:1px solid #f18800}
.filter-btns {min-height:46px}





.read-more {color:#f28800;text-transform:uppercase;font-weight:700;font-size:12px;}
.read-more i {margin-left:10px;}
.read-more:hover {color:#000;}


.btn: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);
}
.btn:hover:before  {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

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

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

.btn-list:last-child {margin-bottom:-20px}
.btn-list, .btn-list li {padding:0;margin:0;list-style:none}
.btn-list li {display:inline-block!important;margin-right:20px!important;margin-bottom:15px!important;}
.text-center .btn-list li {margin-right:10px;margin-left:10px;}

.plaatsing-box .btn-list li {margin:0;display:block}
.plaatsing-box .btn-list li:first-child {margin-bottom:10px;}

.breadcrumbs-row {padding:15px 0;color:#f28800;font-size:10px;font-weight:700;}
.breadcrumbs-row .breadcrumb_last, .breadcrumbs-row a {color:#000;text-transform:uppercase;font-size:10px;font-weight:700;}
.breadcrumbs-row a:hover, .breadcrumbs-row a:focus {color:#f28800;}



.sidebar-filter {margin-bottom:10px;}
.filter-titel {
    font-size: 14px;cursor:pointer;
    color: #f18800;
    position: relative;
    padding-right: 25px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(241 136 0 / 30%);
}
.filter-titel i {position:absolute;top:2px;right:0;}
.filter-titel.closed i {rotate:180deg}
.sidebar-filter input[type="checkbox"] {display:none}

.sidebar-filter input[type="checkbox"] + span {font-size:14px;color:#1e2022;padding-left:30px;position:relative;display:block}
.sidebar-filter input[type="checkbox"] + span:before {left:0;top:0;content:"";position:absolute;width:22px;height:22px;border-radius:5px;border:1px solid #f28800;background-color:#fff;}
.sidebar-filter input[type="checkbox"]:checked + span:before {background:#fedbaf}
.sidebar-filter input[type="checkbox"]:checked + span:after { color:#1e2022;   font-family: "Font Awesome 5 Pro";    content: "\f00c";font-weight:400;    position: absolute;    left: 5px;    top: 0;}


.filter-list li {margin-bottom:7px;}

.filter-reset {line-height:1;cursor:pointer;font-weight:700;color:#000000;font-size: 12px;    text-transform: uppercase;}

.selected-filters {border-top:1px solid #f18800;border-bottom:1px solid #f18800;line-height:1;margin-bottom:45px;}
.selected-filters h4 {      font-size: 12px;    text-transform: uppercase;}
.selected-filters > div {width:120px;padding-top:28px;padding-bottom:28px;}
.selected-filters > div:nth-child(2) {width:calc(100% - 240px);padding:0;    padding: 10px 0 0;}
.selected-filters > div:last-child {text-align:right}
.selected-filters .btn {margin-bottom:10px;margin-right:15px;}

.resonsive-filter-trigger .btn {width:100%}
.filter-sidebar .resonsive-filter-trigger {margin-top:20px;}
/*------------------------------------*\
    POPUP
\*------------------------------------*/
#popup {position:fixed;width:100%;min-height:100%;background:rgb(0 0 0 / 71%);text-align:left;top:0;left:0;	z-index:9999;display:none;overflow:auto;}
.popup-content-holder {position:absolute;top:0;left:0;width:100%;height:100%;    padding: 20px;}
.popup-content-box {    display: block;    width: 100%;    max-width: 980px;    margin: 50px auto;       background: #fff;position:relative;border-radius:25px;	-webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.38);box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.38);}
.popup-content {font-size:23px; width:50%;padding: 50px 25px 110px 20px;float:right;position:relative;z-index:10;}
#popup h3 {    font-size: 61px;    display: block;     width: 140%;    margin-left: -40%;margin-bottom:40px;}
.popup-image {
    border-radius: 10px 0 0 10px;
    z-index: 1;
    position: absolute;
    top: 25px;
    left: 25px;
    width: calc(50% - 25px);
    background-size: cover;
    background-position: center center;
    height: calc(100% - 50px);
}
.popup-container {z-index:10;height:100%;position:relative;}
.popup-closer {width:30px;height:30px;border-radius:50%;background-color:transparent;position:absolute;top:10px;right:10px;cursor:pointer;z-index:20;}
.popup-closer:after, .popup-closer:before {content:"";position:absolute;width:50%;height:2px;background:#000;left:25%;top:calc(50% - 1px);}
.popup-closer:after {  -ms-transform: rotate(45deg);   -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.popup-closer:before {  -ms-transform: rotate(-45deg);   -webkit-transform: rotate(-45deg);   transform: rotate(-45deg);}
#popup .btn {    margin-top: 20px;}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {background:#1e2022;color:#ffffff;font-size:16px;padding-top:45px;}

footer a {color:#fff;}
footer a:hover, footer a:focus {color:#f6a000}
footer h4 {font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;}

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

.footer-column > div {margin-bottom:50px;}



.footer-adres img {
    width: 25px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
}
.footer-adres a {font-size:14px;}
.footer-adres li {margin-bottom:5px}
.footer-adres li:last-child {margin-bottom:0}
.footer-logo {display:block;width:166px;height:auto;margin-bottom:20px}
.footer-logo img {display:block;width:100%;}


.footer-socials li {display:inline-block;margin-right:15px;}
.footer-socials a {display:block;width:39px;height:39px;background:#fff;border-radius:50%;font-size:23px;color:#f6a000;line-height:1;text-align:center;padding-top:8px;}
.footer-socials a:hover, .footer-socials a:focus {background:#f6a000;color:#fff}

.footer-bottom {padding:15px 0;border-top:1px solid #131415;background:#282a2d;font-size:10px;}
.footer-bottom ul, .footer-bottom li {display:inline-block}
.footer-bottom .medium-3 {text-align:right;}
.footer-bottom li:after {content:"|";margin:0 3px}
.footer-bottom li:last-child:after {display:none}

.footer-half-row {margin-bottom:20px;}
.footer-half-row:last-child {margin-bottom:0;}
/*------------------------------------*\
    MISC
\*------------------------------------*/


.regular-header {background:#1e2022;padding-top:30px;position:absolute;top:0;left:0%;width:100%;z-index:9990}
main {margin-top:259px}
.fixed-header {position:fixed;padding:35px 0 30px}

.regular-header .wrapper {display:flex;flex-wrap:wrap;align-items:center;}
.header-spacer {
    margin-bottom: 80px;
}

.logo {    width: 230px;}
.header-offerte {text-align:right;width:255px;}
.header-offerte .btn {display:block;}
.header-search {width:calc(100% - 485px);padding-left:55px;padding-right:55px;}
.header-search form.search {
    float: left;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: 30px;
}
.header-search .search-input {width:calc(100% - 40px);border:none;margin:0;}
.header-search .search-submit{cursor:pointer;width:30px;height:30px;border-radius:50%;margin-top:8px;color:#fff;background:#f18800;border:none;}
.header-search .search-submit:hover, .header-search .search-submit:focus {background:#000}

.header-contact {text-align:right;margin-bottom:16px;margin-left:auto;}
.header-contact ul, .header-contact li {padding:0;margin:0;list-style:none;line-height:1;}
.header-contact li {display:inline-block;margin-right:20px}
.header-contact li:last-child {margin-right:0;}
.header-contact img {vertical-align:middle;height:19px;margin-right:5px;}
.header-contact a {font-size:16px;color:#fff;}
.header-contact a:hover, .header-contact a:focus {color:#f18800}


.header-nav {width:calc(100% - 340px);}
.header-contact {width:340px;text-align:right;}
.header-kiyoh {width:255px;text-align:right;}


.header-nav ul, .header-nav li {padding:0;margin:0;list-style:none;line-height:1;}
.header-nav li {display:inline-block;position:relative;}
.header-nav > ul > li {padding-right:40px;border-bottom:4px solid transparent;float:left;}
.header-nav > ul > li > a:after {width:10px;height:10px;background:#f18800;border-radius:50%;position:absolute;content:"";right:-26px;top:6px;}
.header-nav > ul > li:last-child {padding-right:0;}
.header-nav > ul > li:last-child > a:after {display:none}
.header-nav > ul > li > a {display:block;padding-bottom:16px;font-size:20px;color:#fff;font-weight:700;line-height:1;position:relative;}
.header-nav > ul > li:hover > a, .header-nav > ul > li.current-menu-item > a, .header-nav > ul > li.current-menu-ancestor > a {color:#f18800}

.header-nav > ul > li > a:before {content:"";position:absolute;width:100%;height:4px;top:100%;background-color:transparent;}
.header-nav > ul > li.active > a:before, .active-mega-menu .header-nav > ul > li:hover > a:before {background-color:#f28800}
.header-nav > ul > li.active > a {color:#f28800}
.active-mega-menu .header-nav > ul > li {border-color:#404345}

.header-usps-row {padding:12px 0;background:#f18800;font-size:14px;color:#000000;}

.usp-box {width:auto;position:relative;font-size:14px;color:#000}
.usp-box img {width:21px;height:auto;vertical-align:middle;margin-right:5px;    margin-right: 10px;    display: inline-block;}
.fixed-show.header-search {    width: 250px;    padding-right: 0;    padding-left: 15px;    font-size: 14px;}
.fixed-header .header-nav {    width: calc(100% - 735px);    margin-top: 20px;}
.fixed-show {display:none}


li.mega-menu-parent , header .wrapper{
    position: initial;
}

.mega-menu-holder {padding-top:30px;display:none;position:absolute;top:calc(100% - 47px);left:0;width:100%;background:#1e2022;z-index:10;border-top:1px solid #404345}

.mega-menu-column.columns {
    width: 230px;
    padding: 0 20px 30px;
    border-right: 1px solid #404345;
}

.mega-menu-column a {color:#cdcdcd;font-size:10px;display:inline-block}
.mega-menu-column ul, .mega-menu-column li {padding:0;margin:0;list-style:none;display:block;line-height:1;}
.mega-menu-column li {margin-bottom:7px;}
.mega-menu-column li:last-child {margin-botom:0;}

.mega-menu-column li:hover > a, .mega-menu-column li.current-menu-item > a {color:#fff;}

.mega-menu-column > ul > li > a {position:relative;font-size:12px;font-weight:700;color:#fff;padding-right:20px;text-transform:uppercase}

.mega-menu-column > ul > li > a:after{  position:absolute;top:0;right:0;  color: #f28800;    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f061";}

.mega-menu-column a:hover, .mega-menu-column .current-menu-item > a {  color: #f28800!important;    }

.mega-menu-column > ul > li {margin-bottom:20px;}
.mega-menu-column .sub-menu {margin-top:20px;}
.mega-menu-column:nth-child(5){border:none}
.mega-menu-footer {margin-top:25px;margin-bottom:25px;}

.mega-menu-socials {margin-bottom:15px;}
.mega-menu-socials li {display:inline-block;margin-right:15px;}
.mega-menu-socials a {
    display: block;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    font-size: 14px;
    color: #f6a000;
    line-height: 1;
    text-align: center;
    padding-top: 6px;
}
.mega-menu-socials a:hover, .mega-menu-socials a:focus {background:#f6a000;color:#fff}
.mega-menu-socials h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}
.mega-menu-btns {width:800px}
.mega-menu-socials {width:calc(100% - 800px);margin-top:10px;}

.mega-menu-image {width:250px;float:right;}
.mega-menu-image a {display:block;width:145px}
.mega-menu-image img {display:block;width:100%;}






.mobbtn {width:40px;height:40px;position:relative;display:block;cursor:pointer;}
.mobbtn span {position:absolute;width:30px;height:2px;background:#fff;left:calc(50% - 15px);}
.mobbtn span:nth-child(1) {top:11px;}
.mobbtn span:nth-child(2) {top:19px;}
.mobbtn span:nth-child(3) {top:27px;}

.active-menu .mobbtn span {position:absolute;width:30px;height:2px;background:#fff;left:calc(50% - 15px);}
.active-menu .mobbtn span:nth-child(1) {top:19px;transform:rotate(45deg)}
.active-menu .mobbtn span:nth-child(2) {opacity:0}
.active-menu .mobbtn span:nth-child(3) {top:19px;transform:rotate(-45deg)}


.sidenav {
    position: fixed;display:none;
    z-index: 9999;
    right: -270px;
    width: 100%;
    max-width: 270px;
    height: 100%;
    overflow: auto;
    background: #1d2022;top:0;padding-top:20px;padding-bottom:45px;
}

.sidenav .header-search {
    width: 100%;padding:0 20px;
}
.sidenav-holder > div {margin-bottom:25px;}
.sidenav-holder > div:last-child {margin-bottom:0;}

.extra-side ul, .extra-side li {padding:0;margin:0;list-style:none;display:block}
.extra-side li {margin-bottom:10px;}
.extra-side li:last-child {margin-bottom:0;}

.extra-side ul {padding-top:20px;padding-bottom:20px;border-top:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c}


    .extra-side li img {
        vertical-align: sub;
        height: 18px;
        margin-right: 15px;width:20px;object-fit:contain;
    }
.extra-side {padding:0 20px}
.extra-side .btn {width:100%;margin-top:25px;}
.extra-side, .extra-side a {color:#fff;}
.extra-side a:hover, .extra-side a:focus {color:#f18800}


.resp-nav ul, .resp-nav li {padding:0;margin:0;display:block;list-style:none}
.resp-nav a  {display:block;padding:10px 30px;font-size:16px;color:#fff;font-weight:700;line-height:1;position:relative;padding-right:20px;}
.resp-nav .sub-menu a {padding-top:7px;padding-bottom:7px;font-size:14px;font-weight:normal;padding-left:40px;padding-right:20px;}
.resp-nav .sub-menu .sub-menu a {font-size:12px;    color: #cdcdcd;padding-left:55px}
.resp-nav .sub-menu .sub-menu {margin-bottom:10px;}

.resp-nav .current-menu-item > a, .resp-nav li:hover > a  {color:#f18800!important;}

.resp-nav .menu-item-has-children {position:relative;}
.resp-nav .menu-item-has-children > a {padding-right:30px;}
.resp-nav .menu-item-has-children > span {width:25px;height:25px;position:absolute;right:5px;top:2px;cursor:pointer}
.resp-nav > ul > li.menu-item-has-children > span {top:4px}


.resp-nav .menu-item-has-children > span:before, .resp-nav .menu-item-has-children > span:after {content:"";position:absolute;width:50%;height:2px;background:#fff;top:calc(50% - 1px);left:25%;}
.resp-nav .menu-item-has-children > span:after {transform:rotate(90deg)}
.resp-nav .sub-menu {display:none}
.resp-nav .menu-item-has-children > span.open:after {opacity:0;}






@media screen and (min-width:992px){
	.mobbtn-holder {display:none!important}

}
@media screen and (max-width:1450px){
	.header-nav > ul > li > a {font-size:17px;}
	.header-nav > ul > li > a:after {top:4px;}
	.header-contact img{    vertical-align: sub;    height: 18px;    margin-right: 6px;}
	.header-contact a {font-size:14px;}
	main {margin-top:216px;}
	.mega-menu-column.columns, .mega-menu-image {width:16.666667%}
	.header-spacer {
    margin-bottom: 40px;
}
	.header-nav > ul > li {    padding-right: 30px;}
	.header-nav > ul > li > a:after {right:-22px}
	main {margin-top:185px}
	
	.header-nav > ul > li > a {    font-size: 15px;}
	.header-nav > ul > li > a:after {top:3px;}
	.regular-header {padding-top:15px;}
	.logo {    width: 180px;}
	.header-search {    width: calc(100% - 485px);    padding-left: 15px;    padding-right: 0;  }
	.header-search {    width: calc(100% - 435px);}
	
	.mega-menu-btns, .mega-menu-socials {width:50%}
	.mega-menu-socials {text-align:right}
	.fixed-header .header-nav {		width: calc(100% - 685px);}
	.fixed-header {    padding: 15px 0 15px;}
	
}

@media screen and (max-width:1250px){
	.fixed-show.header-search {display:none!important}
	    .fixed-header .header-nav {
        width: calc(100% - 435px);
    }
}

@media screen and (max-width:991px){
	main {margin-top:123px}
	.header-nav, .header-contact, .header-kiyoh {display:none!important}
	
	
	.header-spacer {        margin-bottom: 0;    }
	.regular-header > .wrapper {        padding-bottom: 15px;    }

	.mobbtn-holder {    width: 70px;}
	.header-offerte .btn {    font-size: 13px;    padding-right: 0;    padding-left: 0;}
	.header-offerte {    width: 190px;padding-right:0;}
	.header-search {        width: calc(100% - 440px);    }
	
	
	header.active-menu {left:-270px;}
	.fixed-header {padding-bottom:0;}
	.fixed-show.header-offerte{margin-left:auto;}
	
	.sidenav {display:block;}
	.sidenav.active-menu {right:0;}
	
	
}
@media screen and (max-width:650px){
	.header-search .search-input {font-size:14px!important}
	.header-search {display:none!important}
	.header-offerte{        margin-left: auto;display:none!important}
	    .logo {
        width: 150px;
    }
	.mobbtn-holder {margin-left:auto;}
	.header-offerte {display:none}
	main {margin-top:117px}
}



.fixed-header .mega-menu-holder {    top: calc(100% - 32px);border-top:none}
 header, .sidenav{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen and (max-width:1600px){
	
	.apparatuur-slider {    padding: 0 25px;}
	.slider-arrow.slider-arrow-prev {    left: 10px;}
	.slider-arrow.slider-arrow-next {    right: 10px;}
	
	 .filter-btn {
    font-size: 9px!important;
    min-width: 0;
    padding: 10px!important;min-width:0!important
}
	.selected-filters > div:nth-child(2) {padding-top:19px;}
}



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


@media screen and (max-width:1250px){
	
	#popup h3 {    font-size: 40px;    margin-bottom: 20px;}
	.popup-content-box {max-width:800px}
	.popup-content {padding:40px 25px 40px 20px;font-size:20px;}
	
	.archive-container .nieuws-box {width:33.33333%}
	
	.sidebar {    width: 240px;		padding-right: 10px;}	
	.content-sidebar {		width: calc(100% - 240px);}
	.sidebar-filter input[type="checkbox"] + span {font-size:12px;}
	.sidebar-filter input[type="checkbox"] + span:before {top:-2px}
	.sidebar-filter input[type="checkbox"]:checked + span:after {top:-1px}
	
	
	
	
	
	.taxonomy-apparatuur-container .apparaat-box {width:50%}
	.apparaat-box-image img {	height: 200px;}
	
	
	.merk-txtimg-box .medium-8 {    width: 100%;}
	
	.in-content .contact-box {width:50%}
	
	.dienst-title-box {		padding: 20px;}
	
	
.banner-slide > div {    min-height: 400px;    padding: 25px;}
	.banner-content {padding-left:0;}
	.banner-content h2:after {left:0;width:200px;}
	.banner-content h2 {font-size:35px;}
	.banner-navigatie {
    width: 200px;
}
	.banner-navigatie + div {width:calc(100% - 200px)}
	
	
	.selected-filters > div {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}
	.filter-btns {min-height:0;}
	.selected-filters > div:first-child {margin-top:25px;margin-bottom:15px;}
	.selected-filters > div:nth-child(2) {padding-top:0;margin-top:0;width:100%}
	.selected-filters > div:last-child {text-align:left;margin-top:15px;margin-bottom:25px;}
	.selected-filters .btn {    margin-bottom: 5px;    margin-right: 5px;}
}

@media screen and (max-width:1024px){
	.results-row h2 {font-size:36px;}
	
	.faq-content {padding: 0 20px 0;
    width: calc(100% - 15px);
    margin-left: 15px;    margin-bottom: 20px;
    margin-top: 0px;}
	
}

@media screen and (max-width:992px){
	
h1, h2, h3, h4, h5, h6 { font-size:23px;}
body {font-size:14px;}

.standaard-content h2 {font-size:24px;margin-bottom:5px;}
.standaard-content h3 {font-size:23px;margin-bottom:5px;}
.standaard-content h4 {font-size:22px;margin-bottom:5px;}
.standaard-content h5 {font-size:21px;margin-bottom:0;}
.standaard-content h6 {font-size:20px;margin-bottom:0;}
 
.standaard-content h3 + h3 {margin-top:10px}

p, blockquote { margin:0 0 15px}
p:last-child, blockquote:last-child {margin:0}

.standaard-content strong {    font-size: 18px;    color: #444;}
.title-box h1,.with-border h2 {font-size:33px;margin-bottom:5px}
.call-to-action .title-box h2 {font-size:24px}
.contact-row .title-box h2 {font-size:24px;}
	
	.btn-list:last-child{margin-bottom:-10px;}	
	.btn-list li {margin-right:10px!important;margin-bottom:5px!important}
	
.content-row {padding-top:40px;padding-bottom:10px;}
.content-row:last-child{padding-bottom:20px}
.grey-background + .grey-background,.white-background + .white-background  {padding-top:0}
.breadcrumbs-row + .content-row {padding-top:20px}

	
	.title-box {    margin-bottom: 10px;}
	.margin-fix, .marginfix {    margin-bottom: 30px;}
	
	
	.plaatsing-box > div, .advies-box > div {padding:20px;}
	.branche-box {margin-bottom:20px;}
	.dienst-row .wrapper {    padding-top: 20px;}
	
	.branche-box-content h2 {    font-size: 24px}
	.small-12.branche-box-titles {padding:0 20px}
	.branche-box-read-more {    padding: 5px 20px 0px;}
	.branche-box-content h3 {margin-bottom:5px;}
	
	.dienst-box-content h3 {font-size:24px;}
	.dienst-box-titles {    padding: 25px 20px;    min-height: 200px;}	
	
.dienst-title-box {    padding: 20px;    left: 15px;    top: -20px;    width: 250px;}	
	.dienst-image {		padding-left: 45px;margin-right:0!important}
	.dienst-content {    margin-right: 0!important;    width: 50%;}
	.dienst-title-box h3 {font-size:14px;margin-bottom:5px;}
	.dienst-title-box h2 {	font-size: 19px;}
	
	.results-row {padding:70px 0 60px}
	.results-row h2 {text-align:center;}
	.result-desc h4 {font-size:24px}
	.result-icon {    height: 75px;    margin-bottom: 15px;}
	
	#popup h3 {font-size:35px;}
	#popup .btn {margin-top:0;}
	.popup-content {padding:30px 20px 30px 20px;font-size:17px;}
	.popup-image {    top: 20px;    left: 20px;    width: calc(50% - 20px);height: calc(100% - 40px);}
	
	
	.archive-container .nieuws-box {width:50%;margin-bottom:30px;}
	.nieuws-box-content {		padding: 20px 15px 20px;}
	.nieuws-box-image {padding-bottom:55%}
	
	.footer-column > div {    margin-bottom: 30px;}	
	footer h4 {margin-bottom:5px;font-size:16px;}
	footer {font-size:14px;}
	.footer-adres img {width:16px;margin-right:10px;}
	.footer-logo img {width:100%;margin-right:0;}
	
	.btn, input[type="submit"] {		font-size: 15px;min-width:150px}
	
	.contact-box {margin-bottom:20px;}
	.contact-boxes.in-content {margin-top:0}
	
	.merken-group {    margin-bottom: 10px;    margin-top: 10px;}
	.merk-box {width:33.3333%}
	
	.column-groups {margin-top:0;margin-bottom:0;}
	.archive-container {margin-top:10px;}
	
	input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {height:45px;}
	.header-search .search-submit {margin-top:7px;}
	
	
	.mce-form-container input[type="email"] {    height: 40px;}
	.mce-form-container .btn {height:40px;}
	
	.apparaat-box-titles {		padding: 0 20px 10px;}
	.apparaat-box-desc {		padding: 0 20px 20px;}
	.apparaat-box-btns {    padding: 0 10px 10px;}
	.apparaat-box-titles h2, .apparaat-box-titles h2 a {font-size:15px;}
	.apparaat-box-image {background-position:center center}
}

@media screen and (max-width:767px){
	.popup-content-box {border-radius:15px;}
	
	#popup h3 {font-size:30px;}
	.banner-slide > div {min-height:0;}
	
	.footer-menu, .footer-socials, .footer-newsletter {    width: 50%;}
	.footer-column > div {    margin-bottom: 20px;}
	.footer-bottom .medium-3, .footer-bottom .medium-9 {text-align:center}
	.footer-socials a {    display: block;    width: 30px;    height: 30px;		font-size: 16px;padding-top:7px}
	
	.footer-half-row {margin-bottom:0;width:50%}
	.footer-adres li {margin-bottom:2px;}
	.footer-newsletter.full-footer-widget {width:100%;}
	.footer-bottom {margin-top:20px;}
	
	.large-box, .small-box {width:50%;}
	.small-box > div, .large-box > div {padding-bottom:250px;}
	
	.branche-column {width:50%;}
	
	.dienst-box-content h3 {font-size:22px;}
	.dienst-box-titles {    padding: 20px 20px;    min-height: 175px;}	
	
	.dienst-content {width:100%}
	
	
	.results-row h2 {font-size:24px;}
	.results-row {padding:60px 0 20px}
	.results-row h2 {text-align:center;}
	.result-desc h4 {font-size:20px}
	.result-icon {    height: 50px;    margin-bottom: 10px;}
	.results-row .medium-4 {    width: 33.3333%;}
	
	.klanten-service-content {margin-top:0;}
	.klanten-service-content h1 {width:100%}
	.klanten-service-content h1 {padding-bottom:10px;}
	
	.medium-6:first-child .faq-box:last-child {margin-bottom:15px;}
	.faq-box h3 {font-size:15px}
	.contactinfo {margin-bottom:15px}
	.klanten-service-content > .contactinfo:last-child {margin-bottom:30px;}
	
	input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {margin-bottom:10px}
	
	.sidebar {  position:fixed;top:0;left:-240px;height:100%;overflow:auto;max-width:240px;  width: 100%;		padding-right: 0;padding-top:0;z-index:9999;background:#fff;padding-top:25px;padding-bottom:45px}	
	
	.resonsive-filter-trigger {display:block}
.sidebar{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
	
	.sidebar.active-responsive-filter{left:0;}
	
	.content-sidebar {		width: 100%;}
	
	.column-title h3 {font-size:18px;}
	.column-title img {max-height:30px;}
	
	
.single-nieuws-date {    width: 80px;}
	.single-nieuws-content {width:calc(100% - 80px);}
	.single-nieuws-date > div:first-child {font-size:40px}
	
	.banner-navigatie {display:none}
	.banner-navigatie,     .banner-navigatie + div  {width:100%}
	.page-numbers {margin:0;    width: 30px;
    height: 30px;
    font-size: 10px;    padding-top: 10px;}
	
	a.next.page-numbers, a.prev.page-numbers {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
}
	
}

@media screen and (max-width:600px){
	h1, h2, h3, h4, h5, h6 { font-size:18px;}
	body {font-size:14px;}

	.standaard-content h2 {font-size:18px;margin-bottom:5px;}
	.standaard-content h3 {font-size:17px;margin-bottom:5px;}
	.standaard-content h4 {font-size:16px;margin-bottom:5px;}
	.standaard-content h5 {font-size:15px;margin-bottom:0;}
	.standaard-content h6 {font-size:14px;margin-bottom:0;}

	.standaard-content h3 + h3 {margin-top:5px}

	p, blockquote, .standaard-content ul, .standaard-content ol { margin:0 0 15px}
	p:last-child, blockquote:last-child, .standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin:0}

	.standaard-content strong {    font-size: 15px;    color: #444;}
	.title-box h1,.with-border h2 {font-size:24px;margin-bottom:5px}
	.call-to-action .title-box h2 {font-size:19px}
	.contact-row .title-box h2 {font-size:19px;}
	
	
	
	.large-box, .small-box {width:100%;}
	.small-box > div, .large-box > div {padding-bottom:175px;}
	
	#popup h3 {font-size:24px;width:100%;margin-left:0;margin-bottom:10px;}
	.popup-image {position:relative;top:0;left:0;width:100%;height:175px;border-radius:10px;}
	.popup-content {font-size:15px;padding:0;width:100%;margin-top:15px;}
	.popup-container {padding:20px;}
	.popup-closer {top:30px;right:30px;}
	.popup-container.no-image {padding-top:30px;}
	.popup-container.no-image .popup-closer {top:15px;right:20px;}
	
	.dienst-title-box h2 {font-size:18px;}
	
		.archive-container .nieuws-box {width:100%;margin-bottom:20px;}

	.page-template-template-klantenservice .contact-box {width:100%;min-width:0;max-width:100%}
	
	.merk-box {width:50%;}
	
	.txtimg-box-content, .txtimg-image {width:100%;}
	.txtimg-box-content > div > div {width:100%;height:100%;padding:20px;    margin-top: 15px;    margin-bottom: 0;}
	.in-content .contact-box {width:100%}
	
	.dienst-image {padding-right:15px;padding-left:15px}
	    .dienst-title-box {
        padding: 20px;
        left: 0;
        top: 0;
        width: calc(100% - 20px);margin-left:10px;
        position: relative;margin-top:-15px;
    }
	    .banner-content h2 	{font-size:25px;}
	.banner-content {font-size:14px;}
	.banner-count {margin-top:20px;}
	
	.taxonomy-apparatuur-container .apparaat-box {width:100%}
	.apparaat-box-image img {	height: 150px;}
	
	.nieuws-box-date {    width: 30px;		font-size: 18px;}
	.nieuws-box-date + div {    width: calc(100% - 30px);}
	.nieuws-box-content h3, .nieuws-box-content h3 a {font-size:15px;}
	    .nieuws-box-content {
        padding: 15px 15px 15px;
    }
	    .single-nieuws-date {
        width: 70px;
    }
	    .single-nieuws-content {        width: calc(100% - 70px);    padding-left:0;} 
	.single-nieuws-content .columns {padding-left:5px;}
	    .single-nieuws-date > div:first-child {
        font-size: 29px;
    }
	.single-nieuws-date > div:first-child span {font-size:13px;}
	.social-share {		margin-top: 25px;}
	div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    transform: scale(.7);
    margin: 0 !important;
}
	.social-share h5 {margin-bottom:10px}
}

@media screen and (max-width:500px){
	
	.footer-menu, .footer-socials, .footer-newsletter, .footer-half-row {    width: 100%;}
	.footer-half-row {margin-bottom:15px;}
	.footer-half-row:last-child {margin-bottom:0}
	
	.branche-column {width:100%;}
	
	.results-row .medium-4 {    width: 100%;}
input[name="first-name"] {width:100%}

input[name="last-name"] {width:100%;margin-left:0}
	.contactinfo {width:100%}
	
	.merk-box, .specificaties-row > div {width:100%;}
	.specificaties-row > div:first-child {font-weight:600}
}





/*------------------------------------*\
    MISC
\*------------------------------------*/
::-webkit-input-placeholder { /* Edge */
  color: 14px;color:#1e2022
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: 14px;color:#1e2022
}

::placeholder {
  color: 14px;color:#1e2022
}



::selection {
	background:#f28800;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#f28800;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#f28800;
	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;
	}
}

.grecaptcha-badge { 
    visibility: hidden !important;
}