@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");
/* 
	#0a0a0a; cs_zwart 
	#b8a354; cs_goud 
	#080808; 20170411 #fecb00 cs_geel 
	#06344d; cs deep dark blue
	#215F1C; 20170411 #009dfe; cs blue 
	#080808; 20170411 #2f2f2f cs_grijs
	#004225; groen nw 20170418
	#182551 donker blauw
	#009dfe hel blauw
*/

body {
margin : 0;
padding : 0;
font : Arial;/*12px/1.3 */
font-size:115%;
/*** 20181002 background : url("/cs_images/css/bg_chesterfield_header.jpg");
* onderstaande twee vervangen door bovenstaande voor repeated background

background : url("/cs_images/css/bg_chesterfield_body.jpg") center center no-repeat fixed;
*/
background-color: #3E3E3E; /*707070;*/
background-size : 100% 100%;
}

html, body {
/*   height : 100%;
   width : 100%;
   padding-right :10px;;
   padding-left : 10px;
}
@media screen and (min-width:1500px)  {
html, body {*/
		height : 100%;
	  width : 100%;
	  padding-right :63px;
	  padding-left : 62px;
}
}
@media screen and (max-width:767px) { /*(max-width:767px) {*/
  html, body {
	  height : 100%;
	  width : 100%;
	  padding-right : 0;
	  padding-left : 0;
  }
}
@media screen and (max-width:767px) { /*(max-width:767px) {*/
	html, body {
	height : 100%;
	width : 100%;
	padding-right : 0;
	padding-left : 0;
	}
}

.header-text {
	background-color: #182551; 
	color: white; 
	border-radius: 5px;
}
.header-text-div {
	padding: 20px;	
} 
.header-text-h1 {
  background-color: #182551; 
  color: white; 
  margin-top:0px;
  font-size : 1.75em;
  font-weight : bold;
}
.header-text h1 {
	background-color: #182551; 
	color: white; 
  margin-top:0px;
}
.header-text h2 {
	background-color: #182551; 
	color: white; 
  margin-top:0px;
}
.mobile-main-img {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-family : Arial;
  color:black;
  text-decoration: underline;
 }
.homegraybackgrnd h2 {
  background-color: transparent; 
  font-size: 4.8vw; 
}
.homegraybackgrnd_computer h2 {
  background-color: transparent;  
}
.cs-onzecollecties {
	background-color: transparent;
	border:none; 
}
h1, h2, h3, h4, h5, h6, h7 {
/*font-family : Arial;*/
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
/*margin : 0;*/
}
h1 {
display : block;
font-size : 1.75em;
font-weight : bold;
}
@media screen and (max-width:767px) { /*(max-width:935px) {*/
	h1 {
	display : block;
	font-size : 1.5em;
	font-weight : bold;
	}
}
h2 {
display : block;
font-size : 1.25em;
font-weight : bold;
}
h3 {
display : block;
font-size : 1em;
font-weight : bold;
}
h4 {
display : block;
margin-top : 0.9em;
font-weight : bold;
}
h5 {
display : block;
font-size : 0.8em;
font-weight : bold;
}
h6 {
display : block;
font-size : 0.6em;
font-weight : bold;
}
.gray-10pt {
font-size : 0.6em; /*10pt;*/
font-family : Arial;
color : #909090;
}
.gray-1 {
font-size : 0.8em; /*12pt;*/
font-family : Arial;
color : #909090;
}
.gray-2 {
font-size : 1em; 
font-family : Arial;
color : #909090;
}
.red-10pt {
font-size : 0.8em; /*10pt;*/
font-family : Arial;
color : red;
}
.red-11pt {
font-size : 11pt;
font-family : Arial;
color : red;
}
.white-1 {
font-size : 0.8em; /*12pt;*/
font-family : Arial;
color : #ffffff;
}
.black-1 {
font-size : 0.8em; /*12pt;*/
font-family : Arial;
color : #000000;
}
.black-2 {
font-size : 1em; /*12pt;*/
font-family : Arial;
color : #000000;
}

@media screen and (max-width:1025px) {
	.gold-1 {
	font-size :0.8em; /*10pt;*/
	font-family : Arial;
	color : #b8a354;
	}
}
@media screen and (min-width:1025px) {
	.gold-1 {
	font-size : 0.8em; /*12pt;*/
	font-family : Arial;
	color : #b8a354;
	}
}
.gold-1 a:hover {
	
}
.gold-1-2 {
font-size : 1em; /*14pt;*/
font-family : Arial;
color : #b8a354;
}
.gold-1-5 {
font-size : 1.4em; /*18pt;*/
font-family : Arial;
color : #b8a354;
}
.gold-2-5 { /* voor tekst prijs op aanvraag */
font-size : 2em; /*18pt;*/
font-family : Arial;
color : #b8a354;
}
@media screen and (max-width:1025px) {
.gold-2 {
	font-size : 1.1em;
	font-family : Arial;
	color : #b8a354;
	}
}
@media screen and (min-width:1025px) {
.gold-2 {
	font-size : 2em;
	font-family : Arial;
	color : #b8a354;
	}
}
.basic-collection {
  font-size:0.8em; 
  font-family : Arial;
  color:#909090; /*green;*/ 
  text-align:center;
  /*font-weight : bold;*/
}
.classic-collection {
  font-size:0.8em;
  font-family : Arial; 
  color:#909090; /*#009dfe;*/ 
  text-align:center;
  /*font-weight : bold;*/
}
.royal-collection {
  font-size:0.8em;
  font-family : Arial;
  color:#909090;/*gold;*/ 
  text-align:center;
  /*font-weight : bold;*/
}
.gold-home {
	font-weight: bold;
	font-family : Arial;
	color : #b8a354;	
}
.green-home {
	font-weight: bold;
	font-family : Arial;
	color : #004225;	
}
.shopping-cart-b2b {
  width: 84px;
  height: 55px;
  float:right;
  background-image: url("/cs_images/buttons/sc_top_cart_b2b.png");
  /*background-image: url(https://www.chesterfield.com/cs_images/buttons/sc_top_cart_b2b.png);*/
  background-position: 70% 70%;
  background-size: cover;
}
.shopping-cart-no-webp {
  width: 40px;
  height: 40px;
  text-align:center;
  background-image: url("/cs_images/buttons/sc_top_cart.png");
  /*background-image: url(https://www.chesterfield.com/cs_images/buttons/sc_top_cart.png);*/
  background-position: 50% 50%;
  background-size: cover;
}
.shopping-cart {
  width: 40px;
  height: 40px;
  text-align:center;
  background-image: url("/cs_images/buttons/sc_top_cart.webp");
  /*background-image: url(https://www.chesterfield.com/cs_images/buttons/sc_top_cart.png);*/
  background-position: 50% 50%;
  background-size: cover;
}
 /***** FONTS *****/
/*****************/

@font-face {
    font-family: AGaramondPro;
    src: url('fonts/AGaramondPro-Regular.otf');
}

