@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
*/

body {
margin : 0;
padding : 0;
font : Arial;/*12px/1.3 */
font-size:115%;
background : url("/cs_images/css/bg_chesterfield_body.jpg") center center no-repeat fixed;
/*
background-image : url("/cs_images/css/image_background-150x150.jpg");
bckground-repeat : repeat;
*/
background-size : 100% 100%;
}
html, body {
height : 100%;
width : 100%;
padding-right :63px;
padding-left : 62px;
}
@media screen and (max-width:767px) { /*(max-width:935px) {*/
	html, body {
	height : 100%;
	width : 100%;
	padding-right : 0;
	padding-left : 0;
	}
}

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;
}
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;
}
@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;
	}
}
.gold-home {
	font-weight: bold;
	font-family : Arial;
	color : #b8a354;	
}
.green-home {
	font-weight: bold;
	font-family : Arial;
	color : #004225;	
}
.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-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;
}
.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 {
	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 {
	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 {
	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 {
	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 {
	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 {
	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 {
	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 {
	font-size : 0.9em; 
	}
.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 {
	font-size : 1.1em; 
	}
.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 {
	font-size : 1.3em; /*2.2em;*/ 
	}
.home-bot h2 {
  font-size : 1.7em;
  }
.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;
}
.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-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 {
height : 125px;
font-style: bold;
background : url("/cs_images/css/bg_chesterfield_header.jpg");
background-size : 100%;
}
@media screen and (max-width:400px) {
.header_div {
height : 50px;
font-style: bold;
background : url("/cs_images/css/bg_chesterfield_header.jpg");
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 a {
	color:#b0b0b0;
}
.dropdown-level2 a:hover {
	color:white;
	text-decoration: none;
}
.dropdown-content a:hover {
	color:white;
	text-decoration: none;
}

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

/*@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*/
}
.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;
}
.panel-collection > .panel-heading {
color : #31708f;
background-color : #080808; /*2f2f2f 20170411*/
}
.panel-collection > .panel-outlet-heading {
color : #31708f;
background-color : #080808; /*2f2f2f 20170411*/
}
.panel-collection > .panel-body {
color : #b8a354;
background-color : #080808; /*2f2f2f 20170411*/
height : 160px;
}
.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-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: 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%;
}
.box-footer-item a: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 : 100%;
}
@media screen and (max-width:875px) {
	.mash-menu {
	font-size:90%;
	}
}
@media screen and (max-width:975px) {
.mash-menu {
	font-size:100%;
	}
}
@media screen and (min-width:976px) {
	.mash-menu {
	font-size:115%;
	}
}

.mash-menu[data-color="cs_yellow"] section.mash-menu-inner-container {
background : #080808; /* #2f2f2f !important 20170411 */
}
@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 : #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 : #b8a354; /*#0a0a0a; 20170411*/
}
.mash-menu[data-color="cs_yellow"] .mash-list-items > li.active > a {
color : white; /*#b8a354; #0a0a0a;*/
background : #004225; /*#303030;#a79243;*/
}
.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 : 1px solid #969696;
}
@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 : 1px solid #969696;
}
@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;
}

@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 */
}
.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;
}

.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: 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: 992px) {
	.col-md-hdr-btn { /* header blue buttons */
   	width: 16.9%;
   	float: left;  
	}
}
@media (min-width: 768px) {
	.col-sm-hdr-btn { /* header blue buttons */
  	width: 16.9%;
   	float: left;
	}  
}
@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 (min-width: 768px) {
	.col-sm-hdr-vnk { /* header blue buttons */
  	width: 2.6%;
   	float: left;
	}  
}
.col15perc { /* social media verdeling naast winkewagen */
  width: 20%;/*11.66666666%;*/
  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;
	}
}
@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;
	}
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
/*.ww-button:hover { --> cs_main/js
cursor : pointer;
background : #b8a354;
}*/
/* 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;
}
/* 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*/
			.nav .external {
				margin-top: 30px;
			}
			.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;
}
#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;
}