/* jowan / CSS & web design by Pixelman | V2.1 18/08/2020/ */

/* CSS tested on:

	MAC OSX
	- Safari 6.0: OK
	- Firefox latest: OK
	- Google chrome latest: OK

	PC / WINXP WINDOWS 8
	- IE 6.0: NOT SUPPORTED
	- IE 7.0: NOT SUPPORTED
	- IE 8.0: NOT SUPPORTED
	- IE 9.0: OK
	- IE 10.0: OK
	- IE 11.0: NOT TESTED
	- Firefox latest: NOT TESTED (should be ok)
	- Google chrome latest: NOT TESTED (should be ok)

*/

/*********************** fonts by google ***********************/
/*

	font-family: 'Source Sans Pro', sans-serif;

	Source Sans Pro

	Extra-Light 200
	Extra-Light 200 Italic
	Light 300
	Light 300 Italic
	Normal 400
	Normal 400 Italic
	Semi-Bold 600
	Semi-Bold 600 Italic
	Bold 700
	Bold 700 Italic
	Ultra-Bold 900
	Ultra-Bold 900 Italic

*/
/*********************** colors info ***********************/
/*

orange #E53F10
green #AFCA0A
grey #BBBFC1
zwart #1A1816
light-grey #F3F3F3
light-grey #E8E7E7

jowan mango #FAA52C
jowan mango2 #F79B2D
jowan red #E23E4D
*/
/*********************** traceImage ***********************/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
}

/********* basics *********/

html {
	display: block;
}

body {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #1A1816;
	display: block;
}


.row {
	/*width: 100%; */
	max-width: 1400px;*/
}

.row {
	/*width: 100%; */
	max-width: 980px;*/
}

.columns {
}

h1 {
	color: #F79B2D;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40px;
	line-height: 43px;
/*	font-size: 50px;
	line-height: 50px;*/
	font-weight: 100;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

h1.big {
	font-size: 50px;
	line-height: 50px;

}

h1.subheader {
	color: #009DE0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	line-height: 27px;
	font-weight: 400;
	margin: 20px 0 70px 0;
	text-align: center;
	text-transform: none;

}
#logoMini
h2 {
	color: #F79B2D;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	line-height: 27px;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

h2 {
	color: #F79B2D;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	line-height: 27px;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

h3 {
	color: #1C1C1A;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h4 {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

a {
	color: #FAA52C;
}

#content a:hover {
	color: #FAA52C;
}


p {
	color: #656565;
	color: #1C1C1A;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	margin: 0 0 30px 0;
}

hr {
	height: 1px;
	border-bottom: solid 1px #484645 !important;
}

.blackBg,
.darkgreyBg {
	color: #A3A2A2 !important;
}

.blackBg p,
.darkgreyBg p {
	color: #A3A2A2 !important;
}

.page_content_2_columns_right_img p {

}

.clear {
	clear: both;
}

.dropshadow {
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	box-shadow : 0px 0px 10.57px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
}

.noBg {
	background: none !important;
}

.whiteBg {
	background : #FFFFFF !important;
}

.fadeBg {
	background : -moz-linear-gradient(50% 100% 90deg,rgba(244, 243, 243, 1) 0%,rgba(246, 245, 245, 0.39) 61.06%,rgba(254, 254, 254, 0.04) 96.39%,rgba(255, 255, 255, 0) 100%);
	background : -webkit-linear-gradient(90deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.39) 61.06%, rgba(254, 254, 254, 0.04) 96.39%, rgba(255, 255, 255, 0) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(244, 243, 243, 1) ),color-stop(0.6106,rgba(246, 245, 245, 0.39) ),color-stop(0.9639,rgba(254, 254, 254, 0.04) ),color-stop(1,rgba(255, 255, 255, 0) ));
	background : -o-linear-gradient(90deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.39) 61.06%, rgba(254, 254, 254, 0.04) 96.39%, rgba(255, 255, 255, 0) 100%);
	background : -ms-linear-gradient(90deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.39) 61.06%, rgba(254, 254, 254, 0.04) 96.39%, rgba(255, 255, 255, 0) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F3F3', endColorstr='#FFFFFF' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.39) 61.06%, rgba(254, 254, 254, 0.04) 96.39%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F4F3F3' , GradientType=0);
}

.fadeWhiteBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	background : -moz-linear-gradient(50% 100% 90deg,rgba(244, 243, 243, 1) 0%,rgba(246, 245, 245, 0.79) 68.86%,rgba(252, 252, 252, 0.72) 93.64%,rgba(255, 255, 255, 0.7) 100%);
	background : -webkit-linear-gradient(90deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.79) 68.86%, rgba(252, 252, 252, 0.72) 93.64%, rgba(255, 255, 255, 0.7) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(244, 243, 243, 1) ),color-stop(0.6886,rgba(246, 245, 245, 0.79) ),color-stop(0.9364,rgba(252, 252, 252, 0.72) ),color-stop(1,rgba(255, 255, 255, 0.7) ));
	background : -o-linear-gradient(90deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.79) 68.86%, rgba(252, 252, 252, 0.72) 93.64%, rgba(255, 255, 255, 0.7) 100%);
	background : -ms-linear-gradient(90deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.79) 68.86%, rgba(252, 252, 252, 0.72) 93.64%, rgba(255, 255, 255, 0.7) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F3F3', endColorstr='#FFFFFF' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(244, 243, 243, 1) 0%, rgba(246, 245, 245, 0.79) 68.86%, rgba(252, 252, 252, 0.72) 93.64%, rgba(255, 255, 255, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F4F3F3' , GradientType=0);
}


.blackBg {
	background : #1A1816 !important;
}

.darkgreyBg {
	background : #262422 !important;
}

.greyBg {
	background : #E8E7E7 !important;
}

/* 	 <div class="spacer" style="height: 10px;"></div>  */
.spacer {
	height: 50px;
	display: block;
	clear: both;
}

.space {
	padding-top: 30px !important;
}

.spaceBottom {
	padding-bottom: 30px !important;
}

.spaceTop {
	padding-top: 30px !important;
}

.white {
	color: #fff !important;
}

.black {
	color: #1A1816 !important;
}

.red {
	color: #FAA52C !important;
}

.grey {
	color: #A3A2A2 !important;
}

.green {
	color: #F79B2D !important;
}

.show {
	border: solid 1px red;
}

.center,
.center h1 {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.noPadding {
	padding: 0 !important;
}


.noMargin {
	margin: 0 !important;
}

.upperCase {
	text-transform: uppercase !important;
}

.lowerCase {
	text-transform: none !important;
}

.width100 {
	width: 100% !important;
	max-width: 100% !important;
}

.width91 {
	width: 91% !important;
	max-width: 91% !important;
}

.width90 {
	width: 90% !important;
	max-width: 90% !important;
}

.width80 {
	width: 80% !important;
}

.vline {
	border-right: solid 1px #484645;
}

.vline:nth-child(3) {
	border-right: none !important;
}

.hlineTop {
	border-top: solid 1px #E8E7E7;
}

.hlineBottom {
	border-bottom: solid 1px #484645;
}

.hide { display: none !important;}



/********* buttons stuff *********/


.button {
	font-family: 'Source Sans Pro', sans-serif;
	font-style: italic;
	font-weight: 700 !important;
	text-transform: uppercase;
	background-color: transparent !important;
}


.button:focus {
	background-color: transparent !important;
}

a.invert {
	font-family: 'Source Sans Pro', sans-serif;
	border: solid 1px #767473;
	border-radius: 5px;
	color: #8C8B8A;
	padding: 10px 15px 10px 35px;
	margin: 10px 10px 0 0;
	font-weight: 600 !important;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_butt.png) 15px center no-repeat;
}