@font-face {
  font-family: AGaramondPro-Italic;
  src: url('fonts/AGaramondPro-Italic.otf');
}
  
 
.logo-image {
	margin-top:12px;
	width: 160px;
  height: 100px;
  background-image: url("/cs_images/logos/chesterfield-com-text.webp");
  /*background-image: url(https://www.chesterfield.com/cs_images/logos/chesterfield-com-text.png);*/)
  background-position: 50% 50%;
  background-size: cover;
}
.logo-image-no-webp{
  margin-top:12px;
  width: 160px;
  height: 100px; 
  background-image: url("/cs_images/logos/chesterfield-com-text.png");
  /*background-image: url(https://www.chesterfield.com/cs_images/logos/chesterfield-com-text.png);*/)
  background-position: 50% 50%;
  background-size: cover;
}
.logo-image-no-webp-mobile{
  margin-top:35px;; /*12px;*/
  width: 80px; /*160*/
  height: 50px; /*100*/
  background-image: url("/cs_images/logos/chesterfield-com-text.png");
  /*background-image: url(https://www.chesterfield.com/cs_images/logos/chesterfield-com-text.png);*/)
 background-position: 50% 50%;
  background-size: cover;
}
.logo-title {
	margin-top: 2px;
  margin-bottom: 0px;
  padding-top: 18px;
  font-family: AGaramondPro;/* 'Yeseva One', sans-serif;*/
  color: #b8a354;/*white;/ *#d2cdcd;*/
  font-size: 28px;
  font-weight: bold;/*200;*/
}
.logo-title-small {
  padding-top: 6px;
  font-family: AGaramondPro; /*'Yeseva One', sans-serif; */
  font-size: 22px;
  font-weight: bold;/*200;*/
}
.sub-title-main-h1 {
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Yeseva One', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 10px;
    font-weight: 300;
}
.sub-title-main {
    margin-top: 2px;
    margin-bottom: 0px;
    text-align:center;
    padding-top: 0px;
    font-family: AGaramondPro; /*'Josefin Sans', sans-serif;*/
    color: white; /*#aeaeae;/*#888;*/
    font-size: 20px;
    font-weight: 100;
}
.sub-title-mainb2b {
    margin-top: -12px;
    margin-bottom: 0px;
    text-align:center;
    padding-top: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 25px;
    font-weight: 100;
}
@media screen and (max-width:1024px) { 
.sub-title-main-h1 {
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Yeseva One', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 20px;
    font-weight: 300;
}
.sub-title-main {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: AGaramondPro; /*'Josefin Sans', sans-serif;*/
    color: white; /*#aeaeae;/*#888;*/
    font-size: 18px;
    font-weight: 100;
}
.sub-title-mainb2b {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 25px;
    font-weight: 100;
}
}
@media screen and (max-width:768px) { 
	.logo-image {
  margin-top:12px;
  width: 120px;
  height: 87px;
  background-image: url("/cs_images/logos/chesterfield-com-text.png");
  /*background-image: url(https://www.chesterfield.com/cs_images/logos/chesterfield-com-text.png);*/
  background-position: 50% 50%;
  background-size: cover;
}
	
.logo-title {
  margin-top: 2px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-top: 10px;
  font-family: AGaramondPro; /*'Yeseva One', sans-serif; */
  color: #b8a354;/*white;/ *#d2cdcd;*/
  font-size: 28px;
  font-weight: bold; /*200;*/
}
	.sub-title-main-h1 {
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Yeseva One', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 20px;
    font-weight: 300;
}
.sub-title-main {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 5px;
    font-family: AGaramondPro; /*'Josefin Sans', sans-serif;*/
    color: white;/*#aeaeae;/*#888;*/
    font-size: 18px;
    font-weight: 100;
}
.sub-title-mainb2b {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 25px;
    font-weight: 100;
}
}
@media screen and (max-width:380px) { 
.logo-image {
  width: 100px;
  height: 62px;
  background-image: url("/cs_images/logos/chesterfield-com-text.png");
  /*background-image: url(https://www.chesterfield.com/cs_images/logos/chesterfield-com-text.png);*/
  background-position: 50% 50%;
  background-size: cover;
}
.logo-title {
  margin-top: 2px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-top: 5px;
  font-family: AGaramondPro; /*'Yeseva One', sans-serif; */
  color: #b8a354;/*white;/ *#d2cdcd;*/
  font-size: 20px;
  font-weight: bold; /*200;*/
}
.sub-title-main-h1 {
    margin-top: -10px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Yeseva One', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 20px;
    font-weight: 300;
}
.sub-title-main {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 5px;
    font-family: AGaramondPro; /*'Josefin Sans', sans-serif;*/
    color: white;/*#aeaeae;/*#888;*/
    font-size: 12px;
    font-weight: 100;
}
.sub-title-mainb2b {
    margin-top: -12px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #aeaeae;/*#888;*/
    font-size: 23px;
    font-weight: 100;
}
}.home-top {
  /*font-weight: bold;*/
  font-family : Arial;
}
.home-top h1  {
  background-color:#004225;
  color:white;
  border-radius:8px;
  padding-top:15px;
  padding-bottom:15px;
  font-weight:normal;
}
.home-top h2  {
  background-color:#004225;
  color:white;
  border-radius:8px;
  padding-top:15px;
  padding-bottom:15px;
  font-weight:normal;
}
.home-blue {
  /*font-weight: bold;*/
  font-family : Arial;
  background-color:#009dfe;
  color:white;
  border-radius:8px;
  height:auto;
  padding-top:3px;
  padding-bottom:2px;
  font-size: 14pt;
  font-weight:normal;
}
.home-blue a:link {
color : white;
}
.home-blue a:visited {
color : white;
}
.home-blue a:hover {
	color:darkblue;
}
.home-bot {
  /*font-weight: bold;*/
  font-family : Arial;
  font-weight: bold;
  color : #b8a354;
}
.home-bot h2 {
	background-color:rgba(55,55,55,0.5);
	border-radius:4px;
  padding-top:2px;
  padding-bottom:2px;
}
.home-bot ul {
  margin-left: 50px;
}
.home-bot ul li {
  /*text-align: center;*/
	list-style-type: none;
}
.gold-btn {
	font-weight: bold;
	font-family : Arial;
	color : #b8a354;	
	text-align:center;
	vertical-align:middle;
}
@media screen and (max-width:400px) {
.home-top h1, h2 {
	font-size : 0.8em; 
	}
.home-bot h2 {
	font-size : 0.8em;
  }
.gold-home {
	font-size : 0.8em; 
	}
.gold-btn {
	font-size : 0.8em; 
 	min-height:30px; 
	}
}
@media screen and (max-width:710px) and (min-width 399px) {
.home-top h1, h2 {
	font-size : 0.9em; 
	}
.home-bot h2 {
  font-size : 1em;
  }
.gold-home {
	font-size : 1em; 
	}
.gold-btn {
	font-size : 0.9em; 
	}
}
@media screen and (max-width:767px) and (min-width 709px)  {
.home-top h1, h2 {
	font-size : 0.9em; 
	}
.home-bot h2 {
  font-size : 1.1em;
  }
.gold-home {
	font-size : 1.1em; 
	}
.gold-btn {
	font-size : 0.9em;
	min-height:35px; 
	}
}
@media screen and (max-width:800px and (min-width:766px) ) {
.home-top h1, h2 {
	font-size : 0.6em; 
	}
.home-bot h2 {
  font-size : 0.7em;
  }
.gold-home {
	font-size : 0.7em; 
	}
.gold-btn {
	font-size : 0.6em; 
	}
}
@media screen and (max-width:900px) and (min-width:799px) {
.home-top h1, h2 {
	font-size : 0.8em; 
	}
.home-bot h2 {
  font-size : 0.8em;
  }
.gold-home {
	font-size : 0.8em; 
	}
.gold-btn {
	font-size : 0.8em; 
	}
}
@media screen and (max-width:1026px) and (min-width:899px) {
.home-top h1, h2 {
	font-size : 0.8em; 
	}
.home-bot h2 {
  font-size : 0.9em;
  }
.gold-home {
	font-size : 0.9em; 
	}
.gold-btn {
	font-size : 0.8em; 
	min-height:35px;
	}
}
@media screen and (max-width:1200px) and (min-width:1025px) {
.home-top h1, h2 {
	font-size : 0.8em; 
	}
.home-bot h2 {
  font-size : 1.1em;
  }
.gold-home {
	font-size : 1.1em;
	}
.gold-btn {
	font-size : 0.8em; 
	}
}
@media screen and (max-width:1400px) and (min-width:1199px) {
.home-top h1, h2 {
	font-size : 1.3em; 
	}
.home-bot h2 {
  font-size : 1.3em;
  }
.gold-home {
	font-size : 1.3em;
	}
.gold-btn {
	font-size : 0.9em; 
	}
}
@media screen and (max-width:1500px) and (min-width:1399px)  {
.home-top h1, h2 {
	font-size : 1.5em; 
	}
.home-bot h2 {
  font-size : 1.6em;
  }
.gold-home {
	font-size : 1.6em;
	}
.gold-btn {
	font-size : 1.1em; 
	}
}
@media screen and (min-width:1500px)  {
.home-top h1, h2 {
	font-size : 1.8em; /*2.2em;*/ 
	}
.home-bot h2 {
  font-size : 1.7em;
  }
  /********Nieuwe header vlag met tekst goud kleur chesterfield.com ********/ 
  /***** IMG-RESIZE *****/
.img-resize {
  width: 100%;
}
/***** HEADER-DIV *****/
.header-div {
  color: #b8a354;
  background-size: 100%;
  margin-top: auto;
  margin-bottom: auto;
}
/***** HEADER2-DIV *****/
.header2-div {
  color: #b8a354;
}
/***** HEADER-COLOR *****/
.header-color {
  color: #b8a354;
  background-color: #000;
}
 /* **** HEADER-URL-FONT **** */
.header-url-font {
  font-family: AGaramondPro;
  color: #b8a354;
  font-size: 2.5rem;
  font-weight: bold;
}

/* **** HEADER-URL-SMALL-FONT **** */
.header-url-small-font {
  font-family: AGaramondPro;
  color: #b8a354;
  font-size: 0.8rem;
  font-weight: bold;
}
/* **** HEADER-TEXT-FONT **** */
.header-text-font {
  font-family: AGaramondPro;
  font-size: 1.65rem;
  font-weight: bold;
  color: #fefefe;
}
.header-text-font-small {
  font-family: AGaramondPro;
  font-size: 0.55rem;
  font-weight: bold;
  color: #fefefe;
}
  
  /****************/
  
.gold-home {
	font-size : 1.7em;
	}
.gold-btn {
	font-size : 1.2em; 
	}
}

