:root {
  --bs-blue													: #1b3053;
  --bs-indigo												: #6610f2;
  --bs-purple												: #6f42c1;
  --bs-pink													: #d63384;
  --bs-red													: #b52418;
	--bs-orange												: #b52418;
  --bs-yellow												: #ffc107;
	
  --bs-green												: #b52418;
	--bs-green-hover									: #fd7e14;
	--bs-green-m											: #020f28;
	--bs-green-l											: #fd7e14;
	
	--bs-green-rgb										: 211, 58, 44;
	--bs-green-m-rgb									: 29, 41, 47;
	--bs-green-l-rgb									: 134, 196, 64;
	
  --bs-teal													: #d1f0ad;
  --bs-cyan													: #0dcaf0;
  --bs-white												: #fff;
  --bs-gray													: #6c757d;
  --bs-gray-dark										: #1e1c20;
	
 	--bs-gray-100											: #f2f4f7;
  --bs-gray-200											: #e9ecef;
  --bs-gray-300											: #dee2e6;
  --bs-gray-400											: #ced4da;
  --bs-gray-500											: #adb5bd;
  --bs-gray-600											: #6c757d;
  --bs-gray-700											: #495057;
  --bs-gray-800											: #343a40;
  --bs-gray-900											: #212529;
	
	--bs-primary-color								: #fff;
  --bs-primary											: #b52418;
	--bs-primary-hover-color					: #fff;
	--bs-primary-hover								: #a92e23;
	
	--bs-secondary-color							: #182224;
	--bs-secondary										: #ced4da;
	--bs-secondary-hover-color				: #182224;
	--bs-secondary-hover							: #adb5bd;
	
	--bs-info-color										: #fff;
	--bs-info													: #1b3053;
	--bs-info-hover-color							: #fff;
	--bs-info-hover										: #10203c;
	
	--bs-warning-color								: #fff;
	--bs-warning											: #3d474d;
 	--bs-warning-hover-color					: #fff;
	--bs-warning-hover								: #182224;
	
	--bs-danger-color									: #fff;
	--bs-danger												: #bb271c;
 	--bs-danger-hover-color						: #fff;
	--bs-danger-hover									: #9f2219;
	
	--bs-success-color								: #fff;
	--bs-success											: #008744;
 	--bs-success-hover-color					: #fff;
	--bs-success-hover								: #016c36;
	
	--bs-link-color										: #1c3154;
	--bs-link-color-hover							: #0060a9;

  --bs-light												: #f8f9fa;
  --bs-dark													: #212529;
	
  --bs-primary-rgb									: 13, 110, 253;
  --bs-secondary-rgb								: 108, 117, 125;
  --bs-success-rgb									: 25, 135, 84;
  --bs-info-rgb											: 27, 48, 83;
  --bs-warning-rgb									: 255, 193, 7;
  --bs-danger-rgb										: 220, 53, 69;
	
  --bs-light-rgb										: 248, 249, 250;
  --bs-dark-rgb											: 33, 37, 41;
  --bs-white-rgb										: 255, 255, 255;
  --bs-black-rgb										: 0, 0, 0;
  --bs-body-color-rgb								: 33, 37, 41;
  --bs-body-bg-rgb									: 255, 255, 255;

  --bs-font-sans-serif							: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace								: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient											: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family							: var(--bs-font-sans-serif);
	--bs-font-header 									: 'Baloo Da 2', 'Helvetica Neue', Helvetica, arial, sans-serif;
  --bs-body-font-size								: 1rem;
  --bs-body-font-weight							: 400;
  --bs-body-line-height							: 1.5;
	
	--light														: #fff;
	--dark														: #212121;

	--bs-a														: #212121;
	--bs-a-hover											: #0060a9;

  --bs-body-color										: #182224;
  --bs-body-bg											: #fff;
	--bs-body-bg-image								: url(/gfx/bg-scan-default-light.jpg);
} 

html,body {height: 100%;}
body {
	font-family: 'Inter', arial, sans-serif;
	font-size: 13.333pt;
	letter-spacing: -0.025em;
	line-height: 18pt;
	font-weight: normal;
	padding: 0;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
}

.wrap{margin: auto;}

.container-fluid{
	max-width: 1920px;
	padding-left: 5vw;
	padding-right: 5vw;
}
.headerWrapper{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
.headerWrapper .container, .navWrapper .container{
	position: relative;
	padding: 0;
}

a:not(.btn), a:visited:not(.btn) {
	color:var(--bs-a);
	text-decoration: none;
}
a:hover:not(.btn), a:active:not(.btn), a:focus:not(.btn){
	color: var(--bs-a-hover);
	text-decoration: none;
	outline: none;
}

.link-blauw, a.link-blauw, a.link-blauw:visited {
	color: rgba(var(--bs-info-rgb), 1);
	text-decoration: underline;
	text-decoration-color: rgba(var(--bs-info-rgb), .4);
	text-underline-offset: 0.50rem;
}

a.link-blauw:hover, a.link-blauw:active, a.link-blauw:focus {
	color: var(--bs-a-hover);
	text-decoration: underline;
	outline: none;
}

h1, h2, h3, h4, h5, h6  {
	font-family: var(--bs-font-header);
	line-height: 1.2em;
	font-kerning: none;
	margin: 0.035em 0;
}

h1 {font-size: 24pt;letter-spacing: -0.030em;font-weight: 600;}	
h2 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 600;}
h3 {font-size: 18pt;letter-spacing: -0.010em;font-weight: 600;}
h4 {font-size: 14pt;letter-spacing: 0;font-weight: 600;}
h5 {font-size: 14pt;letter-spacing: 0;font-weight: 600;}
h6 {font-size: 12pt;letter-spacing: 0;font-weight: 600;}

b, strong, em {font-weight: bold;}
.inter {font-family: 'Inter', arial, sans-serif;}	
/* sitelogo height: 102px;width: 228px; */
.logo-box {position: relative;display: flex;}
.logo {position: relative;width: auto;height:80px;z-index: 1;margin: .1rem 0 1rem 0;}
.jubileum {width: auto;height:60px;z-index: 1;margin: 8px 0 0 10px;}

.payOff {
	margin: 5px 0 0 5px;
	width: 140px;
	height:80px;
	text-indent: -9999px;
	z-index: 1;
	background: url(/gfx/logo.payoff.svg) left top no-repeat;
	background-size: 100%;
	}

.payOff.background--light {
  background: url(/gfx/logo.payoff.svg) left top no-repeat;
}

.payOff.background--dark {
  background: url(/gfx/logo.payoff.white.svg) left top no-repeat;
}


.btn-account {position: absolute;right: 100px;}
.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
.logo-small {display: none;}
.logo-home {position: relative;float: left;width: auto;height: 30px;margin: 2rem 5rem 0 5rem;opacity: 0.75}
.logo-article {position: relative;float: left;width: auto;height: 30px;margin: 2rem 5rem 0 5rem;opacity: 0.75}

.current  {
	padding-left: 18px;
	color: #000;
}

.card-youtube .card-abs {
	padding: 3rem 1rem 1rem 1rem;
}

.start-youtube {
	position: absolute;
	top: 100px;
	left: calc(50% - 25px);
	font-size: 48px;
	width: 60px;
	height: 60px;
}

.usp-wrapper{
	white-space: nowrap;
	font-size: 11pt;
	letter-spacing: -0.038em;
}

.usp-wrapper a.usp-bullet, .uspWrapper a.usp-bullet:visited{
	padding: 5px 10px 5px 0;
	min-width:20%;
}

.usp-wrapper a .svg-inline--fa{
	display: inline-block;
}

.tap-target {display: inline-block;padding: .4rem ;}
.no-gutters {
	--bs-gutter-y: 0;
	--bs-gutter-x: 0;
}

/* navbar */
.navWrapper {
	margin: 0;
	position: relative;
	width: 100%;
	top: 0;
	z-index: 100;
	background: var(--bs-white);	
}

.navWrapper.stuck{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right:0;
	border: none;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
	
.navWrapper.stuck .logo-small{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 59px;
	height:50px;
	margin: 0;
	z-index: 990;
}

.navWrapper.stuck .logo-small img{
	width: auto;
	height:50px;
}

.navbar-categories {
  border-radius: 0;
	margin: 0 0 0 0;
	padding:0;
}

/*
.navWrapper.stuck .navbar-categories {margin: 0 0 0 85px;}

*/
.navbar-top {
	padding:0;
	border: none;
}

.navbar-expand-lg .navbar-nav.nav-categories > li a {
	font-family: var(--bs-font-header);
	padding: 10px 13px;
	font-size: 16pt;
	letter-spacing: -0.020em;
	font-weight: 600;
	color: var(--bs-a);
	}

.navbar-expand-lg .navbar-nav.nav-categories > li a.nav-link.active {
	color: var(--bs-orange);
	text-decoration: underline;
}

.navbar-expand-md .navbar-nav.nav-categories > li:first-child > a,
.navbar-expand-lg .navbar-nav.nav-categories > li:first-child a {
	padding-left: 0;
}

.nav-categories > li > a.nav-link:hover, .nav-categories > li > a.nav-link:active, .nav-categories > li > a.nav-link:focus {
	color: var(--bs-orange);
}

.nav-categories > li:first-child > a.nav-link:hover, .nav-categories > li:first-child > a.nav-link:active, .nav-categories > li:first-child > a.nav-link:focus {
	background: none;
	color: var(--bs-orange);
}

.nav-categories a.nav-link .svg-inline--fa {
	font-size: 20px;
	color: var(--bs-orange);
}

.nav-categories a.nav-link.active .svg-inline--fa {
	font-size: 18px;
	color: var(--bs-orange);
}

/* collapse show navigatie*/
/*
.navbar-categories .navbar-collapse.show {
	position: fixed;
	top: 40px;
	left: 0;
	right: 0;
	width: 100%;
	background: #eee;
	padding: .5rem;
	margin:0;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	}
*/

.mode-switch {margin: 0 0;}
.navbar-categories .navbar-collapse.show {
	border: 1px solid  var(--bs-gray-200);
	background: var(--bs-gray-100);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	padding: .5rem;
}
		
.navbar-categories .navbar-toggler {
	position: relative;
	margin: 5px 0;
	left: 5px;	
	padding:3px 10px;
}

.stuck .navbar-categories .navbar-toggler {
	position: relative;
	margin: 7px 0 7px 0;
	left: 70px;	
	padding:5px 10px;
}

.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-categories .navbar-toggler .svg-inline--fa {font-size: 24px;color: var(--bs-red);}

.navbar-categories .navbar-collapse.show .nav-categories > li:first-child > a {padding-left: 15px;}
.navbar-categories .navbar-collapse.show .nav-categories > li a {
	padding:10px 15px;
	--bs-nav-link-font-size: 14pt;
}

.navbar-dark a.nav-link, .navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover {
	color: #d1d1d1;
}


/* subnavigatie rubriek*/	
.rNav .btn-link {font-weight: bold;color:var(--bs-orange);}

.rNav a:hover, .rNav a:focus, .rNav a.active {color: var(--bs-orange);}


/*modal*/
.modal-content {
	background-color: var(--bs-white);
	border-color: rgba(0,0,0,.2);
}

.modal-header {
	border-bottom: 1px solid #dee2e6;
}

/* dropdown */
.dropdown-nav{
	display: inline-block;
	position: relative;
}

.dropdown-nav .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 0;
	border: none;
}

.dropdown-backdrop.modal-backdrop {
	z-index: 990 !important;
	opacity: .5;
}

.dropdown-menu {
  background-color: var(--light);
	border: 1px solid var(--light);
	margin: 0;
	min-width: 250px;
	-webkit-border-radius: 4px 0 4px 4px;
		 -moz-border-radius: 4px 0 4px 4px;
				  border-radius: 4px 0 4px 4px;
}

.dropdown-nav.show > .btn[aria-expanded="true"] {
  color: #3b4f51 ;
	text-decoration: none;
  background-color: var(--light);
  border-color: var(--light);
	-webkit-border-radius: 4px 4px 0 0;
		 -moz-border-radius: 4px 4px 0 0;
				  border-radius: 4px 4px 0 0;
}

.dropdown-nav .btn-link {
	padding:0 5px;
	margin:0;
	font-weight: normal;
}


.dropdown-nav.show > .btn.btn-link[aria-expanded="true"] {
	color: rgba(237, 112, 4,0.8);
}

a.dropdown-item.active:hover, a.dropdown-item.active:active, a.dropdown-item.active:focus {
	color: var(--bs-light);
}

.dropdown-item.active, .dropdown-item:active {
	color: var(--light);
	text-decoration: none;
	background-color: var(--bs-orange);
}

.dropdown-item.active .svg-inline--fa, .dropdown-item:active .svg-inline--fa {
	color: var(--light);
}

.dropdown-item .svg-inline--fa {
	color: var(--bs-orange);
}

.dropdown-toggle > .svg-inline--fa {
	--fa-primary-color: var(--light);
	--fa-secondary-color: #545454;
	--fa-secondary-opacity: 1.0;
}

.btn-link.btn-profile {
	color: var(--bs-secondary);
	margin:0 0 0 0 ! important;
  font-size: 15px;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 0;
}

.btn-profile.btn-link:focus, .btn-profile.btn-link:hover, .btn-profile.btn-link:active {
  background-color: transparent;
  color: var(--bs-blue);
  text-decoration: none;
}

.btn-profile.btn-link .svg-inline--fa {
	color: var(--bs-blue);
}

.btn-profile.btn-link:focus .svg-inline--fa, .btn-profile.btn-link:hover .svg-inline--fa, 
.btn-profile.btn-link:active .svg-inline--fa {
  color: var(--bs-blue);
}


/* navigatie bovenin*/
.f_nav {
	position: relative;
	text-align: right;
	margin: 0 0 0 0;
	z-index: 1020;
	top: 0;
	}


.f_nav .btn {
	font-weight: normal;
	font-size: 11pt !important;
	letter-spacing: -0.038em;
}

.f_nav .btn-cart {
	position: relative;
}

.f_nav .btn-cart .fa-cart-shopping {
	font-size: 16pt !important;
	position: absolute;
	left: 0;
	top: -5px;
}

.f_nav .btn-cart .icon-cart-counter {
	position: absolute;
	right: -17px;
	top: -5px;
} 

.badge-cart {
	position: absolute;
	top: 2px;
	right: -20px;
	width: 18px;
	height: 18px;
	transform: translate(-50%,-50%) !important;
	border-radius: 50rem;
	background-color: var(--bs-orange);
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	color: #fff;
	letter-spacing: -.035rem;
}



.f_nav a:hover, .f_nav .btn-link:hover {
	color:var(--bs-orange);
	text-decoration: none;
}


/*color mode*/
:root[data-bs-theme="light"] .light--hidden {
	display: none;
}

:root[data-bs-theme="dark"] .dark--hidden {
	display: none;
}

/* .navWrapper .mode-switch {
	display:none;
} */

/* .color-mode__btn {
	padding: 0 0 0 5px;
	margin: 0 !important;
	border: none;
	font-size: 11pt;
	font-weight: 400 !important;
	display: inline-block;
	vertical-align:  baseline;
}

.color-mode__btn:focus, .color-mode__btn:hover, .color-mode__btn:active {
	text-decoration: none;
	border: none;
	color: var(--bs-a-hover);
}

.color-mode__btn:focus .svg-inline--fa, .color-mode__btn:hover .svg-inline--fa, .color-mode__btn:active .svg-inline--fa {
	border: none;
}

.navWrapper .color-mode__btn {
	padding: 5px 25px 5px 0 !important;
	margin: 0 !important;
} */


