/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&display=swap');
================================================== */

@font-face {
    font-family: ESPeak;
    src: url("../fonts/espeak/ESPeak-Regular.otf") format("opentype");
	font-display: fallback;
}

@font-face {
    font-family: ESPeak;
    font-weight: 700;
    src: url("../fonts/espeak/ESPeak-Semibold.otf") format("opentype");
	font-display: fallback;
}

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body { font-size: 16px; line-height: 1.4; color: #414042; font-family: 'ESPeak', Arial, sans-serif; background: #fbf8f3; }
img { border: 0; max-width: 100%; height: auto; display: block; }
ul, li { list-style: none; }
a { color: #414042; text-decoration: none; outline: none; transition: 0.3s; }
a:hover { color: #6AAC9E; text-decoration: none; }
a:focus { outline: none; }
a.more { font-size: 16px; color: #db0020; }
a.more:before { content: '+'; margin-right: 5px; }
a.more:hover { color: inherit; }
hr { margin: 10px 0; border: 0 none; width: 100%; height: 2px; background: #414042; }
p { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; line-height: 1.1; color: #414042; font-weight: 700; }
h1 { font-size: 60px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* ### global classes ### */
.centered { padding-right: calc((100% - 1170px) / 2); padding-left: calc((100% - 1170px) / 2); }
.centered:after,
.clear { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.module_content .clear { content: ''; display: block; clear: both; visibility: visible; line-height: inherit; height: auto; }
.hide { display:none; }

/* ### form ### */
input, textarea { padding: 9px 13px; outline: none; border: 1px solid #bababa; height: 40px; width: 100%; display: block; font-size: 16px; color: #414042; font-family: 'Roboto', Arial, sans-serif; }
::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { opacity: 1; color: #414042; font-style: italic; }
input::placeholder { opacity: 1; color: #414042; font-style: italic; }
::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #414042; font-style: italic; }
textarea::placeholder { opacity: 1; color: #414042; font-style: italic; }
#Query::-webkit-input-placeholder, #Query:-moz-placeholder, #Query::-moz-placeholder, #Query:-ms-input-placeholder, #Query::placeholder { color: #414042; }
select { padding: 0 26px 0 6px; border: 1px solid #bababa; border-radius: 2px; cursor: pointer; outline: none; width: 100%; height: 40px; font-size: 16px; color: #414042; -webkit-appearance: none; -moz-appearance: none; background: #fff url('../img/select-down.png') 95% no-repeat; background-size: 13px 10px;font-family: 'Roboto', Arial, sans-serif; font-weight: 400; }
select option { font-size: 16px; }
select::-ms-expand { display: none; }
select:focus:hover { background-image: url('../img/select-up.png'); }
input[type="radio"],
input[type="checkbox"]{ cursor: pointer; display: inline-block; width: auto; height: auto; }
input[type="text"], textarea, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none;-webkit-border-radius:0;  }
fieldset { border: 0 none; }

#perstxt textarea { width:100%; height:185px; overflow:hidden; text-align:center; font-size:14px; line-height:22px; }

input#vouchercode { width:300px; float:left; margin-right:20px; } 
input#pincode { width:130px; float:left; } 
#formsaldocheck .button { clear:both; float:left; margin-top:20px; margin-bottom: 40px; }
#saldoresult { clear:both; float:left; margin: 10px 0; }
#saldoresult .error { color:#F00 !important; }

/* ### counter ### */
.counter { position: relative; }
/* .counter input { padding: 10px 30px; width: 100%; font-size: 16px; text-align: center; font-weight: 700; height: 60px; border-radius: 2px; } */
.counter input { padding: 0; width: 40px; font-size: 16px; text-align: center; font-weight: 700; height: 40px; border: 0; background: transparent; float: left; display: block; line-height: 40px; padding-top: 4px; }
.counter input::-webkit-input-placeholder { color: #414042; font-style: normal; }
.counter input::-moz-placeholder { color: #414042; font-style: normal; }
.counter input:-ms-input-placeholder { color: #414042; font-style: normal; }
.counter input:-moz-placeholder { color: #414042; font-style: normal; }
/* .counter span { line-height: 60px; width: 30px; text-align: center; font-size: 16px; font-weight: 700; cursor: pointer; position: absolute; top: 0; height: 100%; } */
.counter span { line-height: 40px; width: 40px; height: 40px; text-align: center; font-size: 16px; font-weight: 700; cursor: pointer; border-radius: 100%; border: 1px solid; float: left; background-color: #fbf8f3; display: block; }

/* ### button ### */
.button { padding: 14px 15px; transition: 0.3s; border-radius: 5px; border: 0 none; display: inline-block; height: 50px; outline: none; text-align: center; cursor: pointer; color: #fff; font-size: 22px; text-transform: initial; background: #FF8A64; text-decoration:none !important; }
.button:hover { color:#fff; text-decoration:none !important; }
.button.gray { padding: 8px 8px; font-size: 12px; height: 28px; color: #fff; text-transform: inherit; background: #bababa; }
.button.primary { padding: 8px 15px; border-radius: 4px; font-size: 18px; font-weight: 700; text-transform: none; height: 40px; background: #414042; }
.button.primary:hover { background: #414042; color:#fff; }

/* ### Slider ### */
.slick-slider .slick-slide { outline: none; }
.flickity-prev-next-button,
.slick-slider .slick-arrow { outline: none; cursor: pointer; overflow: hidden; text-indent: -9999px; z-index: 5; transform: translateY(-50%); position: absolute; top: 50%; width: 25px; height: 31px; border: 0 none; background-color: transparent; background-size: 100% 100%; border-radius: 0; }
.flickity-prev-next-button.previous,.flickity-prev-next-button.previous:hover,
.slick-slider .slick-prev { left: -50px; background-image: url('../img/angle-left.png') !important; }
.flickity-prev-next-button.next,.flickity-prev-next-button.next:hover,
.slick-slider .slick-next { right: -50px; background-image: url('../img/angle-right.png') !important; }
.flickity-prev-next-button svg { display: none;}
.flickity-prev-next-button:hover { background: transparent !important; }
.flickity-prev-next-button:focus { box-shadow: 0 0 0 0 #09F !important; }
.flickity-prev-next-button:active { opacity: 1.0 !important; }


.totMob { display:none; }


	/* ### sliderbox box ### */
		.sliderBox { width: 100%; overflow: hidden; position: relative; border-top: 0; height: 80vh; margin-top:0; margin-bottom: -1px; }
		.sliderBox .slider { position: relative; width: 100%; margin: 0 auto; height: 80vh; }
		.prodgroep .sliderBox { height:auto; }
		.prodgroep .sliderBox .slider { height:auto; }
		.sliderBox .slider a { width:auto; height: 80vh; }
		.sliderBox img { width: 100%; height: 80vh; }
		.prodgroep .sliderBox img { width: 100%; height:auto; }
		.sliderBox ul { list-style: none; }
		.sliderBox ul.cycle-slideshow { list-style: none; height: 80vh;}
		.sliderBox li { position: relative; width: 100%; background-color: #fbf8f3; }
		.sliderBox  li .slideimg { width:100%; height:80vh; background-color: #fbf8f3; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
		.sliderBox .overlay { width: 100%; position: absolute; left: 0; top: 0; z-index: 999; display: table; height: 80vh; background-image: url('../img/naturesgift-hero-desktop.svg'); background-repeat: no-repeat; background-size: cover; background-position-y: bottom; }
		.sliderBox .overlayinner { display: table-cell; vertical-align: middle; }
		.sliderBox .overlay .block { width: 500px; text-align: left; float:right; height:auto; /* background-color: hsla(0, 0%, 100%, 0.6); border-radius: 10px; */ padding: 30px 0; margin-right: calc((100% - 1170px) / 2); }
		.sliderBox h2 { padding: 0; font-size:50px; color: #fbf8f3; font-weight: 700; line-height:60px; }
		.sliderBox p { padding: 0; color: #fbf8f3; }
		.sliderBox .inner ul { list-style: none; }
		.sliderBox .inner ul li { padding: 0 0 10px 20px; height: auto; font-size: 18px; color: #414042; background: url(../images/arrow1.png) left 5px no-repeat; }
		.sliderBox .button { padding: 12px 35px; height: auto; font-weight:400; display:initial; }
		.sliderBox .ctaBtn { padding-top:0; margin-top:55px; }
		.sliderBox .ctaBtn a { height:auto; }


/* ### wrapper ### */
#wrapper { padding-top: 84px; overflow: hidden; width: 100%; }

	/* ### header container ### */
	#headerCntr { padding: 0 50px; box-shadow: 0 4px 14px rgba(0,0,0,0.1); height: 84px; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; border-bottom: 0px solid #aeaeae; background: #fbf8f3; height:55px; }
	#headerCntr .logo { margin-top: 9px; float: left; height:67px; width:auto; }
	#headerCntr .logo img { height:100%; width:auto; }

		/* ### toggle box ### */
		.toggleBox { padding: 21px 23px 21px 0; float: left; position: relative; }
		.toggleBox .toggle { padding: 17px 0; overflow: hidden; display: block; width: 30px; height: 30px; position: relative; }
		/*.toggleBox .toggle:before,
		.toggleBox .toggle:after { content: ''; position: absolute; left: 0; }
		.toggleBox .toggle:before { top: 0; }
		.toggleBox .toggle:after { bottom: 0; }
		.toggleBox .toggle:before,
		.toggleBox .toggle:after,
		.toggleBox .toggle span { display: block; width: 100%; height: 7px; border-radius: 5px; -webkit-border-radius: 5px; background: #525452; }
		*/
		.toggleBox .dropDown { display: none; z-index: 1; min-width: 254px; position: fixed; left: 20px; top: 84px; bottom: 0; }
		.toggleBox .dropDown:after { content: ""; z-index: -1; display: block; position: absolute; left: -5000px; right: -5000px; top: -2px; bottom: -5000px; background: rgba(0,0,0,0.75); }
		.toggleBox .dropDown > div { position: absolute; left: 0; top: -2px; width: 100%; bottom: 0; overflow-x: hidden; overflow-y: auto; background: rgba(0,0,0,0); padding-top:58px; background:#f3f0e7; }
		.toggleBox .dropDown > div > ul { padding-right: 5px; margin-right: -5px; border: 1px solid #414042; background: #f3f0e7; }
		.toggleBox .dropDown > div > ul > li { border-bottom: 1px solid #414042; }
		.toggleBox .dropDown > div > ul > li:last-child { border-bottom: 0 none; }
		.toggleBox .dropDown > div > ul > li > a, .toggleBox .dropDown > div > ul > li > span > a { padding: 8px 12px; display: block; white-space: nowrap; color: #414042; font-weight: 700; }
		.toggleBox .dropDown > div > ul > li > a:hover { color: #414042; }
		.toggleBox .dropDown > div > ul > li > ul > li { padding: 8px 15px; }
		.toggleBox .dropDown > div > ul > li > ul > li:first-child { border-top: 1px solid #d0d0d0; }
		.toggleBox .dropDown > div > ul > li > ul > li > a { white-space: nowrap; display: block; }
		.toggleBox .dropDown > div > ul > li > ul > li > a:hover { color: #414042; }
		.toggleBox .dropDown > div > ul > li > ul > li.next > a { position: relative; }
		.toggleBox .dropDown > div > ul > li > ul > li.next > a:after { content: ''; position: absolute; right: 0; top: 3px; display: block; width: 8px; height: 10px; background: url('../img/angle-right.png') center no-repeat; background-size: 100% 100%; }
		.toggleBox .dropDown > div > ul.submenu { display: none; }
		.toggleBox .dropDown > div > ul.submenu > li.back { border-bottom: 0 none; }
		.toggleBox .dropDown > div > ul.submenu > li.back > a { padding-left: 40px; position: relative; font-weight: 400; }
		.toggleBox .dropDown > div > ul.submenu > li.back > a:before { content: ''; position: absolute; left: 8px; top: 10px; display: block; width: 8px; height: 10px; background: url('../img/angle-left.png') center no-repeat; background-size: 100% 100%;  }
		.toggleBox .dropDown > div > ul.submenu > li > ul > li { padding: 0; }
		.toggleBox .dropDown > div > ul.submenu > li > ul > li > span { padding: 0 0 0 40px; clear:both; line-height:38px; }
		.toggleBox .dropDown > div > ul.submenu > li > ul > li > a { padding: 0; display: flex; }
		.toggleBox .dropDown > div > ul.submenu > li > ul > li > a > span { padding: 8px; letter-spacing: 0.5px; position: relative; text-align: center; width: 50%; }
		.toggleBox .dropDown > div > ul.submenu > li > ul > li > a > span:last-of-type:before { content: '-'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
		.toggleBox .dropDown > div > ul.submenu > li > ul > li > a > span:first-of-type:before { display: none; }

		/* ### menu box ### */
		.searchBox { margin: 34px 0 0 30px; width: 300px; float: left; }
		.searchBox form { width: 100%; position: relative; height: 25px; }
		.searchBox input[type="text"]{ padding: 3px 10px 3px 24px; margin: 0; border: 0 none; width: 100%; height: 25px; font-style: italic; font-size: 16px; background: #fbf8f3; }
		.searchBox button[type="submit"]{ outline: none; position: absolute; z-index: 1; cursor: pointer; left: 0; top: 0; overflow: hidden; border: 0 none; width: 16px; height: 100%; background:#fbf8f3 none; }

		/* ### cart box ### */
		.cartBox { padding: 25px 10px 0 0; float: right; }
		.cartBox a { margin: 0 5px; position: relative; display: block; float: right; }
		.cartBox a span { font-size: 15px; font-weight: 700; color: #fff; text-align: center; line-height: 18px; display: block; width: 18px; height: 18px; border-radius: 50%; position: absolute; right: -7px; top: 10px; transform: translateY(-50%); background: #ed7205; }
		.cartBox .heart { width: 40px; margin-right:24px; }
		/*.cartBox .heart:before { content: ''; display: block; height: 40px; width: 40px; background: url('../img/heart-gray-o.svg') center no-repeat; background-size: 40px 40px; } */
		.cartBox .cart { width: 40px; margin-top: -2px; }
		/*.cartBox .cart:before { content: ''; display: block; height: 40px; width: 40px; background: url('../img/cart.png') center no-repeat; background-size: 40px 40px; } */
		.cartBox .cart .fa-shopping-cart { font-size: 26px; }
		.cartBox .cart span { right: -5px; }
		
		
	#wrapper { padding-top: 104px; }
	#headerCntr { height: 104px; }
	#headerCntr .logo { margin-top: 17px; height:27px; margin-left:40px; position:relative; z-index:99999; }
	
	.headlogoBox { float: left; margin-top: 17px; margin-left:0; position:relative; z-index:99999; padding: 0; }
	.headlogoBox, .headlogoBox a, .headlogoBox a:hover {color: #414042; text-decoration:none; }
	.headlogoBox span {  font-size:36px; }
	.headlogoBox img { height: 56px; width: auto; }
	
	.toggleBox { display: none; padding: 33px 0px 15px 0; }
	.toggleBox .toggle { padding: 0; width: 30px; }
	/*.toggleBox .toggle:before,
	.toggleBox .toggle:after,
	.toggleBox .toggle span { border-radius: 10px; height: 5px; } */
	.toggleBox .toggle .fa-bars { font-size: 25px; color:#414042; }
	.toggleBox .dropDown { top: 77px; }
	.phoneBox { padding: 33px 0 0; float: right; color: #414042; margin-right:24px; }
	.phoneBox a { color: #6AAC9E; }
	.phoneBox a span {font-weight: normal; font-size: 18px; margin-left: 14px; }
	.cartBox { padding: 31px 0 0; }
	.cartBox a span { font-size: 10px; width: 14px; height: 14px; line-height: 14px; }
	.cartBox .cart:before, .cartBox .heart:before { width: 30px; height: 30px; background-size: 30px 30px; }
	.cartBox .cart:hover, .cartBox .heart:hover { color: #414042; }
	.cartBox .heart, .cartBox .cart { width: 22px; }
	.cartBox .heart	.fa-heart { font-size: 22px; }
	.cartBox .cart	.fa-shopping-bag { font-size: 21px; }
	.reviewsBox { float: right; height: 40px; display: table-cell; vertical-align: middle; margin-top: 7px; margin-right: 50px; margin-left: 20px; line-height: 40px; }
	.reviewsBox img { vertical-align: middle; display: inline-block; }

		/* ### menu box ### */
		.centered.menuCntr { margin-top: 74px; padding-left:0; padding-right:0; }
		.menuBox { padding: 0; float: none; font-size:18px; margin: auto; width: auto; text-align: center; }
		.menuBox > ul > li { margin: 0 20px; display: inline-block;  }
		.menuBox > ul > li a { line-height:24px; font-weight: 700; }
		.menuBox > ul > li:last-child { margin-right:0; }
		.menuBox > ul > li.submenu > a { position: relative; }
		.menuBox > ul > li.submenu > a:after { content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 11px; height: 8px; display: block; transition: 0.3s; background: url('../img/angle-down.svg') center no-repeat; background-size: 100% 100%; }
		.menuBox > ul > li:hover > a,
		.menuBox > ul > li.is-active > a { color: #6AAC9E; }
		.menuBox > ul > li:hover > a:after { background-image: url('../img/angle-down-green.svg'); }
		/* .menuBox > ul > li.is-active:hover > a:after, .menuBox > ul > li.is-active > a:after { background-image: url('../img/angle-up-green.svg'); } */
		.menuBox li.submenu:hover ul.subnav { display: block; }
		.menuBox > ul > li > ul { position: absolute; display: none; border-top: 0;top: 89px;overflow: auto;z-index: 9;width: 240px;background: #6AAC9E; margin-left: -80px; }
		.menuBox > ul > li > ul > li { position: relative; background: #6AAC9E;border-top: 1px solid #fbf8f3; padding: 5px 0; line-height:24px; }
		.menuBox > ul > li > ul > li:hover { background: #fbf8f3; color:#414042; }
		.menuBox > ul > li > ul > li a { color:#fbf8f3;font-size: 16px;line-height:24px; }
		.menuBox > ul > li > ul > li a:hover, .menuBox > ul > li > ul > li:hover a { color:#414042 !important; }
		.menuBox > ul > li > ul > li > ul  { overflow: hidden; display: flex; flex-wrap: wrap; }
		.menuBox > ul > li > ul > li > ul > li { padding: 30px 43px; width: 25%; float: left; border-left: 1px solid #bababa; }
		.menuBox > ul > li > ul > li > ul > li:first-child { border: 0 none; }
		.menuBox > ul > li > ul > li > ul > li h4 { margin-bottom: 20px; }
		/* .menuBox > ul > li > ul > li > ul > li > a:hover { color: #db0020; } */
		.menuBox > ul > li > ul > li > ul > li > ul { margin-bottom: 53px; }
		.menuBox > ul > li > ul > li > ul > li > ul > li { margin-bottom: 16px; }
		/* .menuBox > ul > li > ul > li > ul > li > ul > li > a:hover { color: #db0020; } */
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li { margin: 0; }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li > a { display: flex; }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li > a > span { padding: 8px 0; letter-spacing: 0.5px; position: relative; width: 50%; }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li:first-child > a > span { padding-top: 0; }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li > a > span:last-of-type:before { content: '-'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li > a > span:last-of-type { text-align: right; }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li > a > span:first-of-type { text-align: left; }
		.menuBox > ul > li > ul > li > ul > li > ul.budget > li > a > span:first-of-type:before { display: none; }
		.menuBox > ul > li .close { position: absolute; right: 20px; top: 25px; overflow: hidden; text-indent: -999px; display: block; width: 29px; height: 15px; background: url('../img/angle-up.svg') center no-repeat; background-size: 100% 100%; }


		/* ### topmenu box ### */
		.topmenuBox { padding: 0; float: right; font-size:18px; margin: auto; width: auto; text-align: center; margin-right: 45px; margin-top:31px; }
		.topmenuBox > ul > li { margin: 0 25px; display: inline-block;  }
		/* .topmenuBox > ul > li a { line-height:90px; } */
		.topmenuBox > ul > li:first-child { margin-left:0; }
		.topmenuBox > ul > li:last-child { margin-right:0; }
		.topmenuBox > ul > li.submenu > a { position: relative; }
		.topmenuBox > ul > li.submenu > a:after { content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 11px; height: 8px; display: block; transition: 0.3s; background: url('../img/angle-down.svg') center no-repeat; background-size: 100% 100%; }
		.topmenuBox > ul > li:hover > a,
		.topmenuBox > ul > li.is-active > a { color: #6AAC9E; }
		.topmenuBox > ul > li:hover > a:after { background-image: url('../img/angle-down-green.svg'); }


	/* ### hero container ### */
	#heroCntr { width: 100%; }
	
	.meerdetailsMob { display:none;}

		/* ### banner box ### */
		.bannerBox { padding-top: 100px;  min-height: 440px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
		.bannerBox h1 { margin-bottom: 33px; text-shadow: 1px 1px 5px #414042; color: #fff; font-weight: normal; font-family: 'Arima Madurai', cursive; }
		.bannerBox form { padding: 10px 270px 10px 10px; margin: 0 auto; position: relative; border-radius: 7px; max-width: 1045px; height: 80px; background: rgba(0,0,0,0.5); }
		.bannerBox2 form p { padding: 20px 15px; margin: 0; width: 56.5%; color: #010101; background: #fff; height: 60px; border-left: 1px solid #a5a5a5; float: left; border-radius: 0 2px 2px 0; }
		.bannerBox form #saldoresult { padding: 20px 15px; margin: 0; width: 56.5%; color: #010101; background: #fff; height: 60px; border-left: 1px solid #a5a5a5; float: left; border-radius: 0 2px 2px 0; }
		.bannerBox form #saldoresult p { color: #e51751; font-style: italic; margin-bottom:0; }
		.bannerBox form p.alert { color: #e51751; font-style: italic; }
		.bannerBox input[type="text"]{ padding: 15px; margin: 0; float: left; color: #414042; border-radius: 2px 0 0 2px; text-align: center; width: 43.5%; border: 0 none; height: 60px; background: #fff; }
		.bannerBox .button { padding: 12px 35px; height: auto; font-weight:400; display:initial; }
		.bannerBox .ctaBtn { padding-top:50px; }
		
		
		.usphomeCntr { width:100%; overflow:hidden; padding-top:20px; margin-top: -1px; z-index: 99; position: relative; background: #fbf8f3; /* background-color: #414042; -webkit-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.5); box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.5); */ }
		.usphomeCntr .usp { width: auto; display: flex; text-align: left; line-height: 60px; justify-content: space-around; list-style: none; }
		.usphomeCntr .usp li {list-style: none; margin:0; padding:0; }
		.usphomeCntr .usp p { line-height: 60px; text-align: left; vertical-align: middle; margin:0; padding:0; font-weight:700; }
		.usphomeCntr .usp p a, .usphomeCntr .usp p a:hover { color: #fff; text-decoration:none; }
		.usphomeCntr .usp p img { display: inline-block; vertical-align: middle; margin-right:10px; }

		/* ### photo box ### */
        .photoBox { position: relative; text-align: center; height: 439px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
		.giftcards .photoBox { height:auto; }
        .photoBox > img { opacity: 0; }
		.giftcards .photoBox > img { opacity: 1; width:100%; height:auto; }
        .photoBox ul li { padding: 21px 2px; }
        .photoBox ul li img { margin: 0 auto; max-width:75%; }
        .photoBox .logo { overflow: hidden; width: 85px; z-index: 2; position: absolute; right: 0; top: 0; bottom: 0; background: rgba(255,255,255, 0.5); }
        .photoBox .heart { display:none; position: absolute; z-index: 2; right: 97px; top: 13px; text-indent: -999px; overflow: hidden; display: block; width: 52px; height: 52px; border-radius: 50%; background: #515151 url('../img/heart-green.svg') center no-repeat; background-size: 40px 36px; }
        .photoBox .button { position: absolute; left: 20px; bottom: 20px; z-index: 1; }
		.photoBox .price { padding: 10px 15px; display: none; position: absolute; right: 10px; bottom: 0; font-weight: 700; font-size: 30px; color: #fefefe; background: #414042; }
		.photoBox .price .old { margin-right: 18px; letter-spacing: 1px; font-weight: 400;  display: inline-block; text-decoration: line-through; color: #d80067; font-size: 20px; }
		.photoBox .price span { vertical-align: middle; }
		.photoBox .price span:first-letter { margin-right: 15px; }
		.photoBox .gallery { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; text-indent: -9999px; }
		
		
		.heroCntr { width:100%; position: relative; }
		.headimgBox #prodimgslider { width:100%; display: flex; flex-wrap: wrap; }
		.headimgBox ul li /*, .headimgBox #prodimgslider div */ { padding: 0; float: left; width: 32.6%; }
		.headimgBox ul li:nth-child(2), .headimgBox #prodimgslider div:nth-child(2) { margin: 0 1%; }
        .headimgBox ul li div, .headimgBox #prodimgslider div { flex: 1 0 calc(33% - 1%); background-size: cover; background-repeat: no-repeat; background-position-x: center; }
		/* .bp .headimgBox ul li div, .bp .headimgBox #prodimgslider div  { height: 385px; } */
		.headimgBox #prodimgslider div:after{ content: ''; display: block; padding-bottom: 100%; }
		.headimgBox #prodimgslider .next, .headimgBox #prodimgslider .prev { display:none; }
		.headimgBox #prodimgslider .fa-angle-left, .headimgBox #prodimgslider .fa-angle-right { background-color: #fff; border-radius: 100%; width: 32px; height: 32px; opacity: 0.8; }
		.headimgBox #prodimgslider .fa-angle-left:before { display: block; padding-left: 6px; padding-top: 2px; }
		.headimgBox #prodimgslider .fa-angle-right:before { display: block; padding-left: 10px; padding-top: 2px; }


	/* ### content container ### */
	#contentCntr { width: 100%; }
	#contentCntr.belevenisBox { padding-bottom:10px; }

		/* ### how box ### */
		.howBox { padding-top: 50px; padding-bottom: 60px; padding-right: calc((100% - 1350px) / 2); padding-left: calc((100% - 1350px) / 2); background:#efd7bd none; }
		.howBox p { margin-bottom: 5px; line-height: 1.5; padding:0 12%; }
		.howBox h2 { padding: 10px 0 40px 0; margin-bottom: 20px; text-align: center; font-size: 28px; position: relative; }
		.howBox h2 .button { position: absolute; right: 0; top: 2px; }
		.howBox h4 { margin-bottom: 15px; font-size:22px; font-weight:700; }
		.howBox img { margin: 0 auto 28px; }
		.howBox ul { margin: 0 -15px; overflow: hidden; margin-top: -35px; position: relative; }
		.howBox ul li { padding: 0 15px; margin-bottom: 30px; float: left; width: 33.3%; text-align: center; }
		.howBox ul li > div { margin: 0 auto; max-width: 95%; }
		.howBox .howstep { background-color: #ff8159; border-radius: 50%; width: 70px; height: 70px; display: block; color: #fff; line-height: 70px; text-align: center; font-size: 22px; font-weight: 500; margin: 0 auto; margin-bottom: 20px; }
		.howBox .howlineBox { position: relative; width: 100%; z-index: 0; }
		.howBox .howline { height: 1px; border-bottom: 2px solid #ff8159; width: 70%; display: block; margin: 0 auto; }
		
		.cadimgsBox { width:100%; margin-top: 70px; margin-bottom:70px; }
		.cadimgsBox h2 {padding: 10px 0 10px 0; margin-bottom: 7px; text-align: center; color: #414042; font-size: 24px; position: relative; }
		.cadimgs { width: 100%; margin: 0 auto; }
		.cadimgs .cadimg {  float: left; width: 32%; height:500px; margin-right: 1.5%; border-radius: 0; background-repeat: no-repeat; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; overflow:hidden; }
		.cadimgs .cadimg a { display:block; }
		.cadimgs .cadimg .cadimgBox { display: block; border-radius: 20px; left: 30px; right:30px; position: absolute; bottom: 30px; background-color: #fbf8f3; text-align:center; color:#FFF; padding:20px; }
		
		.cadimgs .cadimg h4 { color: #414042; text-align: center; line-height: 30px; font-size: 20px; font-weight: 700; margin: 0 0 5px 0; }
		.cadimgs .cadimg .cadimgBox p { color: #414042; text-align: center; margin-bottom:0; }
		.cadimgs .cadimg.last { margin-right: 0; }
		
		.giftcards input.error { background-color:#F00; color:#FFF; }
		.giftcards .errormsg { 
		clear: both;
    padding-top: 5px;
    font-size: 16px;
    color: #f00;
		}
		
		.welkomCntr { width: 100%; background-repeat: no-repeat; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; padding: 0; text-align: center; color: #fff; }
		.home .welkomCntrOverlay { width: 100%; background-image: url('../img/naturesgift-banner-desktop.svg'); background-repeat: no-repeat; background-position: bottom; background-size: cover; padding: 70px 0; position:relative; padding: 0; }
		.zakelijk .welkomCntrOverlay { width: 100%; background-image: url('../img/naturesgift-zakelijk-desktop.svg'); background-repeat: no-repeat; background-position: bottom; background-size: cover; padding: 70px 0; position:relative; padding: 0; }
		.welkomCntr .welkomTxt { display: table-cell; vertical-align: middle; height: 550px; width: 1170px; }
		.welkomCntr h2 { text-align: center; color: #fff; font-size:36px; margin: auto; margin-bottom:20px; max-width:660px; font-weight:700; }
		.welkomCntr p { padding: 0 18%; font-size: 22px; line-height: 30px; font-weight:normal; }
		.welkomCntr a.button { padding: 12px 35px; height: auto; font-weight: 400; display: inline-block; margin-top:0; background:#fbf8f3 none; color: #414042; }
		

		
		/* ### experience box ### */
		.experienceCntr { /* background: #f3f0e5 none; */ padding-top: 0; width:100%; }
		.experienceBox { padding-bottom: 0; }
		.experienceBox.centered { padding-right: calc((100% - 1350px) / 2); padding-left: calc((100% - 1350px) / 2); }
		.crossellsBox .experienceBox.centered { padding-right: calc((100% - 1170px) / 2); padding-left: calc((100% - 1170px) / 2); }
		.experienceBox h2 { padding: 10px 0 10px 0; margin-bottom: 30px; text-align: center; color: #414042; font-size: 24px; position:relative; }
		.experienceBox.first h2 { padding: 10px 0 10px 0; margin-bottom: 25px; text-align: center; font-size: 28px; }
		.crossellsBox .experienceBox.first h2 { text-align: left; font-size: 30px; }
		.experienceBox h2 a { font-size: 16px; font-weight: normal; position: absolute; right: 7px; bottom: 10px; color:#39523f; }
		.experienceBox h4 { margin-bottom: 0; line-height: 1.2; /* max-height: 42px; */ color: #414042; }
		.experienceBox img { width: 100%; border-radius: 0; }
		.experienceBox .slick-list { margin: 0 -7px; }
		.experienceBox .card { padding: 0 7px; width: 20%; min-height:236px;}
		.crossellsBox .experienceBox .card { width: 25%; }
		.experienceBox .card > figure { position: relative; }
		.experienceBox .card > figure > a { display: block; overflow: hidden; text-indent: -999px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
		.experienceBox .card > figure > a.heart { left: auto; z-index: 5; transition: 0.3s; position: absolute; right: 10px; top: 10px; overflow: hidden; display: block; width: 27px; height: 27px; text-indent: unset; }
		.experienceBox .card > figure > a.heart .far { color: #fff; font-size: 25px; }
		.experienceBox .card > figure > a.heart .fas { color: #ed7205; font-size: 25px; }
		/* .experienceBox .card > figure .heart:hover, .experienceBox .card > figure .heart.selected { background-image: url('../img/heart-green.svg'); } */
		.experienceBox .card > figure:hover h4 { color: #414042; }
		.experienceBox .price { position:relative; width:100%; }
		.experienceBox .price strong { font-weight:normal; }
		.experienceBox .price > div { display: inline-block; color: #d80067; text-decoration: line-through; }
		.experienceBox .location { padding-left: 0; display: block; font-size: 12px; position: relative; }
		.experienceBox .location .fa-map-marker-alt { margin-right:5px; }
		/* .experienceBox .location:before { content: ''; display: block; width: 8px; height: 12px; position: absolute; left: 0; top: 0; background: url('../img/marker.svg') center no-repeat; background-size: 100% 100%; } */
		.experienceBox .flickity-prev-next-button { top: 28%; }
		.crossellsBox .experienceBox .flickity-prev-next-button { top: 34%; }
		.crossellsBox.noslide .experienceBox .flickity-prev-next-button {display: none; }
		.experienceBox.inner { padding-bottom: 0; }
		.experienceBox .product { margin: 0 -7px; display: flex; flex-wrap: wrap; }
		.experienceBox .product p.error { margin-top:27px; }
		.experienceBox .product .card { margin-bottom: 15px; width: 33.3%; }
		.crossellsBox .experienceBox .product .card { width: 25%; }
		.experienceBox .experience-slider{ padding-bottom: 53px; }
		.experienceBox .card > figure > a.duurzaam { left: auto; z-index: 5; transition: 0.3s; position: absolute; right: 45px; top: 10px; overflow: hidden; display: block; width: 25px; height: 25px; text-indent: -10000px; background-image: url('../img/duurzaam.png');background-position: center center; background-repeat: no-repeat;  background-size: cover; }
		.experienceBox .card.bp > figure .cardimg { background-color: #fff;  }
		/* .experienceBox .card.bp > figure .cardimg img { margin: 0 auto; border-radius: 0; width:auto; } */
		.experienceBox .card > figure .infotxt { height: 82px; }
		
		.experienceBox .card > figure .cardimg { width: 100%; height: 0; padding-top: 100%; position: relative; margin-bottom:8px; }
		.experienceBox .card > figure .cardimg div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
		/* .experienceBox .card > figure .cardimg div:after { content: ''; display: block; padding-bottom: 100%; } */
		.experienceBox img { object-fit: cover; width: 100%; height: 100%; display:block; border-radius: 0; }

		/* ### map box ### */
		.mapBox { padding-bottom: 56px; padding-top:0; margin-top: 0; }
		.mapBox h2 {  padding: 0; margin: 0 auto 0 auto; width:fit-content; display:block; text-align: center; color: #39523f; font-size: 20px; position: relative; }
		.mapBox p { padding:0; font-size: 16px; font-weight: normal; display:inline; float:right; margin:0; margin-top:-20px; }
		.mapBox p a { font-size: 16px; font-weight: normal; text-decoration:underline; }
		.mapBox img { max-width: inherit; opacity: 0; }
		.mapBox .map { overflow: hidden; background-position: center center; background-repeat: no-repeat;  background-size: cover; margin-top:0; }
		.mapBox .maptxt { background: #afd3d1 none; padding-top:40px; padding-bottom:40px; }

		/* ### partner box ### */
		.partnerBox { padding-bottom: 20px; text-align: center; margin-top:20px; margin-bottom:50px; }
		.partnerBox h3 { padding-top: 20px; font-size: 28px; margin-bottom:50px; }
		.partnerBox .slick-track { display: flex; }
		.partnerBox .slick-list { margin: 0 -12px; }
		.partnerBox .slide { padding: 0 12px; height: auto; display: flex; align-items: center; background-color: #f4efe7; margin: 8px; padding: 60px; }
		.partnerBox .slide a { display: block;}
		.partnerBox .slide img { margin: 0 auto; }
		
		/* Dots */
.partnerBox .slick-dotted.slick-slider { margin-bottom: 30px; }
.partnerBox .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.partnerBox .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.partnerBox .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.partnerBox .slick-dots li button:hover, .partnerBox .slick-dots li button:focus { outline: none; }
.partnerBox .slick-dots li button:hover:before, .partnerBox .slick-dots li button:focus:before { opacity: 1; }
.partnerBox .slick-dots li button:before { 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; display: block;
    height: 6px;
    width: 6px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -6px; 
    transform: translateY(-50%); }
.partnerBox .slick-dots li.slick-active button:before { opacity: .75; color: black; }
		

		/* ### sco box ### */
		.columnBox { padding-top: 100px; position: relative; background:#f4efe7 none; margin-bottom:-1px; }
		.columnBox p { color: #414042; }
		.columnBox h4 { margin-bottom: 15px; color:#6aac9e; }
		.columnBox ul { margin: 0 -60px; justify-content: flex-end; display: flex; flex-wrap: wrap; }
		.columnBox ul li { padding: 0 60px; margin-bottom: 40px; width: 33.3%; line-height: 1.5; }
		.columnBox ul li a { text-decoration: underline; }
		.columnBox ul li a:hover { text-decoration: none; }
	/*	.columnBox:after { content: ''; border-bottom: 2px solid #e0e0e0;  display: block; position: absolute; left: calc((100% - 1170px) / 2); right: calc((100% - 1170px) / 2); bottom: 0; visibility:visible; } */


		/* ### tool box ### */
		.toolBox { padding-top: 21px; padding-bottom: 17px; }
		.toolBox .code { width: 31%; float: left; }
		.toolBox .code > div { border-radius: 2px; overflow: hidden; height: 40px; position: relative; }
		.toolBox .code p { margin: 0; font-style: italic; color: #414042; font-family: Calibri, Roboto, sans-serif;  }
		.toolBox .code #saldoresult { margin: 0; font-style: italic; color: #414042; font-family: Calibri, Roboto, sans-serif; border-radius:0; overflow:visible; height:auto;  }
		.toolBox .code #saldowait { display:none;border-radius:0; overflow:visible; height:auto; text-align:center; }
		.toolBox .code #saldowait img { display:inline; }
		.toolBox .code #saldoresult p { color: #e51751; }
		.toolBox .code p.alert { color: #e51751; }
		.toolBox .code input { padding-right: 85px; border-radius: 2px; margin-bottom: 0; }
		.toolBox .code .button { padding: 7px 9px; height: auto; border-radius: 0; font-weight: 700; min-width: 75px; position: absolute; right: 1px; top: 1px; bottom: 1px; font-size: 20px; }
		.toolBox .sort { float: right; }
		.toolBox .sort select { float: right; width: 164px;padding: 0 26px 0 16px; border-radius: 10px; }
		.toolBox .sort ul { float: left; }
		.toolBox .sort ul li { margin-right: 13px; float: left; }
		.toolBox .sort ul li > div { padding: 8px 10px; cursor: pointer; position: relative; border-radius: 2px; border: 1px solid #bababa; transition: 0.3s; height: 40px; }
		.toolBox .sort ul li > div:before { content: ''; transition: 0.3s; display: block; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
		.toolBox .sort ul li > div:hover,
		.toolBox .sort ul li > div.is-active { color: #ed7205; border-color: #ed7205; }
		.toolBox .sort ul li > div.map { padding-left: 50px; }
		.toolBox .sort ul li > div.map:before { width: 26px; height: 31px; background-image: url('../img/nl-map-black.svg'); }
		.toolBox .sort ul li > div.map:hover:before,
		.toolBox .sort ul li > div.map.is-active:before { background-image: url('../img/nl-map-orangeyellow.svg'); }
		.toolBox .sort ul li > div.photo { padding-left: 45px; }
		/* .toolBox .sort ul li > div.photo:before { width: 23px; height: 23px; background-image: url('../img/grid.png'); } 
		.toolBox .sort ul li > div.photo:hover:before,
		.toolBox .sort ul li > div.photo.is-active:before { background-image: url('../img/grid-green.png'); } */
		.toolBox .sort ul li > div.photo i { position: absolute; left: 5px; font-size: 27px; top: 5px;}

	#descrBox #leesmeercontent, #descrBox a.hide { display:none; }
	#descrBox #leesmeercontent { padding-top:10px; }
	#descrBox a#leesmeer, #descrBox a#leesminder { font-size: 16px; text-decoration:underline; }
	#descrBox a#leesmeer:hover, #descrBox a#leesminder:hover { text-decoration:none; }
	
	.heroCntr.giftcards { margin-bottom: 30px; margin-top: 20px; }

		/* ### tab box ### */
		.tabBox { font-size: 18px; position: relative; z-index: 2; }
		.tabBox.brands { z-index: 1; }
		.tabBox p { margin-bottom: 20px; line-height: 1.2; font-size: 16px; }
		.tabBox h1 { margin-bottom: 20px; color: #414042; font-size:30px; }
		.tabBox h2 { margin-bottom: 20px; color: #414042; }
		.tabBox h3 { margin-bottom: 7px; color: #414042; margin-top:30px; }
		.tabBox h4 { margin-bottom: 0; }
		.tabBox ul { margin-bottom: 30px; border-bottom: 2px solid #414042; }
		.tabBox ul li { padding: 13px 10px; display: inline-block; }
		.tabBox ul li a { font-size: 16px; color: #414042; font-weight: 700; }
		.tabBox ul li a:hover,
		.tabBox ul li.is-active a { color: #414042; }
		.tabBox ul li:first-child { padding-left: 0; }
		.tabBox ul li:last-child { padding-right: 0; }
		
		.kortomschr { padding:0 30px 0 30px; }
		.giftcards .tabBox .left .info .kortomschr p { line-height:30px; }
		.belevenisBox .tabBox .left .info .kortomschr p { line-height:30px; }
		
		.crossellsBox { position: relative; z-index:1; }
		
		.showmoreBox { margin-bottom: 40px; }
		.showmoreBox h2 { margin: 0 0 10px 0; }
		.showmoreBox .moretxt { display:none; }
		.showmoreBox .showmore.open { display:none; }
		.showmoreBox .showmore, .showmoreBox .hidemore { text-align: right; font-weight: 700; font-size: 16px; }
		.showmoreBox .showmore:hover, .showmoreBox .hidemore:hover { color: #6AAC9E; text-decoration: none; cursor:pointer; }
		
		
		#ordercard { padding-top: 30px; }	
		
		.tabBox a.btnGiftcard { 
		transition: 0.3s;
    border-radius: 5px;
    border: 0 none;
    outline: none;
    text-align: center;
    cursor: pointer;
    color: #fff;
    text-transform: initial;
    background: #FF8A64;
    text-decoration: none !important;
    padding: 0px 15px;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    float: none;
    margin: 0 auto 20px auto;
    display: block;
		}
		
		.tabBox .kortomschr ul { margin-bottom: 0px; border-bottom: 0; list-style:disc; }
		.tabBox .kortomschr ul li { padding: 4px 0px; display: list-item; margin-left:16px; list-style:disc; line-height: 1.2; font-size: 16px; }
		.tabBox .kortomschr ul li.fas { list-style:none; font-family:inherit; font-weight:normal; margin-left:0; display: inline-flex; width: 100%; }
		
		.tabBox .kortomschr ul li.fas:before { font-family: "Font Awesome 5 Free"; font-weight:900; color: #6AAC9E; font-size: 12px; margin-right: 10px; margin-top: 3px; }
		
		#addcartBox { padding-top: 35px; margin-bottom:50px; border-bottom:0; }
		
		.giftcards .tabBox ul { list-style:none; border:0; margin-bottom:20px; line-height: 1.2; font-size: 16px; }
		.giftcards .tabBox li { padding: 0; display: list-item; margin-left: 20px; }
		.giftcards .tabBox { border-bottom: 1px solid #414042; z-index:9; }
		.giftcards .tabBox .kortomschr ul li { display:inline-flex; }
		
		.tabBox hr { margin: 23px 0 28px; }
		.tabBox .left { width: 60%; float: left;position: relative; margin-top:32px; }
		.tabBox .left .tabs { margin-bottom: 40px; }
		.tabBox .right { width: 38%; float: right; margin-bottom:20px;}
		.tabBox .left .info { display: block; position:absolute; top:0; /*left:calc(1170px - 60%);*/ right:-66.4%; top:-40px; background-color: #f4efe7; margin-right:20px; padding-bottom:80px; }
		.tabBox .left .info.externalprod { text-align:center; padding-bottom: 50px; }
		.giftcards .tabBox .left .info { padding-bottom: 0; }
		.tabBox .info { margin-top: -37px; max-width: 340px; width: 100%; float: right; border-radius: 20px; }
		.tabBox .info .price { padding: 20px 20px; margin: 0; font-weight: 700; font-size: 30px; text-align:center; }
		.tabBox .right .info { display:none; }
		/* .tabBox .info .price.noold { padding-left:122px; } */
		.tabBox .info .price .old { margin-right: 18px; position: relative; top: 5px; letter-spacing: 1px; font-weight: 400;  display: inline-block; text-decoration: line-through; color: #d80067; font-size: 20px; }
		/* .tabBox .info .price span { display: inline-block; } */
		.tabBox .info .price span:first-letter { margin-right: 15px; }
		.tabBox .info ol { padding: 5px 25px 5px 45px; margin-bottom: 0; font-size: 16px; font-weight: 700; }
		.tabBox .info ol li { padding-left: 77px; line-height: 1.5; margin-bottom: 19px; position: relative; font-weight: 400; }
		.tabBox .info ol li.persa { padding-left: 0; }
		.tabBox .info ol li.persa a { text-decoration:underline; }
		.tabBox .info ol li.persa a:hover { text-decoration:none; }
		.tabBox .info ol li > div { width: 40px; display: block; position: absolute; left: 0; top: -5px; }
		.tabBox .info ol li.loca > div { top: 4px; }
		.tabBox .info ol li > div img { margin: 0 auto; }
		.tabBox .info ol li > div i { font-size: 25px; color: #395240; }
		.tabBox .info ol li:last-child > div {  top: -8px; }
		.tabBox .info ol li.loca:last-child > div {  top: 5px; }
		.tabBox .info ol li.loca.single:last-child > div {  top: -5px; }
		.tabBox .quantity { padding: 0 30px; margin-bottom: 0; position: relative; }
		.tabBox .counter { width: 124px; float:left; }
		.tabBox#addcartBox .quantity { padding:0; width: 140px; min-height: 65px; float:left; }
		.giftcards .tabBox .left .quantity { min-height:0; }
		.giftcards .tabBox label { float:left; display:block; font-weight:bold; }
		.giftcards .tabBox .counter  { left:0; top: 0; }
		.giftcards .counter span { min-height: 40px; line-height: 40px; }
		.giftcards .counter input { height: 40px; }
		.tabBox .button { padding: 0px 15px; width: 140px; height: 40px; font-size: 16px; font-weight: 700; line-height: 40px; float:right; }
		.tabBox .info.externalprod .button { float:none; width:auto; }
    	.giftcards .tabBox .button {padding: 0 ;letter-spacing: 1px ; height: 60px; font-size: 22px; font-weight: 700; line-height: 60px; height: auto; font-size: 24px; font-weight: 500; width: 240px; display:none; }
		.giftcards .tabBox#addcartBox .button { display:block; }
		.tabBox .favorite { padding: 0 30px; margin-bottom: 35px; text-align: center; font-size: 16px; position: absolute; bottom: -120px; }
		.tabBox .info.externalprod .favorite { bottom: -70px; padding:0; padding-right: 60px; width: 100%;}
		.tabBox .favorite i.fa-heart { color: #ed7205; margin-left: 5px; }
		/* .tabBox .favorite a:after { content: ''; margin-left: 5px; vertical-align: middle; display: inline-block; width: 19px; height: 17px; background: url('../img/heart-gray.png') center no-repeat; }
		.tabBox .favorite a:hover:after, .tabBox .favorite a.selected:after { content: ''; margin-left: 5px; vertical-align: middle; display: inline-block; width: 19px; height: 17px; background: url('../img/heart-gray-fill.png') center no-repeat; } */
		.tabBox .addcarterrormsg { padding-left:30px; font-size: 16px;color: #F00; font-style:italic; }
		.tabBox .inforightimg { margin-top: 480px; text-align: center; max-width: 355px; width: 100%; float: right; }
		.giftcards .tabBox .inforightimg { margin-top: 0; margin-bottom:40px; max-width: 100%;}
		.giftcards .tabBox p#perstxt { padding-top:20px; clear:both; position:relative; margin-bottom: 0; }
		.giftcards .tabBox .addcarterrormsg {  padding: 10px 0; clear:both; }
		
		.tabBox #giveBox { margin-top: 20px; }
		
		.giftcards .tabBox .fldPrice { clear: none;/* width: 160px; */float: left; margin-top: 0; }
		.giftcards .tabBox .fldPrice .currency { float: left; width: 90px; border: 1px solid #bababa; line-height: 38px; padding-left: 10px; clear: both; }
		.giftcards .tabBox .fldPrice input { padding: 9px 5px; border: 0; float: right; width: 62px; height: 36px; }

		.tabBox ul.kenmerken { margin-bottom: 10px; border-bottom: 0;list-style: none; margin-top:20px;  }
		.tabBox ul.kenmerken li { padding:0 0 14px 20px; list-style: none;   display: block; padding: 0; line-height:1.2; font-size:16px; margin-bottom:8px;}
		.tabBox ul.kenmerken li i { margin-right: 7px; }
		.tabBox ul.kenmerken li i.fa-check { color:#6AAC9E; font-weight: 900; font-size: 12px; }
		
		.productUSPBox { position:relative; background-color: #fff; }
		.productUSPBox ul { width: 100%; display: flex; flex-wrap: wrap; padding: 30px 0; }
		.productUSPBox li:before { color:#6AAC9E; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight:900; }
		.productUSPBox li { display: flex; flex: 1 0 21%; font-family: 'ESPeak', Arial, sans-serif; font-weight:normal; }
		

		
		.shiptypeBox { width:100%; float:left; font-size: 16px; margin-bottom:25px; }
		.shipleftBox { width:45%; float:left; margin-right:5%; }
		.shiprightBox { width:50%; float:left; }
		.shiptypeBox input.radio { width: 14px; float: left; margin: 5px 5px 0 0; }
		.shiptypeBox p { margin-top:15px; }
		
		/* calendar */
		.datepickBox { width:100%; float:left; margin-bottom:40px; }
		
		#scw, #scw td { font-family: 'Roboto', sans-serif !important; font-size: 16px; color: #414042; z-index:999; }
td.scwCells { background-color:#FFF !important; }
td.scwCellsExMonthDisabled, td.scwCellsDisabled, td.scwCellsWeekendDisabled { background-color: #e7e7e8 !important; }
td.scwCellsExMonthDisabled { color:#999 !important; }
td.scwCellsExMonth { background-color:#FFF !important; color:#CCC !important; }
#scw input, #scw select, #scw textarea { font-family: 'Roboto', sans-serif !important; font-size: 16px; color: #414042; }
select.scwHead { padding-left:3px; padding-right: 3px; height: auto; background:none; border:0; width:auto; }
#scwHeadLeft, #scwHeadRight { -webkit-appearance: none !important; -moz-appearance: none !important; }
table.scw { border: 1px solid #ccc!important; background: #fff!important; border-collapse:collapse !important; }
td.scwNow { background: #fff!important; text-align:center !important; color: #414042 !important; display:none !important; }
td.scwNow:hover, td.scwNowHover { color: #414042!important; font-weight: normal!important; }
td.scwInputDate { background-color:#414042 !important; color:#FFF !important; }
#scwClearButton { display:none !important; }
td.scwWeek { color: #414042 !important; }
input.scwHead { height:25px !important; width:25px !important; background-color: #414042 !important; color: #FFF !important; border: 0 !important; padding:0; }
td.scwNowDisabled { display:none !important; }
td.scwCellsWeekend, td.scwCellsWeekendHover, td.scwCellsWeekend:hover { background-color:#FFF !important; }

.datepickBox .date { 
    position: relative;
    float: left;
    clear: both;
}
.datepickBox input#deliverydate { width: 220px; padding: 0 0 0 5px; height: 38px; float:left; }
.datepickBox input.button2 { background: #6AAC9E url(../img/calendar.png) no-repeat center center;
    float: left;
    border: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin-left: -37px;
    margin-top: 1px;
}

.perstxt { float:left; width:100%; margin-top:40px; margin-bottom:0; }
textarea#boodschap { width: 700px; height: 250px; }


		/* ### content box ### */
		.contentBox { font-size: 16px; position: relative; z-index: 1; }
		.contentBox  a { text-decoration:underline; }
		.contentBox  a:hover { text-decoration:none; color: #414042; }
		.contentBox.topm { margin-top: 32px; }
		.contentBox p { margin-bottom: 23px; line-height: 1.2; }
		.contentBox p > img { display:inline-block; }
		.contentBox h1, .contentBox h2 { margin-bottom: 23px; font-size:30px; }
		.contentBox h1 { color: #414042; }
		.contentBox h3 { margin-bottom: 7px; }
		.contentBox h4 { margin-bottom: 0; }
		.contentBox a img { display:inline-block; }
		.contentBox .left { float: left; width: 48%; margin-top:0; }
		.contentBox .right { float: right; width: 48%; }
		.contentBox .right img { width: 100%;  }
		.contentBox .right .contentrightimg { display:none; }
		
		.contentBox.txtBox { margin-top:28px; }
		.contentBox.txtBox img { display:inline; }
		
		.contentBox .imgBox h1, .contentBox .imgBox h2 { margin-bottom: 14px; color: #414042; font-size:30px; }
		.contentBox .imgBox img { margin-bottom: 30px; }
		
		.contentBox.prodovzBox h1, .contentBox.prodovzBox h2 { margin-bottom: 10px; font-size:30px; color:#414042; }
		
		
		.b2bitem { width: 100%; float: left; padding-top: 50px; border-top: 1px solid #414042; margin-top: 50px; }
		.b2bitem.welkomCntr { border-top: 0; padding:0; }
		.b2bitem:last-child { margin-bottom: 50px; }
		.b2bitem:first-child { border:0; margin-top: 0; }
		.b2bitem.bggreen + .b2bitem { border:0; margin-top: 0; }
		.b2bitem h2 { margin-bottom: 30px; }
		.b2bitem .b2bitemleft { float: left; width: 45%; }
		.b2bitem .b2bitemleft ul, .b2bitem .b2bitemleft li { list-style: disc; }
		.b2bitem .b2bitemleft li { margin-left: 16px; margin-bottom: 16px; }
		.b2bitem .b2bitemright { float: right; width: 45%; }
		.b2bitem .b2bitemright img { width:100%; height:auto; }
		
		.b2bitem.links .b2bitemleft { float: right; }
		.b2bitem.links .b2bitemright { float: left; }
		
		.b2bitem.midden .b2bitemleft { float: none; width:100%; text-align:center; }
		.b2bitem.midden .b2bitemright { float: none; width:100%; text-align:center; margin-bottom:50px; }
		.b2bitem.midden .centered { display: flex; flex-direction: column-reverse; }
		.b2bitem.midden .b2bitemright img { width:auto; max-width:100%; height:auto; margin:auto; }
		.b2bitem.midden h2 { display:none; }
		
		
		.b2bitem.bggreen { background: #6AAC9E none; color:#fbf8f3; padding:50px 0; border:0; }
		.b2bitem.bggreen h2 { color: #fbf8f3; }
		.b2bitem.bggreen .b2bitemleft { float: left; width: 100%; text-align:center; }
				
		
		.b2bitem .b2bitemleft a.btn {
			padding: 14px 35px;
    transition: 0.3s;
    border-radius: 10px;
    border: 0 none;
    display: inline-block;
    outline: none;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    text-transform: initial;
    background: #FF8A64;
    text-decoration: none !important;
	line-height: 26px;
    height: auto;
    font-weight: 400;
	margin-top:30px;
		}
		
		.b2bitem .b2bitemleft a.btn.green { background:#6AAC9E none; margin-left:30px; }
		
		.faqCntr {
	clear:both;
	position:relative;
	width:100%;
	margin-top:32px;
}

.faqCntr h1 {  margin-bottom: 23px; font-size:30px; }

.faqCntr p { padding: 0 0 15px;  margin-bottom: 0; line-height: 1.2; }

.faqCntr ul > li {
	margin-left:0;
    margin-bottom: 24px;
	position:relative;
    padding-left: 16px;
    line-height: 24px;
	font-weight: 700;
	cursor:pointer;
}

.faqCntr ul > li:before { 
    content: "+";
    position: absolute;
    left: 0;
    top: -1px;
	margin-right:8px;
    font-size: 22px;
    font-weight: 300;
    transition: 0.3s;
}
.faqCntr ul > li.open:before { 
    content: "-";
}

.faqCntr ul > li > ul { 
	margin-top: 24px;
	margin-left: 20px;
	display: none;
}

.faqCntr ul > li.open > ul { 
	display: block;
}

.faqCntr ul > li > ul > li {
	font-weight: 300;
}
.faqCntr ul > li > ul > li.open {
	font-weight: 700;
}
.faqCntr ul > li > ul > li > ul > li.open {
	font-weight: 300;
}

.faqCntr ul > li > ul > li > ul {
	margin-top: 5px;
}

.faqCntr ul > li > ul > li > ul > li {
	padding-left: 0;
}

.faqCntr ul > li > ul > li > ul > li:before { 
    content: "";
    position: absolute;
    left: 0;
    top: 0;
	margin-right:0;
    font-size: 0;
    font-weight: 0;
    transition: 0;
}



.faqCntr ul.faqs > li {
	margin-left:0;
    margin-bottom: 6px;
	position:relative;
}

.faqCntr ul.faqs > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
	margin-right:8px;
    /* transform: translateY(-50%); */
    width: 13px;
    height: 10px;
    display: inline-block;
    transition: 0.3s;
    background: url(../img/select-down.png) center no-repeat;
    background-size: 100% 100%;
}
.faqCntr ul.faqs > li.active:before {
	background-image: url(../img/select-up.png);
}
.faqCntr ul.faqs > li > a {
    font-weight: normal;
    text-decoration: none;
	margin-left: 20px;
    display: inline-block;
}
.faqCntr ul.faqs > li.active > a {
    font-weight: 700;
}
.faqCntr ul.faqs > li div a, .faqCntr ul.faqs > li.active div a {
    font-weight: normal;
}
.faqCntr ul.faqs > li a:hover {
    text-decoration: none;
	color: #6AAC9E;
}

.faqCntr ul.faqs div {
     display: none;
    line-height: 1.2em;
    padding: 4px 4px 24px 0;
	margin-left:20px;
}

.faqCntr ul.faqs ol li {
	list-style:decimal;
	margin-left:16px;
	position:relative;
}

.contactCntr { width:100%; position:relative; border-top: 2px solid #e0e0e0; margin-top: 32px; padding-top: 32px; }

.contactCntr #contactform { width:620px; }

.contactCntr p {
    overflow: hidden;
    padding: 0 0 6px;
	clear:both;
}
.contactCntr p label { width: 160px; float:left; display:block; }
.contactCntr p label.error { width: 455px; float:left; margin-left:160px; display:block; color:#e51751; font-style:italic; }
.contactCntr p.btnrow {
    padding: 0 0 6px;
}
.contactCntr p a.ww {
	float:left;
	padding-top:25px;
}
.contactCntr input { width:455px; float:left; }
.contactCntr p input.button {
	width:200px;
	cursor: pointer;   
	margin: 0 28px 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
    right: 0;
    bottom: 54px;
	border-radius: 10px;
	height:auto;
}


.contactCntr p.btnrow label { width:auto; font-style:italic; }

.contactCntr textarea { margin-top: 1px; width: 455px; height: 150px; border: 0; float: left; background: #fff none; ; margin-bottom:12px; border:1px solid #bababa; } 

.errorcont #errormsg { color:#e51751; position: absolute; right: 0; top: 366px; font-style:italic; }
.contactCntr input.error, .contactCntr textarea.error { background: #e51751 none; color:#fff; }


.contactTextCntr { width:100%; float: left; position:relative; margin-top: 32px; padding-top: 32px; margin-bottom: 80px; }
.contactTextCntr h3 { margin-bottom: 23px; font-size: 30px; }
.contactTextCntr .contactTextLeft { float: left; width:48%; }
.contactTextCntr .contactTextRight { float: right; width:48%; background-color: #f4efe7; padding: 40px; border-radius: 25px; }
		
		/* ### cadeau box ### */
		.cadeauBox { font-size: 16px; position: relative; z-index: 1; margin-top:23px; clear:both; width:100%; float:left; }
		.cadeauBox p { margin-bottom: 23px; line-height: 1.2; }
		.cadeauBox h1, .cadeauBox h2 { margin-bottom: 23px;  font-size:30px; }
		.cadeauBox h3 { margin-bottom: 7px; color: #db0020; }
		.cadeauBox h4 { margin-bottom: 0; }
		.cadeauBox .left { float: left; width: 56%; }
		.cadeauBox .right { float: right; max-width: 42%; }
		.contentBox .cadeauBox .right img { max-width: 300px; }
		.cadeauBox hr { margin: 38px 0 15px 0; }
		.cadeauBox:last-child hr { display:none; }
		.cadeauBox:last-child { margin-bottom:38px; }
		
		/* ### cards box ### */
		.cardsBox h1, .cardsBox h2{ margin-top: 46px; margin-bottom: 23px; font-size:30px; }
		.cardsBox .tabBox h1 { color: #414042; margin-top:0; }
		.cardsBox h2 { color: #414042; font-size:20px; margin-top:0; }
		.cardsBox #addcartBox h2 { margin-bottom:2px; }
		.cardsBox ul { list-style:none; width:100%; float:left; border-bottom:2px solid #414042; padding-bottom:5px; margin-bottom:23px; }
		.cardsBox ul li { list-style:none; float:left; font-size:16px; margin-right:22px; }
		.cardsBox ul li:last-child { margin-right:0; }
		.cardsBox ul li a { color:#414042; font-weight:600; text-decoration:none; }
		.cardsBox ul li a.selected, .cardsBox ul li a:hover { color: #414042; font-weight:600; text-decoration:none; }
		.cardsBox .giftcardBox { float:left; width:100%; }
		.cardsBox .giftcardBox:last-child { border:0; }
		.cardsBox .giftcardBox h2 { font-size:20px; color:#414042; }
		.cardsBox .giftcardBox h2 img { display: none; }
		.cardsBox .giftcardBox h2 .vouchervb { display: none; font-size:16px; font-weight:normal; padding-left:35px; color:#db0020; text-decoration:underline; }
		.cardsBox .giftcardBox .rowBox { float:left; width:100%; }
		.cardsBox .giftcardBox .rowBox .left { width: 286px; float:left; }
		.cardsBox .giftcardBox .rowBox .left img { width:100%; height:auto; }
		.cardsBox .giftcardBox .rowBox .right { float:left; width:504px; max-width:504px; margin-left:18px; }
		.cardsBox .giftcardBox .rowBox .right .vouchervb { padding-left:15px; color:#db0020; text-decoration:underline; }
		.cardsBox .giftcardBox .rowBox .right .vouchervb:hover { color:#db0020; text-decoration:underline; }		
		.cardsBox .giftcardBox label { padding-bottom:5px; clear:both; float:left;}
		.cardsBox .giftcardBox .fldQuantity { width:92px; float:left; }
		.cardsBox .giftcardBox .fldQuantity .counter { float:left; }
		.cardsBox .giftcardBox .fldQuantity .counter input { padding:9px 30px; height:40px; }
		.cardsBox .giftcardBox .fldQuantity .counter span { line-height:40px; }
		.cardsBox .giftcardBox .fldPrice { clear: both; /* width:160px; */ float:left; margin-top:32px; }
		.cardsBox .giftcardBox .fldPrice .currency { float:left; width:90px; border:1px solid #bababa; line-height:38px; padding-left:10px; clear:both; }
		.cardsBox .giftcardBox .fldPrice input { padding:9px 5px; border:0; float:right; width:62px; height:36px; }
		.cardsBox .giftcardBox .fldDate { clear: both; width:160px; float:left; margin-top:32px; }
		.cardsBox .giftcardBox .fldDate .date { width:158px; float:left; border:1px solid #bababa;padding: 9px 13px; background:transparent url(../img/calender.png) 120px center no-repeat; background-size:20px; }
		.cardsBox .giftcardBox .fldText { float: left; width: 504px; max-width: 504px; margin-left: 18px; }
		.cardsBox .giftcardBox .fldText textarea { width:100%; height:214px; }
		.cardsBox .giftcardBox .button { float:left; width:202px; clear:both; margin-top:-50px; font-size:20px; -webkit-appearance: none; -moz-appearance: none;-webkit-border-radius:0; }
		.cardsBox .giftcardBox .errormsg { float:left; clear:both; font-size:16px; color:#e51751; font-style:italic; margin-top:5px; }
		
		#cboxOverlay { background: #414042; opacity:0.7 !important; }
		#cboxWrapper { background:#fff; }
		#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background:none; }
		#cboxContent { padding-top:32px; }
		/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url(images/controls.png) no-repeat 0 0;}
        #cboxClose { background: url(../img/close-icon.png) no-repeat 0 0; width:26px; height:26px; background-size: 26px; }
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		#cboxContent .rowBox .left { float:left; width:100%; clear:both; }
		#cboxContent .rowBox .right { float:left; width:100%; clear:both; }
		
	
	.voucherMsg .error { font-size: 14px; font-style: normal; color:#F00; line-height:normal; }
	.voucherMsg .error a { font-size: 14px; font-style: normal; color:#F00; line-height:normal; text-decoration:underline; }
	.voucherMsg .error a:hover { font-size: 14px; font-style: normal; color:#F00; line-height:normal; text-decoration:none; }
	
	.nieuwsbriefCntr { width:100%; position:relative; margin-top:32px; }
	.nieuwsbriefCntr .errorcont #errormsg { float:left; position:relative; clear:both; top:inherit; right:inherit; margin:5px 0; }
	
.nieuwsbrief {
	border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    padding: 23px 0 23px 0;
	position:relative;
	width:100%;
	float:left;
}
.nieuwsbriefout {
	background: none;
    border: 0;
    margin-bottom: 20px;
    padding: 23px 0 23px 0px;
	width:100%;
	float:left;
}

.nieuwsbrief #inschrijfform table { width: 901px; }

.nieuwsbrief p { padding-bottom:12px; }
.nieuwsbrief .row { width:100%; float:left; position:relative; }
.nieuwsbrief label { width: 236px; font-weight:normal; float:left; }

.nieuwsbriefout .row { width:100%; float:left; position:relative; }
.nieuwsbriefout label { width: 236px; float:left; }

.nieuwsbrief input.field { padding: 2px 5px; margin-top: 1px; width: 530px; float: left; margin-bottom:12px; padding: 0 5px; }
.nieuwsbriefout input.field { padding: 2px 5px; margin-top: 1px; width: 530px; float: left; margin-bottom:12px; padding: 0 5px; }

.nieuwsbrief input.button,  .nieuwsbriefout input.button { cursor: pointer; padding:0; }

.nieuwsbriefout input.button { cursor: pointer; height:40px; font-size: 16px;  width: 160px; padding: 12px 15px; border-radius:0; margin-top:10px; position:relative; float:right; clear:both; }
 
.nieuwsbrief input.button { 
  	width: 200px; 
	float: right;
}
		
.nieuwsbrief input.field.error { color:#fff; background:#db0020 none; } 
.nieuwsbrief label.error { clear:both; float:left; display:block; color:#db0020; font-style:italic; }

.nieuwsbriefout input.field.error { color:#fff; background:#db0020 none; } 
.nieuwsbriefout label.error { clear:both; float:left; display:block; color:#db0020; font-style:italic; }
		
		/* ### location box ### */
		.locationBox { margin: 20px 0 40px; overflow: hidden; background-position: center center; background-repeat: no-repeat;  background-size: cover; }
		.locationBox img { max-width: inherit; opacity: 0; }

		/* ### gallery box ### */
		.galleryBox { padding: 0 10px; display: none; position: fixed; top: 0; width: 100%; left: 0; z-index: 999999; height: 100%; background: rgba(0,0,0,0.9) }
		.galleryBox img { margin: 0 auto; max-height: 70vh; }
		.galleryBox figure { padding: 0 8px; }
		.galleryBox figure img { cursor: pointer; max-height:86px; width:auto; }
		.galleryBox .gallery-slider { top: 40%; transform: translateY(-50%); }
		.galleryBox .gallery-slider .slick-list { margin: 0 auto; max-width: 710px; }
		.galleryBox .slide { padding: 30px 0; width: 100%; max-height: 100vh; text-align: center; }
		.galleryBox .slide > div { margin: 0 auto; position: relative; display: inline-block; height: 100%; }
		.galleryBox .gallery-thumb { transition: 1s; position: absolute; left: 0; bottom: 20px; width: 100%; }
		.galleryBox .slick-slider .slick-arrow { width: 37px; height: 74px; }
		.galleryBox .slick-slider .slick-prev { left: 50px; background-image: url('../img/angle-left-white.svg'); }
		.galleryBox .slick-slider .slick-next { right: 50px; background-image: url('../img/angle-right-white.svg'); }
		.galleryBox .close { z-index: 5; position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; }
		.galleryBox .numbers { padding: 5px 0; position: relative; z-index: 99; text-align: left; color: #fff; width: 100%; }
		.galleryBox .numbers span { font-weight: 700; }
		.galleryBox .numbers span:after { content: '|'; margin-left: 5px; }
		.galleryBox .numbers p { margin: 0; display: inline-block; font-style: italic; }

		/* ### left container ### */
		#leftCntr { margin: 50px 0 70px 0; float: left; width: 25%; }

			/* ### filter box ### */
			.filterBox { margin-bottom: 30px; background:#fcf9f2; z-index:9; box-shadow: 10px 15px 15px rgb(0 0 0 / 10%); position:absolute; left:0; width:350px; }
			.filterBox h3 { margin-bottom: 7px; color: #fff; position: relative; background: #6AAC9E none; padding: 15px 10px 15px 60px; font-weight:500; }
			.filterBox h3 a { font-weight: 400; color: #fff; text-decoration: underline; position: absolute; right: 20px; font-size: 12px; line-height: 26px;}
			.filterBox h3 a:hover { text-decoration: none; }
			.filterBox .list > .item h4 { padding: 11px 15px 11px 60px; margin: 0; border-bottom: 0px solid #bababa; color:#414042; }
			.filterBox .list > .item h4.title { padding-right: 40px; cursor: pointer; display: none; position: relative; }
			.filterBox .list > .item h4.title:after { content: ''; position: absolute; right: 10px; top: 13px; display: block; width: 13px; height: 10px; background: url('../img/select-down.png') center no-repeat; background-size: 100% 100%; }
			.filterBox .list > .item > .list-child { padding: 4px 0; border-bottom: 0px solid #bababa; }
			.filterBox .list > .item > .list-child > .item-child { padding: 0 15px 0 60px; margin-bottom: 3px; }
			.filterBox .list > .item > .list-child > .item-child.nopad { padding: 0; }
			.filterBox .list > .item.is-active h4.title:after { background-image: url('../img/select-up.png'); }
			.filterBox .list > .item label { padding-left: 22px; position: relative; }
			.filterBox .list > .item .nopad label { padding-left: 0; }
			.filterBox .list > .item label input[type="checkbox"]{ position: absolute; left: 0; top: 3px; vertical-align:middle; border:0; height:16px; width:16px; background:#fff none; opacity:0; z-index:1; }
			
			.filterBox .list > .item label.is-active { color: #FF8A64; }
			.filterBox .list > .item label a.is-active { color: #FF8A64; }
			.filterBox .list > .item label span.val span { display: inline-block; text-align: right; position: relative; }
			.filterBox .list > .item label span.pr { min-width: 60px; display: inline-block; text-align: right; position: relative; }
			.filterBox .list > .item label span.pr:first-letter { float: left; }
			.filterBox .list > .item label span.pr:first-of-type { margin-right: 30px; }
			.filterBox2 .list > .item label span.pr:first-of-type:before { display: none; }
			.filterBox .list > .item label .val span:last-of-type:before { content: '-'; position: absolute; left: -15px; top: 0; }	
			.filterBox .inner { border: 0px solid #bababa; border-bottom: 0 none; }
			.filterBox .list .item label span.val { z-index:2; }
			.filterBox .list .item label span.val:before { 
			width: 14px;
    		height: 14px;
    		border: 0;
   			content: '';
    		position: absolute;
    		left: 0;
    		top: 1px;
    		background: #fff url('../img/checkbox-orange.png') bottom no-repeat;
			z-index:2;
			}
			.filterBox .list .item label input:checked + span.val:after { 
			width: 14px;
    		height: 14px;
    		border: 0;
   			content: '';
    		position: absolute;
    		left: 0;
    		top: 1px;
			background: #fff url('../img/checkbox-orange.png') top no-repeat;
			z-index:2;
			}
			.filterBox .list .item  label span.showhide {
			background: transparent url(../img/select-down.png) 95% no-repeat;
    		background-size: 13px 10px;
		    display: inline-block;
		    width: 13px;
		    height: 20px;
		    float: right;
		    margin-right: 40px;
		    cursor: pointer;
			}
			
			.filterBox .list .item  label span.showhide.open {
			background: transparent url(../img/select-up.png) 95% no-repeat;
			}
			
			.filterBox .belevenisfilters { display:none; background-color: #f3f0e5; padding-bottom: 15px; margin-bottom: 15px; padding-left:60px; }
			.filterBox .list .item.location { display:none; }


		/* ### right container ### */
		#rightCntr { padding-left: 13px; margin-bottom: 50px; float: right; width: 75%;margin-top: 50px; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%;}
	
	#footerCntr .socialBox { width: 100%; position:relative; }
#footerCntr .socialBox ul { list-style:none; display:inline-block; }
#footerCntr .socialBox ul li { list-style:none; display:inline-block; padding: 0; background:#fff; color:#6aac9e; width:32px; height:32px; border-radius:100%; text-align:center; margin: 0 8px; }
#footerCntr .socialBox ul li i { color:#6aac9e; margin-top:5px; font-size:22px; }

		/* ### gift box ### */
		.giftBox { padding-top: 25px; z-index: 1; text-align: center; position: relative; }
		.giftBox:before { content: ''; border-top: 2px solid #e0e0e0; /* border-bottom: 2px solid #e0e0e0; */ display: block; position: absolute; left: calc((100% - 1170px) / 2); right: calc((100% - 1170px) / 2); top: 0; /* bottom: 0; */ }
		/* .giftBox:after { content: ''; border-bottom: 2px solid #e0e0e0;  display: block; position: absolute; left: calc((100% - 1170px) / 2); right: calc((100% - 1170px) / 2); bottom: 0; visibility:visible; } */
		.giftBox h3 { color: #bababa; font-style: italic; font-weight: 400; }
		.giftBox ul  { margin: 0 auto; overflow: hidden; max-width: 945px; }
		.giftBox ul li { padding: 0 5px; float: left; width: 25%; }
		.giftBox img { margin: 0 auto; display: block; }

		/* ### footer box ### */
		.footerBox { padding-top: 190px; display: flex; flex-wrap: wrap; justify-content: center; color: #fbf8f3; }
		.footerBox section { margin: 0 auto; max-width: 800px; }
		.footerBox h4, .footerBox h3 { margin-bottom: 20px; font-weight: 700; font-size:22px; color: #fbf8f3; }
		.footerBox ul li { margin-bottom: 4px; }
		.footerBox ul li a, .footerBox a {color: #fbf8f3; }
		.footerBox .block, .footerBox .col { padding: 0 15px; margin-bottom: 37px; float: left; width: 20%; }
		.footerBox .col:first-child { width:40%; }
		
		.footlogoBox { width: 80%; font-family: 'Arima Madurai', cursive; color:#fbf8f3; font-size:26px; font-weight:700; padding: 0; margin: 0; margin-bottom: 50px; }
		.footlogoBox span {  font-size:40px; }

		/* ### copyright box ### */
        .copyrightBox { text-align: center; position: relative; margin-top:30px; margin-bottom:30px; }
		
        .copyrightBox ul { padding: 6px 0; margin: 0; float:left; text-align:right; }
        .copyrightBox ul li { margin: 0 15px; font-size: 14px; font-weight: normal; display: inline-block; }
		.copyrightBox ul li,  .copyrightBox ul li a { color:#fbf8f3; }
		.copyrightBox ul li:last-child { margin-right:0; }
		.copyrightBox .payimgs { width: 40%; text-align: left; float: left; padding-right: 15px; }
		.copyrightBox .payimgs img { display:inline-block; }
		.copyrightBox .copyright { width: 20%; text-align: left; float: right; padding-left: 0; font-weight: normal; }
		.copyrightBox .copyright a, .copyrightBox .copyright a:hover { color:#fbf8f3; text-decoration:none; font-size: 14px; font-weight: normal; }
		.copyrightBox .copyright ul { width:100%; }
		
		.copyrightBox .pricedisclaimer { width: 100%; text-align: right; float: right; padding-left: 0; color: #fbf8f3; text-decoration: none; font-size: 14px; font-weight: normal; }
		
		
#map_canvas h2 {
	font-size:16px;
}
.gm-style .gm-style-iw {
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
}
#map_canvas .location {
    padding-left: 13px;
    font-size: 14px;
    position: relative;
}
#map_canvas .location:before {
    content: '';
    display: block;
    width: 8px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/marker.svg) center no-repeat;
    background-size: 100% 100%;
}
#map_canvas .location p { display:inline-block; margin:0; padding:0; }
#map_canvas a {  text-decoration:underline; }
#map_canvas a:hover { text-decoration:none; }

.locBox { width:100%; position:relative; margin: 20px 0 40px; }
.locBox #map_canvas { width:100%; height:300px; }


/* ### cookie box ### */
#cookieBox { 
	width: 100%;
    padding: 0;
    position: relative;
    z-index: 99999999;
    position: fixed;
    left: 0;
    overflow: hidden;
	font-size:16px;
	background:#f3f0e7;
	color: #414042;
	-webkit-box-shadow: 0px -10px 9px -4px rgba(153,153,153,0.6);
-moz-box-shadow: 0px -10px 9px -4px rgba(153,153,153,0.6);
box-shadow: 0px -10px 9px -4px rgba(153,153,153,0.6);
}
#cookieBox.cookiebottom { bottom: 0; }
#cookieBox.cookietop { top: 10px; }	
#cookieBox .cookiecenter {
	width: 980px;
    margin: 0 auto;
 	color: #414042;
    padding: 1em 10px;
}
#cookieBox .cookiecenter a {color: #db0020; }
#cookieBox p { float: left; color: #414042; width:100%; clear:both; text-align:center;	font-size:14px; line-height:24px; }
#cookieBox .fa { margin-right:5px; }
#cookieBox a.cookieclose { text-decoration: none; display:block; clear:both; text-align:center; font-size:14px; background-color: #FF8A64; color: #fff; width: 200px; padding: 5px; margin: 0 auto; }
#cookieBox a.cookieclose:hover { text-decoration: none; color: #fff; }

#whatsappCntr { 
	position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999999;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
}
#whatsappCntr a { color: #25D366 !important; }

#whatsappCntr .fa-whatsapp-square {
	color: #25D366 !important;
    background-clip: content-box;
    contain: content;
    border: 0;
    position: fixed;
    bottom: 15px;
    right: 20px;
}



@media only screen and (min-width: 768px) {
#footerCntr.page { background: #6aac9e url(../img/naturesgift-footer-desktop.svg); background-repeat: no-repeat; background-size: cover; background-position-y: top;}
#footerCntr.home { background: #6aac9e url(../img/naturesgift-footer-home-desktop.svg); background-repeat: no-repeat; background-size: cover; background-position-y: top;}
}

	


/* #Media Queries
================================================== */
@media only screen and (min-width: 1540px) {
	.searchBox { width:25%; }
}
@media only screen and (max-width: 1420px) {
	/* #contentCntr { padding-top:30px; } */
	.menuBox { margin-right: 4%; }
}
@media only screen and (min-width: 1140px) {
	.searchBox { width:300px; }
}
@media only screen and (max-width: 1540px) {
	.reviewsBox { margin-right:20px; }
}
@media only screen and (max-width: 1490px) {
	.flickity-prev-next-button.previous, .flickity-prev-next-button.previous:hover,
	.slick-slider .slick-prev { left: 10px; }
	.flickity-prev-next-button.next, .flickity-prev-next-button.next:hover,
	.slick-slider .slick-next { right: 10px; }
}
@media only screen and (max-width: 1439px) {
	.footerBox { padding-top: 190px; }
}
@media only screen and (max-width: 1399px) {
	#headerCntr { padding: 0 20px; }
	.menuBox { display: none; }
	.topmenuBox { display: none; }
	.toggleBox { display: block; }
	.headlogoBox { margin-left:25px; }
}

@media only screen and (max-width: 1370px) {
	#leftCntr { width: 100%; margin:0; }
	.filterBox { width:300px; }
	#rightCntr { margin-left: 330px; margin-right:10px; width: calc(100% - 340px); }
	#contentCntr { padding-top:30px; }
	#contentCntr.belevenisBox { padding-top:0; }
	.footerBox { padding-top: 240px; }	
}
@media only screen and (max-width: 1330px) {
	.footerBox { padding-top: 160px; }
	.footerBox .col { width:25%; }
	.footerBox .col:first-child{ width:100%; text-align:center; padding:0; }
	.footlogoBox { text-align: center; width:100%; margin-bottom:30px; }
	.footlogoBox img { margin: 0 auto; height:80px; }
	.footerBox .block, .footerBox .col { padding: 0 15px 0 7%; }
}

@media only screen and (max-width: 1259px) {
	.photoBox .heart { display: none; }
	.photoBox .logo { left: 0; bottom: auto; width: auto; overflow: auto; }
	.photoBox .logo ul { padding-bottom: 0; text-align: center; white-space: nowrap; justify-content: center; display: flex; align-items: center; }
	.photoBox .logo ul li { padding: 5px 10px; display: inline-block; }
	.photoBox .logo ul li img { max-width: 60px; width: 100%; }
	.sliderBox .overlay .block { margin-right:50px; }
}

@media only screen and (min-width: 1200px) {
	.searchBox { width:15%; }
}


@media only screen and (max-width: 1120px) {
.tabBox .left .info { top: -40px; }
}

@media only screen and (max-width: 1099px) {
	.centered { padding-left: 15px; padding-right: 15px; }
	.columnBox:before { left: 15px; right: 15px; }
	.nieuwsbrief label { width:18%; }
	.nieuwsbrief input.field { width:50%; }
	.nieuwsbriefout label { width:18%; }
	.nieuwsbriefout input.field { width:50%; }
	#cookieBox .cookiecenter { width:90%; }
	.tabBox .left .info { top: -31px; }
	.copyrightBox .payimgs { width:25%; }
	.copyrightBox ul { width:auto; }
	.copyrightBox .copyright { width:auto; float:right; }
	.copyrightBox ul li:last-child { margin-right: 15px; }
	.crossellsBox .experienceBox.first h2 { padding-left:15px; }
}

@media only screen and (max-width: 1199px) {
	/* #headerCntr .logo { margin-top: 16px; height:50px; }
	#headerCntr { padding: 0 15px; }
	.toggleBox { padding-right: 10px; }
	.toggleBox .dropDown { left: 15px; }
	.searchBox { margin-left: 15px; }
	.menuBox > ul > li { margin: 0 10px; }
	.menuBox > ul > li > a { font-size: 14px; }
	.menuBox > ul > li > ul > li > ul > li { padding: 30px 20px; }
	.cartBox .heart,
	.cartBox .cart, .cartBox .heart { width: 35px; }
	.cartBox .cart:before, .cartBox .heart:before { width: 35px; height: 35px; background-size: 35px 35px; }
	*/
	.columnBox ul { margin: 0 -30px; }
	.columnBox ul li { padding: 0 30px; }
}
@media only screen and (max-width: 1170px) {
	#headerCntr .centered { padding:0 }
}
@media only screen and (max-width: 1035px) {
	.tabBox .left .info { top: -31px; }
}
@media only screen and (max-width: 991px) {
	
	.bannerBox form { padding-right: 175px; }
	.bannerBox .button { min-width: 150px; }
	.columnBox ul { margin: 0 -15px; }
	.columnBox ul li { padding: 0 15px; }
	.experienceBox .experience-slider { margin-right: -180px; }
	.experienceBox .product .card { width: 50%; }
	.experienceBox .flickity-prev-next-button{ display: none;}
	.experienceBox .experience-slider .card { width: 33.33%;}
	.experienceBox h2 a { right: 0;}
	.toolBox .code { width: 35%; }
	.tabBox .left { padding-top: 15px; width:50%; }
	.tabBox .left .info { right: -100%; }
	.belevenisBox .tabBox .left { padding-top: 0; }
	.tabBox ul { display: none; }
	.tabBox ul.kenmerken { display: block; }
	.tabBox .kortomschr ul { display: block; }
	.tabBox .info ol { padding: 5px 15px; }
	.contentBox hr { display: none; }
	.footerBox section { margin: 0 -15px; max-width: inherit; }
	.contactCntr p input.button { position: relative; right: inherit; bottom: inherit; float: left; clear: both;margin-top:14px; }
	.errorcont #errormsg { position: relative; right: inherit; top: inherit; float: left; clear: both; margin-top:14px; }
	.tabBox .info .price.noold { padding-left: 92px; }
	.tabBox .info.externalprod .price.noold { padding-left: 20px; }
	.tabBox .favorite { padding-left:25px; text-align:right; }
	.tabBox .info.externalprod .favorite { text-align:center; }
	.tabBox .left .info { top: -31px; }
}
@media only screen and (max-width: 969px) {
	.bannerBox input[type="text"] { width:40%; }
	.bannerBox form #saldoresult{ width:60%; }
}
@media only screen and (max-width: 941px) {
	.tabBox .left .info { top: -31px; }
	.footerBox { padding-top: 180px; }
	.footerBox .col { width:28%; }
}
@media only screen and (max-width: 900px) {
	.bannerBox form #saldoresult { padding:10px; }
	.cadimgs { width: 90%; }
	.bannerBox .ctaBtn { padding-top:20px; }
	.tabBox .left .info { top: -31px; }
}
@media only screen and (max-width: 859px) {
	.cardsBox .giftcardBox .rowBox .left { width:35%; }
	.cardsBox .giftcardBox .rowBox .right { width:63%; max-width:63%; margin-left:2%; }
	.cardsBox .giftcardBox .fldText { width:63%; max-width:63%; margin-left:2%; }
	.footerBox { padding-top: 210px; }
}
@media only screen and (max-width: 839px) {
	.toolBox .code input { padding-right:60px; }
	.toolBox .code .button { min-width:50px; }
	.searchBox { width: 200px; }
}
@media only screen and (min-width: 768px) {
	.filterBox .list > .item > .list-child { display: block!important; }
}
@media only screen and (max-width: 768px) {
	.sliderBox .overlay { background-image: url(../img/naturesgift-hero-mobile.svg); background-repeat: no-repeat; background-size: cover; background-position-y: bottom; }
	/* .sliderBox, .sliderBox .slider, .sliderBox li .slideimg, .sliderBox .overlayinner,.sliderBox ul.cycle-slideshow { height:60vh; } */
}
@media only screen and (max-width: 767px) {
	h1 { font-size: 35px; }
	#wrapper { padding-top: 75px; }
	#headerCntr { height: 75px; }
	#leftCntr,
	#rightCntr { padding-left: 0; margin: 0; margin-bottom: 30px; width: 100%; float: none; }
	#leftCntr { margin-top:0px; }
	.toggleBox { padding: 25px 0px 15px 0; }
	.toggleBox .toggle { width: 30px; height: 25px; }
	.toggleBox .toggle:before,
	.toggleBox .toggle:after,
	.toggleBox .toggle span { border-radius: 10px; height: 5px; }
	.toggleBox .dropDown { top: 75px; }
	.phoneBox a span { display:none; }
	.cartBox { padding: 26px 0 0; }
	.cartBox a span { font-size: 10px; width: 15px; height: 15px; line-height: 15px; }
	.cartBox .cart:before, .cartBox .heart:before { height: 30px; background-size: 30px 30px; }
	.bannerBox { padding-top: 90px; min-height: 375px; }
	.bannerBox form { padding-right: 10px; margin-bottom: 60px; height: auto; }
	.bannerBox2 form p,
	.bannerBox input[type="text"], .bannerBox form #saldoresult { font-size: 14px; height: 50px; border-radius: 2px 2px 0 0; float: none; width: 100%; border: 0 none; }
	.bannerBox2 form p, .bannerBox form #saldoresult { padding: 16px 15px; height: auto; position: relative; border-radius: 0 0 2px 2px; }
	.bannerBox2 form p:before, .bannerBox form #saldoresult:before { content: ''; display: block; height: 1px; position: absolute; left: 15px; right: 15px; top: 0; background: #b5b5b5; }
	.howBox ul li { float: none; width: 100%; }
	.howBox ul li > div { max-width: 100%; }
	.experienceBox h2 { position: relative; }
	.mapBox h2 { position: relative; }
	.experienceBox h2 a,
	.mapBox h2 a { position: absolute; right: 0; bottom: 0; }
	.mapBox { padding-bottom: 30px; }
	.partnerBox { padding-bottom: 30px; }
	.partnerBox h3 { padding-top: 30px; }
	.partnerBox .slick-dots { bottom:-40px; }
	.columnBox { padding-top: 50px; display: block; padding-bottom: 20px; }
	.columnBox ul li { width: 100%; margin-bottom: 40px; }
	#footerCntr.page { background: #6aac9e url(../img/naturesgift-footer-mobile.svg); background-repeat: no-repeat; background-size: cover; background-position-y: top; }
	#footerCntr.home { background: #6aac9e url(../img/naturesgift-footer-home-mobile.svg); background-repeat: no-repeat; background-size: cover; background-position-y: top; }
	.footerBox { padding-top: 150px; }
	.footerBox .col { width: 100%; text-align:center; }
	.footerBox .col:first-child { width:100%; }
	.footerBox .block { margin-bottom: 30px; float: none; width: 100%; text-align: center; }
	.footerBox .block h4 { margin-bottom: 10px; }
	.copyrightBox ul { text-align:center; width: 100%; padding:0; }
	.copyrightBox ul li { margin: 0 10px; width:100%; padding:6px 0; }
	.copyrightBox .copyright { width: 100%; }
	.copyrightBox .copyright ul { width: 100%; }
	.toolBox .code p { margin: 5px 0; }
	.toolBox .sort { float: none; margin-top:10px; }
	.toolBox .code { width: 100%; max-width: 100%; float: none; }
	.filterBox { width:100%; position:relative; }
	.filterBox .list > .item h4 { display: none; }
	.filterBox .list > .item > .list-child { display: none; }
	.filterBox .list > .item h4.title { display: block; }
	.contentBox { z-index:0; }
	.photoBox .price { display: none; }
	.tabBox .right { width: 100%; float:left;  }
	.giftcards .tabBox .inforightimg { margin-top: 10px; margin-bottom: 20px; float: left; width: 48%; max-width: 48%; }
	.giftcards .tabBox .inforightimg:first-child { margin-right:2%; }
	.giftcards .tabBox .inforightimg:last-child { margin-left:2%; }
	.giftcards .tabBox .inforightimg img { margin:0 auto; }
	.tabBox#addcartBox { display: flex; flex-direction: column; padding-top:0; z-index:1; }
	.tabBox#addcartBox .right { display: block; float:none; width:100%; order: 1; margin-bottom:0; }
	.tabBox#addcartBox button { display:none; }
	.tabBox .left { float: none; width: 100%; }
	.tabBox#addcartBox .left { float: none; width: 100%; order: 2; padding-top:0; }
	.tabBox#addcartBox .inforightimg { float: none; width:100%; max-width:100%; margin-bottom:20px; }
	.tabBox#addcartBox .inforightimg img { margin: 0 auto; }
	.tabBox .left .info, .tabBox .left .info.externalprod { display: block;
    position: fixed;
    background: #f4f0e5;
    left: 0;
    right: auto;
    width: 100%;
    top: unset;
    bottom: 0;
    z-index: 99999999999;
	min-height:70px;
	-webkit-box-shadow: 0px -20px 30px 20px rgba(251,248,243,1);
-moz-box-shadow: 0px -20px 30px 20px rgba(251,248,243,1);
box-shadow: 0px -20px 30px 20px rgba(251,248,243,1);
	border-radius: 0;
	padding-bottom:0;
	 }
	 .tabBox .left .info.externalprod { text-align:left; }
	.tabBox .quantity { /* padding: 0 10px 0 115px; margin: 0 auto; */ max-width: 100%; padding:0; margin: 0; width:100%; margin-bottom:10px; }
	.tabBox .button { width:140px; float:right; }
	.tabBox .info.externalprod .button { width:auto; float:right; }
	.giftcards .tabBox .button { display: block; padding: 0px 15px; width: 140px; height: 40px; font-size: 16px; font-weight: 700; line-height: 40px; float: right; float: right; margin-right: 15px; margin-top:15px; }
	.giftcards .tabBox#addcartBox .button { display:none; }
	.tabBox .counter { float: left; }
	.tabBox .info { padding: 0; margin: 0 auto; border: 0 none; float: none; max-width: 100%; min-height:50px; }
	.tabBox .info .price { display: none; }
	/* .tabBox .info ol { padding: 0; margin: 0 -10px; overflow: hidden; }
	.tabBox .info ol li { padding: 35px 10px 0 10px; text-align: center; float: left; width: 33%; }
	.tabBox .info ol li span { display: inline-block; text-align: left; }
	.tabBox .info ol li > div { left: 50%; top: 0; transform: translateX(-50%); }
	.tabBox .info ol li:last-child > div { top: 0px; }
	.tabBox .info div.loca {  padding: 0 10px 0 115px; margin: 0 auto 10px; max-width: 300px; position:relative }
	.tabBox .info div.loca > div { position: absolute; top: 5px; width:40px; left:44px; }
	.tabBox .info div.loca > div { top: -5px; }
	.tabBox .favorite { display: none; }
	*/
	.tabBox .info ol li.persa a { color:#414042; text-decoration:underline; }
	#proddetailsMob { display: none; }
	.meerdetailsMob { display:block; position:relative; margin: 15px; float:left; width:100%; }
	.giftcards .meerdetailsMob { width: auto; }
	.meerdetailsMob a { font-weight:normal; }
	#showdetailsMob .fas, #hidedetailsMob .fas { color:#414042; }
	.totMob { display: block; float: left; margin-left: 15px; width: 120px; }
	.totMob span.priceMob { margin-left:0; font-weight:bold; font-size: 26px; }
	#hidedetailsMob { margin-left: 15px; }
	#proddetailsMob { padding: 20px 0 0 0; }
	.tabBox .favorite, .tabBox .info.externalprod .favorite { padding: 0 15px 0 0; text-align: left; display:block; float:right; position:relative; bottom: unset; }
	.tabBox .info.externalprod .favorite { width:auto; }
	.tabBox .favorite i.fa-heart { font-size: 20px; margin: 0 0 0 10px; line-height:40px; }
	.tabBox .favorite a span { display:none; }
	.tabBox .info ol li select { max-width: 300px; }
	.tabBox .add-cart-form .addcarterrormsg { padding: 0 10px; margin: 0 auto; display:none; }
	.giftcards .tabBox .add-cart-form .addcarterrormsg { padding: 10px; margin: 0 auto; display:block; }
	.tabBox .info #proddetailsMob ol li p { font-size:14px; }
	.contentBox .left { float: none; width: 100%; }
	.contentBox .right { padding-bottom: 20px; float: none; max-width: 100%; }
	.contentBox .right img { margin: 0 auto; max-width: 100%; width: auto; }
	.cadeauBox .right { margin-top:0; }
	.galleryBox .thumbnail img { width: 80px; }
	.galleryBox .slick-slider .slick-arrow { width: 18px; height: 38px; top: 45%; }
	.galleryBox .slick-slider .slick-prev { left: 10px; }
	.galleryBox .slick-slider .slick-next { right: 10px; }
	.galleryBox .close { width: 15px; height: 15px; }
	.nieuwsbrief label { width:100%; margin-bottom:8px; }
	.nieuwsbrief input.field { width:90%; }
	.nieuwsbriefout label { width:100%; margin-bottom:8px; }
	.nieuwsbriefout input.field { width:90%; }
	.nieuwsbrief input.button {
 	   width: 200px;
	   position: relative;
 	   right: 0;
  	   bottom: inherit;
       margin-top: 20px;
       float: left;
	}
	.nieuwsbriefout input.button {
		position: relative;
    	float: left;
	}
	.contentBox .right .contentrightimg { display:block; }
	.copyrightBox:before { height: 0; background:#fff; }
	.reviewsBox { display:none; }
	.usphomeCntr .usp { display:list-item; text-align:center;line-height:40px; }
	.usphomeCntr .usp li { display:inline-block; text-align:center; width:100%; }
	.usphomeCntr .usp li p { text-align:center; line-height:30px; }
	.usphomeCntr .usp li p img { max-height:24px; width:auto; }
	.howBox .howlineBox { display:none; }
	.cadimgs { width: 100%; }
	/* .sliderBox .overlayinner, .sliderBox, .sliderBox .slider, .sliderBox .slider a, .sliderBox img, .sliderBox ul.cycle-slideshow, .sliderBox  li .slideimg {  height: 375px;  } */
	.sliderBox h2 { font-size: 45px; line-height: 55px; }
	.sliderBox .ctaBtn { padding-top:20px; margin-top:0; }
	.experienceBox h2 a { font-size: 14px; right: auto; left: auto; width: 120px; margin-left: auto; margin-right: auto; position: relative; display: block; text-decoration:underline; margin-top:7px; }
	.mapBox h2 { margin-bottom: 0; }
	.mapBox p { display: block; font-size: 14px; float: none; clear: both; margin-left: auto; margin-right: auto; width: 100%; margin-top:5px; text-align:center; }
	.mapBox p a { font-size: 14px; text-decoration:underline; }
	.cardsBox h1, .cardsBox h2 { margin-top:16px; }
	.phoneBox { padding-top: 26px; }
	.cadimgs .cadimg { width:100%; margin:0 0 20px 0; height: 450px; }
	.b2bitem .b2bitemleft { float: none; width: 100%; text-align:center; }
	.b2bitem .b2bitemright { float: none; width: 100%; text-align:center; margin-bottom:30px; }
	.b2bitem .b2bitemright img { width:auto; height:auto; max-width:100%; margin:auto; }
	.b2bitem .centered { display: flex; flex-direction: column-reverse; }
	.headlogoBox { margin-top:14px; }
	.headlogoBox img { height:46px; }
	.phoneBox { margin-right:10px; }
	textarea#boodschap { width: 100%; height: 250px; }
	.copyrightBox .payimgs { width: 100%; text-align: center; }
	.sliderBox .overlay { background-image: url(../img/naturesgift-hero-mobile.svg); background-repeat: no-repeat; background-size: cover; background-position-y: bottom; }
	.sliderBox .overlay .block { float:left; margin-right:0; margin-left: 50px; width: calc(100% - 50px); }
	.sliderBox .overlayinner { padding-bottom:25%; }
	.home .welkomCntrOverlay { min-height: 800px; background-image: url(../img/naturesgift-banner-mobile.svg); background-repeat: no-repeat; background-position: bottom; background-size: cover; }
	.zakelijk .welkomCntrOverlay { min-height: 800px; background-image: url(../img/naturesgift-zakelijk-mobile.svg); background-repeat: no-repeat; background-position: bottom; background-size: cover; }
	.welkomCntr .welkomTxt { display: table-cell; vertical-align: middle; height: 600px; padding-top: 100px; width: auto; }
	.contactTextCntr .contactTextLeft { width: 100%; float: left; }
	.contactTextCntr .contactTextRight { width: 100%; float: left; margin-top:45px; }
	.searchBox { margin-top:26px; }
	.productUSPBox li { display: flex; flex: 1 0 45%; margin-bottom: 20px; }
	.crossellsBox .experienceBox .product .card { width: 50%; }
	.kortomschr { padding: 0 15px; }
	.copyrightBox .pricedisclaimer { text-align:center; padding-top:12px; }
}
@media only screen and (max-width: 689px) {
	.cardsBox .giftcardBox .button { width:190px; padding:14px 5px; }
}
@media only screen and (max-width: 659px) {
	.contactCntr #contactform { width:100%; }
	.contactCntr p label { width:100%; margin-bottom:8px; }
	.contactCntr textarea, .contactCntr input { width:90%; }
	.contactCntr p input.button { position: relative; right: inherit; top: inherit; float: left; clear: both; }
	.errorcont #errormsg { position: relative; right: inherit; top: inherit; float: left; clear: both; margin-top:14px; }
}
@media only screen and (max-width: 639px) {
	#cookieBox p { font-size:14px; line-height:22px; }
	#cookieBox a.cookieclose {font-size:14px; }
	.searchBox { width: 120px; }
}

@media only screen and (max-width: 599px) {
	.cardsBox ul li { width: 100%; }
	.cardsBox .giftcardBox .rowBox .left { width:100%; margin-bottom:23px; }
	.cardsBox .giftcardBox .rowBox .info.right { display:block; width:100%; max-width:100%; margin-left:0; }
	.cardsBox .giftcardBox { margin-bottom:20px; }
	.cardsBox .giftcardBox .fldPrice { margin-left:36px;clear:none; margin-top:0; }
	.cardsBox .giftcardBox .fldDate { clear:none; margin-top:0; margin-left:36px; }
	.cardsBox .giftcardBox .fldText { width:100%; max-width:100%; margin-left:0; }
	.cardsBox .giftcardBox .button { margin-top:23px; width:202px; padding:14px 15px; }
	.cardsBox .giftcardBox h2 img { display: inline-block; width: 20px; height: auto; position: absolute; margin-left: 5px; }
	a.vouchervb { display:none; }
	.cardsBox .giftcardBox h2 .vouchervb { display: inline; }
	.cardsBox .giftcardBox .rowBox .right .vouchervb { display:none; }
	.searchBox { width: 125px; }
	.sliderBox h2 { font-size: 35px; line-height:40px; }
	.sliderBox .ctaBtn { padding-top:10px; margin-top:0; }
	.sliderBox .button { padding: 8px 24px; font-size: 20px; }
	.cardsBox .giftcardBox h2 { margin-top:0; }
	.photoBox { height: 275px; }
	.cardsBox h2 { display:none; }
	.cardsBox .giftcardBox h2 { display:block; }
}
@media only screen and (max-width: 549px) {
	.searchBox { width: 100px; margin-left: 20px; margin-top:19px; }
	.headlogoBox { margin-left: 5px; margin-top:17px; }
	.headlogoBox img { height:30px; }
	
	#headerCntr { height: 65px; }
	#headerCntr .logo { margin-left: 0px; margin-top:5px; }
	#headerCntr .logo img {
    height: 80px;
    margin: 0 auto;
    margin-top: 5px;
}
	.sliderBox, .heroCntr { margin-top: 0px; }
	 #contentCntr.belevenisBox, #contentCntr.giftcards { margin-top: 0; }
	 .heroCntr.giftcards { margin-top:60px; }
 	 .phoneBox { padding-top:22px; }
	 .cartBox { padding-top:20px; }
	 	#wrapper { padding-top: 65px !important; }
	
.toggleBox { padding: 20px 5px 15px 0; }
.toggleBox .dropDown { top: 50px; }
.toggleBox .dropDown > div {
	background:#fff;
	padding-top:50px;
	}
.toggleBox .dropDown > div > ul { border: 1px solid #bababa; }	
}
@media only screen and (max-width: 500px) {
	input#vouchercode { margin-right:0px; margin-bottom:20px; clear:both; } 
	input#pincode { width:130px; float:left; clear:both; } 
	.searchBox { width: 120px; margin-left: 10px; }
	.cadimgs .cadimg {  height: 350px; }
	.welkomCntr p { padding: 0 10%; }
	.phoneBox a span { display:none; }
	.giftcards .tabBox .inforightimg { margin: 10px 0 20px 0; float: left; width: 100%; max-width:100%; }
	.giftcards .tabBox .inforightimg img { margin:0 auto; }
	.giftcards .tabBox .inforightimg:first-child { margin-right:0; }
	.giftcards .tabBox .inforightimg:last-child { margin-left:0; }
}

@media only screen and (max-width: 479px) {
	.howBox h2 .button { position: static; }
	.mapBox h2,
	.experienceBox h2 { padding-right: 0; }
	.experienceBox .experience-slider .card { width: 60%;}
	.mapBox h2 a,
	.toolBox .sort ul { margin: 0 -5px 10px; float: none; overflow: hidden; }
	.toolBox .sort ul li { padding: 0 5px; margin: 0; width: 50%; }
	.toolBox .sort select { float: none; width: 100%; }
	.galleryBox .numbers { font-size: 14px; }
	.galleryBox .slick-slider .slick-arrow { top: 47%; }
	.cardsBox .giftcardBox .fldDate { margin-left: 10px; }
	.phoneBox { margin-right:10px; }
	.footerBox .col { width: 100%;  text-align: center; }
	.searchBox { width: 90px; }
	.productUSPBox li { flex: 1 0 100%; margin-bottom: 20px; }
}
@media only screen and (max-width: 459px) {

	 .cadimgs .cadimg {  height: 300px; }
}
@media only screen and (max-width: 450px) {
	.headimgBox #prodimgslider { display:block; z-index:1; }
	.headimgBox #prodimgslider div { width:100%; display:block; height:450px; background-size: cover; }
	.headimgBox ul li { width:100%; display:none; }
	.headimgBox ul li:first-child { display:block; }
	.headimgBox #prodimgslider .prev { display: block; color: #414042; font-size: 30px; top: 42%; left: 10px; z-index: 99999; position: absolute; }
	.headimgBox #prodimgslider .next { display: block; color: #414042; font-size: 30px; top: 42%; right: 10px; z-index: 99999; position: absolute; }
.headimgBox #prodimgslider .cycle-pager { text-align: center; width: 100%; z-index: 999999; position: absolute; bottom: 20px; overflow: hidden; }
.headimgBox #prodimgslider .cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #fcf9f2; cursor: pointer; }
.headimgBox #prodimgslider .cycle-pager span.cycle-pager-active { color: #ed7205;}
.headimgBox #prodimgslider .cycle-pager > * { cursor: pointer;}

.headimgBox #prodimgslider .prod-cycle-pager { text-align: center; width: 100%; z-index: 999999; position: absolute; bottom: -40px; overflow: hidden; opacity: 0.7; }
.headimgBox #prodimgslider .prod-cycle-pager span { font-family: arial; font-size: 50px; width: 8px; height: 8px; margin: 0 5px; display: inline-block; color: #fcf9f2; cursor: pointer; background-color: #ddd; border-radius: 100%; }
.headimgBox #prodimgslider .prod-cycle-pager span.cycle-pager-active { color: #ed7205; background-color: #ed7205;}

	.tabBox .button { width:110px; }
	.heroCntr .centered { padding:0; }
}
@media only screen and (max-width: 439px) {
	.tabBox .info ol li { font-size: 14px; }
	.welkomCntr p { padding: 0 2%; }
	.headimgBox ul li div, .headimgBox #prodimgslider div { height:332px; }
	.footerBox { padding-top: 170px; }
	 .tabBox .counter { width:94px; }
	 .tabBox#addcartBox .counter { width:124px; }
	 .counter span { line-height: 30px; width: 30px; height: 30px; }
	 .counter input { line-height: 30px; width: 30px; height: 30px; }
	 #addcartBox .counter span { line-height: 40px; width: 40px; height: 40px; }
	 #addcartBox .counter input { line-height: 40px; width: 40px; height: 40px; }
	 .totMob span.priceMob { line-height:30px; }
	 .tabBox .button { line-height: 30px; height: 30px; font-weight:normal; }
	 .tabBox .favorite i.fa-heart { line-height: 30px; }
	 .totMob span.priceMob { font-size:22px; }
	 .totMob { width:100px; }
	 .toggleBox { padding-right: 0; }
	 .headlogoBox { margin-left:0; }
	 .cartBox .heart { margin-right:10px; }
	 .phoneBox { margin-right: 5px; }
	 .headimgBox #prodimgslider div { height:439px; }
}
@media only screen and (max-width: 414px) {
	.headimgBox #prodimgslider div { height:414px; }
}
@media only screen and (max-width: 412px) {
	.headimgBox #prodimgslider div { height:412px; }
}
@media only screen and (max-width: 399px) {
	 .sliderBox .overlay .block { width:90%; float:none; margin: 0 5%; }
 	 .cadimgs .cadimg {  height: 300px; }
     .cadimgs .cadimg h4 { font-size:22px; margin-bottom:8px; }
	 #headerCntr { padding: 0 10px; }
	 .headimgBox #prodimgslider div { height:399px; }
}
@media only screen and (max-width: 390px) {
	.headimgBox #prodimgslider div { height:390px; }
}

@media only screen and (max-width: 379px) {
	.bannerBox .button { font-size:16px; }
	.headlogoBox { margin-left:0; }
	.footerBox { padding-top: 190px; }
    .tabBox .button { width: 90px; font-size:14px; }
	.headimgBox #prodimgslider div { height:379px; }
}
@media only screen and (max-width: 379px) {
.searchBox { display:none;
}
}
@media only screen and (max-width: 375px) {
	.headimgBox #prodimgslider div { height:375px; }
}
@media only screen and (max-width: 360px) {
	.headimgBox #prodimgslider div { height:360px; }
}

@media only screen and (max-height: 354px) {
	.galleryBox .numbers { padding: 0 10px; position: absolute; left: 0; bottom: 10px; }
}
@media only screen and (max-width: 350px) {
	 .searchBox { width: 85px; }
	  .cadimgs .cadimg {  height: 250px; }
	  .cadimgs .cadimg h4 { font-size:20px; margin-bottom:6px; }
	  .totMob { width:95px; margin-left:10px; }
	  .tabBox .favorite { padding-right:10px; }
	.tabBox .button { padding:0; width:80px; }
	.tabBox .info.externalprod .button { padding: 0 10px; width:auto; }
		.headlogoBox { margin-top: 18px; }
	.headlogoBox img { height: 30px; }
	.headimgBox #prodimgslider div { height:350px; }
}
@media only screen and (max-width: 319px) {
	 .searchBox { display: none; }
	 .headimgBox #prodimgslider div { height:319px; }
}