a.invert:hover {
	border: solid 1px #fff;
}

a.blackLine {
	font-family: 'Source Sans Pro', sans-serif;
	border: solid 1px #A3A2A2;
	border-radius: 5px;
	color: #1A1816;
	padding: 10px 10px;
	margin: 10px 10px 0 0;
	font-weight: 600 !important;
	background-color: transparent !important;
}

a.blackLine:hover {
	border: solid 1px #1A1816;
	background-color: transparent !important;
	color: #1A1816 !important;
}

a.greyLineBlackbutton {
	font-family: 'Source Sans Pro', sans-serif;
	border: solid 1px #BAB9B9;
	border-radius: 5px;
	color: #fff;
	padding: 10px 15px 10px 50px;
	margin: 10px 10px 0 0;
	font-weight: 900 !important;
	background-color: #1A1816 !important;
	font-style: italic;
}

.arrowRight {
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black2.png) right center no-repeat;
	padding: 15px 40px 15px 25px !important;
}

a.arrowRight.active {
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_down_black.png) right center no-repeat;
	padding: 15px 40px 15px 25px !important;
}

p.active {
	margin: 0 !important;
}

/********* alerts stuff *********/

#alertBox {
	position: relative;
	display: block;
	z-index: 100000;
	padding: 0;
	margin: 0;
}

#alertBox p {
	color: #F79B2D !important;
	text-align: center;
	padding: 3px;
	margin: 0;
}

/********* header stuff *********/

header {
	padding: 0 0 0 0;
	position: relative;
}

/********* logo stuff *********/

#logoBox {
	background-color: transparent;
	height: 500px; /* space above nav */
	text-align: center;
}

body#product #logoBox {
	height: 220px; /* space above nav */

}

body#location #logoBox {
	height: 570px; /* space above nav */

}

#googleMap {
	position: absolute;
	top:0;
	left: 0;
	height: 750px;
	display: block;
	width: 100%;
	border: none;
}

#googleMap2 {
	position: relative;
	display: block;
	width: 100%;
	border: none;
}

@media only screen and (min-width: 64.063em) and (max-height: 710px) {

	body#location #logoBox {
		height: 370px; /* space above nav */
	}

	#googleMap {
		height: 550px;
	}
}

#logo {
	margin-top: 0 0 0 0 !important;
	padding: 50px 0 0 0;
	position: relative;
	text-align: center;
}

body#product #logo img {
	width: 70%;
}
body#merk #logo img {
	width: 70%;
}

body#location #logo {
	margin-top: 55px;
}

/********* banner / orbit stuff *********/

#banner {
 /*position: relative;*/
}


#banner2 {
 position: relative;
 clear: both;
 height: 800px;
}

#bannerBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	z-index: 0;
}

#banner .orbit-container {
	position: absolute;
	display: block;
	height: 900px; /* height slideshow*/
}
/*
#bannerBox img {
	width: 100%;
}*/



#banner h2 {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	/*color: #F79B2D;*/
	color: #FFF !important;
	text-shadow: 1px 1px 20px #000;
	font-size: 28px;
  font-size: 32px;
	font-weight: 600;
	clear: both !important;
}

#banner h4 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #FFF;
	text-shadow: 1px 1px 20px #000;
	font-style: italic;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
}

.slideImage {
	background-size: cover;
	background-position: center bottom;
	background-color: transparent;
	width: 100%;
	display: block;
	height: 900px;
}

.raster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.jowan.be/templates/default_site/images/video-tile.png);
	display: block !important;
}

#banner .bannerCaption {
	position: absolute;
	z-index: 8000;
	top: 330px;
	right: 8%;
	width: 35%;
	min-width: 350px;
	max-width: 530px;
	text-align: right;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
}

#banner .orbit-timer {
	z-index: 2000;
}

#banner .orbit-bullets-container {
	position: absolute;
	z-index: 6000;
	width: 100%;
	top: 545px; /* height bullets*/
}

#banner .orbit-bullets li {
	background-color: #fff;
	margin-top: 10px;
	top: -5px;
	box-shadow : 0px 0px 3.12px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
}

#banner .orbit-bullets li:hover {
	cursor: pointer;
}

#banner .orbit-bullets li.active {
	background-color: #F79B2D;
	width: 14px;
	height: 14px;
	padding-top: 10px;
}

/********* medium banner / orbit stuff *********/

#bannerMedium {

}

#bannerBoxMedium {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	z-index: 0;
}

#bannerBoxMedium .orbit-container {
	position: absolute;
	display: block;
	height: 550px; /* height slideshow*/
}
/*
#bannerBox img {
	width: 100%;
}*/

#bannerMedium h2 {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	color: #F79B2D;
	text-shadow: 1px 1px 20px #000;
	font-size: 28px;
	font-weight: 600;
	text-align: right;
}

#bannerMedium h4 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #FFF;
	text-shadow: 1px 1px 20px #000;
	font-style: italic;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
}

#bannerMedium .slideImage {
	background-size: cover;
	background-position: center 60%;
	background-color: transparent;
	width: 100%;
	display: block;
	height: 550px;
}

.bannerCaptionIconBox {
	width: 40%;
	float: right;
	display: block;
	position: relative;
	background : rgba(0, 0, 0, 0.3);
	padding: 10px;
	border-radius: 5px;
}

.bannerCaptionIcon {
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	float: left;

}
.bannerCaptionIconBox img {
	width: 100%;
}

.bannerCaptionIconBox h2 {
	font-size: 25px !important;
	text-align: center !important;
	display: block;
	width: 100%;
	color: #fff !important;
}


.raster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.jowan.be/templates/default_site/images/video-tile.png);
	display: block;
}

#bannerMedium .bannerCaption {
	position: absolute;
	z-index: 8000;
	top: 35%;
	right: 10%;
	width: 35%;
	min-width: 350px;
	max-width: 530px;
	text-align: right;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
}

#bannerMedium .orbit-timer {
	z-index: 2000;
	top: 510px !important;
	right: 20px;
	position: absolute;

}

#bannerMedium .orbit-bullets-container {
	position: absolute;
	z-index: 6000;
	width: 100%;
	top: 495px; /* height bullets*/
}

#bannerMedium .orbit-bullets li {
	background-color: #fff;
	margin-top: 10px;
	top: -5px;
	box-shadow : 0px 0px 3.12px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
}

#bannerMedium .orbit-bullets li:hover {
	cursor: pointer;
}

#bannerMedium .orbit-bullets li.active {
	background-color: #F79B2D;
	width: 14px;
	height: 14px;
	padding-top: 10px;
}


/********* banner2 / orbit stuff *********/


#bannerBox2 {
	position: relative;
	width: 100%;
	display: block;
	z-index: 0;
}

.orbit-container {
	position: absolute;
	display: block;
	height: 900px; /* height slideshow*/
}
/*
#bannerBox img {
	width: 100%;
}*/

#banner2 h2 {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	color: #F79B2D;
	text-shadow: 1px 1px 20px #000;
	font-size: 21px;
	font-weight: 600;
}

#banner2 h4 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #FFF;
	text-shadow: 1px 1px 20px #000;
	font-style: italic;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
}

.slideImage {
	background-size: cover;
	background-position: center bottom;
	background-color: transparent;
	width: 100%;
	display: block;
	height: 900px;
}

.raster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.jowan.be/templates/default_site/images/video-tile.png);
	display: block;
}

.bannerCaption {
	position: absolute;
	z-index: 8000;
	top: 380px;
	right: 10%;
	width: 35%;
	min-width: 350px;
	max-width: 530px;
	text-align: right;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
}

