/*
	Theme Name: Deltatools
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/
@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?3xwi71');
  src:  url('assets/fonts/icomoon.eot?3xwi71#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?3xwi71') format('truetype'),
    url('assets/fonts/icomoon.woff?3xwi71') format('woff'),
    url('assets/fonts/icomoon.svg?3xwi71#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-arrow-down:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-arrow-up:before {
  content: "\e903";
}
.icon-cart:before {
  content: "\e904";
}
.icon-chat:before {
  content: "\e905";
}
.icon-check:before {
  content: "\e906";
}
.icon-close:before {
  content: "\e907";
}
.icon-envelop:before {
  content: "\e908";
}
.icon-hercoat-service:before {
  content: "\e909";
}
.icon-info:before {
  content: "\e90a";
}
.icon-live-chat:before {
  content: "\e90b";
}
.icon-lock:before {
  content: "\e90c";
}
.icon-marker:before {
  content: "\e90d";
}
.icon-phone:before {
  content: "\e90e";
}
.icon-reset:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-social-facebook:before {
  content: "\e911";
}
.icon-social-linkedin:before {
  content: "\e912";
}
.icon-trash:before {
  content: "\e913";
}
.icon-user:before {
  content: "\e914";
}

main {overflow:hidden}

a, .project-box > .small-12:before, .btn,.team-box-info, .scroll-down, .consumenten-selectie-top > div, button, input, select  {
  -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

Light 300
Regular 400
Medium 500
Bold 700
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:#009DE0;	text-decoration:none;}
a:hover {	color:#1A1A1A;}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

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

h1, h2, h3, h4, h5, h6 {    margin: 0;color:#009DE0; font-size:30px; font-weight:900;line-height:1.1;text-transform:none}
body {font-size:15px;line-height:1.4;font-family: 'Roboto', sans-serif;color:#6F6F6F;font-weight:400;}

.standaard-content h2 {font-size:28px;margin-bottom:10px;}
.standaard-content h3 {font-size:16px;margin-bottom:0;}
.standaard-content h4 {font-size:15px;margin-bottom:0;}
.standaard-content h5 {font-size:15px;margin-bottom:0;}
.standaard-content h6 {font-size:15px;margin-bottom:0;}

.intro-content h3 {font-size:20px;}
.intro-content h4 {font-size:18px;}
.intro-content h5 {font-size:18px;}
.intro-content h6 {font-size:18px;}

.title-box h1, .title-box h2, .title-box h3 {font-size:32px;font-family:"roboto-condensed";font-weight:700}

.title-box h1 span, .title-box h2 span, .title-box h1 strong, .title-box h2 strong, .dark-title h1, .dark-title h2 {color:#1A1A1A;font-weight:700}
.title-box h1 {font-size:32px;}

.title-box h1 span.tax-title, .title-box h2 span.tax-title {text-transform:uppercase;color:#009DE0;}

.large-title h2{font-size:48px}


.group-title-box h2, .group-title-box h3 {font-size:24px;padding-bottom:15px;margin-bottom:30px;border-bottom:4px solid #E3E3E3}

p { margin:0 0 35px}
p:last-child {margin:0}


.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:10px;position:relative;padding-left:20px;}
.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:9px;width:6px;height:6px;border-radius:50%;background:#009DE0}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: #009DE0;
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content a {color:#009DE0;font-weight:600;}
.standaard-content a:hover, .standaard-content a:focus {color:#1A1A1A}

.intro-content ul li:before {top:11px;}
.intro-content {font-size:18px;color:#1A1A1A}
.large-content {font-size:22px;}
.medium-content {font-size:18px;}


blockquote {margin:0 0 35px;border-left:4px solid #1a1a1a;padding:15px 0 15px 25px}
blockquote:last-child {margin:0}

.standaard-content strong {color:#1a1a1a}

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

.wrapper {
	max-width:1310px;
	width:calc(100% - 10px);
	margin:0 auto;
	position:relative;
}


.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-holder {    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.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:30px}
.margin-fix,.marginfix {margin-bottom:45px!important}
.nomargin {margin-bottom:0!important}



.breadcrumb-holder {padding:25px 0;font-size:14px;color:#BFBFBF;}
.breadcrumb-holder a {color:#BFBFBF;}
.breadcrumb-holder a:hover, .breadcrumb-holder a:focus {color:#1A1A1A}

.content-row {padding:60px 0 15px}
.white-background + .white-background, .grey-background + .grey-background {padding-top:0;}
.breadcrumb-holder + .content-row {padding-top:20px}

.grey-background {background-color:#F7F7F7}


.media-box {position:relative;overflow:hidden;border-radius:0;border:none; }
.media-box img {width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;z-index:1;} 
.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}

.media-box:after {
    border-right: 0 solid transparent;
    border-bottom: 60px solid;
    border-left: 60px solid transparent;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;z-index:100;
}
.white-background .media-box:after {border-bottom:60px solid #fff}
.grey-background .media-box:after {border-bottom:60px solid #F7F7F7}

.product-image .media-box {    border: 1px solid #E3E3E3;overflow:visible}
.product-image .media-box:before {    border-right: 0 solid transparent;    border-bottom: 60px solid #E3E3E3;    border-left: 60px solid transparent;    position: absolute;    content: "";    bottom: 0px;    right: -1px;    z-index: 100;}
.product-image .media-box:after{    bottom: -1px;    right: -1px;}


.play-icon {position:absolute;width:90px;height:90px;border-radius:50%;top:calc(50% - 45px);left:calc(50% - 45px);background:#009DE0;z-index:2;cursor:pointer}

.play-icon:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    content: "";
    left: calc(50% - 5px);
    top: calc(50% - 8px);
}

.media-half-left {width:50%;float:left;}
.media-half-right {width:50%;float:right;}

.content-half-right {width:50%;float:right;padding-left:90px}
.content-half-left {width:50%;float:left;padding-right:90px}


.content-image-holder {position:relative;}
.content-image-holder .media-half-left {position:absolute;left:0;top:0;}
.content-image-holder .content-half-right {width:100%;padding-left:calc(50% + 90px);}
.content-image-holder .media-half-right {position:absolute;right:0;top:0;}
.content-image-holder .content-half-left {width:100%;padding-right:calc(50% + 90px);}


.news-row .title-box {margin-top:30px}
.news-row .title-box p {margin-bottom:20px;}


.archive-title h1 {    border-bottom: 4px solid #E3E3E3;    padding-bottom: 15px;color:#1a1a1a}
.download-box {position:relative;}
.download-box > div {width:100%;float:right;padding-right:120px;padding-left:240px}
.download-box > div.title-box {padding-top:30px;}
.download-box .media-holder{width:210px;float:left;padding-right:15px;position:absolute;top:0;left:15px;padding-left:0;}
.download-box .media-box:after {display:none}
.download-box .media-box {background:#f7f7f7}
.download-row:nth-child(even){background:#F7F7F7}
.content-archive + .download-row {padding-top:0}


.pagination {text-align:right}
.pagination, .pagination a {    font-size: 18px;    font-family: "roboto-condensed";    font-weight: 700;    color: #BFBFBF;}
.pagination .current, .pagination a:hover, .pagination a:focus {color:#1a1a1a}
.pagination span, .pagination a {display:inline-block;vertical-align:middle}
.pagination a, .pagination .current {margin:0 15px}
.pagination a:last-child {margin-right:0;}
.pagination a:first-child {margin-left:0;}
.pagination a.next.page-numbers {margin-left:30px;}
.pagination a.prev.page-numbers {margin-right:30px;}

.pagination a.next.page-numbers{width: 0;    height: 0;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    border-left: 5px solid; }

.pagination a.prev.page-numbers{width: 0;    height: 0;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    border-right: 5px solid; }

.pagina-sidebar {width:25%;padding-right:15px;}
.pagina-sidebar-content {padding-left:15px;width:75%}


.sidebar-title {margin-bottom:15px;}
.sidebar-title h4 {    padding-bottom: 15px;    font-size: 32px;    color: #1A1A1A;    font-family: "roboto-condensed";    font-weight: 700;    line-height: 1;    border-bottom: 4px solid #E3E3E3;}

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

.sidebar-content .menu li {padding-bottom:0;margin-bottom:15px;}
.sidebar-content .menu li:last-chhild {margin-bottom:0}

.sidebar-content .menu a {  display:block;  padding-bottom: 15px;    font-size: 18px;    color: #1A1A1A;    font-family: "roboto-condensed";    font-weight: 700;    line-height: 1;    border-bottom: 1px solid #E3E3E3;position:relative;padding-right:10px;}
.sidebar-content .menu a:after {    width: 0;    height: 0;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    border-left: 5px solid;    position: absolute;    content: "";    right: 0;    top: 5px;}
.sidebar-content .menu a:hover, .sidebar-content .menu .current-menu-item a, .sidebar-content .menu .is-active a{color:#009DE0}

.group-title-box {margin:0;}
.contact-half {width:50%;}
.contact-half:nth-child(1) {padding-right:90px}
.contact-half:nth-child(2) {padding-left:90px;}

.contact-group {margin-bottom:30px}
.contact-group:last-child {margin-bottom:0;}

.contact-group h3 {padding-left:30px;position:relative}
.contact-group h3 span {    position: absolute;    left: 0;top:5px;font-size:18px;}
.contact-group .standaard-content {padding-left:45px}
.contact-group h3 span.icon-envelop {    font-size: 14px;    top: 8px;}

.merk-box {    width: 16.66667%;    text-align: center;    margin-bottom: 30px;}
.merk-box > div {min-height:131px;}
.home .merk-box {width:200px;margin-right:25px;}

.group-link-box {position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#E3E3E3}
.group-link-box h2, .group-link-box h2 a {
    color: #fff;
    display: block;
    position: relative;
line-height:1;font-size:32px;}

.group-link-box h2 {    border-bottom: 10px solid #009DE0;}
.group-link-box h2 a {
    padding: 100px 70px 100px 60px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+100&0.75+0,0+100 */
