:root{
	--color1: #000;
	--color2: #fff;
	--color3: #e1e1e1;
	--color4: #d72e21;
	--color5: #ebebeb;
	--color6: #2aaa8a;
	--color7: #d72e21;
	--color8: #666;
	--color9: #a62a26;
	--color10: #ed3963;
	--color11: #ddd;


	--bgcolor1: linear-gradient(180deg, #e72e21 0%, #a62a26 100%);
	--bgcolor2: linear-gradient(180deg, #f1f1f1 0%, #e1e1e1 100%);
	
	--font1: 'Graphik', sans-serif;
	--font2: 'Outfit', sans-serif;

}
	
.aesearch-results{background:var(--color2); padding:10px;}	
.aesearch-results .evoSearch_highlight{color:var(--color4);}
.aesearch-results .result img{width:24px!important; height:24px!important; margin:4px 10px 4px 0;}
.aesearch-results .result{font-size:14px; line-height:20px; border-bottom:1px solid #ddd;}	
.aesearch-results .result a{color:var(--color1);}
.aesearch-results .result:last-of-type{border:0;}

/* preloader */
.preloader-wrapper{height:100%; width:100%; background:transparent; position:fixed; top:0; left:0; bottom:0; right:0; z-index:99999; text-align:center; pointer-events:none;}
.preloader .preload, .preload{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	
.spin{display:inline-block; position:relative; width:34px; height:34px;}
.spin div{box-sizing:border-box; display:block; position:absolute; width:34px; height:34px; margin:3px; border-width:3px; border-style:solid; border-color:var(--color4); border-radius:50%; animation:spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color:var(--color4) transparent transparent transparent;}
.spin div:nth-child(1){animation-delay: -0.45s;}
.spin div:nth-child(2){animation-delay: -0.3s;}
.spin div:nth-child(3){animation-delay: -0.15s;}
	
@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}	

/* RESET */
*, *:after, *:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0;}
	
html{height:100%; scroll-behavior:smooth; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; background:var(--color2);}
body{margin:0; padding:0; overflow-x:hidden; height:100%; height:100vh; font-size:17px; line-height:23px; font-family:var(--font1); font-weight:300;}
	
a{transition:.2s; position:relative; color:var(--color4); text-decoration:none; outline:0; font-weight:300; text-decoration:underline;}
a:hover{color:var(--color4); outline:0; text-decoration:underline;}

b,strong{font-weight:500;}
p{margin:0; padding-bottom:15px;}
img{height:auto; max-width:100%; vertical-align:middle;}
ul,li{padding-left:0; list-style:none;}
code{font-size:85%;}
button{font-size:inherit; line-height:inherit; font-family:inherit; font-weight:300; border-radius:3px; border:0; cursor:pointer;}
textarea{resize:vertical;}
textarea,
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"]{-webkit-appearance:none; border-radius:0;}
input[type='checkbox']{width:auto!important;}

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

hr{border:0; border-top:2px solid #ddd;	background:transparent; height:0; margin:20px 0 50px; padding:0;}

.ul ul{margin:2px 0 20px; padding:0;}
.ul ul li{padding-left:18px; position:relative; list-style:none;}
.ul ul li:before{left:0; top:0; content:'•'; position:absolute; color:var(--color4); font-weight:100; font-size:80%;}	

/* algemeen */
body{display:flex; flex-direction:column; min-height:100vh;}
.wrap{flex:1; position:relative; background-color:transparent; padding-bottom:40px; background:var(--color2);}
	
.row{max-width:1140px; margin:0 auto; padding:0 30px;}
.section{padding:40px 0; position:relative;}
.default{padding:20px 0; position:relative;}

h1,h2,h3,h4,h5{margin:0; font-family:var(--font2); font-weight:100; color:var(--color1);}	
h1{font-size:28px; line-height:34px; padding:12px 0 20px;}
h2{font-size:24px; line-height:28px; padding:12px 0 12px;}
h3{font-size:19px; line-height:24px; padding:12px 0 10px;}
h4{font-size:17px; line-height:22px; padding:10px 0 10px;}
h5{font-size:16px; line-height:20px; padding:0 0 10px;}
	
h1.special, 
h2.special{border-bottom:2px solid var(--color3); text-align:left; display:block; padding-bottom:15px; margin-bottom:30px; position:relative;}
h1.special span, 
h2.special span{display:inline-block; position:relative;}
h1.special span:after, 
h2.special span:after{content:''; position:absolute; left:0; right:0; border-bottom:2px solid var(--color4); height:0; bottom:-17px;}

blockquote{background:var(--color5); margin:1em 0 1.5em; padding:1.4em 50px; position:relative; overflow:hidden; text-align:center; border-radius:3px;}
blockquote p{display:inline; font-style:italic;}
blockquote:before, blockquote:after{position:absolute; color:var(--color11); font-size:4em; line-height:0.1em; margin-right: 0.25em; vertical-align:-0.4em;}
blockquote:before{left:15px; top:35px; content:open-quote;}	
blockquote:after{right:0; bottom:10px; content:close-quote;}	

.btn, .eFiltr_btn{transition:.2s; border:0; font-family:var(--font2); color:var(--color2); position:relative; font-weight:100; padding:6px 12px 7px; background:var(--color1); outline:none!important; cursor:pointer; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; position:relative; display:inline-block; z-index:1; border-radius:3px; text-decoration:none;}
.btn:hover, .eFiltr_btn:hover{text-decoration:none; background:var(--color1); color:var(--color2);}	
.btn i{color:var(--color4);}
	
.btn.save{color:var(--color4); background:var(--color5);}
.btn.save:hover{background:var(--color5); color:var(--color4);}	
.btn.save i{color:var(--color4);}
	
.btn-lg{font-family:var(--font2); font-weight:100; padding:12px 22px; outline:none!important; cursor:pointer; transition:all 0.1s ease; position:relative; display:inline-block; z-index:1; border-radius:3px; margin-top:20px; margin-bottom:12px; font-size:17px; line-height:17px; background:var(--color1); color:var(--color2); text-decoration:none;}
.btn-lg:hover{text-decoration:none; background:var(--color1); color:var(--color2);}
.btn-lg i{color:var(--color4); padding-bottom:0; margin-left:5px;}

	
.btn-sm{font-family:var(--font2); font-weight:100; font-size:85%; background:var(--color1); color:var(--color2); border-width:0; border-style:solid; border-color:var(--color1); outline:none!important; padding:2px 28px 2px 10px; cursor:pointer; transition:all 0.1s ease; position:relative; display:inline-block; z-index:1; border-radius:3px; text-decoration:none;}
.btn-sm:hover{text-decoration:none; background:var(--color1); color:var(--color2);}	
.btn-sm i{position:absolute; width:15px; overflow:hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; top:8px; right:7px; font-size:12px; color:var(--color4);}
.btn-sm:hover i{color:var(--color4);}
	
.table thead tr{background:#eee; text-transform:uppercase; font-family:var(--font2); font-size:12px; line-height:18px;}
.table{border:1px solid #ccc; border-collapse:collapse; margin:0; padding:0; width:100%;}
.table tr{vertical-align:top; background-color:#f8f8f8; border:1px solid #ddd; padding:.35em;}
.table td{border-right:1px solid #ddd;}
.table th, .table td{padding:8px 10px;}
	

.cols{display:flex; justify-content:space-between; flex-wrap:wrap;}
.cols .align-center{align-content:center; display:flex; flex-wrap:wrap;}

.cols .col-3{width:calc(25% - 15px); padding-bottom:30px;}
.cols .col-4{width:calc(33.333% - 30px); padding-bottom:30px;}
.cols .col-5{width:calc(40% - 30px); padding-bottom:30px;}
.cols .col-6{width:calc(50% - 30px); padding-bottom:30px;}
.cols .col-7{width:calc(60% - 30px); padding-bottom:30px;}
.cols .col-8{width:calc(66.666% - 15px); padding-bottom:30px;}
	
	
.topper{color:var(--color2); background:var(--color1); padding:6px 0; font-family:var(--font2); font-weight:300; font-size:15px;}
.topper span{font-weight:600; color:var(--color2); margin-right:5px;}		
.topper i{color:var(--color4); margin-right:5px;}
.topper .topnav{float:right; text-transform:none; text-align:right;}
.topper .topnav a{color:var(--color2); display:inline-block; text-decoration:none; margin-left:15px;}
.topper .topnav a:hover{color:var(--color4); text-decoration:none;}	
	

/* HEADER */
.header{transition:.3s; position:absolute; z-index:10; top:0; left:0; right:0; position:relative; background:var(--color2);}	
.header .row{position:relative; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.header .btn{width:44px; height:44px; line-height:44px; padding:0; border-radius:100%; background:rgba(0,0,0,0.2); padding:3px 0 0 0; font-size:24px;}
.header .btn:hover{background:var(--color4); color:var(--color6);}
.fa-heart{color:var(--color7);}
.header a{text-decoration:none;}

/* LOGO */	
.logo a{vertical-align:middle; display:block; color:var(--color1); padding:18px 0 18px; font-size:40px; line-height:40px; font-family:var(--font2); text-decoration:none;}
.logo a:hover{text-decoration:none;}
.logo span{text-align:right; display:block; position:absolute; right:0;}
.logo img{max-width:270px;}

.mob-nav{display:none;}
		
/* search */
.search-wrap{padding:0 10%; color:var(--color1); display:flex; flex-grow:1;}
	
.search-xl{width:100%; line-height:40px; position:relative;}
.search-xl .btn-lg{margin:0; padding:7px 12px; border-radius:100%; position:absolute; right:0; width:40px; height:40px; background:var(--color4);}
.search-xl .btn-lg i{margin:0; padding-bottom:3px; color:var(--color2);}
.search-xl .btn-lg:hover i{color:var(--color2);}

	
.search-input{border:0; margin-right:10px; background:var(--color5); padding:0 15px; width:calc(100% - 50px); line-height:40px; height:40px; border-radius:24px!important; font-size:14px;}	
	
	

/* MENU */
.navbar{display:flex;}

.nav{margin-left:auto;}
.nav ul{margin:0; text-align:center; display:flex; height:90px; align-items:center;}
.nav li{padding:0 0 0 30px; position:relative;}
.nav li{/*text-transform:lowercase; font-family:var(--font2); font-weight:100;*/ color:var(--color1);}
.nav a{/*text-transform:lowercase;*/ display:inline-block; position:relative; z-index:1; transition:.2s; -webkit-transition:.2s; /*font-family:var(--font2); font-weight:100;*/ color:var(--color1);}
.nav a:hover,
.nav .current a{color:var(--color1); text-decoration:none;}	
.nav i{cursor:pointer; font-size:20px;}

.nav-trigger{display:none; z-index:2; cursor:pointer; position:absolute; right:22px; top:23px; text-align:center; width:32px; height:36px; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer;}	
.nav-trigger span{display:block; position:absolute; height:3px; width:100%; background:var(--color1); opacity:1; left:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; transition:.25s ease-in-out;}	
.nav-trigger span:nth-child(1){top:0;}
.nav-trigger span:nth-child(2), .nav-trigger span:nth-child(3){top:10px;}
.nav-trigger span:nth-child(4){top:20px;}
.nav-trigger.open span:nth-child(1){top:10px; width:0; left:50%;}
.nav-trigger.open span:nth-child(2){-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.nav-trigger.open span:nth-child(3){-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.nav-trigger.open span:nth-child(4){top:10px; width:0; left:50%;}	

	
.catnav{background:var(--bgcolor1); padding:10px 0;}

.subnav{display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.subnav a{display:block; position:relative; color:var(--color2); font-family:var(--font2); font-weight:400; font-size:16px; padding:0 6px; text-decoration:none;}
.subnav a:hover{text-decoration:none; color:var(--color1);}
.subnav .current{color:var(--color1);}	
.subnav .current:after{display:none;}	
	
.minicart-count{display:block; position:absolute; width:14px; height:14px; line-height:16px; text-align:center; border-radius:100%; background:var(--color4); color:var(--color2); font-size:9px; font-weight:bold; right:-8px; top:-8px; opacity:1;}
.minicart-count.hide{opacity:0;}
	
	
	
/* HOME */
.start{color:var(--color1); background:var(--color2); position:relative; padding-top:40px;}	
.start .intro{font-size:17px; line-height:24px;}
.start .btn-lg.secondary{background:var(--color2); color:var(--color4); margin-left:8px;}
.start .btn-lg.secondary:hover{background:var(--color2); color:var(--color3);}	
.start h3 i{background:rgba(0,0,0,0.2); border-radius:50%; height:34px; width:34px; line-height:34px; text-align:center; color:var(--color2); margin-top:-9px; font-size:16px; float:right;}
.start .slider, .start .intro{margin-bottom:40px;}


/* SLIDER */
.slider .slick-slide{overflow:hidden;}
.slider .slick-dots{padding:1rem 0 0; position:absolute;}
.slider .slick-dots button{background-color:var(--color3);}
.slider img{border-radius:6px;}
.slider .slick-active img{transform:scale(1,1);}
.slider .slick-active h5{opacity:1;}
.slides div{position:relative; text-align:center;}
.slides h5{transition:all 1200ms ease-in; opacity:0; position:absolute; z-index:2; display:inline-block; bottom:15px; border-radius:3px; padding:2px 10px; margin:0; background:var(--color2); color:var(--color1); left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}	

.cat .cat-info .cat-arrow{display:none; /* voor nu.. */}
		
.cat{padding:40px 0; background:var(--bgcolor2); color:var(--color1);}
.cat a{color:var(--color1); text-decoration:none; display:block;}
.cat a:hover{text-decoration:none; color:var(--color4);}
.cat .cat-info{width:15%; padding-right:20px;}

.cat .cat-arrows{text-align:center; display:none;}

@media(max-width: 1020px) {	
	.cat .cat-arrows{display:block;}
}

.cat .cat-arrow{display:inline-block; margin:12px 5px 0; width:36px; height:36px; line-height:36px; background:var(--color1); color:var(--color2); border-radius:50%; overflow:hidden; text-align:center; cursor:pointer;}
.cat .cat-arrow:hover{background:var(--color1); color:var(--color4);}

.cat .items{display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}	
.cat .cat-item{width:calc(16.666% - 20px); padding:0; font-family:var(--font2); font-weight:100; text-align:center; margin:12px 10px;}
.cat .cat-item img{border-radius:6px; margin-bottom:10px; box-shadow:rgba(0,0,0,.1) 0 10px 22px -3px, rgba(0,0,0,.05) 0 3px 10px -6px;}

	
	
.uitgelicht{background:var(--color5);}	
	
/* SLOGAN */
.slogan{text-align:center; background:var(--color8); color:var(--color2);}	
.slogan	h2{padding:0;}
.slogan a, .slogan a:hover{color:var(--color4);}	


.main h1{color:var(--color4);}
.intro i{vertical-align:text-bottom; font-size:90%; padding-bottom:3px; margin-left:5px;}

.text ul{padding-bottom:18px;}
.text li{position:relative; padding-left:12px;}
.text li:after{content:''; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:50%; background-color:var(--color4); transform:translateY(-50%);}
	
.slick-dots{display:flex; justify-content:center; align-items:center; width:100%; margin:0 auto; padding:2.5rem 0 0; list-style-type:none; position:absolute;}
.slick-dots li{margin:0 0.25rem;}
.slick-dots button{display:block; width:12px; height:12px; padding:0; border:none; border-radius:100%; background-color:var(--color3); text-indent:-9999px; transition:.3s ease-in-out;}
.slick-dots li.slick-active button{background-color:var(--color4);}
	
	
.img-block{position:relative;}
.img-block img{border-radius:6px;}	
.img-block h5{position:absolute; z-index:2; display:inline-block; bottom:15px; border-radius:3px; padding:2px 10px; margin:0; background:var(--color2); color:var(--color4); left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}
	
.cb_faq .item{border-bottom:1px solid #ccc;}
.cb_faq .item:last-of-type{border:0;}
.faq-a {max-height:0; overflow:hidden; transition:all 0.3s ease-out; margin-bottom:0;}
.faq-q.active + .faq-a{margin-bottom:15px;}
.faq-a span{padding-bottom:10px;}
.faq-q{position:relative; padding-right:30px; cursor:pointer; padding:12px 0; background-color:var(--color2); width:100%; text-align:left; outline:none; transition:0.3s; color:var(--color1); font-weight:500; margin-top:5px; font-size:120%;}
.faq-q:after{content:''; position:absolute; right:0; top:50%; width:20px; height:20px; background-image:url("/theme/img/down.svg"); background-repeat:no-repeat; background-size:contain; transform:translateY(-50%) rotate(0deg); transition:transform 0.3s ease;}
.faq-q.active:after{transform:translateY(-50%) rotate(180deg);}
	
	
/* CAROUSEL */
.carousel{margin-bottom:50px;}
.carousel .slick-slide{margin:0 15px;}
.carousel .slick-list{margin: 0 -15px;}
.carousel .img a{display:block; border:1px solid var(--color5); border-radius:8px;}
.carousel .img a{position:relative; overflow:hidden;}
.carousel .img img{transition:all 200ms ease-in-out; transform:scale(1,1);}
.carousel .img:hover img{transform:scale(1.04, 1.04);}	
.carousel h5{position:absolute; z-index:2; display:inline-block; bottom:15px; border-radius:3px; padding:2px 10px; margin:0; background:var(--color4); color:var(--color2); right:15px; font-family:var(--font2);}	
.carousel h3{color:var(--color1); font-size:16px; line-height:20px;}
	
.grid-list a, .grid-list a:hover{text-decoration:none;}
.grid-list a.title{font-family: var(--font2); font-weight:100; font-size:17px; line-height:24px; padding:15px 0 5px; color:var(--color4); text-align:center;}
	
	
	
/* BREADCRUMBS */	
.crumbs{background:var(--color5); color:var(--color1); padding:0 15px; margin-bottom:15px;}
.breadcrumb{font-size:13px; font-weight:400; padding:5px 0 4px;}	
.breadcrumb li{display:inline-block; position:relative;}	
.breadcrumb a{margin:0; padding:0; text-decoration:none; color:var(--color1); font-weight:400;}
.breadcrumb a:hover{color:var(--color1);}
.breadcrumb li:before{content:"→"; margin:0 6px; font-size:14px; color:var(--color4);}
.breadcrumb li:first-child a{width:18px; display:inline-block;}
.breadcrumb li:first-child:before{content:""; margin: 0; display:none;}	
.breadcrumb > span{padding-right:10px;}		
	
	
/* categorieen overzicht */
.cat-overzicht .items{display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.cat-overzicht .item{width:20%; padding:0 10px; margin-bottom:20px; font-size:14px; line-height:18px;}
.cat-overzicht .item img{border-radius:6px; overflow:hidden; margin-bottom:10px;}
.cat-overzicht .item h3{padding-top:0;}
.cat-overzicht .item h4{color:var(--color1); min-height:64px;}
.cat-overzicht .item a, 
.cat-overzicht .item a:hover{text-decoration:none;}	
.cat-overzicht .item .img{display:block;}
.cat-overzicht .item .img img{border:1px solid #ddd;}	
.cat-overzicht{padding:0 0 40px; overflow:hidden;}
.cat-overzicht .items{display:flex; flex-wrap:wrap; margin:0 -15px; position:relative;}
.cat-overzicht .items .item{width:33.333%; padding:15px;}
.cat-overzicht .items .quantity input.form-control.count{text-align:center; width:40px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:2px;}
.cat-overzicht .items .quantity button{cursor:pointer; background:transparent; border:0; width:30px; height:30px; line-height:30px;}

.cat-overzicht .item .excl{font-size:23px; line-height:23px; padding:5px 0 5px; font-family:var(--font2); font-weight:100;}
.cat-overzicht .item .incl{margin-bottom:5px; color:#999;}

.side hr{margin:0 0 5px;}

.fltr_block{border-bottom:1px solid #ddd; padding:5px 0;}
.fltr_block .fltr_name{display:block;}
.fltr_block_checkbox label{display:block; font-size:14px;}	
.eFiltr_btn_wrapper{margin-top:10px;}
.eFiltr_btn_wrapper .eFiltr_btn{border-radius:3px!important;}
.eFiltr_reset a{text-decoration:none; font-family:var(--font2); font-weight:100; font-size:14px;}
	
.eFiltr_cat{margin-bottom:10px;}	

.cat-overzicht .txt{width:75%; padding-right:20px;}

.cat-overzicht .side{width:25%; padding-left:20px;}
.cat-overzicht .side h3:first-child{padding-top:0;}
.cat-overzicht .side li{padding:10px 0; border-bottom:1px solid #ccc;}
.cat-overzicht .side li a{font-size:18px; color:var(--color1);}
.cat-overzicht .side li a:hover, 
.cat-overzicht .side li.active a{color:var(--color3); text-decoration:none;}
.cat-overzicht .side li i{position:relative; color:var(--color3); font-size:14px; top:0px; margin-right:5px;}
	

	
/* side menu */
.site-overlay{position:fixed; z-index:60; top:0; left:0; display:none; width:100%; height:100%; cursor:pointer; background-color:rgba(0,0,0,.35);}	
.offcanvas-menu{display:none;}
.offcanvas-menu.is-open{transform:translateX(0);}
.offcanvas-menu{position:fixed; z-index:70; top:0; right:0; display:flex; overflow:auto; flex-direction:column; width:100%; max-width:380px; height:100%; padding:0 25px; transition:transform 300ms ease-in-out; transform:translateX(100%); background-color:var(--color2);}	
.offcanvas-menu a{text-decoration:none;}
.offcanvas-menu-header{height:100px; display:flex; align-items:center;}
.offcanvas-menu-navigation{overflow-y:auto; height:100%; margin:0; padding:0;}
.offcanvas-menu-footer{margin-top:auto; padding:15px 0 20px;}	
.offcanvas-menu .btn-close{position:absolute; right:20px; top:20px; cursor:pointer; font-size:28px; color:var(--color1);}

/* mini cart */
.mini-cart-table{position:relative; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px; margin-right:15px;}
.mini-cart-table:last-of-type{border:0;}
.mini-cart-table .remove{width:22px; color:#dc3545; font-size:12px; cursor:pointer; text-align:right;}
.mini-cart-table .mini-img{width:45px;}
.mini-cart-table .mini-img img{width:100%; border-radius:5px; border:1px solid #ddd;}
.mini-cart-table .mini-txt{padding-left:15px; width:calc(100% - 132px); font-size:12px; line-height:14px;}
.mini-cart-table .mini-txt b{display:block; padding-bottom:2px;}
.mini-cart-table .quantity{width:65px; text-align:center;}
.mini-cart-table .quantity input.form-control{text-align:center; width:20px; height:20px; line-height:20px; border:1px solid #ddd; border-radius:2px; font-size:12px;}
.mini-cart-table .quantity button{cursor:pointer; background:transparent; border:0; width:10px; height:20px; line-height:20px;}
	
	

/* SHOP OVERVIEW */
.top-overview{padding-bottom:12px; margin-top:0px;}
.top-overview{display:flex; align-items:center;}
.top-overview .result{flex-grow:1;}
.top-overview .view{margin-left:30px;}
	
.grid-list{display:flex; flex-flow:row wrap; margin-left:-15px; margin-right:-15px;}
.grid-list .item{width:25%; width:calc(20% - 30px); margin:15px; position:relative;}
.grid-list .item a{margin:0; display:block;}
.grid-list .item a:hover{text-decoration:none;}
.grid-list .item a img{transition:.2s; border-radius:6px; box-shadow:rgba(0,0,0,.1) 0 10px 22px -3px, rgba(0,0,0,.05) 0 3px 10px -6px;}
.grid-list .item a:hover img{transform:scale(1.05);}
.grid-list .item h4{padding:15px 0 5px; color:var(--color3);}
.grid-list .item p{font-size:14px; line-height:18px; padding-bottom:20px;}
.grid-list .item span.price{display:inline-block; background:var(--color2); font-weight:500; border-radius:2px; padding:4px 10px; position:absolute; margin-top:-42px; right:30px; z-index:2;}
.grid-list .item .btn{display:inline-block; margin:0 4px 0 0; background:var(--color4); color:var(--color2);}
.grid-list .item .btn:hover{background:var(--color3); color:var(--color2); transform:translateY(-3px);}
.grid-list .item .btn:hover i{color:var(--color2);}	
.grid-list .item .btn i{color:var(--color2);}
.grid-list .item .btn i.fa-heart, .grid-list .item .btn:hover i.fa-heart{color:var(--color7);}
.grid-list .item .btn.bgwhite{background:var(--color5);}
	
.paging{margin:30px 0; text-align:center;}
.paging ul{padding:0; margin:0;}
.paging .page-item{display:inline-block;}
.paging .page-item a{transition:.2s; background:var(--color5); color:var(--color1); margin:5px; display:inline-block; width:32px; height:32px; line-height:32px; border-radius:2px;}
.paging .page-item.active a{background:var(--color3); color:var(--color2);}
.paging .page-item:hover a{background:var(--color3); color:var(--color2); text-decoration:none;}

.toastify{padding:12px 20px; display:inline-block; box-shadow:0 3px 6px -1px rgba(0,0,0,.15); background:var(--color1); color:var(--color2); position:fixed; opacity:0; transition:all .4s cubic-bezier(.215,.61,.355,1); border-radius:2px; cursor:pointer; text-decoration:none; max-width:calc(50% - 20px); z-index:2147483647; font-family:var(--font2); bottom:30px; top:auto!important; margin-left:auto; margin-right:auto; left:0; right:0; max-width:fit-content; max-width:-moz-fit-content;}
.toastify.on{opacity:1;}
.toastify-avatar{width:1.5em; height:1.5em; margin:-7px 5px; border-radius:2px;}
.toastify-center{margin-left:auto; margin-right:auto; left:0; right:0; max-width:fit-content; max-width:-moz-fit-content;}	
	
.red i{color:var(--color10);}
.red{background:var(--color5);}
	

.lower{display:flex; flex-wrap:wrap; align-items:center; padding:6px 6px; border-radius:30px; background:#eee;}
.lower .quantity{flex-grow:1;}
.lower .hart{width:40px; margin-right:8px;}
.lower .hart a{transition:.3s; border-radius:50%; display:block; width:40px; height:40px; line-height:40px; font-size:15px; font-weight:100; text-align:center; padding:0;}
.lower .hart a:hover{transform:scale(1.15);}
.lower .buy{width:40px;}
.lower .buy button{transition:.3s; background:#00ae00; color:var(--color2); border-radius:50%; width:40px; height:40px; line-height:40px; font-size:18px; font-weight:100; text-align:center; padding:0;}
.lower .buy button:hover{background:#00bf00;}

.btn-toevoegen{transition:.3s; background:#00ae00; color:var(--color2); border-radius:25px; font-family:var(--font2); font-size:15px; height:40px; line-height:40px; font-weight:100; text-align:center; padding:0 15px; margin-right:12px;}

.product-prijs .price span{font-size:30px;}
.product-prijs .price.grey span{font-size:18px;}
.price.grey{color:#999; line-height:18px;}
.product-prijs .price{font-family:var(--font2); font-weight:100;}
.product-prijs .price small{font-size:13px;}

/* wishlist */
.btn-toe{transition:.3s; background:#00ae00; color:var(--color2)!important; border-radius:50%; font-family:var(--font2); font-size:15px; width:40px; height:40px; line-height:40px; font-weight:100; text-align:center; padding:0; margin-right:5px;}
.wish-row .btn.red{background:transparent!important; color:var(--color4); font-size:22px;}
.red i{color:var(--color4)!important;}

/*  productfilters responsive */
.side .toggleButton{display:none; border-radius:3px; padding:4px 12px 5px; font-size:14px; line-height:22px;}
.side .toggleButton.expanded{margin-bottom:15px;}
	
@media (max-width: 940px) {
	.side .toggleButton{display:inline-block;}
	h3.kopje, .toggleFilter{display:none;}
	.side.active .kopje, .side.active .toggleFilter{display:block;}
}
	
	
/* PRODUCT */
.product-content{flex:1; padding-right:30px; padding-bottom:30px;}
.product-content ul{margin:2px 0 20px;}
.product-content li{padding-left:15px; position:relative;}
.product-content li:before{left:0; top:0; content:'•'; position:absolute; color:var(--color1); font-size:12px;}
	
.product-prijs .price{margin-bottom:15px;}
.product-prijs .price span{font-size:25px; font-weight:500; padding-bottom:25px;}
.product-prijs .quantity input.form-control.count{text-align:center; width:40px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:2px;}
.product-prijs .quantity button{cursor:pointer; background:transparent; border:0; width:30px; height:30px; line-height:30px;}
	
.product-txt{margin-bottom:12px; position:relative; transition:.3s;}

.product-detail .cols{display:flex; justify-content:space-between; flex-wrap:wrap;}

.product-content .art{padding-bottom:30px;}
.product-content .art label{width:140px; display:inline-block;}
.product-content .message-box{margin-top:15px; border:1px solid var(--color7); color:var(--color4); background-color:#fff1ad; display:block; padding:5px 12px 6px; font-size:13px; line-height:16px;}
	
.product-prijs{width:242px; padding-left:30px; padding-bottom:30px; flex-shrink:0;}
.product-prijs > div{background:var(--color5); padding:25px 20px 20px; border-radius:8px;}
.product-prijs .btn-lg.save{background:var(--color2);}
	
.product-img{width:300px; padding-bottom:30px; flex-shrink:0;}
.product-img img{border:1px solid var(--color5); border-radius:8px;}
.product-img .item{position:relative;}
.product-img .spotlight{display:block; width:40px; height:40px; line-height:40px; border-radius:100%; text-align:center; position:absolute; right:20px; bottom:20px; z-index:2; background:var(--color4); color:var(--color2); font-size:18px;}
.product-img .spotlight:hover{background:var(--color4); color:var(--color1);}

@media (max-width: 940px) {
	.product-content{padding-right:20px; padding-bottom:20px;}
	.product-img{width:260px; padding-bottom:20px;}
	.product-prijs{padding-left:20px; padding-bottom:20px;}
}
@media (max-width: 880px) {
	.product-img{width:220px;}
}
@media (max-width: 800px) {
	.product-content{width:100%; flex:auto; padding-bottom:0;}
	.product-img{width:50%; padding-bottom:0;}
	.product-prijs{width:50%; padding-bottom:0;}
}
@media (max-width: 680px) {
	.product-content{width:100%; flex:auto; padding-bottom:0;}
	.product-img{width:100%; max-width:300px; padding-bottom:20px;}
	.product-prijs{width:100%; max-width:300px; padding-left:0;}
}

.add-block{margin:30px 0 0;}
.add-block .btn-lg{margin-top:0;}
.add-block .fa-clipboard-list{margin:0;}
.add-block .save{background:var(--color5); color:#888;}	

.specs{border:1px solid var(--color5);}
.specs div{padding:5px 6px;}
.specs div:nth-child(even){background:var(--color2);}
.specs div:nth-child(odd){background:#f8f8f8;}
.specs div span{width:250px; display:inline-block;}
	
.downloads{margin:0; padding:0;}
.downloads li{padding:0; margin-bottom:5px;}
.downloads a{display:block; padding:8px 15px; text-decoration:none; background:#f8f8f8; border:1px solid var(--color11); margin-bottom:4px;}
.downloads a:hover{border:1px solid var(--color11); background:var(--color2);}
.downloads a i{margin-right:10px; color:var(--color1);}


/* TABS */
.tabs-block{overflow:hidden; padding-top:30px;}
.tab-wrap{position:relative; list-style:none;}

.tabs-block .tab{display:none;}
.tabs-block .tab:checked:nth-of-type(1) ~ .tab-content:nth-of-type(1),
.tabs-block .tab:checked:nth-of-type(2) ~ .tab-content:nth-of-type(2), 
.tabs-block .tab:checked:nth-of-type(3) ~ .tab-content:nth-of-type(3),
.tabs-block .tab:checked:nth-of-type(4) ~ .tab-content:nth-of-type(4),
.tabs-block .tab:checked:nth-of-type(5) ~ .tab-content:nth-of-type(5),
.tabs-block .tab:checked:nth-of-type(6) ~ .tab-content:nth-of-type(6){opacity:1; position:relative; top:0; z-index:10; transition:.1s;}
.tabs-block .tab:checked + label{background:var(--bgcolor1); border:1px solid var(--color9); color:var(--color2); border-bottom:0;}
.tabs-block .tab:checked + label:hover{background:var(--bgcolor1); border:1px solid var(--color9); border-bottom:0;}

.tabs-block .tab + label{font-weight:600; font-size:15px; border:1px solid var(--color11); background:var(--color5); border-bottom:0; color:#888; padding:8px 15px; margin:8px 2px 0 0; border-radius:3px 3px 0 0; font-family:var(--fontheader); width:auto; cursor:pointer; display:inline-block; text-decoration:none; -webkit-box-flex:3; -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; -webkit-transition:0.2s; transition:.1s; box-sizing:border-box; position:relative;}
.tabs-block .tab + label:hover{background:var(--bgcolor1); border-color:var(--color9); color:var(--color2);}
.tabs-block .tab-content{padding:22px 20px 18px; position:absolute; width:100%; z-index:-1; opacity:0; left:0; right:0; border-radius:0 8px 8px 8px; border:1px solid var(--color11);}	
.tabs-block .tab-content h3{padding:0 0 15px;}

@media(max-width: 768px) {
	.tabs-block .tab + label{padding:7px 12px;}
	.tabs-block .tab-content{padding:18px 15px 12px;}
}	
	

.tabs-block .ul ul{margin:2px 0 20px;}
.tabs-block .ul li{padding-left:15px; position:relative;}
.tabs-block .ul li:before{left:0; top:0; content:'•'; position:absolute; color:var(--color1); font-size:12px;}	
	
	
	
/* afhaallocaties */
.maps{padding:20px 0; position:relative;}
.maps .cols{display:flex; flex-wrap:wrap;}
.maps .map{flex-grow:1; height:760px;}
.maps .txt{width:250px; padding-right:30px;}

.maps .gm-ui-hover-effect{position:absolute!important; right:0!important;}
.maps .map h3{padding:0;}
.maps .gm-style .gm-style-iw > div{min-width:200px; padding-right:30px; font-size:15px;}
.maps .gm-style .gm-style-iw-c{padding:15px 18px 18px;}	

.accordion-item{border-bottom:1px solid #ddd;}
.accordion-content{display:none; padding:0 0 5px;}
.accordion-item.open .accordion-content{display:block; animation:fadeIn 0.3s ease-in-out;}
.accordion-item h3{cursor:pointer; margin:0; padding:5px 20px 5px 0; position:relative;}
.accordion-item h3::after{content:'⌃'; position:absolute; right:0; top:15px; transform:translateY(-50%) rotate(-180deg); transition:transform 0.3s ease; font-size:18px; color:#555;}
.accordion-item.open h3::after{transform:translateY(-50%) rotate(0deg);}
.accordion-item:last-child{border-bottom:none;}
	
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
	
@media(max-width: 768px) {	
	.maps .txt{width:200px;}
}

@media(max-width: 680px) {
	.maps .map{width:100%; order:1;}
	.maps .txt{width:100%; order:2; margin-top:20px; padding-right:0;}
}
	
/* account */
.dashboard .tabs{margin:0 -20px 40px; padding:0; overflow:visible; display:flex; flex-wrap:wrap; line-height:0; position:relative;}
.dashboard .tabs li{font-family:var(--font2); font-weight:100; font-size:18px; line-height:28px; padding:12px 0 12px; margin:0 20px; list-style:none; position: relative; z-index: 1; border-width:0; border-radius:0; transition:300ms ease 0s;}
	
.dashboard .tabs li:after{left:50%; right:50%; width:auto; position:absolute; bottom:0; content:""; border-width:0 0 2px 0; border-style:solid; display:block; box-shadow:none; border-radius:0;}	
.dashboard .tabs li.current:after{border-color:var(--color4); left:0; right:0;}
		
.dashboard .tabs a{display:inline-block; text-decoration:none; color:var(--color1);}
.dashboard .tabs a:hover{color:var(--color4); text-decoration:none; color:var(--color1);}
.dashboard .tabs .current a{color:var(--color1);}
.dashboard .tabs:after{left:20px; right:20px; content:""; position:absolute; bottom:0; border-width:0 0 2px 0; border-style:solid; border-color:var(--color5); display:block; box-shadow:none; border-radius:0;}
	
	
	
/* account */
.customer-login{border:1px solid var(--color5); border-radius:15px;}
.customer-login .col-1{width:50%; padding:30px 40px;}
.customer-login .col-2{width:50%; border-left:1px solid var(--color5); padding:30px 40px;}
	
/* form */
.form-row{display:block; padding-bottom:15px; clear:both;}
.form-row label{display:block; padding-bottom:4px; /*color:var(--color8); font-size:90%;*/}
	
.form-button{display:block; padding-bottom:15px;}
.form-login .form-button{display:flex; align-items:center;}
.form-login .form-button button{margin-right:30px;}
	
.input-text, 
.form-row textarea{width:100%; margin:0; outline:0; border:1px solid var(--color11); background:var(--color2); padding:7px 12px; font-size:16px; line-height:24px; font-family:var(--font1); font-weight:300; border-radius:3px;}
.required .input-text, .form-row.required textarea{border:1px solid var(--color7);}
	
span.required{color:red; font-size:14px;}	
	
fieldset{border-width:1px; border-style:solid; padding:20px 20px 10px 20px; margin:20px 0 20px 0; border-color:var(--color5);}
fieldset legend{padding: 0 10px 0 10px; text-transform:uppercase; border:0; margin:0 0 10px;}

.account-info .col-1{width:50%; padding-right:20px;}
.account-info .col-2{width:50%; padding-left:20px;}
	
	

	
/* CART */ 
.cart-table-row{display:flex; align-items:center; padding:20px; margin-bottom:10px; background:var(--color2); border-radius:3px; border:1px solid var(--color5);}
.cart-table-row h4{padding-bottom:5px;}
.cart-table-row .col-img{padding-right:3%;}
.cart-table-row .col-product{flex-grow:1;}
.col-quantity .quantity input.form-control{text-align:center; width:40px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:2px;}
.col-quantity .quantity button{cursor:pointer; background:transparent; border:0; width:30px; height:30px; line-height:30px;}
	
.summary-table{padding:20px; background:var(--color2); border:1px solid var(--color5); display:block; text-align:right; margin-bottom:20px; border-radius:3px;}
.summary-table label{float:left; text-align:left; line-height:23px;}

.mand-tabel{padding:20px; background:var(--color5);}
.clear-both{clear:both;}
.custom-control label{cursor:pointer; padding-left:5px;}
		


.wish-row h3{padding-top:0;}
.wish-row .btn.red{background:var(--color5); color:var(--color10);}
	
/* CHECKOUT */
.wmand{display:flex; margin-bottom:40px;}
.wmand .left{width:70%; padding-right:15px;}
.wmand .right{width:30%; padding-left:15px;}
	
.cart-table-row{position:relative;}

.cart-table .cart-table-row:last-child{margin-bottom:0;}

.bigcart{padding:20px; background:var(--color5); border-radius:3px;}	
.bigcart .col-quantity{width:110px;}
.bigcart{margin-bottom:10px;}
.bigcart .totaal{margin-top:8px; padding-top:8px; border-top:1px solid var(--color5);}
.bigcart h4{padding-top:0;}

.btn-remove{margin-left:12px;}
.btn-remove a{color:#dc3545; font-size:22px; top:4px; position:relative;}

.form-field label{display:inline-block; width:190px;}
.form-field label span{font-size:12px; font-weight:bold; color:var(--color4);}
.form-field input{width:calc(100% - 200px); max-width:600px; border:1px solid var(--color5); background:var(--color2); padding:6px 8px; font-family:inherit; font-size:inherit; margin-bottom:5px;}
.form-field input.error{border:1px solid #ed3963; background:pink;}
.form-req{float:right; font-size:14px;}
	
.help-block{color:var(--color4); font-size:90%; padding-top:4px; display:block;}

.input-text.error{border-color:var(--color4);}

.checkout-col{display:flex; margin-bottom:40px;}
.checkout-col .left{margin-right:15px; flex-grow:1; padding:20px; background:var(--color5); border-radius:3px;}
.checkout-col .right{margin-left:15px; width:350px; padding:20px; background:var(--color5); border-radius:3px;}
	
.checkout-col .right select{-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; width:100%; font-family:inherit; font-size:inherit; cursor:inherit; line-height:inherit; z-index:1; outline:none; position:relative; display:grid; grid-template-areas:"select"; align-items:center; position:relative; border:1px solid var(--color3); border-radius:3px; padding:7px 12px; cursor:pointer; background-color:var(--color2); background-image:url(/theme/img/arrow.png); margin:5px 0 12px; background-repeat:no-repeat, repeat; background-position:right .7em top 50%, 0 0; background-size:.65em auto, 100%;}
.checkout-col .right select::-ms-expand{display:none;}
	
form .forgot a{margin-left:12px; color:var(--color1); text-decoration:none; font-size:85%;}
form .forgot a:hover{color:var(--color4); text-decoration:underline;}
	
	
	
@media(max-width: 1040px) {
	.checkout-col .left{width:65%; width:calc(65% - 15px);}
	.checkout-col .right{width:35%; width:calc(35% - 15px);}	
}
@media(max-width: 840px) {
	.checkout-col{display:block;}
	.checkout-col .left{width:100%; margin:0; margin-bottom:30px;}
	.checkout-col .right{width:100%; margin:0;}

}	
	
.cart_preorder{margin-bottom:40px;}
.checkout-opsom{margin-bottom:30px; text-align:right; border:1px solid var(--color5); background:var(--color2); padding:12px 15px; border-radius:3px;}
.checkout-opsom label{float:left; line-height:22px;}
.checkout-opsom .totaal{margin-top:5px; border-top:1px solid var(--color5); padding-top:5px;}	
	
.wish-row .col-product > a{text-decoration:none;}
.wish-row .col-product > a h3{color:var(--color1);}
.wish-row .col-product > a h3:hover{color:var(--color4);}
	



	
	
@media(max-width: 768px) {	
	.grid-list{margin-left:-10px; margin-right:-10px;}
	.grid-list .item{width:calc(25% - 20px); margin:10px;}
}
	
@media(max-width: 680px) {	
	.grid-list{margin-left:-8px; margin-right:-8px;}
	.grid-list .item{width:calc(33.333% - 16px); margin:8px;}
	.grid-list a.title{font-size:15px; line-height:21px; padding-top:8px;}
}

	
html .noty_theme__light.noty_type__info, 
html .noty_theme__light.noty_type__information{background-color:var(--color6); border:1px solid var(--color6);}	
	
	
	
.logo-ticker{overflow:hidden; margin-bottom:20px;}
.logo-ticker .item{display:flex; align-items:center;  padding:0 20px; height:80px;}
.logo-ticker .item img{max-height:80px; max-width:130px;}
.logo-ticker .item{display:inline-block;}	
	
	
/* FOOTER */
.footer{position:relative; background:var(--bgcolor2); color:var(--color1);}
	
.footer a{color:var(--color1); text-decoration:none;}
.footer a:hover{color:var(--color4); text-decoration:none;}	
.footer h4{color:var(--color1); margin-bottom:15px; padding-bottom:12px; position:relative; font-size:21px; line-height:24px;}
.footer h4:after{position:absolute; bottom:0; width:30px; border-bottom:2px solid var(--color4); content:""; left:0;}	
.footer .cols{padding:40px 0;}
.footer .social img{border-radius:6px; margin:5px 2px 5px 0;}
.footer .banks{margin-top:20px; max-width:130px;}
	
.fa-check{color:#29AB87; margin-right:5px;}

.credits{text-align:left; background:var(--color1); color:var(--color2); padding:10px 0; font-size:14px;}
.credits a{text-decoration:none; color:var(--color2);}
.credits a:hover{text-decoration:none; color:var(--color4);}
.credits span{color:var(--color4);}
.credits .col-6{padding-bottom:0;}
.credits img{float:right;}
	
	

	
.up{position:fixed; z-index:99; bottom:30px; right:30px; line-height:40px; text-align:center; background:var(--color4); width:40px; height:40px; color:var(--color2); border-radius:50%; cursor:pointer; opacity:0; pointer-events:none; transition:opacity 0.6s ease-in-out; font-size:20px;}
.up.show{opacity:1; pointer-events:auto;}	
	
	
	
	
	
/* RESPONSIVE */
@media screen and (min-width:1140px) {
	.slider{max-height:399px; overflow:hidden;}
}
	
	
@media screen and (max-width: 1080px) {	
	body{font-size:15px; line-height:22px;}
	.row{padding:0 30px;}
	
	.btn{padding:8px 15px;}
	.btn-lg{padding:8px 15px; font-size:16px; line-height:24px;}
	.btn-sm{padding:2px 28px 2px 10px;}
	.btn-sm i{top:6px;}
	
	hr{margin:15px 0 40px; padding:0;}

	h1{font-size:23px; line-height:28px;}
	h2{font-size:21px; line-height:25px;}
	h3{font-size:18px; line-height:22px;}
	h4{font-size:16px; line-height:22px;}
	
	h1.special, h2.special{padding-bottom:6px; margin-bottom:20px;}
	h1.special span:after, h2.special span:after{bottom:-8px;}
	
	/* HEADER */
		
	.logo img{max-width:240px;}
	
	.nav{font-size:18px;}
	.nav li{padding:0 0 0 20px;}
	
	.start .btn-lg{margin:8px 0 8px; text-align:center; max-width:200px;}
	.start .intro{font-size:17px; line-height:24px;}
	
	.cols .col-3{width:calc(25% - 10px); padding-bottom:20px;}
	.cols .col-4{width:calc(33.333% - 20px); padding-bottom:20px;}
	.cols .col-5{width:calc(40% - 20px); padding-bottom:20px;}
	.cols .col-6{width:calc(50% - 20px); padding-bottom:20px;}
	.cols .col-7{width:calc(60% - 20px); padding-bottom:20px;}
	.cols .col-8{width:calc(66.666% - 10px); padding-bottom:20px;}
	
	.cat{padding:20px 0;}

	.cat-overzicht .items .item {padding:10px;}
	.cat-overzicht .txt{width:78%; padding-right:15px;}
	.cat-overzicht .side{width:22%; padding-left:15px;}
	.cat-overzicht .items{margin:0 -10px;}
	
}
	
@media screen and (max-width: 940px) {		
	.logo img{max-width:200px;}
	.search-wrap{padding:0 20px 0 40px;}
	.topper{font-size:13px;}
	
	.catnav{padding:10px 0;}
	.subnav a{font-size:15px; padding:0 6px;}
	
	.start .intro{font-size:17px; line-height:24px;}
	
	.cat-overzicht .txt{width:100%; padding-right:0; order:2;}
	.cat-overzicht .side{width:100%; padding-left:0; order:1;}
	.eFiltr_cat{display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding-bottom:10px;}
	
	.fltr_block{border-bottom:0 solid #ddd; padding:0 20px 8px 0;}
	.cat-overzicht .side{margin-bottom:20px;}
	.fltr_block_checkbox label{font-size:12px;}
}
	
@media screen and (max-width: 768px) {	
	body{font-size:14px; line-height:20px;}
	
	.row{padding:0 20px;}	
	.section{padding:20px 0;}
	.wrap{padding-top:70px;}
	
	hr{margin:10px 0 30px;}
		
	h1{font-size:21px; line-height:24px;}
	h2{font-size:19px; line-height:23px;}
	h3{font-size:17px; line-height:22px;}
	h4{font-size:15px; line-height:22px;}
	
	.cols{display:flex;}
	.cols .col-3,
	.cols .col-4,
	.cols .col-5,
	.cols .col-6,
	.cols .col-7,
	.cols .col-8{width:100%; padding-bottom:20px;}
	
	.mob-hide{display:none}
	
	/* HEADER */
	.logo{position:absolute; z-index:9102;}
	.logo a{padding:5px 0 8px; display:inline-block;}
	.logo img{max-width:150px;}
	
	/* MENU */
	.header{position:fixed; height:70px; box-shadow:rgba(0,0,0,.1) 0 10px 22px -3px, rgba(0,0,0,.05) 0 3px 10px -6px;}
	.header .row{display:block;}
	
	.nav-trigger{display:block;}

	.nav{position:fixed; right:72px; top:0; font-size:24px; padding-top:0; margin:0;}
	.nav ul{height:70px;}
	.nav li{display:block; padding:0 8px;}
	
	.topper{display:none;}
	
	.subnav{display:none; margin:0;}
	.subnav a{font-size:15px; padding:3px 20px;}
	.nav-active .subnav{display:block; background:var(--bgcolor1); padding:15px 0;}
	
	.mob-nav{display:block; background:var(--color1); text-align:center; padding:4px 0;}
	.mob-nav a{font-weight:300; font-family:var(--font2); font-size:14px; line-height:24px; color:var(--color2); display:inline-block; text-decoration:none; margin-left:10px; margin-right:10px;}
	
	.catnav{background:transparent; padding:0; position:fixed; top:70px; z-index:9100; width:100%;}
	.catnav .row{padding:0;}
	
	.cat-overzicht .items .quantity button{width:20px;}

	.search-wrap{display:none; padding:6px 20px; position:absolute; z-index:100; left:0; right:0; background:white;}
	
	.start{padding-top:20px;}
	.start .col-6{padding-bottom:0;}
	.start .intro{font-size:15px; line-height:20px;}
	.start .btn-lg{display:inline-block; margin:15px 8px 0 0; max-width:300px;}
	.start .btn-lg.secondary{margin:15px 8px 0 0;}
	.start{max-width:500px;}
	.slider div{box-shadow:rgba(0,0,0,0) 0 13px 27px -5px, rgba(0,0,0,0) 0 8px 16px -8px;}

	.start .slick-dots{position:relative; margin-top:-45px;}
	.start h1{padding-top:0;}

	/* FOOTER */	
	.footer{padding-top:20px;}
	.footer .cols{padding:10px 0;}
	.footer h5{padding-bottom:0;}
	.footer h4{padding-top:0;}
	.footer .banks{max-width:100px;}
	
	.credits{text-align:center; font-size:90%;}
	.credits img{float:none; display:block; margin:10px auto;}
}
	
	
@media screen and (max-width: 680px) {	
	.cat-overzicht .items .item{width:50%;}
	.lower .hart, 
	.cat-overzicht .items .quantity input.form-control.count{width:35px;}
	
	.cat-overzicht .item .excl{font-size:21px; line-height:21px;}
	
	.product-content .art label{width:120px;}
}