/* crumb */
.crumb {padding: 1rem 0;margin: 0;}
.crumb .container {padding: 0;}

.breadcrumb-item + .breadcrumb-item::before {

	color: var(--bs-orange);
	content: "\276f";
}

.breadcrumb {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 ;
	font-size: 11pt;
	line-height: 12pt;
	letter-spacing: -0.025em;
	}

	.breadcrumb-item + .breadcrumb-item::before {
		color: var(--bs-orange);
		content: "\276f";
	}

/* 	
.breadcrumb li, .breadcrumb a, .breadcrumb a:visited {font-weight: 500;white-space: nowrap; display: inline;letter-spacing: -0.025em;}
.breadcrumb li.active, .breadcrumb li.active a, .breadcrumb li.active a:visited {color: var(--blue);font-weight: 600;}
.breadcrumb a:hover, .breadcrumb li.active a:hover {text-decoration: none;}

.blueBg .breadcrumb li, .blueBg .breadcrumb a, .blueBg .breadcrumb a:visited {color: var(--bs-light);}
.blueBg .breadcrumb li.active, .blueBg .breadcrumb li.active a, .blueBg .breadcrumb li.active a:visited {color:  var(--bs-light);}
.blueBg .breadcrumb > li + li:before {color: #3b61ac;}

.bg-zwart .breadcrumb li, .bg-zwart .breadcrumb a, .bg-zwart .breadcrumb a:visited {color: var(--bs-light);}
.bg-zwart .breadcrumb li.active, .bg-zwart .breadcrumb li.active a, .bg-zwart .breadcrumb li.active a:visited {color: var(--bs-red);}
.bg-zwart .breadcrumb > li + li:before {color: var(--bs-red);}

.hero-fixed .crumb {
	position: absolute;
	left: 0;
	top: 0;
	right:0;
	z-index: 10;
}

.hero-fixed .crumb .container {padding:0;}
.hero-fixed .breadcrumb li, .hero-fixed .breadcrumb a, .hero-fixed .breadcrumb a:visited {color: var(--light);text-shadow: 0 2px 3px rgba(0, 0, 0, 0.64), 0 -2px 3px rgba(0, 0, 0, 0.64);}
.hero-fixed .breadcrumb li.active, .hero-fixed .breadcrumb li.active a, .hero-fixed .breadcrumb li.active a:visited {color: var(--light);}
.hero-fixed .breadcrumb li a:hover, .hero-fixed .breadcrumb li a:active, .hero-fixed .breadcrumb li a:focus
.hero-fixed .breadcrumb li.active a:hover, .hero-fixed .breadcrumb li.active a:active, .hero-fixed .breadcrumb li.active a:focus  {color: var(--bs-orange);}
.hero-fixed .breadcrumb > li + li:before {color: var(--bs-orange);}

.breadcrumb {background: none;}

.breadcrumb > li + li:before {
  color: var(--bs-orange);
	padding: 0 8px;
	font-size: 14px;
	content: "\276f"; 
} */

.bestel-logo-box{
	height: 40px;
	position: absolute;
	right: 1rem;
}

.brand-logo{
	display: inline-block;
	width: calc(100%/4);
	height: auto;
	padding: 0 1rem 1rem 0;
}

.brand-logo-home{
	display: inline-block;
	width: calc(100%/7);
	height: auto;
	padding: 0 1rem 1rem 0;
}

.brand-logo-category{
	display: inline-block;
	width: calc(100%/10);
	height: auto;
	padding: 0 1rem 0 0;
	mix-blend-mode: luminosity;
}

.brand-logo-category active, .brand-logo-category:hover{
	mix-blend-mode: normal;
}

.bestel-logo{
	display: inline-block;
	width: 100%;
	max-width: 150px;
	height: auto;
	padding: 0 1rem 1rem 0;
}

/* product cards*/
.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
}

.card-deck  {
	padding: 0 5px 5px 0;
	margin: 0;
}
.card-deck .card {
	width: calc(25% - 1%);
	max-width:calc(25% - 1%);
	margin: 0 1% 1% 0;
  flex: 1 1 auto;
	border: none;
	box-shadow:
  0 0.4px 2.1px rgba(0, 0, 0, 0.014),
  0 1.1px 5.8px rgba(0, 0, 0, 0.02),
  0 2.7px 13.9px rgba(0, 0, 0, 0.026),
  0 9px 46px rgba(0, 0, 0, 0.04);
	border-radius: 1rem;
}

.card-deck.card-deck-6 .card {
	width: calc((100% / 6) - 1%);
	max-width: calc((100% / 6) - 1%);
}
.card-deck.card-deck-5 .card {
	width: calc(20% - 1%);
	max-width: calc(20% - 1%);
}

.card-deck.card-deck-4 .card {
	width: calc(25% - 1%);
	max-width:calc(25% - 1%);
}

.card-deck.card-deck-3 .card {
	max-width: calc(33.333333% - 1%);
	width: calc(33.333333333% - 1%);
}
.card-deck.card-deck-2 .card {
	max-width: calc(50% - 1%);
	width: calc(50% - 1%);
}

.card-deck.card-deck-1 .card {
	width: 100%;
	max-width:100%;
	margin: 0 0 1% 0;
}


.card-deck .card.card-corporate{border: 1px solid rgba(59,79,81,0.1);}
.card-deck .card-corporate .card-body {
	padding: .5rem ;
}

.card-deck > .card.card-customer:hover {
	box-shadow: none;
}
.card-deck > .card:hover, .card-deck > .card.card-hover:hover {
	box-shadow:
  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
  0 0.8px 10px rgba(0, 0, 0, 0.035),
  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
  0 6px 80px rgba(0, 0, 0, 0.07);
}

.card-deck .card-body {
	padding: 0;
	text-align: left;
}

.card-abs{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 25%;
	padding: 2rem 1rem 1rem 1rem;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	box-shadow:
		0 0.2px 2.2px rgba(0, 0, 0, 0.02),
		0 0.4px 5.3px rgba(0, 0, 0, 0.028),
		0 0.8px 10px rgba(0, 0, 0, 0.035),
		0 1.3px 17.9px rgba(0, 0, 0, 0.042),
		0 2.5px 33.4px rgba(0, 0, 0, 0.05),
		0 6px 80px rgba(0, 0, 0, 0.07);
}


	.card-img-category img {
		min-height: 250px;
		object-fit: cover;
	}

.project-overlay {
	bottom: auto;
	padding: .5rem 1rem 4rem 1rem;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 60%, rgba(255,255,255,.6) 100%);
}
.card-abs-category{
	position: absolute;
	min-height: auto;
	font-weight: 500;
	padding: 1rem 1rem;
}

.card-img{
	min-height: 320px;
	max-height: 500px; 
	border-radius: 1rem 1rem 0 0;
	overflow: hidden;
	}

.card-img-category{
	min-height: 255px;
	max-height: 320px; 
	border-radius: 1rem 1rem 0 0;
	overflow: hidden;
	}

.card-img-16-9 {
	/* min-height: 200px;
	max-height: 500px; */
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background-color: var(--light);
}

.img-product{
	border-radius: 1rem 1rem 0 0; 
}

.card-double .img-product{
	border-radius: 1rem 0 0 0; 
}

.img-product:hover {
	filter: brightness(1.10);
}

.card.card-product {
	padding-bottom: 0;
} 

.card.card-product .card-title, .card-info .card-title {
	width: 100%;
	margin: .2rem 0 0 0;
	padding:0;
	font-size: 14pt;
	text-transform: uppercase;
	text-wrap: balance;
	font-weight: 600;
	text-shadow: 	0 1px 2px rgba(255, 255, 255, 1),
								1px 0 2px rgba(255, 255, 255, 1),
								0 -1px 2px rgba(255, 255, 255, 1),
								-1px 0 2px rgba(255, 255, 255, 1);
}

.card-corporate .card-title, .card-info .card-title{
	font-size: 12.5pt;
	text-transform: none;
}

.card-corporate, .card-info{
	border: none;
}

.card-deck > .card.card-info {
	border: none;
	background: none;
}
.card.card-info .card-link {
	color:#212121;
}
.card-deck .card.card-info .card-body {
	padding: .5rem 1rem 3.2rem 1rem ;
	background: none;
}


.card.card-product .card-title a, .card.card-product .card-title a:visited,
.card.card-info .card-title a, .card.card-info .card-title a:visited {
	color: rgb(24, 34, 36);
}

.card.card-product .card-title a:hover, .card.card-product .card-title a:focus, .card.card-product .card-title a:active,
.card.card-info .card-title a:hover, .card.card-info .card-title a:focus, .card.card-info .card-title a:active {
	color:var(--bs-red);
}

/* cart (card) en bestelbox*/
.card-bestelbox {
	position: relative;
	background: var(--bs-white);
	margin: 1rem 0;
}
.card-bestelbox .card-body {
	padding: .5rem 1.25rem;
}
.card-bestelbox .card-footer{
	border: none;
	padding: .5rem 1.25rem;
	background-color: rgba(0,0,0,.03);
}

.card-bestelbox .prijs {
	margin: .3rem 0 0 0;
	font-size: 24pt;
	line-height: 20pt;
}

.ideal {
	width: auto;
	height: 18px;
	margin: 0 3px;
}

.card-bestelbox .superscript{
	font-size: 14pt;
	top: -10px;
} 

.card-bestelbox .actieprijs {
	font-size: 12pt;
	line-height: 14pt;
	float: none;
}

.card-bestelbox .btw {
	font-size: 12pt;
	line-height: 14pt;
	color: #545454;
}

.badge-actie{
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 50px;
	transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.badge-actie-double{
	position: absolute;
	top: .5rem;
	left: .5rem;
	width: 50px;
	transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.card-product:hover .badge-actie {
  transform: scale(1.25);
}

.badge-actie-image{
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	width: 100px;
}
.badge-actie img, .badge-actie-image img{
	width: 100%;
	height: auto;
}
.hide{display:none;}

.cart-box{
	position: relative;
	border: 1px solid var(--light-gray);
	border-top: none;
	background: var(--light);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(244,245,246,.7) 38%, rgba(234,237,238,.8) 100%);
	padding: 0;
	margin:0;
}

.cart-row {
	border-bottom: 1px solid var(--bs-gray-300);
	padding: 4px 0 7px 0;
}

.card-deck .card.card-campaign {
	box-shadow: none;
	border: none;
}


.aanvraag {color:var(--bs-orange);font-weight: normal;}


/* downloads*/
.download-deck  {
	padding:0 0 0 0;
}
.download-deck > .card {
	width: calc(25% - 1%);
	max-width:calc(25% - 1%);
	margin: 0 1% 1% 0;
	min-height: 148px;
	padding:0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
		-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}


.download-card{
	border: 1px solid rgba(59,79,81,0.125);
}

.download-left {
	margin: 0 0;
	flex-basis: 40%;
	max-width: 40%;
	padding: 0;
	flex-shrink: 1 !important;
}

.download-right {
	margin: 0 0;
	padding: 5px 10px 0 10px;
	flex-basis: 60%;
	max-width: 60%;
}

.download-heading {
	font-size: 12pt;
	line-height: 14pt;
	text-transform: none;
	font-weight: bold;
}
.download-cover {
	width: 100%;
	height: auto;
}

.download-text {
	font-size: 12pt;
	line-height: 14pt;
}

.label-download {
	font-size: 9pt;
	line-height: 10pt;
	text-transform: uppercase;
	margin: 0;
	color: #666;
	padding: 0;
}

.download-footer{
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 0;
}

/*.orderColors {
	max-height: 10vh;
	overflow-y:scroll;
}*/

.pricebox {
	color: var(--bs-gray-dark);
	font-size: 11pt;
	line-height: 11pt;
	margin: .5rem 0;
}

.prijs {
	color: var(--bs-red);
	font-weight: bold;
	letter-spacing: -0.035em;
	padding:0 0;
	margin: 5px 0;
}

.prijs b {
	letter-spacing: -0.065em;
}

.discount{
	font-weight: 600;
	color: var(--bs-red);
}

.badge-discount{
	padding:.2rem .3rem;
	font-weight: 600;
	font-size: 10pt;
	line-height: 11pt;
}

.badge-colors {
	margin: 5px 3px 0 0;
	color: var(--bs-body);
	background: var(--bs-gray-100);
	font-size: 11pt;
	line-height: 12pt;
}

.vanaf {
	font-size: 93%;
	font-weight: normal;
	color: var(--bs-gray-dark);
	padding: 0 5px 0 0;
}


.superscript{
	vertical-align: baseline;
	font-size: 9pt;
	position: relative;
	top: -0.20em;
	left: 0.15em;
	letter-spacing: -0.005em;
	} 
	
	
.actieprijs {
	text-decoration: line-through;
	font-size: 10pt;
	font-weight: normal;
	color: var(--bs-gray);
}

.image-box {
  column-count: 4;
  column-gap: 0;
}

.image-box-half {
  column-count: 2;
  column-gap: 0;
}

.image-box-third {
  column-count: 3;
  column-gap: 0;
}

.ClToEnlarge {
	top: 10px;
	left: 10px;
	z-index: 10;
	position: absolute;
	padding: 10px;
}

.image-enlarge {
	bottom: 0;
	right: 1rem;
	z-index: 10;
	position: absolute;
	padding: 10px;
	display: inline-block;
}

.extra-image{
	display: inline-block;
}

.extra-image-height img{
	display: inline-block;
	width: auto;
	max-width: 100%;
	min-width: 200px;
	height: 200px;
	margin: 0 0 0 0;
	object-fit: contain;
	border: 1px solid rgba(var(--bs-green-m-rgb),0.2);
	border-right: none;
}

.extra-image-height:last-of-type{
	border-right: 1px solid rgba(var(--bs-green-m-rgb),0.2);

}

.extra-image-overlay{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 5px 10px;
	font-size: 10pt;
	line-height: 12pt;
}


/* slick */
.herobu{
	position: relative;
	width: 100%;
	margin: 2rem 0 3rem 0;
}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 5000;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,.slick-next:before {
		z-index: 1000;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 60px;
    line-height: 1;
    opacity: 1;
    color: var(--bs-red);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    right: auto;
    left: 0;
}
.slick-prev:before{
    content: "\276e";
}
.slick-next {
	right: 10px;
}
.slick-next:before {
    content: "\276f";
}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}

.slick-dots{
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 14px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
   padding: 0 8px;
		-webkit-border-radius: 50%;
	   	-moz-border-radius: 50%;
			    border-radius: 50%;
    cursor: pointer;
    color: #000;
    border: 0;
    outline: none;
    background: rgba(255,255,255,.4);
    box-shadow:
		  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
		  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
		  0 0.8px 10px rgba(0, 0, 0, 0.035),
		  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
		  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
		  0 6px 80px rgba(0, 0, 0, 0.07);   
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

/* navigatie */
.sNav ul {
	margin: 0;
	padding: 0;
	display: block;
	}

.sNav ul li {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	list-style-type: none;
	border: 1px solid red;
	}
	

.sNav ul li a, .sNav ul li a:visited {
	color:var(--light);
	position: relative;
	margin: 0 0 0 0;
	padding: 2px 5px 2px 18px;
	text-decoration: none;
	display: block;
	margin: 0;
	white-space: normal;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}
	
.sNav li i {
	position: absolute;
	left: 0;
	top: 4px;
	color:#ddd;
	font-size: 14px;
}
	
.sNav .last-item {
	background: none;
	}
	
.sNav ul li a:hover, .sNav ul li:hover, .sNav li a:focus, a.sActive {
	color: #999;
	text-decoration: none;
}
	
a.award-logo{
	text-align: center;
	color: var(--light);
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 5px 5px 0;
	font-size: 11pt;
	line-height: 12pt;
}
a.award-logo span{
	padding: 15px 5px;
}
a.award-logo-big{
	text-align: center;
	color: var(--light);
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 5px 5px 0;
	font-size: 12.5pt;
	line-height: 14pt;
}
a.award-logo-big span{
	padding: 15px 5px;
}


	
/* bootstrap form */
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark);
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
}