#banner2 .orbit-timer {
	z-index: 2000;
}

#banner2 .orbit-bullets-container {
	position: absolute;
	z-index: 6000;
	width: 100%;
	top: 545px; /* height bullets*/
}

#banner2 .orbit-bullets li {
	background-color: #fff;
	margin-top: 10px;
	top: -5px;
	box-shadow : 0px 0px 3.12px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
}

#banner2 .orbit-bullets li:hover {
	cursor: pointer;
}

#banner2 .orbit-bullets li.active {
	background-color: #F79B2D;
	width: 14px;
	height: 14px;
	padding-top: 10px;
}



/*********  stuff *********/

#shield {
	position: absolute;
	top: 65%;
	left: 10%;
	width: 212px;
	height: 200px;
	text-align: center;
	display: block;
	background: url(https://www.jowan.be/templates/default_site/images/shield_mango.png) no-repeat;
	background-size: cover;
	z-index: 10000;
}


#shield h3  {
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 900;
	font-style: italic;
	margin: 0 0 0 0;
	padding: 35px 30px 0 30px;
	text-align: center;
	letter-spacing: 0.1em;
}

#shield p  {
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
	line-height: 24px;
	font-weight: 900;
	font-style: italic;
	margin: 0 0 0 0;
	padding: 10px 30px 0 30px;
	text-align: center;
}

/********* nav stuff *********/

.sticky {
	z-index: 20000 !important;
}

nav {
	position: relative;
	margin: 0 4% 0 4%;
	min-width: 920px;
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	box-shadow : 0px 0px 3.12px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
	z-index: 100000;
}

nav#fixedNav {
	position: fixed;
	margin: 0 4% 0 4%;
	min-width: 920px;
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	box-shadow : 0px 0px 3.12px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
	z-index: 100000;
	width: 92%;
	display: block;
}


#navWrapper {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	height: 43px;
	width: 100%;
	display: block;
	font-size: 0;
}

#navWrapper li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	color: #1A1816 !important;
	display: inline-block;
	list-style: none !important;
	height: 43px;
}

#navWrapper li a {
	color: #1A1816 !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 12px 8px;
	text-align: center;
	border-right: solid 1px #D1D0D0;
	border-left: none;
	display: block;
	height: 43px;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

#navWrapper li:last-child a {
	border-right: none;
}


#navWrapper li.here a,
#navWrapper .parent-here a
 {
	color: #FAA52C !important;
	background : -moz-linear-gradient(50% 100% 90deg,rgba(232, 232, 232, 1) 0%,rgba(236, 236, 236, 1) 41.62%,rgba(248, 248, 248, 1) 83.84%,rgba(255, 255, 255, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(232, 232, 232, 1) ),color-stop(0.4162,rgba(236, 236, 236, 1) ),color-stop(0.8384,rgba(248, 248, 248, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
	background : -o-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#FFFFFF' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E8E8E8' , GradientType=0);
}


#navWrapper li a:hover {
	color: #FAA52C !important;
	background : -moz-linear-gradient(50% 100% 90deg,rgba(232, 232, 232, 1) 0%,rgba(236, 236, 236, 1) 41.62%,rgba(248, 248, 248, 1) 83.84%,rgba(255, 255, 255, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(232, 232, 232, 1) ),color-stop(0.4162,rgba(236, 236, 236, 1) ),color-stop(0.8384,rgba(248, 248, 248, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
	background : -o-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#FFFFFF' ,GradientType=0)";
	background : linear-gradient(0deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E8E8E8' , GradientType=0);
}

#logoMini {
	position: absolute;
	left: 15px;
	top: 8px;
	z-index: 10000;
}

#logoMini img {
  display: block;
  position: relative;
  height: 30px;
}

#logoMaxi {
  display: block;
  position: relative;
  padding-top: 1rem;
  text-align: center;
  width: 100%;

}

#logoMaxi img {
  display: inline-block;
  position: relative;

}

/********* langNav stuff *********/

#langNav {
	position: absolute;
	right: 0;
	top: 0;
	/*width: 100px;*/
	height: auto;
	display: block;
	list-style: none;
	z-index: 2000;
	float: right;
}

#langNav li {
	position: relative !important;
	display: block;
	float: left;
}

#langNav a {
	position: relative !important;
	height: 43px;
	display: block !important;
	float: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 43px;
	text-transform: uppercase;
	font-weight: bold;
	background: #FAA52C;
	padding: 0 10px;
}

/*#langNav .inactive:nth-of-type(2) a {
	padding: 0 0 0 10px !important;
}*/

#langNav .inactive a {
	font-weight: bold;
	color: #000;
	background: none;
	/*padding: 0 10px;*/
}

#langNav .inactive a:hover {
	font-weight: bold;
	color: #fff;
	background: #E8E7E7;
	/*padding: 0 10px;*/
}


/********* content stuff *********/


#content {
	margin-top: 0;
	z-index: 5000 !important;
	position: relative;
	clear: both;
}

#contentFade {
	position: relative;
	display: block;
	height: 180px;
	width: 100%;
	/*background: url(https://www.jowan.be/templates/default_site/images/bg_contentFade.png) bottom center;*/
	padding: 100px 0 0 0;
	/*background-size: cover;*/

	background : -moz-linear-gradient(50% 100% 90deg,rgba(27, 25, 23, 1) 0%,rgba(27, 25, 23, 1) 0%,rgba(29, 27, 25, 0.94) 6.22%,rgba(45, 43, 41, 0.42) 58.21%,rgba(50, 48, 46, 0) 100%);
	background : -webkit-linear-gradient(90deg, rgba(27, 25, 23, 1) 0%, rgba(27, 25, 23, 1) 0%, rgba(29, 27, 25, 0.94) 6.22%, rgba(45, 43, 41, 0.42) 58.21%, rgba(50, 48, 46, 0) 100%);
	background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(27, 25, 23, 1) ),color-stop(0,rgba(27, 25, 23, 1) ),color-stop(0.0622,rgba(29, 27, 25, 0.94) ),color-stop(0.5821,rgba(45, 43, 41, 0.42) ),color-stop(1,rgba(50, 48, 46, 0) ));
	background : -o-linear-gradient(90deg, rgba(27, 25, 23, 1) 0%, rgba(27, 25, 23, 1) 0%, rgba(29, 27, 25, 0.94) 6.22%, rgba(45, 43, 41, 0.42) 58.21%, rgba(50, 48, 46, 0) 100%);
	background : -ms-linear-gradient(90deg, rgba(27, 25, 23, 1) 0%, rgba(27, 25, 23, 1) 0%, rgba(29, 27, 25, 0.94) 6.22%, rgba(45, 43, 41, 0.42) 58.21%, rgba(50, 48, 46, 0) 100%);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B1917', endColorstr='#32302E' ,GradientType=0)";*/
	background : linear-gradient(0deg, rgba(27, 25, 23, 1) 0%, rgba(27, 25, 23, 1) 0%, rgba(29, 27, 25, 0.94) 6.22%, rgba(45, 43, 41, 0.42) 58.21%, rgba(50, 48, 46, 0) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32302E',endColorstr='#1B1917' , GradientType=0);*/
	/*background: transparent url(https://www.jowan.be/templates/default_site/images/bg_contentFade.png) repeat-x !important;*/
}


#contentFadeWhite {
	position: relative;
	display: block;
	height: 243px;
	width: 100%;
	background: url(https://www.jowan.be/templates/default_site/images/bg_contentFade_white.png) bottom center;
	padding: 100px 0 0 0;
}

#navBox {
	padding-top: 100px;
}