/*
1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger
*/
.gold-vp {
font-size : 1em; /*0.8vw;*/
font-family : Arial;
color : #b8a354;
}
a:link {
color : #b8a354;
}
a:visited {
color : #b8a354;
}
a:hover {
	color:white;
	/*color : #080808; / * #2f2f2f !important 20170411 */
}
a:active {
color : #b8a354;
}
.levellink:hover{
	color:white;
}
.hidden {
display : none;
}
.visible-hidden {
visibility : hidden;
}

/*@media screen and (min-width:767px) {*/
	.bg-main {
		/*background:url(/cs_images/bg_chesterfield_main.jpg) top scroll;*/
		background-color: #3E3E3E; /*707070;*/
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
	}
/*}
@media screen and (max-width:767px) {
	.bg-main {
		background:url(/cs_images/bg_chesterfield_main_small.jpg) top scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
	}
}*/
.cs-prod-det {
background : #080808; /*2f2f2f 20170411*//*transparent;*/
color : white;
border-radius : 4px;
border : #b8a354 solid 2px;
}
.cs-prod-det-hidden-text {
color : #080808; /*2f2f2f 20170411*/
}
.box-prod-det {
background : #080808; /*2f2f2f 20170411*/
color : #b8a354;
text-align : left;
border : red solid 0px;
}
.popuptop {
position : relative;
background-color : #080808; /* #2f2f2f !important 20170411 */
top : -60px;
}
.cs-center {
margin-left : auto;
margin-right : auto;
width : 100%;
}
.cs-top {
max-width : 100%;
}
.header_div_0 {
	height : 0px;
}
.header_div {
height : 125px; /* 100px; was 125px; */
font-style: bold;

/*** 20181002 background-color : transparent;
* onderstaande vervangen door bovenstaande 
*/
/*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
background-color: #3E3E3E; /*707070;*/
background-size: 100%;
}
@media screen and (max-width:800px) {
  .header_div {
  height : 110px; /*13vh;*/
  font-style: bold;
  
  /*** 20181002 background-color : transparent;
  * onderstaande vervangen door bovenstaande 
  */
  /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
  background-color: #3E3E3E; /*707070;*/
  background-size: 100%;
  }
}@media screen and (max-width:450px) {
	.header_div {
	height : 120px; /*13vh;*/
	font-style: bold;
	
	/*** 20181002 background-color : transparent;
	* onderstaande vervangen door bovenstaande 
	*/
  /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
  background-color: #3E3E3E; /*707070;*/
	background-size: 100%;
  }
}
.header_div a {
color : #b8a354; /*20170411 #000;*//*#fecb00;*/
}
.header_div a:hover {
color : white;/*#b8a354;*/
}
.header_sub_div {
height : 200px;
background-color:yellow; /* : url("/cs_images/css/bg_chesterfield_header.jpg");*/
background-size : 100%;
position:fixed;
}
@media (min-width: 1200px) {
	.cs-header {
	height: 45px;
	text-align: left;
	padding: 5px;
	margin-left:2px;
	background-color : transparent; /*#215F1C;  #009dfe 20170411 *//*#b8a354;*/
	border-radius : 4px;
	font-size: 1.2em; /*20170411 fonts-size:0.85em;*/
	font-weight: bold;
	/*border : #b8a354 solid 2px;*/
	}
}
@media (max-width: 199px) {
	.cs-header {
	height: 45px;
	text-align: left;
	padding: 5px;
	margin-left:2px;
	background-color : transparent; /*#215F1C;  #009dfe 20170411 *//*#b8a354;*/
	border-radius : 4px;
	font-size: 0.8em; /*20170411 fonts-size:0.85em;*/
	font-weight: bold;
	/*border : #b8a354 solid 2px;*/
	}
}