select.form-control-menu{
	appearance: menulist-button !important;
}

.input-group-text {
	color: var(--dark);
	background-color: rgba(var(--bs-green-m-rgb),0.10);
	border: 1px solid var(--bs-gray-300);
}

.form-check {
  min-height: 2rem;
  padding-left: 1.5em;
  margin: 0.5rem 0;
}
.form-check-sm {
	min-height: auto;
	margin: 0
}

.form-check-s {
	min-height: auto;
	margin: 0
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--bs-gray-400);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	transition: all 0.15s ease-out 0s;
	box-shadow: 0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051), 0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073), 0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09), 1.1px 1.1px 17px rgba(0, 0, 0, 0.107), 2.1px 2.1px 31.8px rgba(0, 0, 0, 0.129), 5px 5px 76px rgba(0, 0, 0, 0.18);
}

.form-check-sm .form-check-input {
	width: 1em;
  height: 1em;
}

.form-check-sm .form-check-label {
	display: inline-block;
	padding: 0;
	line-height: 1.2rem;
	color: var(--bs-body-color);
}

.form-check-s .form-check-input {
	width: 1em;
  height: 1em;
}

.form-check-s .form-check-label {
	display: inline-block;
	padding: 0;
	line-height: 1.2rem;
	color: var(--bs-body-color);
}


.form-check-label{
	display: inline-block;
	padding: 0.5em  0.75em; 
	line-height: 1.2rem;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus, .form-check-input:hover {
	border-color: var(--bs-green);
	outline: 0;
  box-shadow: none;
}

.form-check-input:checked {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked:hover {
  background-color: var(--bs-green);
	border-color: var(--bs-green);
}

.form-check-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: var(--bs-gray-600);
  content: '';
  display: block;
}

.form-check-input[type=radio]:after {
  border-radius: 50%;
}

@keyframes click-wave {
  0% {
    height: 1.5em;
    width: 1.5em;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 3em;
    width: 3em;
    margin-left: -0.9em;
    margin-top: -0.9em;
    opacity: 0;
  }
}

.form-control.input-valid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-invalid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-search {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.55em + .375rem) calc(.55em + .375rem);
}




/* bootstrap buttons */
.btn {font-weight: 500;cursor: pointer;text-decoration: none;}
.btn:focus {outline: none;}
.btn-large{	font-size: 1.2em;}
.btn-lg {padding: .5rem 1rem .7rem 1rem;}
.btn-larger{	font-size: 1.6em;}
.btn-left {text-align: left;}
.btn-upper{text-transform: uppercase;}
.btn-block {display: block;	width: 100%;}
.btn-xs, .btn-group-xs > .btn {
  font-size: 14px;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn.btn-round{
	border-radius: 5px;
}

.btn, .form-control, .input-group-addon, .card {
	border-radius: 0;
}


.btn.btn-raised:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .btn:not(.btn-link), .btn-group-raised .input-group-btn .btn:not(.btn-link), .raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.raised-medium{
	box-shadow:
  0 0.4px 2.1px rgba(0, 0, 0, 0.014),
  0 1.1px 5.8px rgba(0, 0, 0, 0.02),
  0 2.7px 13.9px rgba(0, 0, 0, 0.026),
  0 9px 46px rgba(0, 0, 0, 0.04);
}

.raised-large, .award-logo:hover{
	box-shadow:
  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
  0 0.8px 10px rgba(0, 0, 0, 0.035),
  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
  0 6px 80px rgba(0, 0, 0, 0.07);
}

/* primary*/

.btn-primary {
	--bs-btn-color: var(--bs-primary-color);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--bs-primary-hover-color);
	--bs-btn-active-bg: var(--bs-primary-hover);
	--bs-btn-active-border-color: var(--bs-primary-hover);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary-hover-color);
	--bs-btn-disabled-bg: var(--bs-primary-hover);
	--bs-btn-disabled-border-color: var(--bs-primary-hover);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-hover-color);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--bs-primary-hover-color);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.btn-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: var(--bs-secondary-hover);
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
	--bs-chevron: var(--bs-secondary-hover);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
  --bs-gradient: none;
}

.btn-info {
  --bs-btn-color: var(--bs-info-color);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: var(--bs-info-hover);
  --bs-btn-disabled-border-color: var(--bs-info-hover);
	--bs-chevron: var(--bs-info-hover);
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-info-hover);
  --bs-gradient: none;
}

.btn-warning {
  --bs-btn-color: var(--bs-warning-color);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: var(--bs-warning-hover);
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
	--bs-chevron: var(--bs-warning-hover);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-color: var(--bs-danger-color);
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: var(--bs-danger-hover);
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
	--bs-chevron: var(--bs-danger-hover);
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
  --bs-gradient: none;
}

.btn-success {
  --bs-btn-color: var(--bs-success-color);
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: var(--bs-success-hover);
  --bs-btn-disabled-border-color: var(--bs-success-hover);
	--bs-chevron: var(--bs-success-hover);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-success-hover);
  --bs-gradient: none;
}

.btn-link:hover {
  color: var(--bs-link-color-hover);
}

.noShadow, .noShadow a, .noShadow li a {text-shadow:none;}

.nowrap {white-space: nowrap;}
.well {
    position: relative;
		background-color: var(--light);
		}
		
/*
.well h3 {margin: 5px 0;}

*/
.short {overflow: hidden;}

.downloads {
	margin: 05px 0 0 0;
}
.docRule {
	margin: 0 0 5px 0;
	padding:5px 0;
	font-size: 9pt;
	border-bottom: 1px solid rgba(8,101,168,0.1);
	}
	
.docDesc {
	margin: 0 0 5px 23px;
	font-size: 8pt;
	line-height: 10pt;
	}
.downloadIcon {float: left; margin: 0 5px 0 0;height: 22px;width: auto;}


.firstArticle {
	position: relative;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	clear: both;
	border-bottom: 1px solid rgba(8,101,168,0.1);
}


.textArticle {
	position: relative;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom: 1px solid rgba(8,101,168,0.1);
	
}

.textArticle h2 {
	margin:8px 0 8px 0;
}

.list-group-item.header {
	color: #333;
	background-color: var(--light);
	border-color: #eee;
	font-weight: bold;
}

.list-group-item.header:before {
	padding-right: 5px;
	font-size: 18px !important;
	color: var(--bs-orange);
	content: "\2607" !important;

}

.list-group.list-group-collectie .list-group-item {
		border-left: none;
		border-right: none;
		border-color: var(--bs-gray-100);
	}

.list-group-item.active i {
	color: var(--light);
}


a.list-group-item, a.list-group-item:visited {
	text-transform: none;
	font-weight: 500;
	font-size: 14pt;
	font-family: var(--bs-font-header);
}

a.list-group-item i {
	display: inline-block;
	width: 25px;
	font-size: 20px;
}

/*
a.list-group-item > .svg-inline--fa {
	color: var(--bs-orange);
	font-size: 16px;
}
*/

.list-group-item {
	overflow:hidden;
	background: var(--bs-white);
}

.list-group-condensed-sm .list-group-item {
	font-size: 12.5pt;
	line-height: 17pt;
}

.list-group-condensed-sm .list-group-item {
  padding: 6px 10px;
}

.list-group-condensed .list-group-item {
  padding: 8px 15px;
}

.list-group-condensed-s .list-group-item {
	font-size: 11pt;
	line-height: 14pt;
}

.list-group-condensed-s .list-group-item {
  padding: 4px 10px;
}

.list-group-condensed-s .list-group-chevron .list-group-item::before, .list-group-condensed-s .list-group-item-chevron::before {
	padding-right: 5px;
	font-size: 12px;
	color: var(--bs-orange);
	content: "\276f";
}

.list-group-condensed-xs .list-group-item {
  padding: 6px 5px 6px 5px;
}

.list-group-condensed-xs .list-group-item-image{
	padding: 0;
}

.list-group-chevron .list-group-item:before, .list-group-item-chevron:before {
	padding-right: 10px;
	font-size: 14px;
	color: var(--bs-orange);
	content: "\276f"; 
}

.item-img-thumb{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.item-img-thumb img{
	width: 100%;
	height: auto;
}

.list-group-condensed-xs .list-group-search{
	padding: 10px 5px;
}

.list-group-item-heading {
 padding-right: 10px;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  background: var(--bs-gray-100);
	color: var(--bs-blue);
	border: none;
	font-weight: bold;
}

/*
a.list-group-item.active i {color:#587d82;}
*/

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
  background: var(--bs-gray-100);
  text-decoration: none;
}

.list-group-lg {
	font-size: 16pt;
	line-height: 20pt;
}
.list-group-item{display: list-item;}
.no-flex {display: list-item;list-style-type: none;}
.list-group-lg a.list-group-item i {margin-right: 5px;}

.list-group-item-text{
	padding: 0 0 0 25px;
	font-size: 11pt;
	line-height: 12pt;
	color: #666;
	margin: 0;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #999;
}


.bg-about {
	margin:0 0 0 0;
	padding: 2rem 0 0 0;
}
.box2txt2 {display: none !important;}


/*
.bg-about .list-group-item {

	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background: none;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

*/
.brand{
	width: 150px;
	height: auto;
	margin: 0 0 1rem 0;
}

div.btn-group button.btn-lg i {font-size: 22px;}