#contentFirst {
	position: relative;
	z-index: 3000;
	padding-bottom: 0;
	padding-top: 0;
	margin: 0;
}


#contentSecond {
	position: relative;
	z-index: 3000;
	background-color: #fff;
	padding-bottom: 50px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(232, 232, 232, 1) 0%,rgba(236, 236, 236, 1) 41.62%,rgba(248, 248, 248, 1) 83.84%,rgba(255, 255, 255, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(232, 232, 232, 1) ),color-stop(0.4162,rgba(236, 236, 236, 1) ),color-stop(0.8384,rgba(248, 248, 248, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
/*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#FFFFFF' ,GradientType=0)";
*/  background : linear-gradient(0deg, rgba(232, 232, 232, 1) 0%, rgba(236, 236, 236, 1) 41.62%, rgba(248, 248, 248, 1) 83.84%, rgba(255, 255, 255, 1) 100%);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E8E8E8' , GradientType=0);
*/
}

#contentThird {
	position: relative;
	background-color: #f3f3f3;
	z-index: 3000;
	padding-bottom: 50px;
}


#contentFourth {
	position: relative;
	background-color: #E8E7E7;
	padding-bottom: 50px;
}

/********* discover stuff *********/

.discover {
	background-color: #3D3B39;
}

.discoverButton {
	height: 165px;
	margin-right: 5px;
}

.discoverList {
	height: 165px;
	margin-left: 5px;
}

.binoculars {
	background: url(https://www.jowan.be/templates/default_site/images/ico_binoculars.png) 15px center no-repeat;
}

.discoverBg {
	background: url(https://www.jowan.be/templates/default_site/images/winkelBg.jpg) center center no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	-webkit-transition: all 0.20s ease-out;
	-moz-transition: all 0.20s ease-out;
	-o-transition: all 0.20s ease-out;
	transition: all 0.20s ease-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
	text-align: center;
}

.discoverBg:hover {
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
	-moz-opacity: 0.6 !important;
	opacity: 0.6 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
}

.discoverList ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	position: relative;
	top: 35px;
	left: 35px;
}

.discoverList ul li {
	margin: 0;
	padding: 0;
}


.discoverList ul li a {
	display: inline-block;
	padding: 3px 20px 3px 40px;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_butt.png) 15px center no-repeat;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
	font-family: 'Source Sans Pro', sans-serif !important;
	border-radius: 5px;
	border: solid 1px #3D3B39;
}

.discoverList ul li a:hover {
	color: #F79B2D;
	border-radius: 5px;
	border: solid 1px #fff;

}


/********* tabs stuff *********/

.tabs {
	position: relative;
	clear: both;
}

.tabs .active a {
	background-color: #E8E7E7 !important;
}

.tabs dd {
	padding: 0;
}

.tabs a {
	background-color: #fff !important;
	color: #1A1816;
	font-size: 16px;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif !important;
	padding: 15px 10px !important;
	margin: 0 !important;
}

#tabsBg {
	background-color: #E8E7E7;
	width: 100%;
	padding: 50px 0;
	position: relative;
}

.tabs-content {
	position: relative;
}

/********* item / isotope stuff *********/

/* ---- isotope ---- */

.isotope {
	max-width: 980px;
	margin: 0 auto;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.itemMenu {

	float: left;
	width: 236px;
	/*height: 100px;*/
	min-height: auto !important;
	position: relative;
	border: solid 1px #D1D0D0;
	display: block;
	padding: 0 !important;
	background-color: #fff;
	margin-bottom: 10px !important;
}

.itemMenu:hover {
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

.itemMenu ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

.itemMenu ul li {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
	display: block;
}

#items .itemMenu ul li {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

#items .itemMenu {
	padding: 0 !important;
	margin-bottom: 0 !important;
	min-height: none !important;
}

.itemMenu ul li a {
	margin: 0 !important;
	padding: 10px 0 10px 0 !important;
	display: block;
	position: relative;
	width: 100%;
	height: auto !important;
	border-bottom: solid 1px #D1D0D0;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	color: #1A1816;
	text-transform: uppercase;
	text-align: center;
	font-style: normal;
}

.itemMenu ul li a:hover,
.itemMenu .is-checked a {
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black.png) 15px center no-repeat;
	color: #FAA52C;
}

.itemMenu ul li:last-child a {
	border-bottom: none;
}


#items li {
	padding: 0 !important;
	margin-bottom: 10px !important;
}

.item {

	float: left;
	width: 236px;
	/*height: 100px;*/
	/*min-height: 240px;*/
	margin-bottom: 10px;
	position: relative;
	border: solid 1px #D1D0D0;
	display: block;
	padding: 0 !important;
	background-color: #fff;
	-moz-opacity: 1.0;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.20s ease-out;
	-moz-transition: all 0.20s ease-out;
	-o-transition: all 0.20s ease-out;
	transition: all 0.20s ease-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

.item:hover {
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	/*box-shadow : 0px 0px 10.57px rgba(0, 0, 0, 0.5);*/
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
	-moz-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.item a {
	display: block;
	width: 100% !important;
	padding: 0;
}



/* ---- button filter ---- */

#filters .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none !important;

  text-align: center;
  border-radius: 0;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 13px;
  text-shadow: none;
  cursor: pointer;
  text-transform: uppercase;
}

#filters  .button:hover {
  background-color: #FAA52C !important;
  text-shadow: none;
  color: #fff;
}

#filters .button:active,
#filters .button.is-checked {
  background-color: #FAA52C !important;
  background-image: none;
}

#filters .button.is-checked {
  color: white;
  /*text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);*/
}

#filters .button:active {
  /*box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);*/
}

/* ---- button-group ---- */

#filters{
	text-align: center;
}


/* ---- button filter2 ---- */

#filters2 .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none !important;

  text-align: center;
  border-radius: 0;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 13px;
  text-shadow: none;
  cursor: pointer;
  text-transform: uppercase;
}

#filters2  .button:hover {
  background-color: #FAA52C !important;
  text-shadow: none;
  color: #fff;
}

#filters2 .button:active,
#filters2 .button.is-checked {
  background-color: #FAA52C !important;
  background-image: none;
}

#filters2 .button.is-checked {
  color: white;
  /*text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);*/
}

#filters2 .button:active {
  /*box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);*/
}

/* ---- button-group ---- */

#filters2{
	text-align: center;
}


.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px !important;
  display: inline-block;
  text-align: center;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }



/********** flickity stuff ************/


.main-gallery {
	margin: 0;
	height: 600px;
}

.gallery-cell {
	height: 100%;
	margin-right: 10px;
}


.itemThumb {
	min-height: 100px;
}

.itemThumb img {
	position: relative;
	width: 100%;
	display: block;
}

.itemLabel {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: auto;
	display: block;
	background-color: #1A1816;
}

.itemLabel label {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: 600;
	margin: 0 0 0 0;
	padding: 5px 10px;
	text-transform: uppercase;
}

.itemTitle h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 18px;
	line-height : 21px;
	color : #1A1816 !important;
	/*margin: 2px 0 15px 0;*/
  margin: 15px 0 15px 0;
	padding: 0 10px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.item:hover .itemTitle h3 {
	color : #FAA52C !important;
}



.itemTitle p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 14px;
	line-height : 18px;
	color : #767473 !important;
	padding: 0 15px 15px 15px;
	margin: 0;
}

.item:hover .itemTitle p {
	color : #FAA52C !important;
}


.priceTag {
	background: #E8E7E7 url(https://www.jowan.be/templates/default_site/images/star_orange.png) center 8px no-repeat;
	padding: 30px 10px 2px 10px;
	border-radius: 40px;
	text-align: center;
	margin-bottom: 20px;

}