.dropdown {
}
.dropdown a {
}
.dropdown a:hover {
	color:white;
}
.dropdown-level2 {
	 color:#b8a354;
  text-decoration: none; 
}
.dropdown-level2 a {
	color:#b8a354; /* #b0b0b0; wijziging 220608 */
}
.dropdown-level2 a:hover {
	color:white;
	text-decoration: none;
}
.dropdown-level2 li span {
	position: relative;
	left: -10px;
}
.dropdown-content a:hover {
	color:white;
	text-decoration: none;
}
.dropdown-content li span {
  position: relative;
  left: -10px;
}
/* select optiosn sorting collection */
option:hover, /* { color: red; background-color:black;}  werk niet hover blijft blauwe achtergrond houden*/
option:focus,
option:active, /* { color: red; background-color:black; }*/ 
option:checked { color: white; background-color:  #b8a354; }

.cs-collectie {
padding : 10px 0 0 0;
color : white;
background-color : #080808; /*2f2f2f 20170411*/
border-radius : 4px;
border : #b8a354 solid 2px;
}

.cs-colectie-filter-html {
	margin-top:10px;
color : white;
background-color : #182551; 
border-radius : 4px;
border : #b8a354 solid 2px;
}
.sel-filter-color {
overflow:hidden;
height:auto;
background-color : #182551;
font-family : "Arial";
font-size : 1em;
color : white;
max-width:270px;
padding:0.4em;
}


/*@media screen and (max-width:1320px) {
	.cs-collectie-header {
	color : #FFF;/ *#fecb00;* /
	height : 45px;
	text-align: center;
	padding : 5px;
	background-color : #004225;/ *  #009dfe 20170411 * /
	border-radius : 4px;
	/ *font-size:0.7em;* /
	font-size : 1em;
	valign: middle;
	}
}
@media screen and (min-width:1319px) { */
	.cs-collectie-header {
	color : #FFF; /* #fecb00;*/
	height : 45px;
	text-align: center;
	padding : 5px;
	background-color : #004225; /*#215F1C;  #009dfe 20170411 */
	border-radius : 4px;
	font-size : 1em;
	/*font-weight : bold;*/
	}
/*}*/
.cs-collectie-header:hover {
	color : white;/*#b8a354;*/
	}

.cs-main-content {
margin : 0 auto;
padding-top : 160px;
/* todo grotere letters */
font-size:1.25em; 
}
.cs-contact-html {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
border-radius : 4px;
border : #b8a354 solid 2px;
}
.cs-showroom-html {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
border-radius : 4px;
border : #b8a354 solid 2px;
/*font-size : 1em; / * todo grotere letters 10pt;*/;
/*line-height : 1;*/
}
.cs-pc-aantal {
background-color : transparent;/*#909090;*/
border:0;
font-family : "Arial";
font-size : 1em;
width : 50%;
/*border-radius:4px;*/
/*padding : 3px 4px;*/
text-align:right;
max-height:15px;
}
input:focus{
   outline: none;
}

.sel-120 {
background-color : #080808; /*2f2f2f 20170411*/
font-family : "Arial";
font-size : 11px;
width : 120px;
}
.sel-240 {
background-color : #080808; /*2f2f2f 20170411*/
font-family : "Arial";
font-size : 0.85em;
width:240px;
}
.sel-color {
overflow:hidden;
height:auto;
background-color : #080808; /*2f2f2f 20170411*/
font-family : "Arial";
font-size : 0.85em;
color : #b8a354;
max-width:270px;
}

.image-link {
display : inline-block;
margin : 0 10px 20px 10px;
line-height : 0;
border-radius : 4px;
border : #5e5e5e solid 4px;
max-width:750px;
transition : all 0.1s ease-out;
}
.cs-panel {
border-radius : 5px;
border : #ddd solid 1px;
border-bottom : 5px solid #E5E6E6;
color : #b8a354;
margin-bottom : 10px;
}
.div-curved {
padding-top : 10px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
border-collapse : separate;
box-shadow : 0 0 1px 1px #8d8d8d inset;
border-radius : 5px;
}
.cs_texten {
background-color : #080808; /*2f2f2f 20170411*/
}
.cs-top-row {
max-width : 1000px;
padding : 210px 0 0 0;
margin-left : auto;
margin-right : auto;
width : 100%;
}
.cs-main-row {
width : 100%;
padding : 10px 0 0 0;
margin : 0;
background-repeat : no-repeat;
}
.cs-menu-landsel {
color : #fecb00;
background-color : #080808; /*2f2f2f 20170411*/
font-size: 0.8em;
}
.cs-menu-landsel a {
color : #fecb00 !important ;
background-color : #080808 !important ; /* #2f2f2f !important 20170411 */
}
.cs-menu-landsel a:hover {
color : #b8a354 !important ;
background-color : #080808 !important ; /* #2f2f2f !important 20170411 */
}
.cs-menu-item {
color : #fecb00 !important ;
background-color : #080808; /*2f2f2f 20170411*/
}
.cs-menu-item a {
color : #fecb00 !important ;
background-color : #080808; /*2f2f2f 20170411*/
}
.cs-menu-item a:hover {
color : #b8a354 !important ;
background-color : #080808 !important ; /* #2f2f2f !important 20170411 */
}
.cs-geginvoer-html {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
}
.my-social-icons {
float : right;
margin : 0;
padding : 0 15px;
display : block;
}
.my-social-icons li {
margin : 0;
padding : 0;
display : block;
float : left;
line-height : 57px;
}
.my-social-icons a {
color : rgba(255, 255, 255, 0.86);
margin : 0;
padding : 0 5px;
display : inline-block;
float : left;
width : 100%;
text-align : center;
}
a.disable {
cursor : default;
background : red;
}
.RMcs-panel {
border-radius : 5px;
border : #ddd solid 1px;
border-bottom : 5px solid #E5E6E6;
color : #b8a354;
margin-bottom : 10px;
}
.panel-collection {
border-color : #b8a354;
background-color : #080808; 
}
.panel-collection > .panel-heading {
padding:0.2em;
border: none;
}
.panel-collection > .panel-outlet-heading {
color : #31708f;
background-color : #080808; /*2f2f2f 20170411*/
}
.panel-collection > .panel-body {
color : #b8a354;
min-height : 11em; /*160px;*/
padding:0.3em;
}

	.panel-collection > .panel-outlet-body {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
height : 90px;
}
.panel-collection-hidden-text {
color : #080808; /*2f2f2f 20170411*/
}

.cs-main-html {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
border-radius : 4px;
border : #b8a354 solid 2px;
}
.cs-list-html {
  text-align:center;
}
.cs-list-html > ul {
  text-align: left;
  padding:0;
  display: inline-block;
}
.cs-list-html > ol {
  text-align: left;
  padding:50;
}
.cs-ordersys-html {
color : #b8a354;
background-color : orange;
color : black;
border-radius : 4px;
border : #b8a354 solid 2px;
}
.cs-ordersys-html h1 {
background-color : orange;
color : black;
display : block;
font-size : 1.75em;
font-weight : bold;
}

.cs-above-footer {
padding : 10px 0 0 0;
color : white;
background-color : #4f4f4f;
border-radius : 4px;
border : #b8a354 solid 2px;
}
.cs-footer {
padding : 10px 0 0 0;
color : white;
background-color : #080808; /*2f2f2f 20170411*/
border-radius : 4px;
border : #b8a354 solid 2px;
}
.box-footer {
/*padding : 3%;*/
/*text-align:center;*/
background : #080808; /*2f2f2f 20170411*/
color : #b8a354;
/*font-size : 1em;*/
font-size: 1.3em;/*0.8vmax;*/
}
.box-footer-dummy {
padding-top:1px;
background : #080808; /*2f2f2f 20170411*/
}
.box-footer-transp {
padding : 3% 0 0 0;
color : #b8a354;
font-size : 1em;
text-align : center;
}
.box-footer-top-transp {
padding : 0 0 0.5% 0;
text-align : left;
}
.box-footer-head {
padding : 0.3%;
margin : 0 0 10px 5%;
background : #080808; /*2f2f2f 20170411*/
color : #b8a354;
font-size : 1.2em;
font-weight : bold;
}
.box-footer-bottom {
padding : 3%;
margin-top : 25px;
margin-left : 15px;
background : #080808; /*2f2f2f 20170411*/
color : #b8a354;
font-size : 1em;
font-weight : bold;
}
.box-footer-bold {
font-weight : bold;
text-decoration: underline;
}
.box-footer-item {
margin : 0 0 0 5%;
color : #b8a354;
}
.box-footer-item a:hover {
	color: white;
	text-decoration: none;
}
.box-footer-item p:hover {
  color: white;
  text-decoration: none;
}
.gray9 {
font-family : Arial;
font-size : 9pt;
color : #909090;
}
.red9 {
font-family : Arial;
font-size : 9pt;
color : red;
}
.blue9 {
font-family : Arial;
font-size : 9pt;
color : blue;
}
.green9 {
font-family : Arial;
font-size : 9pt;
color : green;
}
.white9 {
font-family : Arial;
font-size : 9pt;
color : white;
}
.cs-blue {
	color: #004225; /* #009dfe 20170411 */
}
.cs-yellow {
	color: yellow; 
}
.mash-menu {
	max-width : 90%;
}
@media screen and (max-width:950px) {
	.mash-menu {
	font-size:90%;
	}
}
@media screen and (max-width:1025px) and (min-width:949px) {
.mash-menu {
	font-size:80%;
	}
}
@media screen and (max-width:1120px) and (min-width:1024px) {
.mash-menu {
  font-size:85%;
  }
}
@media screen and (max-width:1300px) and (min-width:1119px) {
	.mash-menu {
	font-size:105%;
	}
}
@media screen and (min-width:1301px) {
  .mash-menu {
  font-size:125%;
  }
}

.mash-menu[data-color="cs_yellow"] section.mash-menu-inner-container {
background : transparent; /*#080808;*/ /* #2f2f2f !important 20170411 */ 
}
.mash-brand {
	background-color: #080808;
}
.mash-list-items {
  background-color: #080808;
}
@media screen and (min-width:767px) {
	.mash-menu[data-color="cs_yellow"] .mash-brand > li:hover > a, .mash-menu[data-color="cs_yellow"] .mash-list-items > li:hover > a {
	color : white; /*#0a0a0a;*/
	background : #a79243;
	}
}
.mash-menu[data-color="cs_yellow"] .mash-brand > li > a, .mash-menu[data-color="cs_yellow"] .mash-list-items > li > a {
color : white /*#b8a354;*/ /*#0a0a0a; 20170411*/
}
.mash-menu[data-color="cs_yellow"] .mash-list-items > li.active > a {
color : white; /*#b8a354; #0a0a0a;*/
background : #004225; /*#303030;#a79243;*/
/*top:1px;*/
}
.mash-menu[data-color="cs_yellow"] .mash-list-items > li.cms > a { /* terug naar cms */
color : #fafafa; 
background : #009dfe; 
text-align: center;
width: 280px;
top:1px;
margin-left:5px;
}
.mash-menu[data-color="cs_yellow"] .mash-list-items > li.cmsorder > a { /* terug naar winkelwagen */
color : #fafafa; 
background : #00b300; 
text-align: center;
width: 280px;
top:1px;
margin-left:5px;
}
.mash-menu[data-color="cs_yellow"] .mash-list-items > li.b2b > a { /* terug naar cms b2border */
color : #dadada; 
background : #8B41F5; 
text-align: center;
width: 280px;
top:1px;
margin-left:5px;
}
.mash-menu[data-color="cs_yellow"] .mash-list-items > li.b2border > a { /* terug naar winkelwagen b2border */
color : #2a2a2a; 
background : #41F5CF; 
text-align: center;
width: 280px;
top:1px;
margin-left:5px;
}.mash-menu[data-color="cs_yellow"] .mash-list-items > li:hover > a {
color : #0a0a0a;
background : #a79243;
}
.mash-menu[data-color="cs_yellow"].separator .mash-brand > li > a, .mash-menu[data-color="cs_yellow"].separator .mash-list-items > li > a {
  border-right: none; /*0px solid #969696; / * was 1px 20180927 */
  /*box-shadow: 0px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1); /* was situatie voor 24 feb 2022 */
  box-shadow: 1px 0 0 rgba(0,0,0, 0.2) inset, 1px 0 0 rgba(0,0,0, 0.2); /* zwarte separator voor situatie b2b logn buttons */
  padding-left: 25px;
  padding-right: 25px;
}
@media screen and (max-width:767px) {
	.mash-menu[data-color="cs_yellow"].separator .mash-brand > li > a, .mash-menu[data-color="cs_yellow"].separator .mash-list-items > li > a {
		border-bottom : 0px solid #969696;
	}
}
.mash-menu[data-color="cs_yellow"].separator .mash-list-items.right > li > a {
border-left : none; /*1px solid #969696; 20180927 */
}
@media screen and (max-width:767px) {
	.mash-menu[data-color="cs_yellow"].separator .mash-list-items.right > li > a {
		border-bottom : 0px solid #969696;
	}
}
@media screen and (max-width:767px) {
	.mash-menu[data-color="cs_yellow"].separator .mash-search-bar {
	border : #969696 solid 0px;
	}
}
.mash-menu[data-color="cs_yellow"] .drop-down li:hover > a {
color : #fecb00;
}

.mash-menu .drop-down-large,
.mash-menu .drop-down-medium {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-radius: 3px;
	background: #a79243; 
	padding: 3px 3px 0px 3px;
	line-height: 25px;
	/*max-height:550px;;*/
}

.mash-menu .mash-search-bar {
  /*============================================= SEARCH BAR */
  height: 51px;  /*even hoog als de overige li items */
 }

@media screen and (max-width:767px) {
.mash-menu[data-color="cs_yellow"] .mash-search-bar {
background : #080808; /* #2f2f2f !important 20170411 */
}
}
.mash-menu[data-color="cs_yellow"] .vertical-tabs a:hover, .mash-menu[data-color="cs_yellow"] .vertical-tabs a.active {
color : #fecb00;
}
.mash-menu[data-color="cs_yellow"] .thumbnail:hover {
border-color : #fecb00;
}
.mash-menu[data-color="cs_yellow"] blockquote {
	border-left-color : #d1d1d1;
}
.mash-menu[data-color="cs_yellow"] .list-items a:hover, .mash-menu[data-color="cs_yellow"] .order-items a:hover {
color : #fecb00;
}
.mash-menu[data-color="cs_yellow"] .btn.btn-custom {
background : #080808; /* #2f2f2f !important 20170411 */
border-bottom-color : #858585;
}
.mash-menu[data-color="cs_yellow"] .btn.btn-custom:hover {
background : #a6a6a6;
}
.mash-menu[data-color="cs_yellow"] .card .card-action a {
color : #fecb00;
}
.mash-menu[data-color="cs_yellow"] .card.reveal a {
color : #fecb00;
}
.mash-menu[data-color="cs_yellow"] input[type="text"], .mash-menu[data-color="cs_yellow"] input[type="email"], .mash-menu[data-color="cs_yellow"] input[type="password"], .mash-menu[data-color="cs_yellow"] input[type="color"], .mash-menu[data-color="cs_yellow"] input[type="date"], .mash-menu[data-color="cs_yellow"] input[type="datetime"], .mash-menu[data-color="cs_yellow"] input[type="datetime-local"], .mash-menu[data-color="cs_yellow"] input[type="file"], .mash-menu[data-color="cs_yellow"] input[type="hidden"], .mash-menu[data-color="cs_yellow"] input[type="image"], .mash-menu[data-color="cs_yellow"] input[type="month"], .mash-menu[data-color="cs_yellow"] input[type="number"], .mash-menu[data-color="cs_yellow"] input[type="time"], .mash-menu[data-color="cs_yellow"] input[type="url"], .mash-menu[data-color="cs_yellow"] input[type="week"], .mash-menu[data-color="cs_yellow"] input[type="tel"], .mash-menu[data-color="cs_yellow"] textarea, .mash-menu[data-color="cs_yellow"] select {
background-image : linear-gradient(#fecb00, #fecb00), linear-gradient(#d2d2d2, #d2d2d2) !important ;
}
.mash-menu[data-color="cs_yellow"] input[type="text"]:focus, .mash-menu[data-color="cs_yellow"] input[type="email"]:focus, .mash-menu[data-color="cs_yellow"] input[type="password"]:focus, .mash-menu[data-color="cs_yellow"] input[type="color"]:focus, .mash-menu[data-color="cs_yellow"] input[type="date"]:focus, .mash-menu[data-color="cs_yellow"] input[type="datetime"]:focus, .mash-menu[data-color="cs_yellow"] input[type="datetime-local"]:focus, .mash-menu[data-color="cs_yellow"] input[type="file"]:focus, .mash-menu[data-color="cs_yellow"] input[type="hidden"]:focus, .mash-menu[data-color="cs_yellow"] input[type="image"]:focus, .mash-menu[data-color="cs_yellow"] input[type="month"]:focus, .mash-menu[data-color="cs_yellow"] input[type="number"]:focus, .mash-menu[data-color="cs_yellow"] input[type="time"]:focus, .mash-menu[data-color="cs_yellow"] input[type="url"]:focus, .mash-menu[data-color="cs_yellow"] input[type="week"]:focus, .mash-menu[data-color="cs_yellow"] input[type="tel"]:focus, .mash-menu[data-color="cs_yellow"] textarea:focus, .mash-menu[data-color="cs_yellow"] select:focus {
background-image : linear-gradient(#fecb00, #fecb00), linear-gradient(#d2d2d2, #d2d2d2);
}
.mash-menu[data-color="cs_yellow"] label.menu-checkbox:after {
background : #080808; /* #2f2f2f !important 20170411 */
}
.mash-menu[data-color="cs_yellow"] label.menu-toggle:before, .mash-menu[data-color="cs_yellow"] label.menu-toggle:after {
background : #d1d1d1;
}
.mash-menu[data-color="cs_yellow"] label.menu-toggle:after {
background : #080808; /* #2f2f2f !important 20170411 */
}
.mash-menu[data-color="cs_yellow"] label.menu-radio:after {
border-color : #fecb00;
background : #080808; /* #2f2f2f !important 20170411 */
}
.mash-menu[data-color="cs_yellow"] .mash-mobile-button {
background : #080808; /* #2f2f2f !important 20170411 */
max-height: 45px;
width: 15%;
}
.mash-menu[data-color="cs_yellow"] .mash-extra > .mash-extra-container {
background : #6b6b6b;
}
.mash-menu[data-color="cs_yellow"] .mash-categories a {
background : rgba(158, 158, 158, 0.3);
border-left : 1px solid #969696;
}
.mash-menu[data-color="cs_yellow"] .mash-categories a:hover {
background : #a79243;
}
/* text over image */
.wrap {
  /* force the div to properly contain the floated images: */
  position:relative;
  float:left;
  clear:none;
  overflow:hidden;
}
.wrap img {
  position:relative;
  z-index:1;
}
.wrap .desc {
  display:block;
  color: #fff;/*#fecb00;#b8a354*/
  position:absolute;
  width:100%;
  font-size:1.5em;
  top:18%;
  left:1%;
  z-index:2;
  text-align:center;
}
.cs-logo {
	color: white;
	padding:0;
}
.cs-logo .img {
    display: block;
}
.cs-logo .thumbnail {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border:0;
    padding:0;
}
.cs-logo .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
    color: #fff;
    font-size:0.8vw;
    /*font-weight: bold;*/
}
.wrapcs {
  /* force the div to properly contain the floated images: */
  position:relative;
  float:left;
  clear:none;
  overflow:hidden;
}
.wrapcs img {
  position:relative;
  z-index:1;
}
.wrapcs .vlag {
  display:block;
  color: #fff;/*white*/
  position:absolute;
  width:100%;
  font-size:1.5em;
  top:40%;
  left:8%;
  z-index:2;
  text-align:center;
}

.yellow-tooltip + .tooltip > .tooltip-inner { background-color: #fecb00; /* #080808 #2f2f2f !important 20170411 */}
.yellow-tooltip + .tooltip > .tooltip-arrow { border-right-color: #fecb00; } /* gebruik top als je de tooltip boven wilt */

.yellow-gray-popover {
	background-color: #080808; /* #2f2f2f !important 20170411 */
	color: #4f4f4f;
	cursor: pointer;
  max-width:300px;
}
.yellow-gray-popover .arrow {
	background-color: #080808; /* #2f2f2f !important 20170411 */
	color: #4f4f4f;
}
/* jquery dialog changes */
.ui-dialog-osx {
	width: auto;
	background: #4f4f4f !important; /*#2a4254 !important;*/
  border: solid #b8a354; /*#fecb00;*/
	border-radius: 2px; 
	border-width: 2px;
	color:#FFFFFF;
}
.ui-dialog-osx .ui-dialog-titlebar  {
	border:none;
	font-size: 150% !important;
	color: #b8a354; !important; /*#000 !important;*/
	background: #4f4f4f !important; /*#fecb00 !important;*/	
}
.ui-dialog-osx .ui-dialog-titlebar-close {
   position: absolute;
   border: none;
   right:-1px;
   top: -3px;
   width: 30px;
   height: 30px;
   background-color: transparent;
   /*opacity: 0.3;*/
   background-image: url("/cs_images/close_pop.png");
}
.ui-dialog-osx  .ui-dialog-title {
	margin-left: 10px; 
	margin-top: 10px;
	font-size:1.2em;
}
.ui-dialog-osx .ui-dialog-content {
	margin-top:10px;
	color: #FFFFFF;
	width: 95%;
}
.ui-dialog-osx .ui-dialog-buttonpane {
	position: relative;
	border: 0;
	height: 30px;
	overflow: auto;
	background: #4f4f4f !important;  /*#b8a354 !important; *#fecb00 !important;*/
}

.imgsel { /* used in popup detail pagina kleuren/poten/nagel etc selectie */
	border: solid 2px #b8a354; /*#fecb00;*/
}
.imglblsel { /* used in popup detail pagina kleuren/poten/nagel etc selectie */
	color: #b8a354; /*#fecb00;*/  
}

/* select button proddetail popup */
.sel-button {
	color : #0a0a0a;
	border-radius : 4px;
	background-color : #b8a354; /*#fecb00;*/ 
	font-size:1.4em;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
	autofocus:true;
}


/* CUSTOM POPOVERS certificering, advies in alle talen en stalen popup*/
.popover {
position: fixed !important;
top: 0;
left: 0;
z-index: 1060;
display: none;
/* door onderstaande twee settings kun je de popups bij aanmaak verschillende breedte geven */
width:auto!important;
max-width:none;
/********/
padding: 1px;
text-align: left;
white-space: normal;
background-color: #2a4254 !important;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #fecb00;/*#ccc;*/
/*border: 2px solid #fecb00;/*rgba(0, 0, 0, .2);*/
border-radius: 6px !important;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
color: white;
}
.popover-title{
	background-color: #080808; /* #2f2f2f !important 20170411 */ color:#4f4f4f; height:30px;
}
.popover.top{ 
  left: calc(100% - 270px) !important;
  top: calc(100% - 440px) !important;
  height:350px !important;
  background-color: red; /*#4f4f4f;*/ color:#000000;
}
.popover.left {
margin-left: -10px;
}
.popover.top {
margin-top: -10px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fecb00;
}
.popover.top > .arrow {
	bottom:0;
  left:50%;
  margin-left:-5px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #000;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
}
.popover.top > .arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-bottom-width: 0;
	border-top-color: #fecb00;
}
/* ww div image and text */
.col-xs-ww {
   width: 25%;
   float: left;
   padding-left:0px;
   padding-right:0px;
	 vertical-align:middle;
}
@media (min-width: 768px) {
.col-sm-ww {
   width: 25%;
   float: left;
   padding-left:0px;
   padding-right:0px;
	 vertical-align:middle;
  }
}
@media (min-width: 992px) {
.col-md-ww {
   width: 25%;
   float: left;
   padding-left:0px;
   padding-right:0px;
	 vertical-align:middle;
  }
}
@media (min-width: 1200px) {
.col-lg-ww {
   width: 25%;
   float: left;
   padding-left:0px;
   padding-right:0px;
   vertical-align:middle;
  }
}
.col-sm-05 {
   width: 8.333%;
   float: left;
}
.col-sm-35 {
   width: 27.5%;
   float: left;
}
/* 5 columns in a row */
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 768px) {
.col-md-33 {
    width: 33.333%;
    float: left;
  }
}
@media (min-width: 992px) {
.col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1320px) { /*1200*/
.col-lg-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
	.col-md-15s { /* header blue buttons */
   	width: 19.7%;
   	float: left;  
	}
}
@media (min-width: 768px) {
	.col-sm-15s { /* header blue buttons */
  	width: 19.5%;
   	float: left;
	}  
}

@media (min-width: 1199px) {
  .col-md-hdr-btn { /* header blue buttons */
    width: 16.9%;
    float: left;
    font-size: 20px;  
  }
}@media (max-width: 1200px) and (min-width: 992px) {
	.col-md-hdr-btn { /* header blue buttons */
   	width: 16.9%;
   	float: left;
   	font-size: 14px;  
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.col-sm-hdr-btn { /* header blue buttons */
  	width: 16.9%;
   	float: left;
   	font-size: 10px;
	}  
}
@media (max-width: 767px) {
  .col-xs-hdr-btn { /* header blue buttons */
    width: 26.333334%; /*16.9%;*/
    float: left;
    padding-left:5px;
    font-size: 8px;
  }  
}
@media (min-width: 992px) {
	.col-md-hdr-vnk { /* header blue buttons */
   	width: 2.8%;
   	float: left;  
   	/*background:rgba(105,105,105,0.5);
   	border-radius:50px;*/
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.col-sm-hdr-vnk { /* header blue buttons */
  	width: 2.6%;
   	float: left;
	}  
}
@media (max-width: 767px) {
  .col-xs-hdr-vnk { /* header blue buttons */
    width: 7%;
    float: left;
  }  
}
/* alleen op mobiel */
.cs-header-usp-m {
 /* text-align: left;
  padding:10px;
  margin-left:2px;*/
  background-color : transparent; 
  font-size: 3.8vw; /*1em;*/ 
  color : #b8a354;
}
.cs-header-usp {
  background-color : transparent; 
  font-size: 1vw; /*1em;*/ 
  color : #b8a354;
}

 .hdr-btnusp { /* header usp mobiel buttons */
    /*min-height: 75px;
    padding:0;*/
    margin-left: 2vw;
   /* width: 43%;*/ 
    /*float: left;*/
}
 .hdr-vnkusp { /* header usp mobiel vinkjess */
  margin-left: auto;
  margin-right: auto;
  /*width: 50%;*/
    /*
    padding:0;
    width: 12%;*/
   /* float: left;*/
}  
/* einde alleen op mobiel */

.col15perc { /* social media verdeling naast winkewagen */
  width: 15%;/*11.66666666%;*/
  float: right;  
}
@media (max-width: 1200px) {
.col15perc {
    width: 15%;
    float: right;
  }
}
@media (max-width: 992px) {
.col15perc {
    width: 10%;
    float: right;
  }
}
@media (max-width: 768px) {
.col15perc {
    width: 5%;
    float: right;
  }
}

/* 7 columns in a row */
.col-xs-17 {
    width: 14.285714%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-17 {
    width: 14.285714%;
  	float: left;
  }
}
@media (min-width: 992px) {
.col-md-17 {
    width: 14.285714%;
    float: left;
	}
}
@media (min-width: 1200px) {
.col-lg-17 {
    width: 14.285714%;
    float: left;
  }
}

/* close class van bootstrap */
.closePopup {
  float: right;
  margin-top:-35px;
  margin-right:-25px; 
  color: #000;
  opacity: 1.5;
}
.closePopup:hover,
.closePopup:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=90);
  opacity: .8;
}
@media (max-width:1024px) {
	.ww-button {
		color : #0a0a0a;
		border-radius : 4px;
		background-color : #fecb00; /* #2f2f2f !important 20170411 */ 
		font-size:1.2em;
	}
	.upl-button {
		color : #0a0a0a;
		border-radius : 4px;
		background-color : #fecb00; /* #2f2f2f !important 20170411 */ 
		font-size:1.2em;
	}
  .pd-button { /* product detail button - bestel */
    color : #ffffff;
    border-radius : 4px;
    background-color : #004225; /* dark green */ 
    font-size:1.1em;
  }
}
@media (min-width:1024px) {
	.ww-button {
		color : #0a0a0a;
		border-radius : 4px;
		background-color : #fecb00; /* #2f2f2f !important 20170411 */ 
		font-size:0.8em;
	}
	.upl-button {
		color : #0a0a0a;
		border-radius : 4px;
		background-color : #fecb00; /* #2f2f2f !important 20170411 */ 
		font-size:0.8em;
	}
  .pd-button { /* product detail button - bestel */
    color : #ffffff;
    border-radius : 4px;
    background-color : #004225; /* dark green */ 
    font-size:0.9em;
  }
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.ww-button:hover { 
cursor : pointer;
/*background : #b8a354; --> cs_main/js */
}
/* part of image 
	this makes that the option mapges will be shown in row of 25 height
*/
div.p_image {
	display: inline-block;
	background : #080808; /*2f2f2f 20170411*//*transparent;*/
	color : white;
	/*border-radius : 4px;
	border : white solid 1px;*/
}
.refunderline a{
	text-decoration: underline;
}
.refnounderline{
}
.refnounderline a{
text-decoration: none;
}
.refnounderline img{
margin: 0 2px 2px 0;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
/*#pc_colpict {
    -webkit-clip-path: inset(0px 0px 65% 0px);
    clip-path: inset(0px 0px 65% 0px);
}*/
/*#pc_coloptpict {
    -webkit-clip-path: inset(0px 0px 65% 0px);
    clip-path: inset(0px 0px 65% 0px);
}*/
/* main image */
.cs_main-img {
color : #b8a354;
background-color : transparent; /*20170411 #080808; *2f2f2f 20170411*/
/* 20170411 border-radius : 4px;
border : #b8a354 solid 2px;*/
}
.cs_main-img a:hover {
color: white;
}
.btn-right {
color : #b8a354;
background-color: transparent; 
white-space: normal; 
font-size:1em;
font-weight : bold;
padding-left:15px;
}
.btn-right a:hover {
color: white;
text-decoration: none;
}
.col-right-vnk { /* header blue buttons */
 	width: 5%;
}  
.col-right-btn { /* header blue buttons */
 	width: 95%;
}  
.col-img-6 {
	width: 50%;
	float: left;
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
}
.banner-img {
  text-align:right;
}

/* blog */
.cs_blog {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
border-radius : 4px;
border : #b8a354 solid 2px;
margin-bottom : 10px;
}
/*
.dots_100 {
	max_input: 30;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
*/
/* bootstrap carousel*/

@media screen and (max-width:767px) { 
.row
{
    margin-right: 0px;
    margin-left: 0px;
}
}
			.nav .external {
				margin-top: 30px;
			}
/* RM 2020-03-02 uit ivm conflict nieuwe header en footer .row + .row, 
			.row-fluid + .row-fluid {
				margin-top: 20px;
			}
*/
			.btn .glyphicon + span {
				margin-left: .5em;
			}
			@media (min-width: 768px) {
				h2:first-child, .h2:first-child, h3:first-child, .h3:first-child {
					margin-top: 0;
				}
			}

.clickable{
    cursor: pointer;   
}
.glyphicon {
	color:#b8a354;
}
.panel-leftmenu-heading {
	height:25px;
	background-color : #004225;
}
.panel-leftmenu-heading p {
	color:white;
	font : Arial; 
	font-size: 0.8em;
	padding:5px;
}
.panel-leftmenu-body {
	color:#b8a354;
	background-color : #080808;
	font : Arial; 
	font-size: 0.7em;
	padding:1px;
}
#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}
.carousel-caption {
    top: auto;
    bottom: 0;
}
.carousel-header-tekst {
	color:#b8a354;
	background:rgba(55,55,55,0.3);border-radius:4px; 
	font-size : 1.75em;
}
.carousel-body-tekst {
	color:#b8a354;
	background:rgba(55,55,55,0.3);border-radius:4px;
	font-size : 1.25em; 
}
.sc-button-blue {
width : 200px;
padding-top:5px;
padding-bottom:5px;
font-size : 12px;
text-align : center;
float : left;
color : #fafafa;
border-radius : 4px;
background-color : #009dfe;
}
.sc-button-blue:hover {
cursor : pointer;
background : #108dae;
}
.top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 12vh;
    padding-top:0vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
@media screen and (max-width:1024px) { 
.top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 12vh;
    padding-top:0vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:850px) { 
.top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 12vh;
    padding-top:8vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:767px) { 
.top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height:12vh;
    padding-top:12vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:450px) { 
.top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 12vh;
    padding-top:3vh;
    padding-left:2vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:375px) { 
.top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 12vh;
    padding-top:10vh;
    padding-left:1vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 10px;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top-logo .classh1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.logo-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
.div-block-13 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
.underline-on-hover:hover {
    text-decoration: underline;
    cursor:pointer;
}
.collectiesearch {
	color:white;
	font-size:14px;
}

/* B2B */
.top-logo-b2b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 5vh; /* B2B afwijking was 12vh */
    padding-top:0vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
   /* -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    */
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
@media screen and (max-width:1024px) { 
.top-logo-b2b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 5vh; /* B2B afwijking was 12vh */
    padding-top:0vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:850px) { 
.top-logo-b2b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 5vh; /* B2B afwijking was 12vh */
    padding-top:0vh; /* B2B afwijking was 8vh; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:767px) { 
.top-logo-b2b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 2vh; /* B2B afwijking was 12vh */
    padding-top:0vh; /* B2B afwijking was 12vh; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:450px) { 
.top-logo-b2b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 2vh; /* B2B afwijking was 12vh */
    padding-top:0vh; /* B2B afwijking was 3vh; */
    padding-left:0vh; /* B2B afwijking was 2vh; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
@media screen and (max-width:375px) { 
.top-logo-b2b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 2vh; /* B2B afwijking was 12vh */
    padding-top:0vh; /* B2B afwijking was 10vh; */
    padding-left:0vh; /* B2B afwijking was 1vh; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: rgba(0, 0, 0, .8);*/
   background-color : transparent;
    /*background : url("/cs_images/css/bg_chesterfield_header.jpg");*/
    color: #111;
}
}
.box-footer-b2b {
background : #080808; 
color : #b8a354;
font-size: 0.6vmax;
}
.read-more {
    /****
     position:absolute;
    right:3em;
    top:75%;
    ****/
    /*transform:translate(0,-10%);*/
    cursor: pointer;
    /*display: inline-block;*/   
    
    /*font-weight: bold;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    background-color: #004225; /*#06c;*/
    color: white;
    margin: 2px;
    /*float:right; not together with align middle*/
    border-radius : 4px;
    border: 1px solid #888;
}
.read-more-sm {
    /****
     position:absolute;
    right:3em;
    top:75%;
    ****/
    /*transform:translate(0,-10%);*/
    cursor: pointer;
    /*display: inline-block;*/   
    
    /*font-weight: bold;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    background-color: #004225; /*#06c;*/
    color: white;
    margin: 2px;
    /*float:right; not together with align middle*/
    border-radius : 4px;
    border: 1px solid #888;
    font-weight: normal;
    font-size : 0.8em; 
    /*float: right;*/
}

/* kennisbank*/
.lordtext {
	  color: gray;
    text-align:center;
    /*margin: 2px;*/
    /*float:right; not together with align middle*/
    font-weight : normal; /*bold;*/
    font-size : 1em; 
}
@media screen and (max-width:1024px) {
    .lordtext {
    font-size : 0.7em; 
    color: #ddd;
    }
}
	@media screen and (max-width:767px) { 
    .lordtext {
    font-size : 0.8em; 
    color: #ddd;
    }
}
.lordfooter {
    font-weight: normal;
    font-style: italic;
    font-size : 0.8em; 
    text-align:center;
     color : #ddd; 
}
@media screen and (max-width:1024px) {
    .lordfooter {
     font-size : 0.7em; 
    }
	}	
	@media screen and (max-width:768px) { 
    .lordfooter {
     font-size : 0.6em; 
    }
}
/*@media screen and (max-width:380px) { 
    .lordfooter {
     font-size : 0.6em; 
    }
}*/
 .lordimg {
 }
@media screen and (max-width:767px) { 
  .lordimg {
  vertical-align: bottom;
  align:left;
  }
}
/* speech bubble balloon */
.bubble {
  width: 100%;
  height: 95%;
  /*position: absolute; margin-bottom: 0%; margin-left: 35%";*/
  /*left: 70%;*/
  top: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5vmin;
  background: #631; /*transparent;/*#ffd;*/*/
  box-shadow: 0 -0.35vmin, 0 0.225vmin;
  font-family: "Comic Sans", "Comic Neue", sans-serif;
  color:#aaa;
}

.bubble::before {  /* lijntje onder bubble */
  width: 50%;
  height: 80%;
  bottom: -3%;
  border-radius: 35%;
  left: -40%;
  box-shadow: 0.5vmin 0 #631, 2vmin -0.5vmin #631, 2vmin -0.4vmin 0 0.4vmin #631;
  /*box-shadow: 0.5vmin 0, 2vmin -0.5vmin #ffd, 2vmin -0.5vmin 0 0.5vmin;*/
  clip-path: polygon(10% 59%, 180% 57%, 150% 100%, 0% 90%);
}
.b {
  border: 0.5vmin solid black;
}

.r {
  border-radius: 100%;
}

.hb::before,
.ha::after {
  content: "";
  display: block;
  position: absolute;
}
/* bubble end */

/*************************************/
/* ballon met tekst lord chesterfield */
/*************************************/
.ballon {
 /* top: -50%;*/
  /*display: flex;*/
  font-family: 'Luxurious Roman', cursive;
  width: 75%;
  height:95%;
  background-image: linear-gradient(#b8a354,#b8a354,#b8a354);
  /*padding: 30px;*/
  color: black;
  /*margin: 200px auto;*/
  position: relative;
  /*line-height: 25px;*/
  border-radius: 50%;
}

.ballon:before {
	content: "";
  display: block;
  position: absolute;
	width: 30%;
  height: 90%;
  bottom: 25%;
  border-radius: 45%;
  left: -25%;
  box-shadow: 0.5vmin 0 #b8a354, 2vmin -0.5vmin #b8a354, 2vmin -0.3vmin 0 0.4vmin #b8a354;
  /*box-shadow: 0.5vmin 0 #ff1000, 2vmin -0.5vmin #ff1500, 2vmin -0.4vmin 0 0.4vmin #ff1a00;*/
  /*box-shadow: 0.5vmin 0, 2vmin -0.5vmin #ffd, 2vmin -0.5vmin 0 0.5vmin;*/
  /*clip-path: polygon(10% 89%, 180% 57%, 150% 100%, 0% 90%);*/
  clip-path:polygon(0 0, 0 0,150% 100%,0vmax 75vmax);
}
@media screen and (max-width:1210px) {
	.ballon {
		background: transparent;
		color: white;
	}
	.ballon:before {
  box-shadow: 0.5vmin 0 transparent, 2vmin -0.5vmin transparent, 2vmin -0.3vmin 0 0.4vmin transparent;
	}
}
/* kennisbank image met question over de image  - beide images moeten even groot zijn */
 #question_img {
  opacity: 1;
  position: absolute;
  margin:auto;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
/* blogpost image met overlay over de image  - beide images moeten even groot zijn */
 #overlay_img {
  opacity: 1;
  position: absolute;
  margin:auto;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
/*
.ballon {
 / * top: -50%;* /
  / *display: flex;* /
  width: 95%;
  height:95%;
  background-image: linear-gradient(#b8a354,#b8a354,#b8a354);
  / *padding: 30px;* /
  color: black;
  / *margin: 200px auto;* /
  position: relative;
  / *line-height: 25px;* /
  border-radius: 50%;
}

.ballon:before {
  content: "";
  display: block;
  position: absolute;
  width: 30%;
  height: 90%;
  bottom: 17%;
  border-radius: 45%;
  left: -20%;
  box-shadow: 0.5vmin 0 #b8a354, 2vmin -0.5vmin #b8a354, 2vmin -0.3vmin 0 0.4vmin #b8a354;
  / *box-shadow: 0.5vmin 0 #ff1000, 2vmin -0.5vmin #ff1500, 2vmin -0.4vmin 0 0.4vmin #ff1a00;* /
  / *box-shadow: 0.5vmin 0, 2vmin -0.5vmin #ffd, 2vmin -0.5vmin 0 0.5vmin;* /
  / *clip-path: polygon(10% 89%, 180% 57%, 150% 100%, 0% 90%);* /
  clip-path:polygon(0 0, 0 0,150% 100%,0vmax 75vmax);
}
*/
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}

/* remove google translate icon */
.goog-te-gadget {
	display:block;
}
#cs-cookie-bar {
    display: none;
    direction: ltr;
    color: #fff;
    min-height: 20px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    padding: 3px 20px 2px;
    background-color: #2e363f;
    text-align: center;
    font-size: 12px;
}