.textArticle h2 a, .textArticle h2 a:visited {color: #333;}
.textArticle h2 a:hover {color: #3b61ac;} 

.popover{min-width: 30em;}
.popover-content {font-size: 9pt;}

/* cards*/
.card {
	border-radius: 1rem 1rem 0 0;
}
.card.card-info {
	border-radius: 1rem;
}
/* .card.card-info .img-product {
	border-radius: 1rem;
} */
.card-header:first-child {
	border-radius: 0;
}

.card-block {padding: 0.5rem 0.75rem;}
.card-header{padding: 0.2rem 0.75rem;border-bottom: none;}

.panel > .list-group > a.current {
  color: #000;
}

.panel-condensed   {
 font-size: 10pt;
}
.panel-condensed .panel-heading  {
  padding: 10px 10px;
}

.panel-body-course{
	font-size: 12pt;
	line-height: 18pt;
}
.card .list-group-item, .panel-condensed .panel-body  {
  padding: 5px 10px;
}

.panel-condensed .panel-footer  {
  border-top: none;
}

.homepage .panel-profile{margin-top: 13px;}

.panel-border-top {border: 1px solid #ddd !important;}

.panel-info {
	border: none;
	color: #587d82;
}

.panel-info > .panel-heading {
  background-color: #393155;
  border-color: #393155;
  color: var(--light);
}

.panel-info > .panel-heading i {
  color: #3b61ac;
}

.panel-title i {
	color: #3b61ac;
}

.panel-footer {
  background-color: #ececec;
}

.second-heading {border-top: 1px solid rgba(8,101,168,0.1);}

.nav-tabs {
	border-bottom: 1px solid var(--light-gray);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: var(--dark-gray);
	background-color: var(--bs-white);
}


.introText {text-align: center;}
.introText i {font-size: 40pt;line-height: 36pt;color: #3b61ac;padding: 20px 0;}
.introText:hover i { color: #71be3c }

.desc{padding: 0 0 80px 0;}

.smallArticle {
	border-bottom: 1px solid rgba(8,101,168,0.1);
	position: relative;
	height: 3.2em;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.related .smallArticle {
	color: var(--light);
}

.noLine{border-bottom: none;}

.related h3 {
	font-size: 18pt;
	color: #000;
}

.card .leesverder {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
}

.toBottom {
	position: absolute;
	bottom: 10px;
	left: 0;
}

.listArticle {
	position: relative;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	clear: both;
	background-color: var(--light);
}

.whiteBox{
	text-align: center;
	}

.movieBox {
	position: relative;
	margin: 10px 0;
	background-color: var(--light);
	border-radius: 4px 4px 4px 4px;
}


.article .kicker{margin:0 0 7px 0;}

.chapeau, .kicker {
	font-family: 'Inter', arial, sans-serif;
	color: var(--bs-orange);
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: 600;
	margin: 0.3rem 0;
  text-overflow: ellipsis;
}

.chapeau a, .chapeau a:visited {color: var(--bs-red);}
.chapeau a:hover, .chapeau a:active, .chapeau a:focus {color: #0060a9;}

.thumbnail .chapeau {
	margin:0;
	font-size: 10pt;
	line-height: 12pt;
}

.overflow {
	white-space: nowrap;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

/* artikel stijlen */


.articleTitle {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #333;
	font-size: 1.2em;
	line-height: 1.8em;
	}
	

.subTitle {
	font-size: 1.2em;
	line-height: 1.6em;
	text-transform: uppercase;
	font-style: normal;
	
	}
	

.articleTitle chapeau {
	padding: 5px 0;
	font-size: 1.8em;
	}
	
.intro {
	margin:0 0 10px 0;
	font-size: 1.2em;
}

blockquote {
  position: relative;
  padding: 1rem 1rem;
  border-left: 4px solid var(--bs-orange);
	margin: 1rem 0;
	font-size: 18pt;
	line-height: 22pt;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.03) 19%, rgba(0,0,0,0.01) 23%, rgba(0,0,0,0) 24%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.03) 19%,rgba(0,0,0,0.01) 23%,rgba(0,0,0,0) 24%);
	background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.03) 19%,rgba(0,0,0,0.01) 23%,rgba(0,0,0,0) 24%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=1 );
}


.txt a:not(.btn), .txt a:not(.btn):visited  {
	font-weight: 700;
	text-decoration: none;
  border-bottom: 1px solid var(--bs-red);
  color: inherit;
	padding: 0 3px 0 3px;
  transition: background 0.55s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}

.txt a:not(.btn):hover, .txt a:not(.btn):active {
	text-decoration: none;
	background: rgba(var(--bs-green-rgb),0.2);
}

.txt p  {
	margin: 0 0 .5rem 0;
}

.txt table td, .txt table th  {
	vertical-align: top;
	font-size: 12pt;
	line-height: 14pt !important;
}
.txt table p  {
	margin: 0;
}
.txt table.smaller td, .txt table.smaller th  {
	font-size: 11pt;
	line-height: 13pt !important;
}

.article {
	margin: 0 0 20px 0;
	text-wrap: pretty;
}

.article h1 {font-size: 32pt;}
.article .chapeau{font-size: 18pt;line-height: 20pt;margin:.5rem 0;}
	
.txt h2, .article h3, .article h4 {
	font-weight: 600;
  font-size: 14pt;
  letter-spacing: 0;
	margin: 0 0 .5rem 0;
}

.article ul {
  list-style-type: "\276f   ";
	padding: 0 1.4rem;
	margin: 1rem 0;
}

.article ul li {
	margin: .3rem 0;
	padding: 0 3px;
	line-height: 15pt;
}

.article ul li::marker {
	font-size: 14px;
	color: var(--bs-red);
}


.article ol {counter-reset: item;}
.article ol li {display: block;font-weight: 400;line-height: 18pt;margin: 0 0 10px 0;}
.article ol li:before {
    content: counter(item) "";
    counter-increment: item;
    color: var(--light);
		width: 25px;
		font-weight: 500;
		text-align: center;
		font-size: 14px;
		line-height: 25px;
		display: inline-block;
		margin: 0 15px 0 -40px;
		padding: 0 0 0 0;
		background: var(--bs-orange);
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				    border-radius: 50%;
}


.article table {
	margin: 20px 0;
}


.article th { 
	background: #0060a9;
	color: var(--light);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18pt;
	line-height: 18pt;
	padding: 0.5rem 0.75rem;
	
} 

.article td {
  padding: 0.5rem 0.75rem;
}


.article caption {
	padding: .3em .5em ; 
	background:#0060a9;
	font-weight: bold;
	color:var(--light);
	}

/* navigatie gebied*/
.bg-allcats{padding: 1.5rem 0;}
.allcats-box{
	width:19%;
	margin: 0 1rem 0 0;
	}
	
.link-box a, .link-box a:visited {
	display: inline-block;
	width: 100%;
	font-size: 12pt;
	line-height: 16pt;
	white-space: nowrap;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}
	
.link-box-sm a, .link-box-sm a:visited {
	font-size: 11pt;
}
.link-box a:hover, .link-box a:active, .link-box a:focus{
	color: var(--bs-a-hover);
	text-decoration: none;
}

.link-box a:before {
  color: var(--bs-orange);
	padding: 0 5px;
	font-size: 13px;
	content: "\276f"; 
}	

.btn-chevron:before, .btn-chevron-rood:before {
	padding: 0 5px;
	font-size: 90%;
	content: "\276f"; 
}	

.btn-chevron-rood:before {color: var(--bs-orange)}	


.btn-chevron-end:after {
	padding: 0 5px;
	font-size: 90%;
	content: "\276f"; 
}	

.modal-lg {
  width: 90%;
}

.modal-lg .modal-body {
  padding: 0;
}

.verplicht {
	border: 1px solid #F99C9C !important;
}

.fr, .floatRight, .floatright, .pull-right {float: right;}
.fl, .floatLeft, .floatleft, .pull-left {float: left;}

/* off-canvas*/
.offcanvas {
	--bs-offcanvas-bg: var(--light);
	text-align: left;
}

.fixed-bottom {
	z-index: 1000;
}

/* zoeken*/
/* off-canvas*/
.zoekbox {
	position: relative;
	margin: 0;
}

.offcanvas-search-hidden, .offcanvas.offcanvas-end.offcanvas-search-hidden {
	background: none;
	border-left: none;
	pointer-events: none ;
}
.offcanvas-header {
	pointer-events: auto !important;
}

.offcanvas {
	--bs-offcanvas-bg: var(--bs-body-bg);
}

.offcanvas.offcanvas-end.offcanvas-search{
	--bs-offcanvas-width: 95vw;
}
.btn-search-top {
	position: absolute;
	z-index: 10;
	right: 10px;
}

.form-control-offcanvas.form-control::placeholder,
.form-control-offcanvas.form-control::placeholder,
.form-control-offcanvas.form-control:focus::placeholder  {
	color: #6c757d;
}

.outerSearchBox {
	z-index: 1000;
	position: relative;
	right: 0;
	top: 0;
	width:100%;
}

.outerSearchBox.stuck {
	z-index: 1050;
	position: fixed;
	right: 24px;
	top: 5px;
	width:80%;
	}
	
.searchbox{
	position: absolute;
	right: 0;
	z-index: 1020;
  min-width:40px;
  width:55%;
  float:right;
  overflow:hidden; 
	-webkit-transition: width 0.1s;
   	 -moz-transition: width 0.1s;
   		-ms-transition: width 0.1s;
    			transition: width 0.1s;
}
.searchbox-open{width: 100%}
.outerSearchBox.stuck .searchbox {width:0%;}
.outerSearchBox.stuck .searchbox-open {width:100%;}
.searchbox-input, .searchbox-input:focus {
	top:0;
 	right:0;
	border:0;
	outline:0;
	width:100%;
	height:39px;
	margin:0;
	padding:0 5px 0 20px;
	font-size:18px;
	color: var(--bs-dark);
	-webkit-border-radius: 0 20px 20px 0;
		 -moz-border-radius: 0 20px 20px 0;
		 			border-radius: 0 20px 20px 0;
}

.searchbox-icon,
.searchbox-submit{
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	top:0;
	font-size:22px;
	right:0;
	padding:0;
	margin:0;
	border:0;
	outline:0;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	color:var(--light);
	background:var(--bs-orange);
	/*
-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
*/
}

#searchResults {
	display: none;
	margin:0;
	padding:0 0 48px 0;
	background: var(--light);
	text-align: left;
	position: absolute;
	z-index: 10000;
	top: 40px;
	right: 0;
	width: 100%;
	height: 80vh;
	border: none;
	-webkit-transition: width 0.3s;
   	 -moz-transition: width 0.3s;
   		-ms-transition: width 0.3s;
    			transition: width 0.3s;
}

.innerSearchBox {
	position: relative;
	margin: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	padding: 0 0 3rem 0;
}

.innerSearchBox .chapeau {
	font-size: 9pt;
}

.thumbSearchbox {width: 20px;height: auto;margin-right: 5px;}

.searchterm {
	width: 100%;
	height: 20px;
	overflow: hidden;
}

.searchRow {
	clear: both;
	cursor: pointer;
	padding: 0.35rem 1rem;
	margin: 0 0;
	line-height: 16pt;
	font-weight: normal;
	border-bottom: 1px solid rgba(0,0,0, 0.125);
	}
	
.rightBox a h3, .rightBox a:visited h3{font-size: 11.5pt;text-transform: uppercase;}
.rightBox a:hover, .rightBox a:active, .rightBox a:focus{color:var(--bs-orange);}


.showAll {
	background: var(--bs-orange); 
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	margin: 0;
	width: auto;
	padding: 0;
	height: 48px;
}




.pt {
	font-size: 8pt;
	position:relative;
	top:20px;
	padding:0;
	color: var(--light);
	clear:both;
	min-height:55px;
	margin:0;
}

.gendiv {
	font-size: 11pt;
	color: #444;
	clear:both;
	margin: 1rem 0 2rem 0;
}

/*
#2c5b76
#3d474d
*/


.pagination {clear: both;margin: 0.5rem 0 0 -10px; }
.pagerText {margin: 0 0 0 10px; font-size:10pt;}
.pagination a, .pagination a:visited, .pagination .pageNormal {
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	padding:0;
	text-align:center;
	letter-spacing : -1px;
	width:40px;
	height:40px;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: var(--light);
	background-color: #818883;
	}
	
.pagination .current {
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	padding:0;
	text-align:center;
	letter-spacing : -1px;
	width:40px;
	height:40px;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: var(--light);
	background-color: var(--bs-orange);
	}
	
.pagination a:hover, .pagination a:active {
	background-color: var(--bs-orange);
	border: 1px solid #818883;
	color: var(--light);    
	}
	
.pagination .current:hover {
	background-color: #818883;
	border: 1px solid #f59f39;
	color: var(--light);    
	}

.pagination a.next {color: var(--light);}
.pagination a.previous {color: var(--light);}
.pagination a.next:hover {color: var(--light);}
.pagination a.previous:hover {color: var(--light);}

.pagination span { margin:0;border: none; }
.pagination .gap {margin: 5px 5px;float: left;width:20px;height:40px;text-align: center;}
	
.pagination .na {
	cursor: default;
	font-size: 7pt;
	font-weight: bold;
	line-height: 7pt;
	padding: 10px 0 0 0;
	text-align:center;
	width:3.5em;
	height:2.5em;;
	float : left;
	display:block;
	margin :0 3px 3px 0; 
	color: #999;
	}

.shadow {
	-webkit-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
     -moz-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
          box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
	}

/* footer */
.contact {
	position: relative;
	padding:1rem 0;
	background: var(--bs-gray-100);
	}
.contact h4 {color: var(--bs-red)} 	

.contact .f_nav ul li a i, .contact .f_nav ul li a:visited i {
	color: var(--light);
	}  
		
.contact .contact ul li a:hover, .contact .f_nav ul li a:focus, .contact .f_nav ul li a:active {
	color: var(--light);
	text-decoration: none;
	} 


.disclaimer {
	position: relative;
	font-size: 9pt;
	line-height: 12pt;	
	text-align: center;
	color: #333;
	padding: 1rem 25%;
	} 

.disclaimer a, .disclaimer a:visited, .disclaimer li a, .disclaimer li a:visited {color: var(--blue-hover);}
.disclaimer a:hover, .disclaimer li a:hover {color: var(--bs-orange);}

.socialFooter{margin: 0 0 10px -15px;}
.socialFooter a, .socialFooter a:visited {font-size: 20px;margin:0;color:#666}
.socialFooter a:hover, .socialFooter a:active, .socialFooter a:focus {color:var(--bs-orange)}
.btn-social {
	margin: 0 5px 0 0;
	padding: 6px 12px !important;
}

.calabi {
	cursor: pointer;
	position: absolute;
	bottom: 2em;
	right: 2em;
	width:auto;
	height:12px;
	margin: 0;
	opacity: 1;
}


/* social navigatie */
.social {
	margin: 15px 0 0 0;
}

.social-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: .5rem 0 0 0;
}


.btn-share, .btn-print {
	flex: 0 1 auto;
	margin: 0 1px 1px 0;
	padding: 5px 0 5px 0;
	width: 23%;
	font-size: 18px;
	text-align: center;
}

.btn-share:first-child, .btn-print:first-child{
	text-align: left;
	width: 15%;
}

.btn-share:last-child , .btn-print:last-child{
	text-align: right;
	width: 15%;
}

.btn-share .svg-inline--fa, .btn-print .svg-inline--fa {
	color: var(--gray-dark);
}


.break, .overflow {
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.groen, .groen a, .groen a:visited, a.groen, a:visited.groen{color: #acc61e}
.groen a:hover, a:hover.groen, .groen a:focus, a:focus.groen {color: #48712c}

.geel, .geel a, .geel a:visited, a.geel, a:visited.geel{color: #f59f39}
.geel a:hover, a:hover.geel, .geel a:focus, a:focus.geel {color: #f59f39}

.blauw, .blauw a, .blauw a:visited, a.blauw, a:visited.blauw {color: var(--blue) !important}
.blauw a:hover, a:hover.blauw, .blauw a:focus, a:focus.blauw {color: #1f6670}

.rood, .rood a, .rood a:visited, a.rood, a:visited.rood {color: var(--bs-orange)}
.rood a:hover, a:hover.rood, .rood a:focus, a:focus.rood {color: #671316}
.txt .rood, .txt .rood a, .txt .rood a:visited, .txt a.rood, .txt a:visited.rood {color: var(--bs-red)}
.zwart, .zwart a, .zwart a:visited, a.zwart, a:visited.zwart {color: #343b3e}
.zwart a:hover, a:hover.zwart, .zwart a:focus, a:focus.zwart {color: #11110d}

.wit, .wit a, .wit a:visited, a.wit, a:visited.wit {color: #f6f6f6}
.wit a:hover, a:hover.wit, .wit a:focus, a:focus.wit {color: #dde3f1}

.grijs, .grijs a, .grijs a:visited, a.grijs, a:visited.grijs {color: #3d474d}
.grijs a:hover, a:hover.grijs, .grijs a:focus, a:focus.grijs {color: #42382e}

.lichtgrijs, .lichtgrijs a, .lichtgrijs a:visited, a.lichtgrijs, a:visited.lichtgrijs {color: #ccc}
.lichtgrijs a:hover, a:hover.lichtgrijs, .lichtgrijs a:focus, a:focus.lichtgrijs {color: #ddd}

.box-article {
	position: relative;
	padding:0 0 50px 0;
	margin:0 0 30px 0;
	background: var(--light);
}

.text-article {
	color: #3d474d;
	position: relative;
	padding:10px 15px;
	margin:0;
	height: 155px;
	overflow: hidden;
}



.bg-5 {background-color: rgba(var(--bs-green-m-rgb),0.05);}
.bg-10 {background-color: rgba(var(--bs-green-m-rgb),0.1);}
.bg-15 {background-color: rgba(var(--bs-green-m-rgb),0.15);}
.bg-20 {background-color: rgba(var(--bs-green-m-rgb),0.2);}
.bg-25 {background-color: rgba(var(--bs-green-m-rgb),0.25);}
.bg-30 {background-color: rgba(var(--bs-green-m-rgb),0.3);}
.bg-40 {background-color: rgba(var(--bs-green-m-rgb),0.4);}
.bg-50 {background-color: rgba(var(--bs-green-m-rgb),0.5);}
.bg-60 {background-color: rgba(var(--bs-green-m-rgb),0.6);}
.bg-70 {background-color: rgba(var(--bs-green-m-rgb),0.7);}
.bg-80 {background-color: rgba(var(--bs-green-m-rgb),0.8);}
.bg-90 {background-color: rgba(var(--bs-green-m-rgb),0.9);}
.bg-100 {background-color: rgba(var(--bs-green-m-rgb),1);}

.bg-wit-10 {background-color: rgba(var(--bs-white-rgb),0.1);}
.bg-wit-15 {background-color: rgba(var(--bs-white-rgb),0.15);}
.bg-wit-20 {background-color: rgba(var(--bs-white-rgb),0.2);}
.bg-wit-25 {background-color: rgba(var(--bs-white-rgb),0.25);}
.bg-wit-30 {background-color: rgba(var(--bs-white-rgb),0.3);}
.bg-wit-40, .whiteBg40 {background-color: rgba(var(--bs-white-rgb),0.4);}
.bg-wit-50 {background-color: rgba(var(--bs-white-rgb),0.5);}
.bg-wit-60, .whiteBg60 {background-color: rgba(var(--bs-white-rgb),0.6);}
.bg-wit-70 {background-color: rgba(var(--bs-white-rgb),0.7);}
.bg-wit-80, .whiteBg80 {background-color: rgba(var(--bs-white-rgb),0.8);}
.bg-wit-90 {background-color: rgba(var(--bs-white-rgb),0.9);}
.bg-wit-100, bg-wit {background-color: rgba(var(--bs-white-rgb),1);}

.w-5 {width: 5% !important;}
.w-7-5 {width: 7.5% !important;}
.w-10 {width: 10% !important;}
.w-125 {width: calc(100% / 8) !important;}
.w-month {width: calc(100% / 13) !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-33 {width: calc(100% / 3) !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-66 {width: calc((100% / 3) * 2) !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}

.bg-blauw {background-color: var(--bs-blue);color: #fff;}
.bg-groen {background-color: #acc61e;}
.bg-geel  {background-color: var(--bs-orange);}
.bg-rood  {background-color: var(--bs-orange);}
.bg-zwart {background-color: var(--bs-gray-dark);color: #fff;}
.bg-wit, .list-group-item-secondary {background-color: var(--light);}
.bg-grijs {background-color: #3d474d;}

.bg-searchbar{
	margin: 0;
	padding: 1rem 0;
	background: var(--bs-gray-100);
}
.bg-searchbar .container{padding:0;}
.bg-searchbar .form-control {border-radius:0;}
.bg-searchbar .input-group-text {background-color: var(--light);color:#666;border-radius:0}
.bg-searchbar .form-control::-webkit-input-placeholder {color:#999;}
.bg-searchbar .form-control::-moz-placeholder {color:#999;}
.bg-searchbar .form-control::-ms-input-placeholder {color:#999;}

.bg-searchresult{
	margin: 1rem 0 1rem 0;
	padding: 0;
	font-size: 12pt;
	letter-spacing: -0.025em;
}
.bg-searchresult .search-facet:after {
	padding: 0 10px 0 10px;
	color: var(--bs-orange);
	font-size: 14px;
	content: "\276f"; 
}

.left-chevron:before {
	display: inline-block;
	padding: 0 5px;
	color: var(--bs-orange);
	font-size: 14px;
	content: "\276f"; 
}

.right-chevron:after {
	display: inline-block;
	padding: 0 5px;
	color: var(--bs-orange);
	font-size: 14px;
	content: "\276f"; 
}

.bg-none{background: none !important;}
.bg-eee {background: var(--bs-gray-100);}
.bg-ed {background: var(--bs-gray-100);}
.bg-f8 {background: var(--bs-gray-100);}


.alert-info {
	background-color: var(--bs-orange);
	border-color: #d66503;
	color: var(--light);
}

.alert-info a, .alert-info a:visited{color: var(--light);text-decoration: underline;}
.alert-info a:active, .alert-info a:hover, .alert-info a:focus {color: #f9dab5;}

.alert-danger {
	background-color: var(--bs-red);
	border-color: var(--bs-red);
	color: var(--light);
}

.alert-danger a, .alert-danger a:visited{color: var(--light);text-decoration: underline;font-weight: bold;}
.alert-danger a:active, .alert-danger a:hover, .alert-danger a:focus {color: #f9dab5;}


.alert-secondary {
	background-color: var(--light);
	border-color: rgba(0,0,0,0.15);
}

.password-progress{
	margin: 8px 0 5px 0;
}
.password-progress.progress{
	height: 2rem;
	font-size: 1rem;
}

.password-feedback{
	font-size: 12pt;
	line-height: 11pt;
	margin: 0 0 10px 0;
}

label, .badge, .label {
	margin-bottom: 0;
	font-weight: 500;
	}
.col-form-label, form-label {font-size: 93%;font-weight: 400;color:var(--bs-gray-700y);text-align: right;letter-spacing: 0;}
.label {margin-right: 3px;}
.label-default {background: #ddd;color:#666;}

.badge {font-weight: 400;}
.badge-s{font-size: 8pt;}
.badge-l{font-size: 9pt;line-height:10pt;}
.badge-lg{font-size: 10pt;}
.badge-xl{font-size: 14pt;}
.badge-xxl{font-size: 14pt;}
.badge-xxxl{font-size: 18pt;}
.badge-block{width: 100%;display: inline-block;}
.badge-default {background: #ddd;color: #212121;}
.badge-border {border: 1px solid #cce0ee;}

a.elastic-remove-filter, a.elastic-remove-keyword{
	font-size: 12pt;line-height:14pt;
	text-decoration: underline !important;
}

a.elastic-remove-filter .svg-inline--fa, a.elastic-remove-keyword .svg-inline--fa{
	color: var(--bs-orange);
}

.btn .badge-filter{top: 1px;left: 5px;}

.badge-counter, .badge-rubriek {
	margin: 0 0 0 0;
	min-width: 50px;
	float: right;
}
.no-float {
	float: none;
}

.badge-brand{
	color: #666 !important;
	background: rgba(255,255,255,.6) !important;
	min-width: 28px;
	font-size: 10pt !important;
	line-height: 14pt !important;
	padding: 1px 0 1px 0;
}

.text-xxs, .label-xxs, .badge-xxs {font-size: 7pt !important;}
.text-xs, .label-xs, .badge-xs {font-size: 8pt !important;}
.text-s, .label-s, .badge-s {font-size: 9pt !important;}
.text-m, .label-m, .badge-m {font-size: 10pt !important;}
.text-l, .label-l, .badge-l{font-size: 11pt !important;line-height: 14pt;}
.text-lg, .label-lg, .badge-lg{font-size: 12pt !important;}
.text-xl, .label-xl, .badge-xl {font-size: 13pt !important;}
.text-xxl, .label-xxl, .badge-xxl {font-size: 14pt !important;}
.text-xxxl, .label-xxxl, .badge-xxxl {font-size: 18pt !important;}
.label-block, .badge-block{width: 100%;display: inline-block;}

.icon-xs{font-size: 10px !important;}
.icoon-s{font-size: 12px !important;}
.icon-lg{font-size: 13px !important;}
.icon-lg{font-size: 16px !important;}
.icon-lg{font-size: 18px !important;}
.icon-xl{font-size: 20px !important;}
.icon-xxl{font-size: 24px !important;}
.icon-xxxl{font-size: 32px !important;}

.line-height-xxs {line-height: 8pt;}
.line-height-xs {line-height: 9pt;}
.line-height-s {line-height: 10pt;}
.line-height-m {line-height: 11pt;}
.line-height-l{line-height: 12pt;}
.line-height-lg{line-height: 13pt;}
.line-height-xl {line-height: 14pt;}
.line-height-xxl {line-height: 16pt;}
.line-height-xxxl {line-height: 18pt;}

.badge-primary{background:#0060a9;}
.badge-secondary{background:#eee;color:#212121}
.badge-info {background: var(--bs-orange);color:var(--light);}
.badge-success{background:#86c440;}
.badge-warning{background:#ff6600 !important;color:var(--light);}
.badge-danger{background:var(--bs-red) !important;color: #fff;}

.badge-search {
	font-size: 12pt;
	display: inline-block;
	margin: 0 5px;
	color: #333;
	background: #e6e6e6;
}

.blueBg {
	background: #3b61ac;
	color: var(--light);
	}
	
.greyBg {
	background: #ebebeb;
	} 
	
.lightgreyBg {
	background: var(--light-gray);
	} 
	
.whiteBg {background: var(--light);} 
.whiteBg40 {background: rgba(255,255,255, 0.4);}
.whiteBg60{background: rgba(255,255,255, 0.6);}
.whiteBg80 {background: rgba(255,255,255, 0.8);}

.card-block-sm{
	font-size: 12pt;
	line-height: 16pt;
	padding: 10px 15px;
}

.card-block-sm p{
	margin: 0 0 10px 0;
}

.condensed {padding: 5px 10px;}
.caps {text-transform: uppercase;}
.firstcap, .capfirst {text-transform: capitalize;}
.small {font-size:8pt;line-height: 120%;letter-spacing:0;}
.large {font-size:10pt;line-height:1.8em;}
.larger {font-size:1.3em;line-height:1.3em;}
.xxl {font-size: 1.4em;line-height:1.4em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {font-weight: bold;}
.highlight {background:#ff0;}
.upper {text-transform: uppercase;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin, .normal {font-weight: normal;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:var(--light)6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.large {font-size: 13pt;}
.smaller {font-size: 10pt;line-height: 14pt;}
.hiding { opacity: 0 }
.showing { opacity: 1 }
.dimmed {opacity: 0.3 !important }
.text-end {text-align: right}
.text-center {text-align: center}
.text-left {text-align: left}
.messageBox {display: none;	position: fixed;top: 0;width: 100%;z-index: 10000;}
.messageBox > .alert {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.pointer {cursor: pointer;}
.pointer:hover {text-decoration: none;}
.isRel, .relative {position: relative;}
.punch-viewer-body {background: #171328 !important;}
.space {width: 100%;clear:both;position:relative;width: 100%;height:10px;}
.space5 {clear: both;height: 5px;font-size: 6px;margin:  0;width: 100%;}
.space20 {width: 100%;clear:both;position:relative;width: 100%;height:20px;}
.space40 {width: 100%;clear:both;position:relative;width: 100%;height:40px;}
.spaceline {clear: both;border-bottom: 1px solid rgb(0,0,0,0.125);height: 1px;margin:8px 1px;overflow: hidden;}
.hasLine {border-top: 1px solid rgba(8,101,168,0.1)}
.blur {filter: blur(5px);}
.opacity-100 {opacity: 1; filter:Alpha(Opacity=1);}
.opacity-90 {opacity: .90; filter:Alpha(Opacity=90);}
.opacity-80 {opacity: .80; filter:Alpha(Opacity=80);}
.opacity-70 {opacity: .70; filter:Alpha(Opacity=70);}
.opacity-60 {opacity: .60; filter:Alpha(Opacity=60);}
.opacity-50 {opacity: .50; filter:Alpha(Opacity=50);}
.opacity-40 {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-30 {opacity: .30; filter:Alpha(Opacity=30);}
.opacity-20 {opacity: .20; filter:Alpha(Opacity=20);}
.opacity-10 {opacity: .10; filter:Alpha(Opacity=10);}
.opacity-0 {opacity: 0; filter:Alpha(Opacity=0);}

.categoryFooter{ padding: 30px 0;}

#errorRegister .messageBox {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10000;
	}	
	
.waitForLoad{
	display: none;
}

.loading {
	position: fixed;
	z-index: 10000;
  top: 35%;
  left: 50%;
  transform: translate(-25%, -50%);
	display: inline-block;
	padding:10px;
	color: var(--bs-orange);
	background-color: var(--light);
  opacity: .8;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}

/* facet-navigatie */
.facet-container {
	border-radius: 15px !important;
}
.autocomplete-results {
		display: flex;
		align-items: stretch;
    position: absolute;
    overflow: hidden; 
    width: 100%;
    z-index: 1050;
		margin: 2px 0 0 0;
		border-radius: 0 0 5px 5px !important;
		max-height: 40vh;
		background: var(--light);
}

.autocomplete-column-articles {
	flex-basis: 60%;
  flex-shrink: 0;
  overflow-y: auto;
}

.autocomplete-column-facets {
	flex-basis: 40%;
  flex-shrink: 0;
  overflow-y: auto;
}

.autocomplete-results .autocomplete-item {
    cursor: pointer;
}

.facet-collapsible .facet-toggle-checkbox {
    display: none;
}

/* Verberg standaard alle list-items VANAF de 11e positie */
/* (Toont dus de eerste 10 items) */
.facet-collapsible .elastic-list-group li:nth-child(n + 6) {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, toon dan ALLE list-items weer */
.facet-collapsible .facet-toggle-checkbox:checked ~ .elastic-list-group li {
    display: list-item; /* of 'block', afhankelijk van uw basis-styling */
}

/* ------------------------------------ */


/* Styling en logica voor de "Toon meer/minder" knoppen */
.facet-collapsible .facet-toggle-label {
	font-size: 11pt;
    display: block;
    text-align: left;
    margin-top: 0.5rem;
    cursor: pointer;
    color: var(--bs-primary);
    text-decoration: none;
}
.facet-collapsible .facet-toggle-label:hover {
    text-decoration: underline;
}

/* Standaard is de "Toon minder" knop verborgen */
.facet-collapsible .label-less {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, verberg "Toon meer" en toon "Toon minder" */
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-more {
    display: none;
}
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-less {
    display: block;
}

/* noUiSlider */
.prijsfilter-inputs {
	margin-top: .5rem;
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

#price-slider-container {
	margin: 0 0 1rem 0;
}
.price-slider-box {
	min-height: 30px;
	margin: 1.4rem 1rem .8rem 1rem;
}


.noUi-connect {
	background: var(--bs-gray-200);
}

.noUi-base, .noUi-target {
	border: none;
	box-shadow: none;
}

.noUi-handle {
	border: 1px solid var(--bs-red);
	border-radius: 50%;
	line-height: 14px;
	height: 32px;
	font-size: 12px;
	width: 32px;
	background: var(--bs-red);
	cursor: grab;
	box-shadow: none;
}

.noUi-horizontal .noUi-handle {
	width: 35px;
	height: 35px;
	right: -17px;
	top: -8px;
}

.noUi-handle::after, .noUi-handle::before {
	content: "";
	display: block;
	position: absolute;
	height: 17px;
	width: 5px;
	background-color: none;
	background: url(/gfx/slider.png) no-repeat center center;
	left: 14px;
	top: 8px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
	appearance:textfield;
}

/*Colorbox Core Style*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* project Style */
#cboxOverlay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYGBg+M8EJG4BBBgABugB3ECUq4UAAAAASUVORK5CYII=) repeat 0 0;}
#colorbox{outline:0;}
 	 /*  
 	  #cboxTopLeft{width:21px; height:21px;}
    #cboxTopRight{width:21px; height:21px;}
    #cboxBottomLeft{width:21px; height:21px;}
    #cboxBottomRight{width:21px; height:21px;}
    #cboxMiddleLeft{width:21px;}
    #cboxMiddleRight{width:21px;}
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px;}
 	 */
    #cboxContent{background:rgba(0,0,0,.65); overflow:hidden;}
    .cboxIframe{background:rgba(0,0,0,.65);}
    #cboxError{padding:50px; border:1px solid var(--bs-gray-900);}
    #cboxLoadedContent{margin-bottom:0;}
    #cboxTitle{
    	position:absolute; 
    	bottom:0; 
    	left:0; 
    	min-height: 80px;
    	text-align:left;
    	font-size:12pt;
    	line-height: 14pt;
    	padding: 20px 10px 10px 120px; 
    	width:100%;
    	color:var(--light);
    	background: rgba(0,0,0,.75);
    }
    #cboxTitle b {font-size:14pt;}
    #cboxCurrent{position:absolute; bottom:10px; right:10px; color:#949494;}
    #cboxLoadingOverlay{background: var(--light);}
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		/* navigatie */
    #cboxSlideshow{position:absolute; bottom:10px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:25px; left:10px; background: #f60 url(/gfx/controls.png) no-repeat -42px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxPrevious:hover{background-position: -42px -42px;}
    #cboxNext{position:absolute; bottom:25px; left:52px; background: url(/gfx/controls.png) no-repeat -84px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxNext:hover{background-position:-84px -42px;}
    #cboxClose{position:absolute; top:10px; right:10px; background: url(/gfx/controls.png) no-repeat 0 0; width:32px; height:32px; text-indent:-9999px;}
		#cboxClose:hover {background-position: 0 -42px;}


/*!
 * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--light);position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid var(--light);border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
 

.bootstrap-select .dropdown-menu {
	border: 1px solid var(--bs-gray-300);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

 .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: var(--dark);
	background: var(--light);
	border: 1px solid var(--bs-gray-300);
}

.btn-light {
	color: var(--dark);
	background: var(--light);
	border: 1px solid var(--bs-gray-300);
}

.badge-select {
	font-size: 9pt;
	margin: 3px 0 0 0;
	width: 45px;
	float: right;
}


.dropdown-item .text{width: 100%;}

/* Chosen by Patrick Filler for Harvest, http://getharvest.com
 * Version 1.8.2
 * Full source at https://github.com/harvesthq/chosen
 * Copyright (c) 2011-2017 Harvest http://getharvest.com
 * MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
*/
.chosen-select,.chosen-select-deselect{width:100%}.chosen-container{display:inline-block;position:relative;font-size:1rem;text-align:left;vertical-align:middle}.chosen-container .chosen-drop{background:var(--light);border:1px solid #5cb3fd;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;margin-top:-1px;position:absolute;top:100%;left:-9000px;z-index:1060}.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0}.chosen-container .chosen-results{margin:0;position:relative;max-height:15rem;padding:.5rem 0 0 0;color:#464a4c;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;line-height:1.5;list-style:none;margin:0;padding:.25rem .25rem .25rem 1.5rem}.chosen-container .chosen-results li em{font-style:normal;color:#292b2c}.chosen-container .chosen-results li.group-result{display:list-item;cursor:default;padding-left:.75rem;color:#636c72;font-weight:400;text-transform:uppercase}.chosen-container .chosen-results li.group-option{padding-left:1.5rem}.chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}.chosen-container .chosen-results li.result-selected{color:#292b2c}.chosen-container .chosen-results li.result-selected:before{display:inline-block;position:relative;top:.3rem;width:1.25rem;height:1.25rem;margin-left:-1.25rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23636c72' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:1.25rem 1.25rem;background-position:center center;background-repeat:no-repeat}.chosen-container .chosen-results li.highlighted{background-color:#0275d8;background-image:none;color:var(--light)}.chosen-container .chosen-results li.highlighted:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.chosen-container .chosen-results li.highlighted em{background:0 0;color:rgba(255,255,255,.8)}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#636c72}.chosen-container .chosen-results .no-results{display:list-item;padding:.25rem 0 1rem 1.065rem;color:#d9534f}.chosen-container .chosen-results-scroll{background:var(--light);margin:0 .25rem;position:absolute;text-align:center;width:20rem;z-index:1}.chosen-container .chosen-results-scroll span{display:inline-block;height:1.5;text-indent:-5000px;width:.5rem}.chosen-container-single .chosen-single{background-color:var(--light);background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-top-right-radius:.25rem;border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;color:#292b2c;display:block;height:2.375rem;overflow:hidden;line-height:2.375rem;padding:0 0 0 .75rem;position:relative;text-decoration:none;white-space:nowrap}.chosen-container-single .chosen-single abbr{display:inline-block;position:absolute;top:.45rem;right:2.5rem;width:1.5rem;height:1.5rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d9534f' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1.5rem 1.5rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-single abbr:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a02622' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.chosen-container-single .chosen-single span{display:block;margin-right:1.5rem;text-overflow:ellipsis}.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover{background-position:right 2px}.chosen-container-single .chosen-single div{display:block;position:absolute;top:0;right:0;width:2rem;height:100%;padding-left:.5rem;background-color:var(--light)}.chosen-container-single .chosen-single div:after{display:inline-block;position:relative;top:.25rem;left:-1rem;width:2rem;height:2rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23636c72' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");background-size:2rem 2rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-default{color:#636c72}.chosen-container-single .chosen-search{margin:0;padding:.5rem .5rem 0 .5rem;position:relative;white-space:nowrap;z-index:1000}.chosen-container-single .chosen-search:after{display:inline-block;position:relative;top:.365rem;left:-1.75rem;width:1.25rem;height:1.25rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23636c72' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-size:1.25rem 1.25rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-search input[type=text]{background-color:#f7f7f9;border:1px solid rgba(0,0,0,.15);outline:0;border-top-right-radius:.25rem;border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;padding:.25rem 1rem .25rem .5rem;width:100%}.chosen-container-single .chosen-drop{margin-top:-1px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;background-clip:padding-box}.chosen-container-single-nosearch .chosen-search{display:none}.chosen-container-multi .chosen-choices{background-color:var(--light);border:1px solid rgba(0,0,0,.15);border-top-right-radius:.25rem;border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;cursor:text;height:auto!important;margin:0;overflow:hidden;padding:0;position:relative}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices .search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices .search-field input[type=text]{background:0 0!important;border:0!important;color:#464a4c;height:2.25rem;margin:0;padding:0 0 0 .75rem;outline:0;width:100%!important}.chosen-container-multi .chosen-choices .search-field .default{color:#636c72}.chosen-container-multi .chosen-choices .search-choice{background-clip:padding-box;position:relative;margin:.35rem 0 0 .5rem;padding:.25rem 1.5rem .25rem .25rem;border:1px solid rgba(0,0,0,.15);background-color:#f7f7f9;border-top-right-radius:.25rem;border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;cursor:default;font-size:.875rem;line-height:1;color:#292b2c}.chosen-container-multi .chosen-choices .search-choice .search-choice-close{display:inline-block;position:absolute;top:.2rem;right:.125rem;width:1rem;height:1rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d9534f' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1rem 1rem;background-position:center center;background-repeat:no-repeat}.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a02622' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.chosen-container-multi .chosen-choices .search-choice-focus{background:#eceeef}.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close{background-position:right -11px}.chosen-container-multi .chosen-drop .result-selected{display:none}.chosen-container-active .chosen-single{border:1px solid #5cb3fd;transition:border linear 0s,box-shadow linear 0s}.chosen-container-active.chosen-with-drop .chosen-single{background-color:var(--light);border:1px solid #5cb3fd;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border linear 0s,box-shadow linear 0s}.chosen-container-active.chosen-with-drop .chosen-single div:after{display:inline-block;position:relative;top:.25rem;left:-1rem;width:2rem;height:2rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23636c72' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");background-size:2rem 2rem;background-position:center center;background-repeat:no-repeat}.chosen-container-active .chosen-choices{border:1px solid #5cb3fd;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border linear 0s,box-shadow linear 0s}.chosen-container-active .chosen-choices .search-field input[type=text]{color:#292b2c!important}.chosen-container-active.chosen-with-drop .chosen-choices{border-bottom-right-radius:0;border-bottom-left-radius:0}.chosen-disabled{cursor:default;opacity:.5!important}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-container-optgroup-clickable li.group-result{text-transform:none!important}.chosen-container-optgroup-clickable li.group-result:hover{background-color:#0275d8;color:var(--light);cursor:pointer}

.chosen-container-multi.chosen-container .chosen-choices::after {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 13px;
		top: 3px;
    background-color: white;
	 	font-family: FontAwesome;
		font-size: 18px;
		content: "\f078"; 
}

.bootstrap-select .dropdown-menu li {
	position: relative;
	overflow-x: hidden;
}

.dropdown-item {
	padding: .25rem 1rem;
}

.input-group .chosen-container-single .chosen-single {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.counter-up{
	font-size: 32pt;
	line-height: 28pt;
	letter-spacing: -0.045em;
	font-weight: 600;
	color: #e80449;
}


/*!
 * icheck-bootstrap v3.0.1 (https://github.com/bantikyan/icheck-bootstrap)
 * Copyright 2018 Hovhannes Bantikyan.
 * Licensed under MIT (https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE)
 */[class*=icheck-]{min-height:22px;margin-top:6px!important;margin-bottom:6px!important;padding-left:0}.icheck-inline{display:inline-block}.icheck-inline+.icheck-inline{margin-left:.75rem;margin-top:6px}[class*=icheck-]>label{padding-left:29px!important;min-height:22px;line-height:22px;display:inline-block;position:relative;vertical-align:top;margin-bottom:0;font-weight:400;cursor:pointer}[class*=icheck-]>input:first-child{position:absolute!important;opacity:0;margin:0}[class*=icheck-]>input:first-child:disabled{cursor:default}[class*=icheck-]>input:first-child+input[type=hidden]+label::before,[class*=icheck-]>input:first-child+label::before{content:"";display:inline-block;position:absolute;width:22px;height:22px;border:1px solid #D3CFC8;border-radius:0;margin-left:-29px}[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,[class*=icheck-]>input:first-child:checked+label::after{content:"";display:inline-block;position:absolute;top:0;left:0;width:7px;height:10px;border:2px solid var(--light);border-left:none;border-top:none;transform:translate(7.75px,4.5px) rotate(45deg);-ms-transform:translate(7.75px,4.5px) rotate(45deg)}[class*=icheck-]>input[type=radio]:first-child+input[type=hidden]+label::before,[class*=icheck-]>input[type=radio]:first-child+label::before{border-radius:50%}[class*=icheck-]>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,[class*=icheck-]>input:first-child:not(:checked):not(:disabled):hover+label::before{border-width:2px}[class*=icheck-]>input:first-child:disabled+input[type=hidden]+label,[class*=icheck-]>input:first-child:disabled+input[type=hidden]+label::before,[class*=icheck-]>input:first-child:disabled+label,[class*=icheck-]>input:first-child:disabled+label::before{pointer-events:none;cursor:default;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.icheck-default>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-default>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#adadad}.icheck-default>input:first-child:checked+input[type=hidden]+label::before,.icheck-default>input:first-child:checked+label::before{background-color:#e6e6e6;border-color:#adadad}.icheck-default>input:first-child:checked+input[type=hidden]+label::after,.icheck-default>input:first-child:checked+label::after{border-bottom-color:#333;border-right-color:#333}.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2e6da4}.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.icheck-primary>input:first-child:checked+label::before{background-color:#337ab7;border-color:#2e6da4}.icheck-success>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-success>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#4cae4c}.icheck-success>input:first-child:checked+input[type=hidden]+label::before,.icheck-success>input:first-child:checked+label::before{background-color:#5cb85c;border-color:#4cae4c}.icheck-info>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-info>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#46b8da}.icheck-info>input:first-child:checked+input[type=hidden]+label::before,.icheck-info>input:first-child:checked+label::before{background-color:#5bc0de;border-color:#46b8da}.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#eea236}.icheck-warning>input:first-child:checked+input[type=hidden]+label::before,.icheck-warning>input:first-child:checked+label::before{background-color:#f0ad4e;border-color:#eea236}.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#d43f3a}.icheck-danger>input:first-child:checked+input[type=hidden]+label::before,.icheck-danger>input:first-child:checked+label::before{background-color:#d9534f;border-color:#d43f3a}.icheck-turquoise>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-turquoise>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#1abc9c}.icheck-turquoise>input:first-child:checked+input[type=hidden]+label::before,.icheck-turquoise>input:first-child:checked+label::before{background-color:#1abc9c;border-color:#1abc9c}.icheck-emerland>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-emerland>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2ecc71}.icheck-emerland>input:first-child:checked+input[type=hidden]+label::before,.icheck-emerland>input:first-child:checked+label::before{background-color:#2ecc71;border-color:#2ecc71}.icheck-peterriver>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-peterriver>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3498db}.icheck-peterriver>input:first-child:checked+input[type=hidden]+label::before,.icheck-peterriver>input:first-child:checked+label::before{background-color:#3498db;border-color:#3498db}.icheck-amethyst>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-amethyst>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#9b59b6}.icheck-amethyst>input:first-child:checked+input[type=hidden]+label::before,.icheck-amethyst>input:first-child:checked+label::before{background-color:#9b59b6;border-color:#9b59b6}.icheck-wetasphalt>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-wetasphalt>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#34495e}.icheck-wetasphalt>input:first-child:checked+input[type=hidden]+label::before,.icheck-wetasphalt>input:first-child:checked+label::before{background-color:#34495e;border-color:#34495e}.icheck-greensea>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-greensea>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#16a085}.icheck-greensea>input:first-child:checked+input[type=hidden]+label::before,.icheck-greensea>input:first-child:checked+label::before{background-color:#16a085;border-color:#16a085}.icheck-nephritis>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-nephritis>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#27ae60}.icheck-nephritis>input:first-child:checked+input[type=hidden]+label::before,.icheck-nephritis>input:first-child:checked+label::before{background-color:#27ae60;border-color:#27ae60}.icheck-belizehole>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-belizehole>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2980b9}.icheck-belizehole>input:first-child:checked+input[type=hidden]+label::before,.icheck-belizehole>input:first-child:checked+label::before{background-color:#2980b9;border-color:#2980b9}.icheck-wisteria>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-wisteria>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#8e44ad}.icheck-wisteria>input:first-child:checked+input[type=hidden]+label::before,.icheck-wisteria>input:first-child:checked+label::before{background-color:#8e44ad;border-color:#8e44ad}.icheck-midnightblue>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-midnightblue>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2c3e50}.icheck-midnightblue>input:first-child:checked+input[type=hidden]+label::before,.icheck-midnightblue>input:first-child:checked+label::before{background-color:#2c3e50;border-color:#2c3e50}.icheck-sunflower>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-sunflower>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f1c40f}.icheck-sunflower>input:first-child:checked+input[type=hidden]+label::before,.icheck-sunflower>input:first-child:checked+label::before{background-color:#f1c40f;border-color:#f1c40f}.icheck-carrot>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-carrot>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e67e22}.icheck-carrot>input:first-child:checked+input[type=hidden]+label::before,.icheck-carrot>input:first-child:checked+label::before{background-color:#e67e22;border-color:#e67e22}.icheck-alizarin>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-alizarin>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e74c3c}.icheck-alizarin>input:first-child:checked+input[type=hidden]+label::before,.icheck-alizarin>input:first-child:checked+label::before{background-color:#e74c3c;border-color:#e74c3c}.icheck-clouds>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-clouds>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#ecf0f1}.icheck-clouds>input:first-child:checked+input[type=hidden]+label::before,.icheck-clouds>input:first-child:checked+label::before{background-color:#ecf0f1;border-color:#ecf0f1}.icheck-clouds>input:first-child:checked+input[type=hidden]+label::after,.icheck-clouds>input:first-child:checked+label::after{border-bottom-color:#95a5a6;border-right-color:#95a5a6}.icheck-concrete>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-concrete>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#95a5a6}.icheck-concrete>input:first-child:checked+input[type=hidden]+label::before,.icheck-concrete>input:first-child:checked+label::before{background-color:#95a5a6;border-color:#95a5a6}.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f39c12}.icheck-orange>input:first-child:checked+input[type=hidden]+label::before,.icheck-orange>input:first-child:checked+label::before{background-color:#f39c12;border-color:#f39c12}.icheck-pumpkin>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-pumpkin>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#d35400}.icheck-pumpkin>input:first-child:checked+input[type=hidden]+label::before,.icheck-pumpkin>input:first-child:checked+label::before{background-color:#d35400;border-color:#d35400}.icheck-pomegranate>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-pomegranate>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#c0392b}.icheck-pomegranate>input:first-child:checked+input[type=hidden]+label::before,.icheck-pomegranate>input:first-child:checked+label::before{background-color:#c0392b;border-color:#c0392b}.icheck-silver>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-silver>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#bdc3c7}.icheck-silver>input:first-child:checked+input[type=hidden]+label::before,.icheck-silver>input:first-child:checked+label::before{background-color:#bdc3c7;border-color:#bdc3c7}.icheck-asbestos>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-asbestos>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#7f8c8d}.icheck-asbestos>input:first-child:checked+input[type=hidden]+label::before,.icheck-asbestos>input:first-child:checked+label::before{background-color:#7f8c8d;border-color:#7f8c8d}

.icheck-login{top:0;}


[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before, [class*="icheck-"] > input:first-child + label::before {
	background: var(--light);
}

[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before, [class*="icheck-"] > input:first-child + label::before {
	border: 1px solid #e67e22;
}

[class*="icheck-"] > input[type='checkbox']:first-child:checked + input[type="hidden"] + label::after, 
[class*="icheck-"] > input[type='checkbox']:first-child:checked + label::after {
	content: "";
	display: inline-block;
	position: absolute;

	width: 7px;
	height: 10px;
	border: 2px solid var(--light);
	border-left: none;
	border-top: none;
	transform: translate(7.75px,4.5px) rotate(45deg);
	-ms-transform: translate(7.75px,4.5px) rotate(45deg);
}

.icheck-flex .icheck-cotainer{
	background: url(/gfx/likert.png) left 25px no-repeat;
	border: 1px solid blue;
}

.icheck-container{
	min-width: 20%;
	padding: 0
}

.icheck-flex label{
	width: 100%;
	background: url(/gfx/likert.png) left 10px no-repeat;
}

.icheck-flex div:first-child label{
	background: url(/gfx/likert.left.png) left 3px no-repeat;
}

.icheck-flex div:last-child label{
	background: url(/gfx/likert.right.png) right 3px no-repeat;
}

 [class*="icheck-container icheck-"] > input:first-child + input[type="hidden"] + label::before, 
 [class*="icheck-container icheck-"] > input:first-child + label::before {
	margin: auto;
	left: 0;
	right: 0;
}

[class*="icheck-container icheck-"] > label {
	padding-left: 0 !important;
}


[class*="icheck-container icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, 
[class*="icheck-container icheck-"] > input:first-child:checked + label::after {
	margin: auto;
	left: 0;
	right: 15px;
}

.icheck-flex label div{
	margin: 0;
	font-size: 10pt;
	line-height: 12pt;
	text-align: center;
	padding: 28px .5rem 0 .5rem;
}

/* typeahead*/
.tt-dropdown-menu {
	max-height: 300px;
  overflow-y: auto;
  width: 550px;
  margin-top: 8px;
  padding: 5px 0;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-explain{
	font-size: 9.5pt;
	line-height: 14pt;
	margin: 10px 0 0 0;
	padding: 3px 10px;
	border: 1px solid rgba(255,255,255, 0.35);
}

.input-group>.twitter-typeahead {
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }
 .input-group>.twitter-typeahead:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .input-group>.twitter-typeahead>.tt-input {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .form-control.tt-input:focus {
     z-index: 3
 }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-highlight {
  color: #000;
	background: rgba(181, 36, 24, .35);
	padding: 0 3px;
}

.tt-menu{
	right: 0;
}

.tt-dataset {
	cursor: pointer;
	max-height: 300px;
	color: #333;
  overflow-y: auto;
  width: 100%;
  margin-top: 1px;
  padding: 0;
  background-color: var(--light);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.tt-suggestion {
	display: block;
	width: 100%;
	color: #333;
  padding: 5px 10px;
  font-size: 12pt;
  line-height: 16pt;
	border-bottom: 1px solid #ddd;
}

.tt-suggestion:hover {
	background-color: #f4f4f4;
}

.tt-suggestion.tt-cursor {
  color: #333;
  background-color: var(--light);
}

.tt-empty {
	font-size: 12pt;
  line-height: 16pt;
	padding: 20px;
}

.tt-results {
	position: relative;
	padding: 5px 10px;
}

.tt-company {
	font-weight: bold;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-address {
	clear: both;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-postcode {
	position: relative;
	float: right;
	width: 25%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: right;
	text-transform: uppercase;
}

.tt-city {
	position: relative;
	float: left;
	width: 70%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: left;
	text-transform: uppercase;
}



/* hero image*/	
.bg-hero{margin: 0}
.bg-hero-home{margin:0 7vw;border-top: 1px solid var(--light-gray);border-bottom: 1px solid var(--light-gray);}
.bg-hero-brand{margin:0;}

.hero-fixed {
	width: 100%;
	height: 100%;
	padding:0;
	margin:0 auto;
	position: relative;
}

.hero-variable {
	color: #000;
	width: 100%;
	padding:0;
	margin:0 auto;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.hero-caption-top  {
	position: absolute;
  left: 5%;
	top: 10%;
	text-align: left;
	vertical-align: middle;
	padding: 1rem 1rem 2rem 0;
	max-width: 840px;
	margin: auto;
	border-radius: 0 20px 20px 0;
	/* background-color: rgba(var(--bs-dark-rgb),.6); */
} 

.hero-intro {
	position: relative;
	padding: 1rem 1rem .8rem 5%;
	max-width: 840px;
	margin: 2rem 0;
	border-radius: 0 20px 20px 0;
	background-color: rgba(var(--bs-white-rgb),.85);
}

.hero-flex  {
	width: calc(50% - 1rem);
	margin: 0 1rem 1rem 0;
} 

.hero-caption-flex {
	position: absolute;
  left: 0;
	top: 0;
	text-align: left;
	vertical-align: middle;
	padding: 2rem 1rem 4rem 2rem;
	border-radius: 20px;
	width: 100%;
	background: linear-gradient(180deg,rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%);
}

.hero-caption-flex h3 a, .hero-caption-flex h3 a:visited {
	font-size: 24pt;
	line-height: 24pt;
	color: #fff;
	font-weight: 600;
	text-wrap: balance;
	text-shadow: 2px 2px 2px rgba(0,0,0,.8), -2px -2px 1px rgba(0,0,0,.7);
}

.hero-flex-chapeau {
	margin: .5rem 0 0 0;
}
.hero-flex-chapeau a, .hero-flex-chapeau a:visited {
	font-size: 16pt;
	line-height: 20pt;
	color: #fff;
	font-weight: 400;
	text-wrap: balance;
	text-shadow: 2px 2px 2px rgba(0,0,0,.8), -2px -2px 1px rgba(0,0,0,.7);
}

.card-abs-category a, .card-abs-category a:visited {
	color: #000 !important;
}

.hero-flex-button{
	display: inline-block;
	position: absolute;
  left: 0;
	bottom: 0;
	padding: .4rem 1rem .4rem 1rem;
	font-size: 13pt;
	/* border-radius: 0 20px 0 0; */
	background-color: rgba(var(--bs-black-rgb),.7);
}

.hero-flex-button:after {
	padding: 0 10px;
	font-size: 83%;
	content: "\276f"; 
}	


.hero-caption-variable  {
	position: absolute;
  left: 0;
  right: 0;
	top: auto;
	bottom: 14%;
	text-align: center;
	vertical-align: middle;
	padding: 1rem;
	width: 100%;
	max-width: 760px;
	margin: auto;
	border-radius: 20px;
	background-color: rgba(var(--bs-dark-rgb),.6);
} 

.hero-image {
	width: 100%;
	height: auto;
	padding:0;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}

.hero-caption {
	font-family: 'Inter', arial, sans-serif;
	position: absolute;
	z-index: 10;
	top: 0;
  left: 5vw;
  bottom: 0;
	margin: 0;	
	background: rgba(var(--bs-white-rgb),0.7);
	padding: 2rem 2rem 1rem 2rem;
	width: 40%;
}

.hero-caption-top h1, .hero-caption-top h1 a {
	margin: 0 0;
	font-size: 42pt;
	line-height: 42pt;
	color: #fff;;
	font-weight: 600;
	text-wrap: balance;
	text-shadow: 3px 3px 3px rgba(0,0,0,.6), -2px -2px 1px rgba(0,0,0,.5);
}

.hero-caption-top h1 a, .hero-caption-top h1 a:visited {color: #fff}
.hero-caption-top h1 a:hover, a:hover.hero-caption-top, .hero-caption-top a:focus, a:focus.hero-caption-top {color: #f5e5eb}


a.hero-title, a.hero-title:visited, .hero-caption h1, .campaign-box h1 {
	margin: 0 0;
	font-size: 42pt;
	line-height: 42pt;
	color:var(--dark);
	font-weight: 600;
	text-wrap: balance;
	text-shadow: 3px 3px 8px rgba(0,0,0,1);
}

.campaign-box h1 {
	text-shadow: none;
}

.hero-chapeau, .hero-chapeau a, .hero-chapeau a:visited {
	font-family: 'Inter', arial, sans-serif;
	display: inline-block;
	font-size: 24pt;
	line-height: 26pt;	
	padding: 0;
	margin: .7rem 0;
	color: var(--bs-white);
}

.hero-caption .intro {
	font-family: 'Inter', arial, sans-serif;
	font-size: 20pt;
	line-height: 24pt;	
}

.bullets {
	font-size: 20pt;
	line-height: 30pt;	
	margin-bottom: 2rem;
}

.bullets .svg-inline--fa{
	font-size: 26pt;
	color: var(--bs-red);
}

.brand-caption {
	position: absolute;
  left: 15%;
	top: 4.5rem;
	width: 75%;
	overflow: hidden;
	padding:.5rem;
	z-index: 1;
}

.brand-caption h1{
	display: inline-block;
	font-size: 22pt;
	line-height: 22pt;
	font-weight: bold;	
	padding: 0;
	margin: .5rem 3rem;
	color: var(--light);
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.64), 0 -1px 3px rgba(0, 0, 0, 0.64);
}
.cat-nav{
	padding: 1.5rem 0;
	background-color: rgba(238,238,238,1);
	}

.list-group-brand{
	margin-top: 5rem;
}

.list-group-brand .list-group-item {
	background: rgba(255,255,255,1);
}

.brand-caption-logo {
	position: absolute;
	left: 2rem;
	top: 2rem;
	z-index: 2;
	padding: 1rem;
	text-align: left;
	width:150px;
	background: rgba(255,255,255,1);
	height: 150px;	
	display: flex;
  justify-content: center;
  align-items: center;
  resize: both;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}

.brand-caption-logo img{
	max-width: 100%;
	height: auto;
	max-height: 70%;
	resize: both;
  overflow: auto;
}

.brand-caption-logo h1{
	font-size: 14pt;
	line-height: 14pt;
	margin: 1rem;
}

.hero-caption-article {
	position: absolute;
  left: 0;
  right: 0;
	bottom: auto;
	top: 200px;
	text-align: center;
	padding:0;
	width: 100%;
	max-width: 820px;
	margin: auto;
}

.hero-caption .container{padding:0;}

.carousel-button-down{font-size: 48pt;display: inline-block;}

.discounter{
	margin: .5rem 0 0 0;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	font-size: 12pt;
	line-height: 14pt;
}

.discounter-intro {
	margin: .4rem 0 0 0;
	text-align: left;
	font-size: 10pt;
	line-height: 12pt;
}

.card-product .discounter-intro {
	text-align: left;
}
.card-double .discounter-intro {
	text-align: left;
}

.discounter > div {
	padding: 0;
	display: inline-block;
}

.discounter div > span {
	padding: 3px 5px;
	border-radius: 0 0 3px 3px;
	border: 1px solid var(--bs-blue);
	border-top: 6px solid var(--bs-blue);
	color: var(--bs-blue);
	display: inline-block;
	font-weight: bold;
	margin: 0 3px 0 0;
	text-align: center;
	width: 35px;
}

.smalltext{
	font-size: 9pt;
	line-height: 11pt;
	color: var(--bs-gray-600);
}

.card-auteur{
	position: relative;
	line-height: 18pt;
	font-size: 14pt;
	text-align: left;
	background: var(--light);
	border: 1px solid var(--bs-gray-200);
	margin-bottom: 1rem;
}

.card-auteur:before,
.card-auteur:after {
    content: "";
    position: absolute;
    top: 3px;
    width: 50%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.9));
    filter: blur(3px);
    opacity: 0.4;
}

.card-auteur:before {
    left: 0;
    transform: skewY(-2deg);
}

.card-auteur:after {
    right: 0;
    transform: skewY(2deg);
}	
	
a.auteur-linkedin, a.auteur-linkedin:visited{
	position: absolute;
	top: 1rem;
	left: 1rem;
	font-size: 32px;
	color:#0073b1;
}	

a.auteur-linkedin:hover, a.auteur-linkedin:active{color:#006097;}	


/* validation engine*/
#registrationError {
	margin: 5px 0 0 0;
	font-size: 11pt;
	background: var(--bs-red);
	color:#fff;
	padding: 3px 10px;
	border-color:#bc113b;
}

#registrationError a, #registrationError a:visited {
	font-weight: bold;
}

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	min-width: 20em;
	background: var(--bs-red);
	position:relative;
	z-index:5001;
	color: #fff;
	font-size: 11pt;
	line-height: 13pt;
	border: 1px solid var(--bs-gray-400);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: .3rem .5rem;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: 0 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: var(--bs-red);
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
}

		
.breakpoint{
	position: fixed;
	bottom: 65px;
	right: 10px;
	width: 100px;
	z-index: 1050;
}
	
.breakpoint::before{
	content: 'Large';
	}



/* phone > 480px */
@media (max-width: 480px) {
	
	.breakpoint::before{content: 'phone 480';}
	
	body{
		overflow-x: hidden;
	}
	
	.container {padding-right: 10px;padding-left: 10px;}
	.headerWrapper .container-fluid {padding:0 5px;}
	
	label div{font-size: 10pt;line-height: 12pt;}

	.f_nav .btn-cart {
		left: -15px;
	}

	.autocomplete-column-articles {
		flex-basis: 100%;
		flex-shrink: 0;
		overflow-y: auto;
	}

	.autocomplete-column-facets {
		flex-basis: 100%;
		flex-shrink: 0;
		overflow-y: auto;
	}

	.logo {height: 60px;margin:0;top:0;}
	.jubileum {height: 50px;margin: 5px 0 0 -8px;} 

	.brand-logo-home {
		width: calc(100%/3);
		padding: 0 1rem 1.25rem 0;
	}

	.brand-logo{
		width: calc(100%/3);
		padding: 0 2rem 1.5rem 0;
	}
	.outerSearchBox {
		position: absolute;
		right: 0;
		top: 0;
	}
	.searchbox-open {
		width: 100%;
	}
	.outerSearchBox.stuck {
		right: 0;
		top: 4px;
		width: 100%;
	}

	.bg-about {padding: 1rem 0;}

	.form-control {
		font-size: .9rem;
	}

	/* .card-img {
		min-height: 350px;
	} */

	.card-abs {
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		padding: .5rem 1rem;
	}

	.card-abs-category {
		padding: 2rem 1rem;
	}
	
	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card,
	.card-deck.card-deck-6 .card {
		width: 100%;
		max-width:100%;
		margin: 0 0 1rem 0;
	}
	
	
	.disclaimer {padding: 1rem;} 
	.article h1 {font-size: 1.4em;margin: .5rem 0;}
	.article .chapeau {font-size: 14pt;margin: .5rem 0;}

	.hero-caption-flex {
		padding: 1rem 1rem 1rem 1rem;
	}
	.card-hero img {
		min-height: 250px;
		object-fit: cover;
	}

	
	
	.hero-caption {
		top: 0;
	  left: 1rem;
	  right: 1rem;
	  bottom: auto;
		margin: 0;
		padding: 1rem;
		width: auto;
	}
	
	#result {
		min-height: auto;
	}

	a.hero-title, a.hero-title:visited, .hero-caption h1, .hero-fixed h1, .campaign-box h1, .hero-caption-top h1 a {
		font-size: 18pt;
		line-height: 18pt;
	}
	
	.campaign-box h1 {
		text-shadow: none;
	}

	.chapeau, .kicker {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}

	.cart-box {padding: 0 10px;}
	.cart-row .text-l{font-size: 14pt !important;}
	
	.searchbox:not(.searchbox-open) {width: 0;}
	
	.col-form-label, form-label {font-size: 93%;text-align: left;}
	.stuck .navbar-categories .navbar-toggler {
		left: 18%;
	}

	.hidden-xs, #cboxTitle, .zoektop, .hero-chapeau, .hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.carousel-down, .hero-intro, .payOff, .carousel-intro, .hidden-sm-down, .cart-row .chapeau,
	.carousel-control, .hero-chapeau, .brand-caption, .brand-caption-logo, .bg-brands {display: none !important;}

}



 
/* Landscape phone */
@media (min-width: 481px) and (max-width: 767.97px) {

	.breakpoint::before{content: 'phone l';}

	body{overflow-x: hidden;}
	
	.container {padding-right: 10px;padding-left: 10px;}
	
	label div{font-size: 10pt;line-height: 12pt;}

	.f_nav .btn-cart {
		left: -15px;
	}

	.logo {height: 60px;margin:0;top:0;}
	.jubileum {height: 50px;margin: 5px 0 0 -8px;}
	
	
	.brand-logo-home {
		width: calc(100%/3);
		padding: 0 2rem 1.5rem 0;
	}

	.brand-logo{
		width: calc(100%/3);
		padding: 0 2rem 1.5rem 0;
	}

	.outerSearchBox {
		position: absolute;
		right: 0;
		top: 0;
	}
	.searchbox-open {
		width: 100%;
	}


	.bg-about {padding: 1rem 0;}

	.card-abs {
		padding: .5rem 1rem;
	}

	.card-abs-category {
		padding: 2rem 1rem;
	}
	

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card,
	.card-deck.card-deck-6 .card {
		max-width: calc(100% / 2 - 1%);
		width: calc(100% / 2 - 1%);
	}

	.card-deck-6 > .card.card-category {
		max-width: calc(100% / 2 - 1%);
		width: calc(100% / 2 - 1%);
	}

	.hero-caption-flex {
		padding: 1rem 1rem 1rem 1rem;
	}
	.card-hero img {
		min-height: 250px;
		object-fit: cover;
	}


	.crumb {padding: 10px;}
	.disclaimer {padding: 1rem 15%;} 
	.article h1 {font-size: 1.4em;margin: .5rem 0;}
	.article .chapeau {font-size: 14pt;margin: .5rem 0;}
	
	
	.hero-caption {
		top: 0;
	  left: 1rem;
	  right: 1rem;
	  bottom: auto;
		margin: 0;
		padding: 1rem;
		width: auto;
	}
	
	a.hero-title, a.hero-title:visited, .hero-caption h1, .hero-fixed h1, .campaign-box h1, .hero-caption-top h1 a {
		font-size: 20pt;
		line-height: 20pt;
	}

	.cart-box {padding: 0 10px;}
	.cart-row .text-l{font-size: 14pt !important;}
	
	.searchbox:not(.searchbox-open) {width: 0;}
	
	.col-form-label, form-label {font-size: 93%;text-align: left;}

	.stuck .navbar-categories .navbar-toggler {
		left: 10%;
	}

	.hidden-xs, #cboxTitle, .zoektop, .hero-chapeau, .hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.carousel-down, .hero-intro, .payOff, .carousel-intro, .hidden-sm-down, .cart-row .chapeau,
	.carousel-control, .hero-chapeau, .brand-caption, .brand-caption-logo, .bg-brands {display: none !important;}

}


  
/* Portrait tablet */
@media (min-width: 767.98px) and (max-width: 991.97px) {
	
	.breakpoint::before{content: 'Tablet P';}
	

	.brand-logo-home {
		width: calc(100%/4);
		padding: 0 1rem 1rem 0;
	}
	
	.navWrapper.stuck .navbar-nav.nav-categories {
		margin: 0 0 0 20px;
	}

	.navbar-expand-lg .navbar-nav.nav-categories > li a {
		padding: 13px 10px;
		font-size: 12pt;
	}

	.card-img {
		min-height: 260px;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card,
	.card-deck.card-deck-6 .card {
		width: calc(50% - 1rem);
		max-width: calc(50% - 1rem);
	}

	.card-deck-6 > .card.card-category {
		max-width: calc(100% / 3 - 1%);
		width: calc(100% / 3 - 1%);
	}

	.hero-caption-flex {
		padding: 1rem 1rem 1rem 1rem;
	}
	.card-hero img {
		min-height: 250px;
		object-fit: cover;
	}


	.hero-caption {
		top: 0;
	  left: 1rem;
	  right: 1rem;
	  bottom: auto;
		margin: 0;
		padding: 1rem;
		width: auto;
	}
	
	.hero-caption h1 a, .hero-caption h1 a:visited, .hero-caption-top h1 a, .hero-caption-top h1 {
		font-size: 30pt;
		line-height: 30pt;
	}
	

	.navbar-nav.nav-categories  > li.first-item, .navbar-nav.nav-categories  > li.last-item{display:none;}
	
	.hero-chapeau {margin: 10px 0 20px 0;}
	.hero-chapeau a, .hero-chapeau a:visited {
		font-size: 14pt;
		line-height: 18pt;
	}
	
	.carousel-control, .bestel-logo, .zoektop, .payOff, .hero-intro, .carousel-intro, .carousel-logo, .hidden-tablet, .donatie-bedrag,
	.hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone, .hidden-sm-down  {display: none !important;}


}
 
 
 
/* landscape tablet */
@media (min-width: 991.98px) and (max-width: 1199.98px) {
	
	.breakpoint::before{content: 'Tablet L';}


	.navWrapper.stuck .navbar-nav.nav-categories {
		margin: 0 0 0 20px;
	}

	.navbar-expand-lg .navbar-nav.nav-categories > li a {
		padding: 13px 10px;
		font-size: 12pt;
	}

	.card-deck {padding: 0;}
	.card-deck > .card-home, 
	.card-deck > .card {
		max-width: calc(100% / 3 - 1rem);
		width: calc(100% / 3 - 1rem);
	}

	.card-deck-6 > .card.card-category {
		max-width: calc(100% / 4 - 1%);
		width: calc(100% / 4 - 1%);
	}
	
	.card-img {
		min-height: 240px;
	}

	.carousel-logo{width: 90px;}
	.carousel-logo-small {width: 140px;}
	
	.hero-caption {
		width: 45%;
	}
	
	.hero-caption h1 a, .hero-caption h1 a:visited, .hero-caption h1 {
		font-size: 28pt;
	}
	.hero-caption-donatie h1 {
		font-size: 18pt;
		line-height: 24pt;
	}
	.hero-chapeau {margin: 10px 0;}
	.hero-chapeau a, .hero-chapeau a:visited {
		font-size: 14pt;
		line-height: 26pt;
	}
	
	.hero-chapeau a, .hero-chapeau a:visited {
		font-size: 14pt;
		line-height: 18pt;
	}
	
	.navbar-brand, .color-mode-txt {display: none;}

	.carousel-intro, .bestel-logo, .hero-intro, .hidden-md {display: none !important;}

}
 
/* desktop */
@media (min-width: 1200px) {

	.breakpoint::before{content: 'XL';}
	
	body {
		overflow-y:scroll;
	}

	.container-fluid {
		max-width: 1920px;
		padding-left: 7vw;
		padding-right: 7vw;
	}

	.hidden-xl, .hidden-lg {display: none !important;}

	.icon-xxxl {
		font-size: 28px !important;
	}
	
	.navWrapper.stuck{
		height:50px;
	}
		
	.navWrapper.stuck .logo-small{
		width: 74px;
		height:50px;
	}
	
	.navWrapper.stuck .logo-small img{
		height:50px;
	}
	
	.breadcrumb {
		margin: 0 0 0 15px;
	}
	
	.container-fluid .breadcrumb {
		margin: 0 0 0 0;
	}

	.card-deck .card-double {
		max-width: calc(50% - 1%);
		width: calc(50% - 1%);
	}
	
	.card-double .card-body {text-align: left;padding:.3rem 1rem;}
	

	.card-double .card-abs{
		bottom: auto;
		top: 0;
		left: 0;
		right: 0;
		position: relative;
		padding:.3rem .5rem;
		min-height: 80px;
	}

	/* .card-img{
		min-height: 350px;
		max-height: 600px;
	} */

	.card-youtube .card-img{
		min-height: 300px;
		max-height: 600px;
	}

	.hero-caption {
		width: 30%;
	}

	.card-double .card-img {min-height: auto;max-height: auto;}
	.card-double .bestel-logo {width: 40%;margin: 1rem;}
	.card-double .pin-box {margin: 15px 0;}

	
	.tap-target {display: inline-block;padding: .2rem 0;}
	.navbar-brand {display: none;}
	
	.slick-prev {
    right: auto;
    left: 0;
   }
	.slick-next {
		right: 0;
	}

}

/* desktop */
@media (min-width: 1800px) {

	.breakpoint::before{content: 'XXL';}

	.box2txt2 {display: inline-block !important;}

	/* .card-img{
		min-height: 450px;
	} */

	.px-xxxl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.brand-logo{
		width: calc(100%/5);
	}

	.card-deck-3 .card-img{
		max-height: 700px; 
	}

	.card-deck-3 .card-abs {
		min-height: 15%;
	}

}


:root[data-bs-theme="dark"] {

  --bs-blue													: #1b3053;
  --bs-indigo												: #6610f2;
  --bs-purple												: #6f42c1;
  --bs-pink													: #d63384;
  --bs-red													: #b52418;
	--bs-orange												: #f76d62;
  --bs-yellow												: #ffc107;
	--bs-white												: #1c1a1e;
	
  --bs-green												: #f76d62;
	--bs-green-hover									: #86c440;
	--bs-green-m											: #f76d62;
	--bs-green-l											: #f76d62;
	
	--bs-green-rgb										: 211, 58, 44;
	--bs-green-m-rgb									: 22, 22, 26;
	--bs-green-l-rgb									: 134, 196, 64;
	
  --bs-teal													: #20c997;
  --bs-cyan													: #0dcaf0;
  --bs-gray													: #f8f8f8;
  --bs-gray-dark										: #1e1c20;
	
  --bs-gray-100											: #1a1a1f;
  --bs-gray-200											: #27242a;
  --bs-gray-300											: #6c757d;
  --bs-gray-400											: #6c757d;
  --bs-gray-500											: #6c757d;
  --bs-gray-600											: #6c757d;
  --bs-gray-700											: #495057;
  --bs-gray-800											: #343a40;
  --bs-gray-900											: #212529;

	--bs-primary-color								: #fff;
  --bs-primary											: #b52418;
	--bs-primary-hover-color					: #fff;
	--bs-primary-hover								: #a92e23;
	
	--bs-secondary-color							: #333;
	--bs-secondary										: #ced4da;
	--bs-secondary-hover-color				: #fff;
	--bs-secondary-hover							: #343a40;
	

	
	--bs-warning-color								: #fff;
	--bs-warning											: #3d474d;
 	--bs-warning-hover-color					: #fff;
	--bs-warning-hover								: #182224;
	
	--bs-danger-color									: #fff;
	--bs-danger												: #bb271c;
 	--bs-danger-hover-color						: #fff;
	--bs-danger-hover									: #9f2219;
	
	--bs-success-color								: #fff;
	--bs-success											: #008744;
 	--bs-success-hover-color					: #fff;
	--bs-success-hover								: #016c36;
	
	--bs-link-color										: #fff;
	--bs-link-color-hover							: #86c440;

  --bs-light												: #f8f9fa;
  --bs-dark													: #cecece;
	
  --bs-primary-rgb									: 13, 110, 253;
  --bs-secondary-rgb								: 108, 117, 125;
  --bs-success-rgb									: 25, 135, 84;
  --bs-info-rgb											: 13, 202, 240;
  --bs-warning-rgb									: 255, 193, 7;
  --bs-danger-rgb										: 220, 53, 69;
	
  --bs-light-rgb										: 248, 249, 250;
  --bs-dark-rgb											: 33, 37, 41;
  --bs-white-rgb										: 39, 36, 42;
  --bs-black-rgb										: 0, 0, 0;
  --bs-body-color-rgb								: 33, 37, 41;
  --bs-body-bg-rgb									: 45, 42, 48;
	
  --bs-font-sans-serif							: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace								: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient											: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family							: var(--bs-font-sans-serif);
  --bs-body-font-size								: 1rem;
  --bs-body-font-weight							: 400;
  --bs-body-line-height							: 1.5;
	
	--light														: #27242a;
	--dark														: #fff;

	--bs-a														: #fff;
	--bs-a-hover											: #cecece;
  --bs-body-color										: #cecece;
	--bs-header-bg										: #16161a;
  --bs-body-bg											: #16161a;
	--bs-body-bg-image								: url(/gfx/bg-scan-default-dark.jpg);
	--logo														: url(/gfx/logo.diap.svg);
	
	}

	
	:root[data-bs-theme="dark"] .navbar-nav .nav-link.active, :root[data-bs-theme="dark"] .navbar-nav .show > .nav-link {
		--bs-navbar-active-color: white;
	}
	
	:root[data-bs-theme="dark"] .payOff {
		background-image: url(/gfx/logo.payoff.white.svg);
	}

	:root[data-bs-theme="dark"] .img-fluid {
		filter: brightness(.85) ;
  }
	
	:root[data-bs-theme="dark"] .brand-logo img, 
	:root[data-bs-theme="dark"] .brand-logo-home img,
	:root[data-bs-theme="dark"] .brand-logo-category img {
		filter: invert(91.2%);
		mix-blend-mode: luminosity;
	}
	
	:root[data-bs-theme="dark"] .bestel-logo img {
		filter: invert(89.2%);
		mix-blend-mode: luminosity;
	}
	
	:root[data-bs-theme="dark"] .card-logo img {
		filter: invert(84%);
		mix-blend-mode: luminosity;
	}
	
	:root[data-bs-theme="dark"] .layerHome h4, :root[data-bs-theme="dark"] .layerHome h3 {
		color: var(--bs-blue);
	}
	
	:root[data-bs-theme="dark"] .offcanvas {
		--bs-offcanvas-bg: var(--light);
		text-align: left;
	}

	:root[data-bs-theme="dark"] .list-group-item {
		overflow: hidden;
		background: none;
	}
	
	:root[data-bs-theme="dark"] .whiteBg, :root[data-bs-theme="dark"] .bg-fff, :root[data-bs-theme="dark"] .bg-wit {
		background: var(--bs-card-bg);
		color: var(--bs-body-color);
	}
	
	:root[data-bs-theme="dark"]  .card {
		--bs-card-bg: #1a1a1f;
  }

	:root[data-bs-theme="dark"]  .card.card-product {
		--bs-card-bg: #fff;
  }

	:root[data-bs-theme="dark"] .btn-outline-secondary {
	--bs-btn-color:  #fff;
}

	:root[data-bs-theme="dark"] .disclaimer {
		color: #818080;
	}
	
	:root[data-bs-theme="dark"] .cart-box {
		background: var(--light);
	}
	
	:root[data-bs-theme="dark"] .border-top {
		--bs-border-color : #24292e;
	}

	:root[data-bs-theme="dark"] .badge-border {
		border: 1px solid #24292e;
	}
	
	:root[data-bs-theme="dark"] .link-primary {
		color: var(--bs-green-l) !important;
	}

	:root[data-bs-theme="dark"] .form-control::placeholder {
		color: var( --bs-gray-600);
	}

 :root[data-bs-theme="dark"] .raised-large{
		box-shadow:
		  0 0.2px 2.2px rgba(255, 255, 255, 0.02),
		  0 0.4px 5.3px rgba(255, 255, 255, 0.028),
		  0 0.8px 10px rgba(255, 255, 255, 0.035),
		  0 1.3px 17.9px rgba(255, 255, 255, 0.042),
		  0 2.5px 33.4px rgba(255, 255, 255, 0.05),
		  0 6px 80px rgba(255, 255, 255, 0.07);
	}