.priceTag span {
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 20px;
	color : #E64011;
	font-weight: 600;
	text-transform: uppercase;
}

.priceTag p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 15px;
	color : #1A1816;
}

.itemMedia {
	position: relative;
	display: block;
	border: solid 1px #D1D0D0;
	margin-bottom: 50px;
}

.itemMedia img {
}

.itemBrand {
	font-size: 21px;
}

.itemBrand a {
	font-size: 21px;
	color: #1A1816;
}

.itemBrand a:hover {
	text-decoration: underline;
}

.itemCaption {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	color: #fff;
	background-color: #000;
	background-color: rgba(27, 25, 23, 0.8);
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 13px;
}


.itemContent p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}

.itemShort {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600 !important;
}

.itemContent ul {
	margin: 0;
	list-style: none;
	padding: 0;
	list-style: square;
}

.itemContent li {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

.itemContent li a {
	margin: 0;
	padding: 0 0 0 25px;
	color: #FAA52C;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black.png) 0 center no-repeat;
}

.itemContent li a:hover {
	color: #1C1C1A;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black.png) 5px center no-repeat;
}

.itemSpecs ul {
	margin: 0;
	list-style: square !important;
	padding: 0;
}

.itemSpecs li {
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
}

#itemLinks {
	margin: 0;
	list-style: none;
	padding: 0;
}

#itemLinks li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#itemLinks li a {
	margin: 0;
	padding: 0 0 0 25px;
	color: #FAA52C;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black.png) 0 center no-repeat;
}

#itemLinks li a:hover {
	color: #1C1C1A;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black.png) 5px center no-repeat;
}

/********* brands stuff *********/

.theme {
	background-color: #FFF;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: solid 1px #D1D0D0;
	padding: 0 0 0 0;
}

.theme:hover {
	background-color: #FFF;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.theme .themeTop {
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(https://www.jowan.be/templates/default_site/images/bg_white_radial_gradient.png);
}


#elektrische-fiets:hover,
#elektrische-fiets.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#cyclocross:hover,
#cyclocross.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#kinderen:hover,
#kinderen.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#mountainbike:hover,
#mountainbike.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#piste:hover,
#piste.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#race:hover,
#race.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#stad-recreatie:hover,
#stad-recreatie.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#trekking:hover,
#trekking.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}

#triathlon-tijdrit:hover,
#triathlon-tijdrit.active {
	background-image: url();
	background-position: center center;
	background-size: cover;
}


.theme p {
	font-size: 16px;
	line-height: 21px;
	font-weight: 300;
	color: #1A1816;
}

.theme h1 {
	font-size: 42px;
	line-height: 42px;
	font-weight: 300;
	color: #1A1816;
	margin: 24px 0 20px 0;
}

.theme .grey {
	background-color: #E8E7E7 !important;
	padding: 8px 8px;
	color: #1A1816 !important;
	display: inline-block;
	font-size: 13px !important;
}

.themeBottom {
	background-color: #E8E7E7;
	z-index: 2000;
	padding: 0 0;
	display: none;
}

.themeBottom li {
	padding: 0 !important;
	position: relative;
}

.themeBottom li a {
	margin: 0 !important;
	border: solid 1px #e2e1e1;
	background-color: transparent !important;
	display: block;
}

.themeBottom li:hover a {
	background-color: #fff !important;
}

.themeBottom2 {
	background-color: #fff;
	z-index: 2000;
	padding: 0 0;
}

.themeBottom2 li {
	padding: 0 !important;
	position: relative;
}

.themeBottom2 li a {
	margin: 0 !important;
	border: solid 1px #e2e1e1;
	background-color: transparent !important;
	display: block;
}

.themeBottom2 li:hover a {
	background-color: #e2e1e1 !important;
}


.toggle2:hover {
	cursor: default;
}

.brands {
	width: 100%;
	height: 150px !important;
	background-color: #FFF;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center center;
	margin: 0;
	-webkit-transition: all 0.20s ease-out;
	-moz-transition: all 0.20s ease-out;
	-o-transition: all 0.20s ease-out;
	transition: all 0.20s ease-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

.brands:hover {
	background-color: #fff;
}

.brandLogo {
	position: relative;
	width: 100%;
	padding: 70px 0 0 0 !important;
}
.brandlogo img {
	width: 100% !important;
}

.baseLine {
	margin: 10px 0 0 0;
	text-align: center;
	color: #a4a7a9;
	font-size: 16px;
}


.themaIcon {
	position: relative;
	top: -10px;
	left: 20px;
}

/********* brands2 stuff homepage brand overwiew *********/

.brands2 {
	width: 100%;
	/* height: 6rem !important; */
  height: 7rem;
	background-color: #FFF;
	display: block;
	position: relative;
  border: none;
	background-repeat: no-repeat;
  background-size: 65%;
	background-position: center center;
	margin: 0;
	-webkit-transition: all 0.20s ease-out;
	-moz-transition: all 0.20s ease-out;
	-o-transition: all 0.20s ease-out;
	transition: all 0.20s ease-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
  opacity: 1.0;

}

.brands2:hover {
	background-color: #fff;
  color: #FAA52C !important;
  opacity: 0.5;
}

#merken .accordion .accordion-navigation>a {
color: #000;
padding: 1rem;
display: block;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-size: 1rem;
text-transform: capitalize;
border-top: solid 1px #e2e1e1;
}

#merken .accordion .accordion-navigation>a, .accordion dd>a {
background: #f8f8f8;
background: rgb(248,248,248);
background: -moz-linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#ffffff",GradientType=1);color: #000;
padding: 1rem;
display: block;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-size: 1rem;
text-transform: capitalize;
border-top: solid 1px #e2e1e1;
}

#merken .accordion .accordion-navigation>.content, .accordion dd>.content {
 padding: 0;
}

#merken .content.active.hover::after {
  background-color: green;
}

#merken li .brands2 {
margin: 0 !important;
border: none;
background-color: transparent !important;
display: block;
}

/********* footer stuff *********/

footer {
	position: relative;
	background-color: #1A1816;
	padding-bottom: 30px;
	padding-top: 50px;
	border-bottom: solid 10px #FAA52C;
	color: #8C8B8A !important;
	z-index: 5000;
}

footer h3 {
	font-family: Source Sans Pro;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: #FAA52C;
	margin: 0 0 0 0;
	text-transform: uppercase;
}

footer p {
	font-family: Source Sans Pro;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #A3A2A2;
	margin: 0 0 10px 0;
}

footer strong {
	font-weight: 600;
}

strong {
	font-weight: 600 !important;
}

#address a {
	color: #fff;
}

#address a:hover {
	color: #fff;
	text-decoration: underline;
}

/********* tintup stuff **********/

.tintup {
	overflow: hidden !important;
	position: relative;
}

/********* followUs stuff *********/

#followUs {
}


#followUs ul {
	list-style: none;
	display: inline-block;
	width: 100%;
	margin: 30px 0 0 0;
	text-align: center;
}

#followUs li {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
}

#followUs li a {
	display: block;
	width: 38px;
	height: 38px;
	overflow: hidden;
	text-align: center;
	text-indent: 1000px;
	color: #fff;
}

#shield_facebook {
	background: url(https://www.jowan.be/templates/default_site/images/shield_facebook_white.png) center center no-repeat;
}

#shield_facebook:hover {
	background: url(https://www.jowan.be/templates/default_site/images/shield_facebook_dark.png) center center no-repeat;
}

#shield_twitter {
	background: url(https://www.jowan.be/templates/default_site/images/shield_twitter_white.png) center center no-repeat;
}