background: -moz-linear-gradient(left,  rgba(26,26,26,0.75) 0%, rgba(26,26,26,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(26,26,26,0.75) 0%,rgba(26,26,26,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(26,26,26,0.75) 0%,rgba(26,26,26,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf1a1a1a', endColorstr='#001a1a1a',GradientType=1 ); /* IE6-9 */

}
.home .group-link-box h2 a {padding:50px 70px 50px 60px}


.group-link-box h2 a:after {    width: 0;    height: 0;    border-top: 10px solid transparent;    border-bottom: 10px solid transparent;    border-left: 10px solid;    position: absolute;    content: "";    right: 0;    top: calc(50% - 7px);right:60px;}

.group-link-box:after {
    border-right: 0 solid transparent;
    border-bottom: 30px solid #F7F7F7;
    border-left: 30px solid transparent;
	    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    z-index: 100;
}
.archief-productgroepen .group-link-box:after {border-bottom-color:#fff!important}


.actie-box-holder {position:relative;padding-bottom:10px;}
.actie-box-holder:after {content:"";position:absolute;bottom:0;left:15px;width:calc(100% - 30px);background:#009DE0;height:10px;border:1px solid #E3E3E3;border-top:none;border-right:none}

.actie-box {background:#F7F7F7;border:1px solid #E3E3E3;border-bottom:none;min-height:420px;background-size:contain;background-repeat:no-repeat;background-position:bottom center;padding:30px;}
.actie-merk {    text-align: right;margin-bottom:15px;}
.actie-merk img {max-width:200px;width:auto;}


 .actie-box:before {
    border-right: 0 solid transparent;
    border-bottom: 31px solid #E3E3E3;
    border-left: 31px solid transparent;
	    position: absolute;
    content: "";
    bottom: 0;
    right: 15px;
    z-index: 99;
}
 .actie-box:after {
    border-right: 0 solid transparent;
    border-bottom: 30px solid #fff;
    border-left: 30px solid transparent;
	    position: absolute;
    content: "";
    bottom: 0;
    right: 15px;
    z-index: 100;
}
.actie-box h2 + .btn {margin-top:25px;}





.main-slide {overflow:hidden;width:auto}

.main-slide-box {    background-size: cover;    background-position: center center;    background-repeat: no-repeat;
    position: relative;    min-height: 500px;    padding: 60px 15px 80px;}
.main-slide-box {padding-left:45px;padding-right:25%;}
.main-slide-box  h2 {text-transform:uppercase}
.white-content h2 strong, .white-content {color:#fff;}
.main-slide .video-link {    position: absolute;    right: 0;    top: 0;    width: 25%;    height: 100%;overflow:hidden}
.main-slide .video-link span {left:0;}
.slide-box-logo img {width:auto;max-width:100%;}
.slide-box-logo {margin-bottom:25px;}
.side-slider .main-slide-box {padding-bottom:30px}

.home-sliders-holder .wrapper:first-child {margin-bottom:25px;}
.home-slider-dots {margin-top:25px;text-align:center}
.slider-dot {display:inline-block;width:12px;height:12px;background:#E3E3E3;cursor:pointer;margin:0 2px;border-radius:50%;}
.slider-dot.active {background:#009DE0}


ul.slick-dots {text-align:center;position:absolute;z-index:20;bottom:20px;width:100%;padding:0;margin:0;}
ul.slick-dots li {display:inline-block;margin:0 3px;list-style:none;}
ul.slick-dots button {padding:0;margin:0;-webkit-appearance:none;appearance:none;border:none;background:#000;border-radius:50%;width:10px;height:10px;font-size:0;opacity:.5;cursor:pointer;}
ul.slick-dots .slick-active button {background:#009DE0;opacity:1;}

button.slick-arrow {cursor:pointer;position:absolute;border:none;background:none;outline:none;appearance:none;font-size:0;color:transparent;width:30px;height:30px;top:calc(50% - 15px);z-index:100;padding:0;}

button.slick-prev.slick-arrow {left:5px}
button.slick-next.slick-arrow {right:5px}

button.slick-next.slick-arrow:before{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #1A1A1A;
    position: absolute;
    content: "";top:calc(50% - 10px);left:calc(50% - 5px)
	}
button.slick-next.slick-arrow:hover:before {border-left: 10px solid #009DE0;}

button.slick-prev:before{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #1A1A1A;
    position: absolute;
    content: "";top:calc(50% - 10px);left:calc(50% - 5px)
	}
button.slick-prev.slick-arrow:hover:before {border-right: 10px solid #009DE0;}


.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less,
.add-read-more.show-more-content .read-more {   display: none;}

.add-read-more .read-more,
.add-read-more .read-less {   font-weight: bold;   margin-left: 2px;   color: #009DE0;   cursor: pointer;}
.add-read-more .read-more:hover,
.add-read-more .read-less:hover {color:#1A1A1A}

.kenmerken-row {overflow:hidden;position:relative;}
.kenmerk-holder {padding-top:45px; padding-bottom:25px;position:relative;}
.kenmerk-holder:after {    content: "";   position: absolute;    width: 100vh;    background: #fff;    height: 100%;    left:calc(100% - 15px);    top: 0;}
.kenmerk {margin-right:30px;margin-bottom:20px;width:57px;}
.kenmerk img {width:100%;height:auto;}

.product-image {padding-right:45px;}
.product-image .media-box {min-height:100px;}
.product-image-slider {width:100%;}
.product-image-slider .slick-track{    display: flex !important;}
.product-image-slider .slick-slide{    height: inherit !important;align-items:center;min-height:300px}
.product-image-slider.slick-initialized .slick-slide {    display: flex;}
.product-image-slider img {}
.product-label {   z-index:10; font-size: 14px;    color: #fff;    font-weight: 600;    min-width: 100px;    position: absolute;    left: 0;
    top: 45px;    padding: 3px 20px 4px 30px;    line-height: 1;}
.product-merklogo {    position: absolute;    left: 30px;    bottom: 60px;    max-width: 266px;    width: auto;    height: auto;}
p.product-vanaf-prijs {    font-size: 22px;    font-family: "roboto-condensed";    font-weight: 700;    color: #009DE0;}

.product-content > div {margin-bottom:25px;}
.product-leverbaar {	font-size: 14px;}
.product-leverbaar p {margin-bottom:15px;}
.info-link {    font-size: 14px;    color: #6F6F6F;    vertical-align: middle;}
.info-link span {vertical-align: middle;    font-size: 20px;    margin-right: 10px;}
.info-link:hover, .info-link:focus {color:#009DE0}

.btn-scrolldown {    width: 100%;    text-align: left!important;position:relative}
.btn-scrolldown span {     border-right: 5px solid transparent;    border-top: 5px solid #fff;    border-left: 5px solid transparent;    position: absolute;    content: "";   bottom: calc(50% - 2px);    right: 25px;z-index:100;transform:rotate(-90deg)}



.download-group {margin-bottom:25px;}
.download-group:last-child {margin-bottom:0;}
.download-group-titel, .video-group-titel {border-bottom:4px solid #e3e3e3;padding-left:30px;padding-bottom:15px;}
.download-group-titel h3, .video-group-titel h3 {font-weight:400;font-size:16px;color:#BFBFBF}
.product-tab .download-box {    position: relative;    padding: 25px 200px 25px 80px;    border-bottom: 1px solid #E3E3E3;    min-height: 100px;}
.product-tab .download-box .btn {position:absolute;right:30px;top:25px;}
.product-tab .download-box p {margin:0}
.product-tab .download-box h3, .download-box h3 a {    color: #000;    font-size: 18px;}
.product-tab .download-box h3 {margin-bottom:7px;}
.product-tab .download-box:before {width:18px;height:24px;content:"";position:absolute;left:30px;top:22px;background-size:contain;background-repeat:no-repeat;background-image:url('assets/images/icon-pdf.png')}

.video-group {margin-bottom:15px;}
.video-group-titel {margin-bottom:30px;}
.product-tab .product-video-box {margin-bottom:30px;}
.product-tab .product-video-box .video-link {margin-bottom:15px; border:1px solid #E3E3E3;}
.product-tab .product-video-box .video-link:last-child {margin-bottom:0;}
.product-tab .product-video-box p {padding:0 30px}

.product-tabs-clickers {overflow:auto;}
.product-tabs-clickers > div {min-width:550px;width:auto;max-width:none}

.product-added-info ul, .product-added-info li {padding:0;margin:0;list-style:none}
.product-added-info li {display:inline-block;margin-right:35px;font-size:14px;color:#6F6F6F}


.product-added-info li {    display: inline-block;    margin-right: 35px;    font-size: 14px;    color: #6F6F6F;    vertical-align: middle;}
.product-added-info li .icon-info {    font-size: 20px;    vertical-align: bottom;    margin-right: 10px;}
.product-added-info .icon-hercoat-service {  position:relative;  font-size: 21px;    vertical-align: middle; margin-right: 10px;}
.product-added-info span.icon-hercoat-service span {    font-size: 13px;    color: #fff;    position: absolute;    left: 0;    width: 100%;    text-align: center;    font-weight: 700;    font-family: "roboto-condensed";    font-weight: 700;    padding-top: 3px;}



.product-tab {display:none}
.product-tab.active {display:block}
.product-tabs-clickers {margin-bottom:30px}
.tab-click {cursor:pointer;width:auto; margin-right:65px;   font-size: 32px;    font-family: "roboto-condensed";    font-weight: 700;color:#BFBFBF}
.tab-click.active {color:#1A1A1A}
.tab-click.active span {color:#009DE0}

.product-table-row > div:nth-child(1) {width:220px;padding-left:30px;}


.quantity-slide {float:left;width:100%;border:1px solid #E3E3E3;max-width:90px}
.quantity-slide button {    float: left;    background: #fff;    border: none;    height: 32px;    width: 25px;    color: #BFBFBF;cursor:pointer;}
.quantity-slide .quantity {width:100%; height:32px; float:left;border:none;background:#fff;  }
.quantity-slide .quantity input {border:none;background:none;height:32px;    width: 33px!important;float:left;
    text-align: center;}

button.minus {text-align:right}
button.plus {text-align:left}


.product-table-row > div:nth-child(3), .product-table-row > div:nth-child(4) {width:85px;}
.product-table-row > div:nth-child(5) {width:110px;padding-right:20px;}
.product-table-row > div:nth-child(3), .product-table-row > div:nth-child(5) {text-align:center}
.product-table-row > div:nth-child(4) {text-align:right}




.specificatie-groep {width:calc(100% - 500px);padding-right:45px;display:flex;flex-wrap:wrap}
.specificatie-groep > div {width:calc(100% / 7);text-align:left}
.specificaties-header {border-bottom:4px solid #E3E3E3;color:#BFBFBF;font-size:16px;padding-bottom:15px;line-height:1;position:absolute;top:0;left:15px;background:#fff;width:calc(100% - 30px);}
.specificaties-header.active-scroll {padding-top:15px;}
.specificaties-8-rows {padding-right:0;}
.specificaties-8-rows > div {width:calc((100% - 140px) / 7);padding-right:5px}
.specificaties-8-rows > div:first-child {width:140px}

#specs.product-tab {overflow:auto;}
#specs.product-tab > .marginfix {
    min-width: 1000px;position:relative;padding-top:35px;
}

@media screen and (max-width:1200px){
	.specificatie-groep {padding-right:10px;width: calc(100% - 470px);}
	.product-table-row > div:nth-child(5) {
    width: 80px;
    padding-right: 20px;
}
}


.product-row {    border-bottom: 1px solid #E3E3E3;    padding: 10px 0;    color: #1A1A1A;  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;    flex-direction: row;
    flex-wrap: wrap;}

.product-row h3, .product-prijs p {    font-size: 16px;    color: #1A1A1A;font-family:"roboto-condensed";font-weight:700}
.product-row:hover h3, .product-prijs p {color:#009DE0} 
.product-row:hover{background:#F7F7F7}
.product-row:hover .quantity-slide {border-color:#009DE0}

.product-row .add-cart-btn {    width: 32px;    height: 32px;    display: block;    color: #009DE0;    background-color: transparent;    text-align: center;    padding-top: 6px;padding-right:2px;    font-size: 16px;    float: right;}
.product-row .add-cart-btn:hover, .product-row:hover .add-cart-btn, .product-row .add-cart-btn.added {color:#fff;background-color:#009DE0}



a.added_to_cart.wc-forward {    display: none!important;}
input[type=number]::-webkit-inner-spin-button {  -webkit-appearance: none;}




.producten-slider-titel {position:relative}


.product-box {background:#fff;border:1px solid #E3E3E3;position:relative;display:flex;flex-wrap:wrap}
.product-image-box {padding:80px 30px 0;margin-bottom:25px;position:relative;}
.product-box .product-label {    min-width: 96px;    padding-left: 10px;    padding-right: 10px;    left: auto;
    right: 0;    top: 25px;}
.product-box .product-merklogo {    left: 30px;   max-width: 100px;    top: 25px;    max-height: 25px;}

.product-box h2, .product-box h3 {    font-family: "roboto-condensed";    font-weight: 700;    color: #009DE0;    font-size: 22px;    margin-bottom: 10px;}
.product-box h3 {color:#1A1A1A;font-weight:400;margin-bottom:0;}

.product-box-prijs {align-self:flex-end;text-align:right;color:#BFBFBF;font-size:15px;vertical-align:middle;padding:0 30px 25px;    border-bottom: 10px solid #009DE0;}
.product-box-prijs span { font-family: "roboto-condensed";    font-weight: 700;    color: #009DE0;    font-size: 24px;  }
.product-box .product-titels {    padding: 0 30px;margin-bottom:20px;}
.product-box .overlay {z-index:200}

.product-box-prijs ins {text-decoration:none;}
.product-box-prijs del, .product-box-prijs del span {
    color: #000;
    font-size: 100%;
}
.product-box:before {    border-right: 0 solid transparent;
    border-bottom: 30px solid #E3E3E3;
    border-left: 30px solid transparent;
    position: absolute;
    content: "";
    bottom: -0;
    right: -0px;
    z-index: 100;}

.product-box:after {
    border-right: 0 solid transparent;
    border-bottom: 31px solid #f7f7f7;
    border-left: 31px solid transparent;
    content: "";
    bottom: -1px;
    right: -1px;
    z-index: 100;
    position: absolute;
}
.archive-box-row .large-3 {margin-bottom:30px;}
.archive-box-row {display:flex;flex-wrap:wrap}
.slider-arrow {position:absolute;top:0;cursor:pointer;}
.slider-arrow-prev{right:50px;}
.slider-arrow-next{right:15px;}

.slider-arrow-next{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #1A1A1A;
    position: absolute;
    content: "";
	}
.slider-arrow-prev{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #1A1A1A;
    position: absolute;
    content: "";
	}

.populair-producten-slider .slick-track {margin-left:0!important}


/*FILTERS*/
#product-archief {    display: flex;    flex-wrap: wrap;}
#product-archief .large-4 {margin-bottom:30px;}
.product-box-holder {
    height: 100%;
    display: flex
;
    flex-wrap: wrap;
}
.loading-ajax #product-archief{opacity:.5}


.filter-titel > div {    border-bottom: 4px solid #E3E3E3;padding-bottom:12px;width:50%;}
.filter-titel > div:last-child {text-align:right;}
.reset-filter {    display: inline-block;    color: #1A1A1A;    font-family: "roboto-condensed";    font-size: 14px;    font-weight: 700;    line-height: 1;cursor:pointer;}
.icon-reset {    font-size: 23px;       margin-right: 10px;}
.reset-filter span { vertical-align: middle;    display: inline-block;}




.filter-selectors {margin-bottom:15px;}
.sidebar-filter {width:33.33333%;margin-bottom:15px;}

.select-holder {position:relative;background:#fff;border:1px solid #E3E3E3;}
.select-holder:before {width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #1a1a1a;
    border-left: 5px solid transparent;
    position: absolute;
    content: "";
    right: 20px;
    top: calc(50% - 1px);}
.select-holder select, .select2-container--default .select2-selection--single {-webkit-appearance:none;appearance:none;height:50px;width:100%;padding-right:30px;position:relative;z-index:20;border:none;background:none;padding-left:25px;outline:none;font-family: "roboto-condensed";
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;}


.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:50px;font-family: "roboto-condensed"; color: #1a1a1a;padding:0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {display:none}
.select2-dropdown {
    background-color: white;
    border: 1px solid #e3e3e3;
	border-radius: 0;}
.select2-search--dropdown {
    display: block;
    padding: 15px 25px 15px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e3e3e3;
    height: 40px;float:none
}
.select2-results__option {
    padding: 7px 25px;
    font-weight: 900;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #1a1a1a;
    color: white;
}
.select2-container--default .select2-results__option--selected {
    background-color: #039de1;color:#fff;
}
.sidebar-filter .select-holder:after {content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;border:1px solid #E3E3E3}
.sidebar-filter .select-holder {border:none}
.select2-container {    border: none;}
.select2-container--open .select2-dropdown {
    left: -1px;
}

.checkbox-holder ul, .checkbox-holder li {padding:0;margin:0;list-style:none}
.checkbox-holder li {display:block;margin-bottom:15px;}

input[type="checkbox"],input[type="radio"] {display:none}
input[type="checkbox"] + span,input[type="radio"] +span,input[type="radio"] + label {    font-family: "roboto-condensed";    font-size: 18px;    color: #1a1a1a;    font-weight: 700;display:block;padding-left:35px;position:relative;}
input[type="checkbox"] + span:before, input[type="radio"] + span:before,input[type="radio"] + label:before{content:"";position:absolute;top:3px;left:0;width:20px;height:20px;background:#fff;border:1px solid #BFBFBF;}
input[type="checkbox"]:checked + span:after,input[type="radio"]:checked + span:after,input[type="radio"]:checked + label:after {	    font-family: 'icomoon' !important;    content: "\e906";    color: #009DE0;    font-size: 10px;    position: absolute;    top: 6px;    left: 4px;}

.categorie-filter ul, .categorie-filter li {padding:0;margin:0;list-style:none;display:block}
.categorie-filter input[type="radio"] + span:before, .categorie-filter input[type="radio"] + span:after {display:none!important}
.categorie-filter label {cursor:pointer;margin-bottom:13px;display:block;position:relative;padding-right:20px;}

.categorie-filter li {position:relative;}
.categorie-filter ul input[type="radio"] + span, .categorie-filter ul a {padding-left:15px;}
.categorie-filter ul ul input[type="radio"] + span, .categorie-filter ul ul a {padding-left:30px;}
.categorie-filter ul ul ul input[type="radio"] + span, .categorie-filter ul ul ul a {padding-left:45px;}

.categorie-filter ul ul input[type="radio"] + span{color:#6F6F6F}
.categorie-filter ul ul ul input[type="radio"] + span {color:#BFBFBF}
.categorie-filter h3 {    font-size: 18px;  }

.categorie-filter li a {font-family: "roboto-condensed";    font-size: 18px;    color: #1a1a1a;    font-weight: 700;    display: block;    margin-bottom: 13px;    display: block;    position: relative;    padding-right: 20px;}
.categorie-filter li li a {    color: #6F6F6F;}
.categorie-filter li li li a {    color: #BFBFBF;}

.cat-selectie + h3 {margin-top:13px}

.cat-selectie > li {margin-top:13px;}
.selectie-dropdown-click {cursor:pointer;width:20px;height:25px;position:absolute;right:0;top:0;}
.selectie-dropdown-click:before {    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
    position: absolute;
    content: "";
    right: 0;
    top: calc(50% - 1px);}
li.active > .selectie-dropdown-click:before {font-family: 'icomoon';content: "\e907";border:none;font-size:8px;top:calc(50% - 4px);    right: 9px;color:#000}

ul.sub-menu.depth-2 {
    padding-bottom: 0px;
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 10px;
	display:none;
}
li:last-child > ul.sub-menu.depth-2 {margin-bottom:0;border:none;}

ul.cat-selectie > li {
    border-bottom: 1px solid #E3E3E3;
}
ul.cat-selectie > li:last-child {
    border-bottom: 4px solid #E3E3E3;
}
.categorie-filter input[type="radio"]:checked + span, .categorie-filter li.current > label >  span {
    color: #009DE0!important;
}

.categorie-filter2 ul input[type="radio"] {display:block!important;appearance:auto;}


.responsive-filter-merken {display:none}

@media screen and (min-width:767px){
	.filter-selectors {display:block!important}

	
}
@media screen and (max-width:768px){
	.filter-reset-desktop {display:none}
	.responsive-filter-merken {display:block}
	.desktop-filter-merken {display:none}
	
	.filter-titel > div {width:100%}
	
	.filter-selectors {display:none}
	.filter-titel > div {position:relative;cursor:pointer;}
}
/*------------------------------------*\


    BUTTON
\*------------------------------------*/
.btn-holder {margin-bottom:15px;}
.btn-holder .btn {margin-right:30px;margin-bottom:30px;}
.btn-holder.txtcenter .btn, .btn-holder.textcenter .btn {margin-left:15px;margin-right:15px;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]{
	 padding: 16px 25px 18px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.btn {
    font-size: 18px;
    color: #fff!important;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding: 16px 25px 18px;
    background: #009DE0;
    border-radius: 0;min-width:150px;text-align:center;
	
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	border:none!important;min-width:150px;font-style:normal;cursor:pointer;
	font-family:"roboto-condensed";

}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
.btn:hover, .btn:focus {background: #1A1A1A;color: #fff!important;}

.back-btn-holder {margin-bottom:20px;text-align:right}
.back-btn {font-family: "roboto-condensed";    font-weight: 700;color:#1a1a1a;font-size:14px;position:relative;padding-left:15px;}
.back-btn:before { width: 0;    height: 0;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;
    border-right: 5px solid;    position: absolute;    content: "";    left: 0;    top: 5px;}
.back-btn:hover {color:#009DE0}

a.checkout-button.button.alt.wc-forward {
    margin: 0!important;
    width: 100%;
}



input,textarea,button, .btn{ -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;}

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

input[type="text"], input[type="email"], textarea, input[type="mail"], input[type="password"]{
 float: left;    width: 100%;    appearance: none;    -webkit-apppearance: none;    background: #F7F7F7;    border: none; 
	font-size: 16px; 
	color: #1c1c1c;   
	padding-left: 20px;	height: 50px;border: 1px solid #E3E3E3;outline:none!important;margin-bottom:15px;
}
textarea {resize:none;height:150px;padding-top:15px}

.grey-background input[type="text"], .grey-background input[type="email"], .grey-background textarea, input[type="mail"], .grey-background input[type="password"] {background:#fff}

.validation-txt {float:left;width:100%;margin-bottom:10px;text-align:right}





.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:#ed0202!important}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px 20px;
    border: 2px solid #c0a07d;
    text-align: center;
    background: #c0a07d;
    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: #c0a07d;
    background: #c0a07d;
}


.woocommerce form.checkout .form-row > label {    display: none;}
.woocommerce form .form-row {margin-bottom:15px!important;}
body .woocommerce form .form-row .input-text, body .woocommerce form .form-row select { width: 100%;    appearance: none;    -webkit-apppearance: none;    background: #fff;    border: none; 	font-size: 16px; 	color: #6F6F6F;   	padding-left: 20px;	height: 50px;border: 1px solid #E3E3E3;outline:none!important;border-radius:0;}


.woocommerce form .form-row .woocommerce-input-wrapper label {
    float: left;
    margin: 0;
    width: calc(50% - 15px);
    background: #fff;
    border: none;
    font-size: 16px;
    color: #1c1c1c;
    padding-left: 55px;
    height: 50px;
    border: 1px solid #E3E3E3;
    display: flex
;
    align-items: center;
}
.woocommerce form .form-row .woocommerce-input-wrapper label.radio {color:#BFBFBF;font-weight:400}
.woocommerce form .form-row .woocommerce-input-wrapper input:checked + label.radio{color:#6F6F6F}
.woocommerce form .form-row .woocommerce-input-wrapper label:last-child {float:right}


.woocommerce form .form-row .woocommerce-input-wrapper label:before {left:20px;top:14px;}
.woocommerce form .form-row .woocommerce-input-wrapper label:after {left:24px;top:14px;}

.woocommerce-checkout  .select2-container {height:50px;}
.woocommerce-checkout  .select2-search--dropdown .select2-search__field {float:none!important;margin:0}
.woocommerce-checkout  .select2-results__option {font-weight:400!important}
.select2-container .select2-dropdown, .select2-container .select2-selection {border-color:#E3E3E3!important}
tr.woocommerce-shipping-totals.shipping {
    display: none;
}


h3#ship-to-different-address {
    line-height: 1.4;padding-left:30px;margin-top:10px;margin-bottom:30px;
    
}
h3#ship-to-different-address input[type="checkbox"] + span, .payment_methods input[type="radio"] + label{font-weight: 400;    color: #BFBFBF;}
h3#ship-to-different-address input[type="checkbox"]:checked + span, .payment_methods input[type="radio"]:checked + label {  color: #6F6F6F;}


#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    text-align: left;
    padding: 0;
    border-bottom: none;
    margin: 0;
    list-style: none outside;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {line-height:1.4}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:none;border-radius:0;    padding: 0 30px;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0;
}
.place-order .woocommerce-privacy-policy-text p {margin-top:0;}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background:#E3E3E3}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {    border-bottom: 1em solid #E3E3E3;}

#order_review table.shop_table th, #order_review table.shop_table td {padding-bottom:10px;}
#order_review table.shop_table td {
    padding: 10px 0;
}

.woocommerce-checkout-review-order-table {
    padding: 35px 30px;
    background: #fff;
}
#payment {margin-top:30px;}
#order_review table.shop_table td{    color: #1A1A1A;}
#order_review table.shop_table th{    color: #BFBFBF;}
#order_review strong.product-quantity {font-weight:400}
#order_review table.shop_table td {	border-top: 1px solid #E3E3E3;}
#order_review table.shop_table tbody tr:first-child td {border-top:4px solid #E3E3E3}

#order_review table.shop_table tfoot th, #order_review table.shop_table tfoot td{    vertical-align: top;
    padding: 0;
    border: none;
    line-height: 1.4;
    font-family: "roboto-condensed";
    font-weight: 400;
    color: #1A1A1A;
    padding-bottom: 5px;}

#order_review table.shop_table tfoot .order-total th, #order_review table.shop_table tfoot .order-total td {    padding-top: 30px;
    border-top: 4px solid #E3E3E3;
    font-size: 18px;
    font-weight: 700 !important;}

#order_review table.shop_table tfoot .cart-subtotal th, #order_review table.shop_table tfoot .cart-subtotal td {padding-top:30px;}
#order_review table.shop_table tfoot .feel th, #order_review table.shop_table tfoot .fee td {padding-bottom:30px;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float:none}

@media screen and (max-width:768px){
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, .btn {padding:15px 20px 17px;}
	.btn-scrolldown span{right:20px;}
}

/*------------------------------------*\
    CART
\*------------------------------------*/
.floating-minicart {float:left;width:100%}
.cart-popup-holder {display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;background:#f7f7f7;background:rgb(247 247 247 / 84%);overflow:auto}
.cart-popup-holder > div {position:relative;    min-height: 100%;    width: 100%;    padding: 45px 0;}
.cart-popup-wrapper {    width: 100%;}
.cart-popup {position:relative;background:#fff;	-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,.2);
box-shadow: 0px 2px 12px 0px rgba(0,0,0,.2);padding:30px}

.cart-popup-titels {margin-bottom:25px;}

.cart-popup-btns {margin-top:30px;}
.cart-popup-btns ul, .cart-popup-btns li {padding:0;margin:0;list-style:none;}
.cart-popup-btns li {width:48.6%;vertical-align:middle;display:inline-block}
.cart-popup-btns li:last-child {text-align:right;}
.cart-popup-btns li:first-child {text-align:left}
.cart-popup-btns .back-btn {color:#009DE0;cursor:pointer;}
.cart-popup-btns .back-btn:hover, .cart-popup-btns .back-btn:focus {color:#1a1a1a}
.woocommerce table.cart td.actions {padding:0!important}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 33.33333%;padding-left:15px;float:left;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float:left;width:100%}
form.woocommerce-cart-form {float:left;width:66.666667%;padding-right:65px;}



.cart-header {padding-bottom:15px;color:#BFBFBF;font-family: "roboto-condensed";    font-weight: 400;  }


.woocommerce table.shop_table.custom-cart th {
    font-weight: 400;
    padding: 0 0 15px;
    line-height: 1.4;
	color:#BFBFBF;
}


.woocommerce .cart-collaterals .cart_totals {    padding: 35px 30px;    background: #F7F7F7;}
.woocommerce-cart table.cart tr:first-child td {border-width:4px}

.custom-cart .product-price {width:140px}
.custom-cart .product-quantity {width:85px}
.custom-cart .product-subtotal {width:130px;text-align: right;}
.custom-cart span.woocommerce-Price-amount.amount {    display: block;    color: #1A1A1A;    font-weight: 700;}
.custom-cart .product-price span.woocommerce-Price-amount.amount {font-weight:400}
.custom-cart .product-name a {    font-weight: 700;    vertical-align: top;    color: #1A1A1A;}
.custom-cart img {    width: 125px!important;    margin-right: 45px;}
.custom-cart td.product-name > div {
    width: calc(100% - 180px);
    display:inline-block;    vertical-align: top;padding-right:30px
}
.custom-cart td.product-name > div p {font-size:14px}
.woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td {    vertical-align: top;    padding: 0;    border: none;	line-height: 1.4;font-family: "roboto-condensed";    font-weight: 400; color:#1A1A1A;padding-bottom: 5px;}
.woocommerce .cart_totals table.shop_table td {text-align:right}

.woocommerce .cart_totals table.shop_table td strong {    font-weight: 700;}

.woocommerce .cart_totals table.shop_table .shipping th, .woocommerce .cart_totals table.shop_table .shipping td {padding-bottom:30px;}
.woocommerce .cart_totals table.shop_table .order-total th, .woocommerce .cart_totals table.shop_table .order-total td {
    padding-top: 30px;
    border-top: 4px solid #E3E3E3;
    font-size: 18px;
    font-weight: 700!important;
}
.woocommerce .cart_totals table.shop_table tr:nth-last-child(2) td {padding-bottom:25px;}




.woocommerce a.remove {
    display: inline-block;
    font-size: 21px;
    height: auto;
    width: 21px;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: #BFBFBF!important;
    text-decoration: none;
    font-weight: 700;
    border: 0;margin-top:20px;
}
.woocommerce a.remove:hover {
    color: #009DE0!important;
    background: none;
}

#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {display:none}





/*------------------------------------*\
    WOOTABLES
\*-----------------------------------*/
.woocommerce table.shop_table {    border: none;	margin: 0;border-radius:0;}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
    padding: 0 0 15px;
    line-height: 1.4;font-family: "roboto-condensed";    font-weight: 400; vertical-align:top;
}
.woocommerce table.shop_table td {
    padding: 15px 0;
}

#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
    border-collapse: separate;
    margin: 0 0 25px;
    padding: 0;
}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
    padding: 0;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:1250px){
	h1, h2, h3, h4, h5, h6 {font-size:28px}
	
	.title-box h1, .title-box h2, .title-box h3,.sidebar-title h4	{font-size:28px}
	.group-title-box h2, .group-title-box h3 {font-size:22px;}
	.large-title h2 {font-size:40px}
	
	.news-row .title-box {margin-top:0;}
	.content-image-holder .content-half-right {    padding-left: calc(50% + 45px);}
	.content-image-holder .content-half-left {padding-right:calc(50% + 45px);}

	
	
	.media-box:after {    border-right: 0 solid transparent;    border-bottom: 45px solid;    border-left: 45px solid transparent;}
	.white-background .media-box:after {border-bottom:45px solid #fff}
	.grey-background .media-box:after {border-bottom:45px solid #F7F7F7}	
	
	.product-image .media-box:before {    border-bottom: 46px solid #E3E3E3;
    border-left: 46px solid transparent;}
	
	.group-link-box h2 a {    padding: 70px 40px 70px 40px;}
	.group-link-box h2, .group-link-box h2 a {font-size:27px;}
	.group-link-box h2 a:after {right:30px;}
	
	.actie-box {min-height:350px;}
	
	.download-box > div {    width: 100%;    float: right;    padding-right: 30px;    padding-left: 180px;}
	.download-box .media-holder {    width: 160px;}
	.download-box > div{padding-top:0!important}
	
}

@media screen and (max-width:1100px){
	.sidebar-filter {	width: 50%;}
	#product-archief >.large-4{	width: 50%;}
}


@media screen and (min-width:991px){
	.product-content {display:flex;flex-wrap:wrap;}
	.product-leverbaar {order:2}
	.product-offerte {order:3}
	
	

	
}
@media screen and (max-width:992px){
	p, blockquote {margin-bottom:15px;}
	p:last-child, blockquote:last-child {margin-bottom:0}
	blockquote {padding:5px 0 5px 20px;}
	
	h1, h2, h3, h4, h5, h6 {font-size:26px}
	
	.title-box h1, .title-box h2, .title-box h3,.sidebar-title h4	{font-size:26px}
	.group-title-box h2, .group-title-box h3 {font-size:22px;}
	.large-title h2 {font-size:32px}
	.standaard-content h2 {margin-bottom:5px;}
	
	.content-row {    padding: 30px 0 10px;}
	
	.title-box {    margin-bottom: 20px;}
	.margin-fix, .marginfix {    margin-bottom: 20px!important;}
	
	.btn-holder {margin:0;}
	.btn-holder .btn{margin-right:20px;margin-bottom:20px;}
	
	.breadcrumb-holder {padding:15px 0;font-size:12px;}
	.breadcrumb-holder + .content-row {padding-top:0;}
	
	
	.group-title-box {margin:0}
	.group-title-box h2, .group-title-box h3 {    padding-bottom: 15px;		margin-bottom: 15px;}
	.contact-group h3 span {top:2px;}
	.contact-group h3 span.icon-envelop {top:5px;}
	.contact-half:first-child, .contact-half:last-child {padding:0}

	
	
	
	.pagina-sidebar {width:220px;}
	.pagina-sidebar-content {width:calc(100% - 220px)}
	
	.archive-title h1 {padding-bottom:15px;}
	.large-content {font-size:20px;}
	
	.merk-box {width:200px;margin-bottom:20px;}
	
	.group-link-box h2 a, .home .group-link-box h2 a {    padding: 40px 30px 40px 25px;}	
	.group-link-box h2, .group-link-box h2 a {font-size:22px;}
	.group-link-box h2 a:after {    width: 0;    height: 0;    border-top: 7px solid transparent;    border-bottom: 7px solid transparent;		border-left: 7px solid;}
	.group-link-box h2 {		border-bottom: 7px solid #009DE0;}
	.group-link-box:after {    border-right: 0 solid transparent;    border-bottom: 20px solid #F7F7F7;		border-left: 20px solid transparent;}
	.group-link-box h2 a:after {    right: 20px;}
	.actie-box {min-height:290px;padding:20px;}
	.product-image {padding-right:15px;}
	
	.tab-click { font-size:24px;margin-right: 30px;}

	.kenmerk-holder:after {display:none}
	.kenmerk-holder { padding-right:0;}
	.kenmerk-holder .slick-list {overflow:visbile}
	
	
		.sidebar-filter {	width: 50%;}
	#product-archief >.large-4{	width: 50%;}
	.product-box-prijs {    padding: 0 10px 15px;    border-bottom: 5px solid #009DE0;}
	.product-box:before {    border-bottom: 16px solid #E3E3E3;    border-left: 16px solid transparent;}
	.product-box:after {    border-bottom: 17px solid #f7f7f7;    border-left: 17px solid transparent;}
	.product-box .product-titels {    padding: 0 10px;    margin-bottom: 5px;}
	.product-box-prijs {font-size:12px;}
	.product-box h2, .product-box h3, .product-box-prijs span {font-size:18px;}
	.product-image-box {		padding: 50px 25px 0;}
	.product-box .product-merklogo {left:15px;top:15px;}
	.product-box .product-label {top:15px;}
}

@media screen and (max-width:767px){
	.intro-content, .medium-content {    font-size: 16px;}

	h1, h2, h3, h4, h5, h6 {font-size:24px}
	
	.title-box h1, .title-box h2, .title-box h3,.sidebar-title h4, .standaard-content h2	{font-size:24px}
	.group-title-box h2, .group-title-box h3 {font-size:20px;}
	.large-title h2 {font-size:24px}
	.large-content {font-size:17px}	

	
	.contact-half:first-child, .contact-half:last-child {width:100%;}
	.contact-half:nth-child(2){margin-top:25px;}
	
	input[type="text"], input[type="email"], textarea, input[type="password"] {height:40px;padding-left:10px;}
	textarea {height:100px;padding-top:10px;}
	
	
	.media-box:after {    border-right: 0 solid transparent;    border-bottom: 20px solid;    border-left: 20px solid transparent;}
	.white-background .media-box:after {border-bottom:20px solid #fff}
	.grey-background .media-box:after {border-bottom:20px solid #F7F7F7}
.product-image .media-box:before {
        border-bottom: 21px solid #E3E3E3;
        border-left: 21px solid transparent;
    }
	.play-icon {    width: 50px;    height: 50px;    top: calc(50% - 25px);		left: calc(50% - 25px);}	
	
	.pagina-sidebar {width:100%;padding-right:0;}
	.pagina-sidebar-content {width:100%;padding-left:0;}

	
	.news-row .title-box p {margin-bottom:10px;}
	
	.content-image-holder .content-half-left {padding-right:15px;}
	.content-image-holder .content-half-right {padding-left:15px;}
	.content-image-holder .media-half-left, .content-image-holder .media-half-right {position:relative;width:100%;}
	.content-half-right,.content-half-left, .media-half-left, .media-half-right {width:100%;position:relative;}

	
.download-box > div {
    width: 100%;
    float: right;
    padding-right: 0;
    padding-left: 130px;
}
	.download-box .media-holder {    width: 110px;}
	.download-box {margin-bottom:25px;}
	.download-box:last-child {margin-bottom:0;}
	

	.main-slider {margin-bottom:20px;}
	.main-slide-box {padding:35px 5px 50px;min-height:0;padding-right: 25%;}
	
	.product-label {top:20px;}
	.product-merklogo {
    left: 25px;
    bottom: 25px;
    max-width: 80px;
}
	
	.sidebar-filter {	width: 100%;}
	#product-archief >.large-4{	width: 50%;margin-bottom:20px;}
	.product-box-prijs {font-size:10px;}
	.product-box h2, .product-box h3, .product-box-prijs span {font-size:15px;}
	
	
	.product-box-holder {padding-left:10px;padding-right:10px;}
	div#product-archief {padding-left:5px;padding-right:5px;}
}



@media screen and (max-width:600px){
	.download-box > div, .download-box .media-holder { width:100%;left:0;position:relative;padding-left:15px;padding-right:15px;}
	
	.main-slide-box {padding-right:15px;}
}





/*------------------------------------*\
    MISC
\*------------------------------------*/
.footer-top {padding-top:60px}

.footer-top h4 {color:#1A1A1A;font-size:32px;font-family:"roboto-condensed";font-weight:700;line-height:1;border-bottom:4px solid #E3E3E3;padding-bottom:20px;}
.footer-title {margin-bottom:20px;}
.footer-widget {margin-bottom:20px;}

.footer-widget, .footer-widget a {color:#6F6F6F;font-size:18px;font-family:"roboto-condensed";font-weight:400;}

.footer-widget ul, .footer-widget li {padding:0;margin:0;list-style:none;float:left;width:100%}
.footer-widget li li:first-child {width:75px;color:#009DE0}
.footer-widget li li:last-child {width:calc(100% - 75px);}
.footer-widget li li li {width:100%!important;margin-bottom:15px!important}
.footer-widget li li li:last-child {margin-bottom:0!important}
.footer-widget  li {margin-bottom:15px;}
.footer-widget  li:last-child, .footer-widget li li {margin-bottom:0}
.footer-widget a:hover {color:#1A1A1A}
.footer-widget a span {display:inline-block;margin-right:7px}


.footer-corp {text-align:center;}
.footer-corp > div {border-top:4px solid #E3E3E3;padding:25px 0 5px;}
.footer-corp ul, .footer-corp li {padding:0;margin:0;list-style:none}
.footer-corp li {display:inline-block;font-size:18px;color:#BFBFBF;margin:0 60px 20px;}

.footer-bottom {padding:20px 0;background:#1A1A1A}
.footer-bottom a {display:inline-block;width:75px;}
.footer-bottom a:hover {opacity:.7}
.footer-bottom img {display:block;width:100%;}

@media screen and (max-width:991px){
	.footer-top {    padding-top: 30px;}
	.footer-top h4 {font-size:24px;padding-bottom:15px;}
}

@media screen and (max-width:767px){
	.footer-top h4 {cursor:pointer;position:relative}
	.footer-top h4:after {width: 0;    height: 0;    border-right: 5px solid transparent;    border-top: 5px solid;
    border-left: 5px solid transparent;    position: absolute;    content: "";    right: 0;    top: calc(50% - 8px);}
	.footer-widget {margin-bottom:0;}
	.footer-content{display:none;margin-bottom:25px;}
	.footer-corp li {display:block;margin:0 0 15px}
	.footer-corp > div {padding-bottom:10px;padding-top:0;border-color:transparent}
	.active-widget + .footer-corp > div {padding-top:25px;border-color:#E3E3E3}
	.footer-title {    margin-bottom: 15px;}
	
	.active-widget h4:after {    border-right: 5px solid transparent;    border-bottom: 5px solid;    border-left: 5px solid transparent;    top: calc(50% - 8px);    border-top: none;}
}


/*------------------------------------*\
    SEARCH
\*------------------------------------*/


.search-submit {
    width: 80px;
    height: 48px;
    float: left;
    border: none;
    background: none;
    font-size: 20px;
    color: #1A1A1A;
    line-height: 1;
    cursor: pointer;
   
}
input.search-input {width:100%;height:48px;width:calc(100% - 80px);float:left;background:none;border:none;padding-left:30px;}



::-webkit-input-placeholder { /* Edge */
  font-family:"roboto-condensed";font-weight:normal;color:#BFBFBF
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family:"roboto-condensed";font-weight:normal;color:#BFBFBF
}

::placeholder {
 font-family:"roboto-condensed";font-weight:normal;color:#BFBFBF
}


input:-webkit-autofill { border: 1px solid #E3E3E3;background: #F7F7F7;  }
input:autofill { border: 1px solid #E3E3E3;background: #F7F7F7;  }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #F7F7F7 inset !important;
}




/*------------------------------------*\
Popup
\*------------------------------------*/


#popup {position:fixed;width:100%;height:100%;background:rgb(255 255 255 / 70%);top:0;left:0;
	z-index:9999;display:none;
	overflow:auto;padding:25px

}
.popup-content-holder {height:100%}
.popup-content {
    display: block;
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
   
    background: #fff;position:relative;border-radius:0;
	-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,.2);
box-shadow: 0px 2px 12px 0px rgba(0,0,0,.2);
}
.popup-content { padding: 45px 80px 0;}
.popup-content .title-box {text-align:center;}
#popup .btn-holder {margin:0}

.popup-closer {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}
.popup-closer:after, .popup-closer:before {content:"";position:absolute;width:50%;height:2px;background:#1a1a1a;left:25%;top:calc(50% - 1px);}
.popup-closer:after {  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
  transform: rotate(45deg); /* Standard syntax */}
.popup-closer:before {  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari prior 9.0 */
  transform: rotate(-45deg); /* Standard syntax */}




@media screen and (max-width:991px){
	.popup-content { padding: 45px 45px 0;}

}

@media screen and (max-width:767px){
	.popup-content { padding: 30px 25px 0;}
	.popup-closer {top:5px;right:5px}
	#popup {padding:5px;}

}
/*------------------------------------*\
    HEADER/NAV
\*------------------------------------*/
main {margin-top:211px}
.side-nav, .sidenav {display:none}


.header {position:fixed;top:0;left:0;width:100%;z-index:9000;background:#fff;}


.header-top {background:#1a1a1a;font-family:"roboto-condensed";font-size:16px;line-height:1;color:#fff}

.usp-box {width:33.333%;padding:15px}
.usp-box:nth-child(2){text-align:center}
.usp-box:nth-child(3){text-align:right}


.header-middle {padding:25px 0}
.header-logo {    width: 250px;}
.header-logo a, .header-logo img {display:block;width:100%;}


.header-woocommerce {width:350px;    margin-top: 10px;}

.header-search {width:calc(100% - 600px);padding-left:45px;}
.responsive-search {display:none}
form.search {border:1px solid #BFBFBF;border-radius:25px;max-width:516px;}



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

.header-woocommerce ul {text-align:right;}
.header-woocommerce li {display:inline-block;position:relative;text-align:left;}
.header-woocommerce > ul > li {margin-right:35px;}
.header-woocommerce > ul > li:last-child {margin-right:0}
.header-woocommerce .sub-menu {text-align:left;top:100%;left:0;background:#fff;position:absolute;z-index:10;width:150px;padding:15px;display:none}
.header-woocommerce li:hover .sub-menu {display:block}
.header-woocommerce .sub-menu li {padding-bottom:10px}
.header-woocommerce .sub-menu li:last-child {padding-bottom:0}

.header-woocommerce a {    font-family: "roboto-condensed";    font-weight: 700;    color: #1a1a1a;    font-size: 18px;    line-height: 1;position:relative;display:block;padding:5px 0}
.header-woocommerce .sub-menu a {font-weight:normal;font-size:16px;padding:0;}
.header-woocommerce li:hover > a{color:#009DE0}

.header-woocommerce a span{font-size:20px;color:#009DE0}
.header-woocommerce a span.icon-user {    margin-right: 5px;}
.header-woocommerce a span.icon-cart {    margin-right: 10px;}
.header-cart-count {    position: absolute;    left: 15px;    top: -3px;    width: 17px;    height: 17px;    background: #1A1A1A;    border-radius: 50%;    font-family: "roboto-condensed";    color: #fff;    font-size: 10px;    text-align: center;    font-weight: 700;    line-height: 1;    padding-top: 3px;}


.header-navigatie {background:#E3E3E3;}
.header-navigatie , .header-navigatie a {line-height:1}

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


.lang-navigatie {width:70px;margin-top:8px}


.main-navigatie {width:calc(100% - 70px)}

.main-navigatie li {display:block}
.main-navigatie a {position:relative;display:block;font-family: "roboto-condensed";line-height:1;}

.main-navigatie > ul > li {display:inline-block;margin-right:40px;position:relative;}
.main-navigatie > ul > li > a{ font-size:18px;color:#1a1a1a;font-weight:700;padding:20px 0;}
.main-navigatie > ul > li > a:after {content:"";background:#009DE0;position:absolute;bottom:0;left:0;width:100%;}
.main-navigatie > ul > li.current-menu-item > a:after, .main-navigatie > ul > li.current-menu-parent > a:after, .main-navigatie > ul > li.current-menu-ancestor > a:after, .main-navigatie > ul > li:hover > a:after, .main-navigatie > ul > li.current-page-ancestor > a:after{height:8px}

.main-navigatie > ul > li.menu-item-has-children > a {padding-right:20px;}
.main-navigatie > ul > li.menu-item-has-children > a:before {
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-left: 5px solid transparent;
    position: absolute;
    content: "";
    right: 0;
    top: calc(50% - 1px);
}
.main-navigatie > ul > li.menu-item-has-children:hover > a:before{
 border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-left: 5px solid transparent;	 top: calc(50% - 1px);
	border-top:none
}




.main-navigatie .sub-menu {display:none;background:#E3E3E3;width:320px;padding:45px 0;}
.main-navigatie > ul > li > .sub-menu {position:absolute;top:100%;left:-30px;padding-bottom:25px;}
.main-navigatie > ul > li > .sub-menu > li > .sub-menu {padding:0;margin-top:12px;width:100%;border-bottom:4px solid rgb(255 255 255 / 50%);margin-bottom:20px;display:block}

.main-navigatie > ul > li > .sub-menu > li > .sub-menu .sub-menu{position:absolute;left:320px;top:0;    min-height: 100%;}

.main-navigatie .sub-menu li {display:block;margin-bottom:15px;padding:0 30px}
.main-navigatie .sub-menu li:last-child {margin-bottom:0}


.main-navigatie .sub-menu a{position:relative;display:block;color:#6F6F6F;
font-family: "roboto-condensed";font-weight:700;padding-right:10px;font-size:18px;line-height:1;}
.main-navigatie > ul > li > .sub-menu > li > .sub-menu > li {padding:0 30px;margin:0;width:calc(100% + 60px);margin-left:-30px}

.main-navigatie > ul > li > .sub-menu > li > .sub-menu > li > a {padding:12px 15px;color:#1a1a1a; border-bottom:1px solid rgb(255 255 255 / 50%);}
.main-navigatie > ul > li > .sub-menu > li > .sub-menu > li:last-child > a {border:none}

.main-navigatie > ul > li > .sub-menu > li > .sub-menu .sub-menu:before {content:"";position:absolute;left:0;top:45px;width:1px;background:#fff;opacity:.6;height:calc(100% - 90px);}



.main-navigatie .sub-menu li:hover > a, .main-navigatie > ul > li > .sub-menu > li > a {color:#009DE0}
.main-navigatie .sub-menu a:after {    width: 0;    height: 0;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    border-left: 5px solid;    position: absolute;    content: "";    right: 0;    top: 5px;}
.main-navigatie > ul > li > .sub-menu > li > .sub-menu > li > a:after{top:17px}

.wpml-ls-legacy-dropdown-click {width:100%;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {padding-right:15px;}
.wpml-ls-legacy-dropdown-click a {
    display: block;
    text-decoration: none;
    color: #444;
    border: none;
    background-color: transparent;
    padding: 10px 0;
    line-height: 1;
    font-size: 18px;
    color: #009DE0;
    font-family: "roboto-condensed";
    font-weight: 700;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #1a1a1a;
    border-left: 5px solid transparent;
    position: absolute;
    content: "";
    right: 0;
    top: calc(50% - 1px);}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
    color: #009DE0;
    background: none;
}




	.mobbtn-holder {display:none;width:45px;padding-right:10px;height:34px;}


.mobbtn {cursor:pointer;position:relative;width:100%;height:100%;}

.mobbtn span {background:#1A1A1A;height:2px;width:100%;position:absolute;left:0;}

.mobbtn span:nth-child(1){top:8px;}
.mobbtn span:nth-child(2){top:14px;}
.mobbtn span:nth-child(3){top:20px;}


.mobbtn.active-menu span:nth-child(1){top:14px; -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
  transform: rotate(45deg);}
.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}

.mobbtn.active-menu span:nth-child(3){top:14px; -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari prior 9.0 */
  transform: rotate(-45deg);}




.sidenav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    padding-top: 161px;
    width: 100%;
    z-index: 7500;
    background: #fff;overflow:auto;padding:175px 0 20px;display:none;
}

.sidenav-holder {display:block;padding:0 20px}
.sidenav-holder ul, .sidenav-holder li {padding:0;margin:0;list-style:none;line-height:1;position:relative}
.sidenav-holder > ul, .sidenav-holder li {display:block;}
.sidenav-holder > ul > li {padding-bottom:15px;border-bottom:4px solid #E3E3E3;margin-bottom:13px;}
.sidenav-holder li:last-child {padding-bottom:0;border:none;margin-bottom:0;}

.sidenav-holder li li {padding-bottom:15px}
.sidenav-holder ul.sub-menu.depth-2 {border:none}
.sidenav-holder .sub-menu {margin-top:12px;display:none}

.sidenav-holder a {    font-size: 18px; 
    color: #1a1a1a;
    font-weight: 700;
    font-family: "roboto-condensed";}

.sidenav-holder a:hover, .sidenav-holder .current-menu-item > a, .sidenav-holder .current-menu-ancestor > a {color:#009DE0}


.sidenav .menu-item-has-children >  span {
    cursor: pointer;
    width: 20px;
    height: 25px;
    position: absolute;
    right: 0;
    top: -4px;
}
.sidenav .menu-item-has-children >  span:before {
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
    position: absolute;
    content: "";
    right: 0;
    top: calc(50% - 1px);
}
.sidenav .menu-item-has-children  span.open:before {
    font-family: 'icomoon';
    content: "\e907";
    border: none;
    font-size: 8px;
    top: calc(50% - 4px);
    right: 9px;
    color: #000;
}

.sidenav  .sub-menu {padding-left:15px;}
.sidenav-holder > ul > li > .sub-menu > li > a  {color:#009DE0}


.sidenav-holder > ul > li > .sub-menu > li li  a {color:#1A1A1A}
.sidenav-holder > ul > li > .sub-menu > li li li a {color:#6F6F6F}
.sidenav-holder > ul > li > .sub-menu > li li li li a{color:#BFBFBF}

.sidenav-holder > ul > li > .sub-menu > li {    border-bottom: 4px solid #E3E3E3;    margin-bottom: 12px;}
.sidenav-holder > ul > li > .sub-menu > li > .sub-menu > li {margin-bottom:12px;border-bottom: 1px solid #E3E3E3;}


.sidenav-holder .sub-menu > li:last-child {margin:0!important;border:none!important;padding:0!important}



@media screen and (max-width:1250px){
	.main-navigatie > ul > li {margin-right:20px;}
}
@media screen and (min-width:1049px){
	.sidenav {display:none!important}

}
@media screen and (max-width:1050px){
	main {margin-top:161px;}
	
	.main-navigatie {display:none}
	.main-navigatie + .lang-navigatie {display:none}
	.usp-box {text-align:left!important;width:auto;margin-right:75px;padding:10px 15px;}
	.responsive-search {display:block;margin:10px 0}
	.responsive-search form.search {max-width:100%;background:#fff}
	.responsive-search input.search-input, .responsive-search .search-submit {height:40px}
	.responsive-search .search-submit {width:40px;}
	.responsive-search input.search-input {width:calc(100% - 40px);}
	
	.header-search {display:none}
	.header-logo {    width: 150px;padding-right:0;}
	.header-woocommerce {  padding-left:0;  width: calc(100% - 200px);    margin-top: 1px;}
	.header-middle {padding:15px 0 13px}
	
	.mobbtn-holder {display:block}
	.sidenav {display:none}
	.active-resp-menu {overflow:hidden}
}

@media screen and (max-width:700px){
	main {margin-top:157px;}
	
	.usp-box {font-size:12px;margin-right:5px;}
	.header-woocommerce a {color:transparent!important;font-size:0;}
	.header-woocommerce > ul > li{margin-right:17px}
	.header-woocommerce a span.icon-user {margin-right:0;}
	.header-woocommerce > ul > li{margin-right:10px}
	
	
}



::selection {
	background:#54565a;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#54565a;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#54565a;
	color:#FFF;
	text-shadow:none;
}


/*------------------------------------*\
    WOOBASICS
\*------------------------------------*/
.woocommerce form .form-row {
    padding: 0;
    margin: 0 0 25px;
}
p.verplicht, .woocommerce-privacy-policy-text p {
    color: #BFBFBF!important;
    font-size: 14px;
    margin-top: 40px;
}
.woocommerce-privacy-policy-text {margin-bottom:25px;}

/*------------------------------------*\
    WOOACCOUNT
\*------------------------------------*/

.woocommerce-account .woocommerce-MyAccount-navigation {width:25%;padding-right:30px;}
.woocommerce-account .woocommerce-MyAccount-content {width:75%;padding-left:30px;}



.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {    border: none;    padding: 0;    margin: 0;    text-align: left;    border-radius: 0;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {display:none!important}
.woocommerce-password-strength {padding:10px;color:#1c1c1c}
.woocommerce-password-hint {    margin: 0;    display: block;    background: #f7f7f7;    padding-top: 5px;}

.login-field-holder,
.lost_reset_password p {position:relative;}
.lost_reset_password p input[type="text"], .lost_reset_password p input[type="password"], .account-forms input[type="text"], .account-forms input[type="email"] , .account-forms input[type="password"] {background:none;position:relative;z-index:100;margin:0;float:none}
.lost_reset_password p, .account-forms p {    font-size: 15px;    color: #6F6F6F;    margin: 0 0 25px;}
.lost_reset_password p:last-child, .account-forms p:last-child {margin-bottom:0;}

p.login-field-holder, p.login-field-holder {margin-bottom:15px!important}
p.email-field-holder, p.password-field-holder, .user-field-holder {background:#fff}
p.email-field-holder span , p.password-field-holder span.icon-lock, .user-field-holder span{position:absolute;font-size:14px;color:#BFBFBF;right:26px;top:18px}

p.password-field-holder span.icon-lock {font-size:19px;right:26px;top:15px}
.user-field-holder span{font-size:17px;right:28px;top:15px}

.lost_reset_password button[type="submit"] {margin-top:30px;}
p.password-field-holder + .form-row, .woocommerce-privacy-policy-text + .form-row {margin-top:45px!important;}
.woocommerce-form-login button.btn {
    margin-right: 45px;
    margin-bottom: 15px;
}


.dark-title h1 {    color: #1A1A1A;}

.woocommerce-MyAccount-content .woocommerce-info {
    float: left;
    width: 100%;
}


.woocommerce .woocommerce-MyAccount-content label {
    font-weight: 700;
    color: #1a1a1a;
    display: block;
    margin-bottom: 5px;
}
.woocommerce .woocommerce-MyAccount-content input + span {display:block;margin-top:5px;float:left;width:100%}
.woocommerce .woocommerce-MyAccount-content  fieldset {    padding: 10px 25px 10px;    margin-bottom: 30px;    border: 1px solid #E3E3E3;}
.woocommerce .woocommerce-MyAccount-content  fieldset legend {font-weight:700;color: #1a1a1a;}
.woocommerce-account .addresses .title .edit {
   float: none;
    margin-bottom: 10px;
    display: inline-block;
    color: #009DE0;text-decoration:underline
}
.woocommerce-address-fields button.button {margin-top:15px;}


.woocommerce-account .addresses .title .edit:hover, .woocommerce-account .addresses .title .edit:focus {color:#1a1a1a}
header.woocommerce-Address-title.title h2 {color:#1a1a1a;font-size: 22px;    color: #1A1A1A;    font-family: "roboto-condensed";    font-weight: 700;    line-height: 1;}
.woocommerce-Address {margin-bottom:45px}

.woocommerce form .woocommerce-address-fields .select-holder {
    position: relative;
    margin-top: 50px;
}
.woocommerce form .woocommerce-address-fields .select-holder label {
    position: absolute;
    top: -35px;
    left: 0;
}

.woocommerce table.my_account_orders .button {
    white-space: nowrap;
    padding: 0;
    min-width: 0;
    background: none;
    font-size: 14px;
    text-decoration: underline;
    color: #1a1a1a !important;
}
.woocommerce table.my_account_orders .button:hover {color:#039de1!important;}
.woocommerce table.my_account_orders tbody th, .woocommerce table.my_account_orders td {padding:15px 0;}
.woocommerce table.my_account_orders tbody tr:first-child th, .woocommerce table.my_account_orders tr:first-child td {border-top:4px solid #E3E3E3}

.woocommerce table.my_account_orders {    font-size: inherit; }
.woocommerce table.my_account_orders thead th{color: #BFBFBF;}


@media screen and (max-width: 768px) {
	.woocommerce table.my_account_orders tbody th, .woocommerce table.my_account_orders td {padding:5px 0;}
	.woocommerce table.my_account_orders tr:first-child td {border-top:1px solid rgba(0,0,0,.1)}
	.woocommerce table.my_account_orders tbody tr:first-child td:nth-child(2){border-top:4px solid #E3E3E3}
}
@media screen and (max-width:450px){
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {    width: 100%;}
}

/*------------------------------------*\
    NOTICES
\*------------------------------------*/
.woocommerce-notices-wrapper {
    float: left;
    width: 100%;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {display:none}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 30px!important;
    margin: 0 0 30px!important;
    position: relative;
    background-color: #fff;
    color: #515151;
    border: 1px solid #E3E3E3;
    border-top: 5px solid #1A1A1A;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {padding-left:25px!important;}
.woocommerce-error li:before {background:#b81c23!important} 
.woocommerce-message {    border-top-color: #009DE0;}
.woocommerce-error {    border-top-color: #b81c23;}

.white-background .woocommerce-error,.white-background .woocommerce-info,.white-background .woocommerce-message {background-color:#F7F7F7}



.form-row a {
    display: inline-block;
}

/*WooSponsive*/
@media screen and (max-width:1250px){
	
	.cart-popup-wrapper .medium-10 {    width: 100%;    left: 0;}
	.cart-popup-wrapper .wrapper{ max-width: 900px;	}   
	
	.custom-cart img {    width: 85px !important;    margin-right: 15px;}
	.custom-cart .product-subtotal {    width: 100px;}
	
	.custom-cart td.product-name > div {		width: calc(100% - 105px);}
	form.woocommerce-cart-form {padding-right:30px;}
	
}

@media screen and (max-width:992px){
	.woocommerce .contact-half:first-child {padding-right:15px} 
	.woocommerce .contact-half:last-child:not(:first-child) {padding-left:15px}

	.pagina-sidebar, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce .cart-collaterals  {width:220px;}
	.pagina-sidebar-content, .woocommerce-account .woocommerce-MyAccount-content {width:calc(100% - 220px)}
	
	
	form.woocommerce-cart-form {width:calc(100% - 280px)}
 	.woocommerce-page .cart-collaterals {width:280px;}	
	
	.woocommerce .cart-collaterals .cart_totals {    padding: 20px 20px;}
	
	main .woocommerce-cart-form .custom-cart img {display:none}
	main .woocommerce-cart-form    .custom-cart td.product-name > div {
        width:100%;
    }
}


@media screen and (max-width: 768px){
	.cart-popup .woocommerce table.shop_table td, main .woocommerce-cart-form .custom-cart td{
    padding: 0;
    border: none;padding-bottom:5px;
}
	
	
	.cart-popup .woocommerce table.shop_table td.product-price, .cart-popup .woocommerce table.shop_table td.product-quantity, .cart-popup .woocommerce table.shop_table td.product-subtotal, main .woocommerce-cart-form .custom-cart td.product-price, main .woocommerce-cart-form .custom-cart td.product-quantity, main .woocommerce-cart-form .custom-cart td.product-subtotal {
    width: 33.3333%;
}
	
	    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: flex;
        flex-wrap: wrap;position:relative;
    }
	
	
	    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        float: none;
        display: block;
        text-align: left;
        color: #000;
    }
	.custom-cart img {display:none}
	    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        display: block;
        text-align: left !important;        width: 100%;
    }
	.custom-cart td.product-name > div {
    width: 100%;
    padding-right: 0;
}
	    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }
	
	.woocommerce table.shop_table_responsive tbody tr td:first-child:not(.actions) {
		border-top: 1px solid #ddd;
		margin-top: 20px;
		padding-top: 15px;
	}

	.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
	
	.woocommerce a.remove {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 10;margin-top:0;
}
	
	.woocommerce table.shop_table_responsive tbody tr:first-child a.remove {top:20px}
	
	
	
	
	.woocommerce .contact-half:first-child {padding-right:0} 
	.woocommerce .contact-half:last-child:not(:first-child) {padding-left:0}
	p.email-field-holder span, p.password-field-holder span.icon-lock, .user-field-holder span {    font-size: 14px;    right: 10px;    top: 13px;}
	.user-field-holder span {    font-size: 16px;    right: 11px;    top: 11px;}
	p.password-field-holder span.icon-lock {    font-size: 18px;    top: 11px;    right: 12px;}
	p.password-field-holder + .form-row, .woocommerce-privacy-policy-text + .form-row {    margin-top: 0!important;}
	.woocommerce-form-login button.btn {    margin-right: 25px;    margin-bottom: 5px;}
	.lost_reset_password button[type="submit"] {margin-top:0;}
	
	
	.pagina-sidebar, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce .cart-collaterals {width:100%;padding:0;}
	.pagina-sidebar-content, .woocommerce-account .woocommerce-MyAccount-content, form.woocommerce-cart-form {width:100%;padding:0;}
	.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {float:left!important}
	
	main .woocommerce-cart-form .custom-cart .cart-popup-btns {margin-bottom:15px;}

}

@media screen and (max-width:600px){
	
	.cart-popup-btns li {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    text-align: center !important;
    margin-bottom: 20px;
}
	.cart-popup-btns li:last-child {margin-bottom:0}
	    .cart-popup .woocommerce table.shop_table td.product-price, .cart-popup .woocommerce table.shop_table td.product-quantity, main .woocommerce-cart-form .custom-cart td.product-price, main .woocommerce-cart-form .custom-cart td.product-quantity {
        width: 50%;
    }
	.cart-popup .woocommerce table.shop_table td.product-subtotal,  main .woocommerce-cart-form .custom-cart td.product-subtotal {width:100%}
	
	
	.product-tab .download-box {
    position: relative;
    padding: 15px 15px 15px 50px;
    border-bottom: 1px solid #E3E3E3;
    min-height: 75px;
}
	.product-tab .download-box .btn {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 15px;
}
	.product-tab .download-box:before {left:10px;}
}

/*------------------------------------*\
    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;
	}
}