#shield_twitter:hover {
	background: url(https://www.jowan.be/templates/default_site/images/shield_twitter_dark.png) center center no-repeat;
}

#shield_instagram {
	background: url(https://www.jowan.be/templates/default_site/images/shield_instagram_white.png) center center no-repeat;
}

#shield_instagram:hover {
	background: url(https://www.jowan.be/templates/default_site/images/shield_instagram_dark.png) center center no-repeat;
}

#shield_linkedin {
	background: url(https://www.jowan.be/templates/default_site/images/shield_linkedin_white.png) center center no-repeat;
}

#shield_linkedin:hover {
	background: url(https://www.jowan.be/templates/default_site/images/shield_linkedin_dark.png) center center no-repeat;
}
/********* credits stuff *********/

#credits {
	padding-top: 20px;
}

#credits p {
	color: #8C8B8A !important;
	font-family: Source Sans Pro;
	font-weight: 400;
	font-size: 11px;
}

#credits a {
	color: #8C8B8A;
}

#credits a:hover {
	color: #fff;
}

/********* subNav stuff *********/

#subNav {
	color: #A3A2A2;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	font-family: Source Sans Pro;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
}

#subNav li {
	color: #A3A2A2;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#subNav li a {
	color: #A3A2A2;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 21px;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

#subNav li a:hover,
#subNav .here a {
	color: #fff;
	font-weight: 600;
}

/********* brandsNav stuff *********/


.brandsNav ul {
	list-style: none;
}

.brandsNav h3 {
	color: #1A1816;
	font-family: Source Sans Pro;
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

.brandsNav h3 a {
	color: #1A1816;
}


.brandsNav h3 a:hover {
	color: #FAA52C;
}


.subBrandsNav {
	color: #1A1816;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
}

.subBrandsNav li {
	color: #1A1816;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.subBrandsNav li a {
	color: #1A1816;
	display: block;
	margin: 0 0 5px 0;
	padding: 5px;
	border: solid 1px #D1D0D0;
	font-family: Source Sans Pro;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
}

.subBrandsNav li a:hover {
	color: #FAA52C;
	/*background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_black.png) 0 5px no-repeat;*/
}


/********* photogallery stuff flickity *********/

.photoGallery {
	position: relative;
	margin: 0 !important;
	padding:  0 !important;
}

#photoGalleryBanner {
	height: auto;
	width: 100%;
	clear: both;
	position: relative;
	top: 0;
	margin: 0 !important;
	padding:  0 !important;
}

#photoGalleryBox {
	position: relative;
	height: auto;
	width: 100%;
	/*overflow: hidden;*/
	display: block;

}

#photoGalleryBox .row {
	min-width: 100% !important;
	padding: 0;
	margin: 0;
}

#photoGalleryBox .orbit-container {
	overflow: visible !important;
	padding: 0;
	margin: 0;
}

#photoGalleryBox .slide {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #E8E7E7;
	padding-bottom: 50px;
}

/* slide specs image by image */
#photoGalleryBox .slide div {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

/* slide specs image stream */


.main-gallery2 img {
	height: 100%;
	margin-right: 5px;
}

#photoGalleryBox .Caption {
	position: absolute;
	width: 100% !important;
	height: 40px !important;
	color: #fff;
	display: block;
	text-align: center;
	display: none;
}

#photoGalleryBox .Caption p {
	position: relative;
	padding: 10px;
	margin: 0 auto;
	width: auto;
	color: #fff;
	background-color: #000;
	background-color: rgba(27, 25, 23, 0.8);
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 13px;
	z-index: 20000;
}


#photoGalleryNav {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 0 0 60px 0 !important;
}

#photoGalleryNav .item {
	border: none;
	padding: 0 5px !important;
}

#photoGalleryNav .item .itemBox {
	border: solid 1px #D1D0D0;
}

#photoGalleryNav .item .itemThumb {
	height: 160px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

#photoGalleryNav .item .itemTitle {
	padding: 0 0 20px 0;
}

#photoGalleryNav .item .itemTitle h3 {
	font-size: 16px;
}


.orbit-prev4 { /*white arrow left */
	position: absolute;
	top: 45%;
	left: 10px;
	line-height: 50px;
	color: #FFF !important;
	z-index: 10;
     width: 45px;
     height: 45px;
	 background: url(https://www.jowan.be/templates/default_site/images/bigArrow_left.png) center center no-repeat;
 }

.orbit-next4 { /*white arrow right */
	position: absolute;
	top: 45%;
	right: 10px;
	line-height: 50px;
	color: #FFF !important;
	z-index: 10;
     width: 45px;
     height: 45px;
	 background: url(https://www.jowan.be/templates/default_site/images/bigArrow_right.png) center center no-repeat;
}

.orbit-prev3 { /*white arrow left */
	position: absolute;
	top: 30%;
	left: 10px;
	line-height: 50px;
	color: #FFF !important;
	z-index: 10;
     width: 45px;
     height: 45px;
	 background: url(https://www.jowan.be/templates/default_site/images/bigArrow_left.png) center center no-repeat;
 }

.orbit-next3 { /*white arrow right */
	position: absolute;
	top: 30%;
	right: 40px;
	line-height: 50px;
	color: #FFF !important;
	z-index: 10;
     width: 45px;
     height: 45px;
	 background: url(https://www.jowan.be/templates/default_site/images/bigArrow_right.png) center center no-repeat;
}


/********** flickity stuff **********/

.photoGalleryBanner {
}

.flickity-viewport {
	height: 600px !important;
}

.flickity-page-dots {
	bottom: 0 !important;
	padding: 1rem;
	position: relative;
	width: 100%;
}

.flickity-page-dots .dot {
	margin: 0 4px 0 4px !important;
}

button.flickity-prev-next-button {
  position: absolute !important;
  top: 50%;
  width: 50px !important;
  padding: 0 !important;
  height: 50px !important;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

button.flickity-prev-next-button svg {
    left: 30%;
    top: 30%;
    width: 40%;
    height: 40%;
}


/**** forms stuff ****/

#newsLetterSubscribe {
	background-color: #FFEBD4;
	border: none;
	border-radius: 5px;
}

#newsLetterSubscribe h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-style : italic;
	font-size : 18px;
	line-height : 21.31px;
	letter-spacing : 0.45px;
	color : #FAA52C;
}

#mc_embed_signup {
	padding: 20px;
}

#mc_embed_signup input {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size : 16px;
	line-height : 18px;
	color : #1A1816;
	border: none;
	box-shadow: none !important;
}

#mc_embed_signup input:focus {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size : 16px;
	line-height : 18px;
	color : #1A1816;
	border: 1px solid #FAA52C !important;
	box-shadow: none !important;
	background-color: #fff !important;
}

#mc_embed_signup .button {
	background-color: #FAA52C !important;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_butt_white2.png) right center no-repeat;
	border-radius: 5px;
	padding: 10px 40px 10px 10px;
}

.nota {
	color : #E64011 !important;
	color : rgb(230, 64, 17) !important;
	font-size: 12px;
	text-align: left;
	margin: 0 !important;
	position: relative;
	top:-20px;
}
/**** clearing stuff ****/

.clearing-blackout {
	position: fixed !important;
	background: #1A1816 !important !important;
	z-index: 200001 !important;
}

.clearing-container {
	z-index: 100001 !important;
}

.clearing-close {
  z-index: 100001 !important;
}


/**** ie alertbox stuff ****/

#ieAlert {
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 20000!important;
}

#ieAlert p {
	font-family: arial, sans-serif !important;
	font-size: 24px;
	line-height: 27px;
	color: #fff;
	text-transform: uppercase;
	padding: 80px;
	margin: 0;
	text-align: center;
}

#ieAlert p strong {
	font-family: arial, sans-serif !important;
	font-size: 34px;
	line-height: 50px;
	color: #fff;
	text-transform: none;
	padding: 80px;
	margin: 0;
	text-align: center;
	font-weight: normal !important;
}

#ieAlert p a {
	color: #FAA52C;
	text-decoration: underline;
}


#ieAlert p a:hover {
	color: #F79B2D;
	text-decoration: underline;
}


html.ie8 #ieAlert {
	display: block !important;
}


h2 .inline {
	display: inline-block;
	padding: 5px;
	width: 35px;
	height: 20px;
	background: url(https://www.jowan.be/templates/default_site/images/arrow_small_right_mango.png) center no-repeat;
}

.block {
	/*border: solid 1px red;*/
	height: 490px;
}

.block a {
	opacity: 1.0;
	width: 100%;
	display: block;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
}

.block a:hover {
	opacity: 0.7;
}

.block-thumb {
	display: block;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 20px;
}

.block-height {
	height: auto !important;
}



.overlap {
	position: relative;
	bottom: -55px !important;
}


/**** mainnav stuff ***/

/* button style */

#trigger-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 100000 !important;
	width: 40px;
	height: 40px;
	background-image: url(https://www.jowan.be/templates/default_site/images/ico_menu.svg);
	background-position: center center;
	background-repeat: no-repeat;
}

/* menu style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.95);
	z-index: 100000 !important;
	display: block;
}


/* Overlay closing cross */
.overlay .overlay-close {
	position: fixed;
	top: 0;
	right: 0;
	background-color: transparent;
	z-index: 110000 !important;
	width: 40px;
	height: 40px;
	background-image: url(https://www.jowan.be/templates/default_site/images/ico_close_small.svg);
	background-position: center center;
	background-repeat: no-repeat;
	line-height: 80px;
	overflow: hidden;
	padding: 0;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	/*height: 60%;*/
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	position: relative;
	margin: 0 0;
	min-width: 100%;
	background: transparent;
	box-shadow: none;
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	/*height: 15%;*/
	height: calc(100% / 8);
	/*min-height: 54px;*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-transform: uppercase;
}

.overlay ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-weight: 600;
	font-size: 21px;
	color: #E8E7E7;
	text-transform: uppercase;
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	line-height: calc(100% * 2) ;
	position: relative;
}

.overlay ul li.current a {
	font-family: 'Source Sans Pro', sans-serif;
}

.overlay ul li.current a:hover {
  color: #FAA52C;
  cursor: default;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #FAA52C;
}

.overlay .here a {
  color: #FAA52C;
}

.Nav2 {
	position: relative;
	display: block;
	text-align: center;
}

/* Effects */
.overlay-door {
  visibility: hidden;
  width: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
  transition: width 0.5s 0.3s, visibility 0s 0.8s;
}

.overlay-door.open {
  visibility: visible;
  width: 100%;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.overlay-door nav {
  position: absolute;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.overlay-door nav,
.overlay-door .overlay-close {
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}

.overlay-door.open nav,
.overlay-door.open .overlay-close {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.overlay-door.close nav,
.overlay-door.close .overlay-close {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/*@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 34px;
  }

  .overlay ul li {
    min-height: 34px;
  }
}*/


.langNav2 {
	display: block;
	position: relative !important;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.langNav2 a {
	display: inline-block !important;
	/*height: 32px !important;
	width: 32px !important;*/
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px !important;
	color: #fff !important;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: bold;
	background: #FAA52C;
	padding: 6px 10px;
}

.langNav2 .inactive {
	font-weight: bold;
	background: #000;
	/*padding: 0 10px;*/
}

.langNav2 .inactive:hover {
	font-weight: bold;
	color: #fff;
	background: transparent;
	/*padding: 0 10px;*/
}

.themeBottom {
	overflow: hidden;
}























/**** RESPONSIVE STUFF ****/


/* SMARTPHONE Small screens | max-width 640px */
@media only screen and (max-width: 40em) {

	h1 {
		font-size: 32px;
		line-height: 35px;
		font-weight: 100;
		margin: 0 0 20px 0;
	}

	#logoBox {
		height: 300px;
	}

  #logoMaxi {
    text-align: center;
  }

  #logoMaxi img {
    display: inline-block;
    position: relative;

    width: 40%;
  }

	.merkenLogo {
		margin-top: 0 0 0 0 !important;
		padding: 0 0 0 0 !important;
	}

	#banner {
	}

 	#banner .orbit-container {
 		height: 300px;
 	}

 	.slideImage {
 		height: 300px;
 	}

	#banner .bannerCaption {
		position: absolute;
		z-index: 8000;
		top: 0;
		right: none;
		width: 100%;
		text-align: center;
		display: block;
		font-family: 'Source Sans Pro', sans-serif;
		border: solid 1px red;
	}

	#banner .orbit-timer {
		z-index: 2000;
	}

	#banner .orbit-bullets-container {
		position: absolute;
		z-index: 6000;
		width: 100%;
		top: 250px; /* height bullets*/
	}

	#banner .orbit-bullets li {
		background-color: #fff;
		margin-top: 10px;
		top: -5px;
		box-shadow : 0px 0px 3.12px rgba(0, 0, 0, 0.5);
		filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') ;
	}

	#banner .orbit-bullets li:hover {
		cursor: pointer;
	}

	#banner .orbit-bullets li.active {
		background-color: #F79B2D;
		width: 14px;
		height: 14px;
		padding-top: 10px;
	}

	#contentFade {
		display: block;
		position: absolute;
		height: 250px;
		width: 100%;
		bottom: 0;
	}

 	#bannerMedium .orbit-container {
 		height: 350px;
 	}

	#bannerMedium .slideImage {
 		height: 350px;
 	}

 	body#content #logoBox,
 	body#product #logoBox {
		/*height: 350px;*/
	}

 	body#content #logo {
		padding-top: 20px;
	}

 	#bannerSmall .orbit-container {
 		height: 250px;
 	}

	#bannerSmall .slideImage {
 		height: 250px;
 	}

 	body#merk #logoBox,
 	body#product #logoBox {
		height: 250px;
	}

	/********* discover stuff *********/

	.discoverButton {
		margin-right: 0;
	}

	.discoverButton a {
		margin: 0 30px;
		top: 35% !important;
		position: absolute;
		display: block;
	}
	.discoverList {
		margin-left: 0;
	}

	.discoverList ul {
		top: 25px;
		left: 10px;
	}


	.discoverList ul li a {
		display: inline-block;
		padding: 3px 20px 3px 40px;
		background: url(https://www.jowan.be/templates/default_site/images/arrow_small_butt.png) 15px center no-repeat;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		font-style: italic;
		font-family: 'Source Sans Pro', sans-serif !important;
		border-radius: 5px;
		border: solid 1px #3D3B39;
	}

	#newsLetterSubscribe {

	}

	#subNav {
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: solid 1px #484645;
		font-size: 21px;
		line-height: 26px;
	}

	#subNav li a {
		margin: 0;
		padding: 0 0 0 0;
		font-size: 21px;
		line-height: 32px;
	}

	#address, #openHours {
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: solid 1px #484645;
	}

	.theme h1,
	.mobileh1 {
		font-size: 30px;
		line-height: 30px;
		font-weight: 300;
		color: #1A1816;
		margin: 24px 0 20px 0;
	}

	.mobilep {
	  font-size: 16px;
	  line-height: 21px;
	  font-weight: 300;
	  color: #1A1816;
	}

	.mobileCenter {
		text-align: center !important;
	}

	.mobileCenter ul {
		text-align: left !important;
	}

	.themaIcon {
	  top: 0;
	  left: 0;
	  clear: both;
	  display: inline-block;
	  width: 100%;
	}

	#filters {
		display: block;
	}

	.vline {
		border: none;
		margin-bottom: 20px;
	}

	#banner2 {
		position: relative;
		height: 400px !important;
		margin: 0 0 -55px 0
	}

	#banner2 .orbit-container {
		position: absolute;
		height: 400px !important;
	}

	#banner2 .slideImage {
		height: 400px !important;
		background-position: center center;
	}

	#banner2 .bannerCaption {
		z-index: 8000;
		top: 380px;
		right: 10%;
		width: 35%;
		min-width: 350px;
		max-width: 530px;
		text-align: right;
		display: block;
		font-family: 'Source Sans Pro', sans-serif;
	}

	#banner2 .orbit-bullets-container {
		position: absolute;
		z-index: 6000;
		width: 100%;
		top: 20px !important; /* height bullets*/
	}


	.flickity-viewport {
	height: 240px !important;
	}

	button.flickity-prev-next-button {
		top: 50%;
		width: 30px !important;
		height: 30px !important;
	}

	button.flickity-prev-next-button svg {
		left: 30%;
		top: 30%;
		width: 40%;
		height: 40%;
	}


	.overlap {
		position: relative;
		bottom: -130px !important;
		padding-top: -100px !important;
		top: 0;
	}

	.block {
		/*border: solid 1px red;*/
		height: auto;
	}

	#items {
	}

	.item {

		width: 180px;
		/*min-height: 240px;*/
	}

	.overlay ul li a {
		font-family: 'Source Sans Pro', sans-serif;
		text-align: center;
		font-weight: 600;
		font-size: 20px;
		color: #E8E7E7;
		text-transform: uppercase;
		display: block;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		line-height: calc(100% * 1.9) ;
		position: relative;
	}

	.isotope {
		max-width: 100%;
	}

	.item {

		width: 48%;
		/*min-height: 240px;*/
		/*float: left;*/
	}

	.itemMenu {
		width: 48%;
		min-height: none!important;
		margin-bottom: 10px !important;
	}

	.routeThumb {
		width: 100%;
		margin-bottom: 20px;
	}

}

/* TABLET Medium screens | min-width 641px */
@media only screen and (min-width: 40.063em) {


	#banner2 {
		height: 600px !important; /* height slideshow*/
		margin: 0 0 -55px 0
	}

	#banner2 .orbit-container {
		height: 600px !important; /* height slideshow*/
	}

	#banner2 .slideImage {
		height: 600px !important;
		background-position: center center;
	}

	#banner2 .bannerCaption {
		z-index: 8000;
		top: 380px;
		right: 10%;
		width: 35%;
		min-width: 350px;
		max-width: 530px;
		text-align: right;
		display: block;
		font-family: 'Source Sans Pro', sans-serif;
	}

	.bannerCaption h2 {
	font-size: 20px !important;
	}

	.bannerCaption h4 {
	font-size: 15px !important;
	}

	#banner2 .orbit-bullets-container {
		position: absolute;
		z-index: 6000;
		width: 100%;
		top: 20px !important; /* height bullets*/
	}

	.flickity-viewport {
	height: 500px !important;
	}

	.overlap {
		position: relative;
		bottom: -70px !important;
	}


	.block {
		/*border: solid 1px red;*/
		height: 450px;
	}

	#items {
		left: 10px;
	}

	.item {

		width: 240px;
		/*min-height: 240px;*/
	}

 	#bannerSmall .orbit-container {
 		height: 400px;
 	}

	#bannerSmall .slideImage {
 		height: 400px;
 		background-size: cover;
 		background-position: center;
 	}

 	body#merk #logoBox,
 	body#product #logoBox {
		height: 300px;
	}

	.priceTag {
		width: 48%;
		margin-right: 10px;
		display: inline-block;
	}

}
/* TABLET Medium screens landscape | min-width 641px */

@media only screen and (min-width: 1024px) {

	.isotope {
		max-width: 1024px;
	}

	.item {

		width: 243px;
		/*min-height: 240px;*/
	}


}
/* DESKTOP 1 Large screens | min-width 1025px*/
@media only screen and (min-width: 64.063em) {

	#banner2 {
		height: 600px !important; /* height slideshow*/
		margin: 0 0 -55px 0
	}

	#banner2 .orbit-container {
		height: 600px !important; /* height slideshow*/
	}

	#banner2 .slideImage {
		height: 600px !important;
		background-position: center center;
	}

	#banner2 .bannerCaption {
		z-index: 8000;
		top: 380px;
		right: 10%;
		width: 35%;
		min-width: 350px;
		max-width: 530px;
		text-align: right;
		display: block;
		font-family: 'Source Sans Pro', sans-serif;
	}

	#banner2 .orbit-bullets-container {
		position: absolute;
		z-index: 6000;
		width: 100%;
		top: 10px !important; /* height bullets*/
	}

	.flickity-viewport {
	height: 600px !important;
	}

	.item {

		width: 236px;
		/*min-height: 240px;*/
	}

	.itemMenu {
		width: 236px;
		min-height: none!important;
		margin-bottom: 10px !important;
	}

 	#bannerSmall .orbit-container {
 		height: 400px;
 	}

	#bannerSmall .slideImage {
 		height: 400px;
 		background-size: cover;
 		background-position: center;
 	}

 	body#merk #logoBox,
 	body#product #logoBox {
		height: 300px;
	}

}


/* DESKTOP 2 XLarge screens | min-width 1441px */
@media only screen and (min-width: 90.063em) {

	#photoGalleryBox .flickity-viewport {
		height: 800px !important;
	}

	#banner2 {
		height: 800px !important; /* height slideshow*/
		margin: 0 0 -55px 0
	}

	#banner2 .orbit-container {
		height: 800px !important; /* height slideshow*/
	}

	#banner2 .slideImage {
		height: 800px !important;
		background-position: center center;
	}

	#banner2 .bannerCaption {
		z-index: 8000;
		top: 380px;
		right: 10%;
		width: 35%;
		min-width: 350px;
		max-width: 530px;
		text-align: right;
		display: block;
		font-family: 'Source Sans Pro', sans-serif;
	}

	#banner2 .orbit-bullets-container {
		position: absolute;
		z-index: 6000;
		width: 100%;
		top: 10px !important; /* height bullets*/
	}

  .brands2 {
    height: 9rem;
  }
}


/* DESKTOP 3 XXLarge screens | min-width 1921px */
@media only screen and (min-width: 120.063em) {
	#banner2 {
	 /*height: 800px;*/
	}
  .brands2 {
    height: 12rem;
  }
}


@media only screen and (min-width: 1226px) {

	.isotope {
		max-width: 1226px;
	}

	.item {

		width: 236px;
		/*min-height: 240px;*/
	}

	.itemMenu {
		width: 236px;
		min-height: none!important;
		margin-bottom: 10px !important;
	}


} /* min-width 641px and max-width */

@media only screen and (min-width: 1462px) {

	.isotope {
		max-width: 1462px;
	}

	.item {

		width: 280px;
		/*min-height: 240px;*/
	}

	.itemMenu {
		width: 280px;
		min-height: none!important;
		margin-bottom: 10px !important;
	}

}

/* DESKTOP 3 XXLarge screens | min-width 1921px */
@media only screen and (min-width: 2130px) {
	#banner2 {
	 /*height: 800px;*/
	}
  .brands2 {
    height: 14rem;
  }
}