@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i&display=swap');
@font-face {
  font-family: 'Titillium Web';
  src: url('../../font/TitilliumWeb-Regular.4f5848e6.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../../font/OpenSans-Regular.ttf");
}

@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("../../font/TitilliumWeb-Regular.ttf");
}

body {
  font-family: "Open Sans", sans-serif;
  color: #282f66;
  font-size: 14px;
  line-height: 20px;
}
@font-face {
  font-family: 'open_sans-light';
  src: url('../../font/OpenSans/openSans-light-webfont.eot');
  src: url('../../font/OpenSans/openSans-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../../font/OpenSans/openSans-light-webfont.woff') format('woff'), url('../../font/OpenSans/openSans-light-webfont.ttf') format('truetype'), url('../../font/OpenSans/openSans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sans-bold';
  src: url('../../font/OpenSans/OpenSans-bold-webfont.eot');
  src: url('../../font/OpenSans/OpenSans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../../font/OpenSans/OpenSans-bold-webfont.woff') format('woff'), url('../../font/OpenSans/OpenSans-bold-webfont.ttf') format('truetype'), url('../../font/OpenSans/OpenSans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sans';
  src: url('../../font/OpenSans/OpenSans-regular-webfont.eot');
  src: url('../../font/OpenSans/OpenSans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../../font/OpenSans/OpenSans-regular-webfont.woff') format('woff'), url('../../font/OpenSans/OpenSans-regular-webfont.ttf') format('truetype'), url('../../font/OpenSans/OpenSans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sans-semibold';
  src: url('../../font/OpenSans/OpenSans-semibold-webfont.eot');
  src: url('../../font/OpenSans/OpenSans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../../font/OpenSans/OpenSans-semibold-webfont.woff') format('woff'), url('../../font/OpenSans/OpenSans-semibold-webfont.ttf') format('truetype'), url('../../font/OpenSans/OpenSans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'kh_icons';
  src: url('../../font/kh_icons.eot');
  src: url('../../font/kh_icons.eot#iefix') format('embedded-opentype'), url('../../font/kh_icons.woff') format('woff'), url('../../font/kh_icons.ttf') format('truetype'), url('../../font/kh_icons.svg#kh_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'kievit-light';
  src: url('../../font/KievitWebPro-Light.eot');
  src: url('../../font/KievitWebPro-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../../font/KievitWebPro-Light.woff') format('woff'), url('../../font/KievitWebPro-Light.html') format('truetype'), url('../../font/KievitWebPro-Light-2.html#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  80%,100% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  80%,100% {
    opacity: 1;
  }
}
@-ms-keyframes fade {
  0% {
    opacity: 0;
  }
  80%,100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  80%,100% {
    opacity: 1;
  }
}
@-webkit-keyframes height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@-moz-keyframes height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@-ms-keyframes height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
input::-ms-clear {
  display: none;
}
strong,
b {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
.phone,
.tablet {
  display: none;
}
.boBtn {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: white !important;
  position: relative;
  border-radius: 50px;
  line-height: 30px;
  padding: 0 21px 0 10px;
  background: #61bddf;
  display: inline-block;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
}
.boBtn:after {
  content: "\e805";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.boBtn:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #0084b5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b));
  background: -webkit-linear-gradient(left, #0084b5, #004f6b);
  background: -moz-linear-gradient(left, #0084b5, #004f6b);
  background: -ms-linear-gradient(left, #0084b5, #004f6b);
  background: -o-linear-gradient(left, #0084b5, #004f6b);
  color: white !important;
  text-decoration: none !important;
}
html,
body {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  background: white;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 20px;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open_sans', Sans-Serif;
  font-weight: normal;
}
h1 {
  font-family: 'Open_sans', Sans-Serif;
}
.imgWrap { /* Dav1d i.v.m. avatar thread 
  max-width: 100%;
  max-height: 100%;
  margin: 0 10px 0 10px; */
}
p a,
.topText a {
  color: #009eb5 /* #009eb5; Dav1d */
}
p a:hover,
.topText a:hover {
/* text-decoration: underline; */
}
.middlecontent,
.middlecontentmid,
.middlecontentcategorie {
  padding-right: 20px;
  box-sizing: border-box;
}
.middlecontent a,
.middlecontentmid a,
.middlecontentcategorie a {
  color: #009eb5; /* #009eb5; Dav1d */
}
.middlecontent a:hover,
.middlecontentmid a:hover,
.middlecontentcategorie a:hover {
  text-decoration: underline;
}
.customRightContentWidth .item h2 a {
  color: #5e5e5e;
}
.customRightContentWidth .item h2 a:hover {
  text-decoration: none;
}
.wrapper {
  /* max-width: 990px; */ /* uitgeschakeld door Dav1d ivm links uitlijnen */
  width: 100%;
  margin: 0 auto;
  /* padding: 0 20px 0px 0px; */
  /* padding: 0 30px */
  box-sizing: border-box;
}
#wrap_all {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.nl .header .topBar .topNav > li.toShop {
  display: block;
}
body.active .overlay {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.nc_searchWrapper {
  min-height: 900px;
}
.addToWrapper {
  max-width: 990px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
  font-size: 13px;
  line-height: 20px;
}
.addToWrapper .addedToCart {
  width: 270px;
  position: absolute;
  right: 20px;
  padding: 20px;
  z-index: 100;
  border-radius: 0 0 5px 5px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef));
  background: -webkit-linear-gradient(top, white, #efefef);
  background: -moz-linear-gradient(top, white, #efefef);
  background: -ms-linear-gradient(top, white, #efefef);
  background: -o-linear-gradient(top, white, #efefef);
}
.addToWrapper .addedToCart h2 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  padding: 0 0 5px 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aaabad;
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
  position: relative;
}
.addToWrapper .addedToCart h2:before {
  content: "\E816";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  left: 0;
  font-size: 23px;
}
.addToWrapper .addedToCart .toCart {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  line-height: 29px;
  margin-top: 10px;
  padding: 0 30px 0 10px;
  position: relative;
}
.addToWrapper .addedToCart .toCart:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.addToWrapper .addedToCart .toCart:after {
  content: "\E805";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 10px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.errorText {
  color: red;
}
.pagerTop,
.pagerBottom {
  margin: 20px 0;
  width: 100%;
  border-bottom: 1px dashed #9d9ea0;
  border-top: 1px dashed #9d9ea0;
  font-size: 14px;
  padding: 10px 0;
  text-align: right;
  clear: both;
  line-height: 30px;
}
.pagerTop .page,
.pagerBottom .page {
  color: #5e5e5e;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  background: white;
  width: 30px;
  height: 30px;
  border: 1px solid #aaabad;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
}
.pagerTop .page.page_selected,
.pagerBottom .page.page_selected,
.pagerTop .page:hover,
.pagerBottom .page:hover {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-color: #00749e;
}
.pagerTop .next,
.pagerBottom .next {
  color: #5e5e5e;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  background: white;
  width: 30px;
  height: 30px;
  border: 1px solid #aaabad;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
}
.pagerTop .next:hover,
.pagerBottom .next:hover {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-color: #00749e;
}
.pagerTop .next:after,
.pagerBottom .next:after {
  content: "\E802";
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 12px;
  line-height: 33px;
}
.pagerTop .prev,
.pagerBottom .prev {
  color: #5e5e5e;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  background: white;
  width: 30px;
  height: 30px;
  border: 1px solid #aaabad;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
}
.pagerTop .prev:hover,
.pagerBottom .prev:hover {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-color: #00749e;
}
.pagerTop .prev:after,
.pagerBottom .prev:after {
  content: "\E801";
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 12px;
  line-height: 33px;
}
.overlay {
  z-index: -1;
  transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  background: transparent;
}
.toTop {
  opacity: 0;
  position: fixed;
  right: 0;
  top: 80%;
  width: 60px;
  height: 60px;
  border-radius: 5px 0 0 5px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
  background: -webkit-linear-gradient(top, white, #cccccc);
  background: -moz-linear-gradient(top, white, #cccccc);
  background: -ms-linear-gradient(top, white, #cccccc);
  background: -o-linear-gradient(top, white, #cccccc);
  z-index: 9;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.toTop.active {
  opacity: 1;
}
.toTop:after {
  content: "\E803";
  display: block;
  line-height: 60px;
  width: 100%;
  font-size: 32px;
  text-align: center;
  font-family: 'kh_icons';
  font-weight: normal;
}
.header { /* Dav1d */
/*  padding: 15px 0; */
}
.header:after {
  content: "";
  display: block;
  clear: both;
}
.header .searchbar-middle.wrapper {
  display: none;
}
.header .topBar {
  width: 100%;
}
.header .topBar:after {
  content: "";
  display: block;
  clear: both;
}
.header .topBar .topBarBanners {
  display: none;
}
.header .topBar .topNav {
  float: right;
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
.header .topBar .topNav > li {
  float: left;
  position: relative;
}
.header .topBar .topNav > li a {
  
  line-height: 20px;
  color: #5e5e5e;
  text-decoration: none;
  position: relative;
  z-index: 2;
  font-size: 15px;
}
.header .topBar .topNav > li + li {
  margin-left: 15px;
}
.header .topBar .topNav > li.toCorp {
  display: none;
}
.header .topBar .topNav > li.toShop {
  display: none;
}
.header .topBar .topNav > li.toShop a {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  border-radius: 50px;
  padding: 5px 10px 3px 30px;
  background: #61bddf;
  top: -3px;
  display: block;
  background: -moz-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61bddf), color-stop(100%, #076b94));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* IE10+ */
  background: linear-gradient(to right, #61bddf 0%, #076b94 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61bddf', endColorstr='#076b94', GradientType=1);
  /* IE6-9 */

}
.header .topBar .topNav > li.toShop a .badge {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  left: -28px;
  font-size: 10px;
  box-sizing: border-box;
  text-align: center;
  background: #ff1111;
  border: 3px solid white;
  border-radius: 50px;
  line-height: 47px;
  width: 50px;
  height: 50px;
  display: block;
  box-shadow: 0 0 0 2px white;
}
.header .topBar .topNav > li.hasDropDown.language {
  height: 27px;
}
.header .topBar .topNav > li.hasDropDown a {
  top: 10px; /* -4px  Dav1d */
}
/*
.header .topBar .topNav > li.hasDropDown:hover a {
  border-radius: 14px 14px 0 0;
} */
.header .topBar .topNav > li.hasDropDown:hover > a:hover {
  background: #e3e3e3;
}
.header .topBar .topNav > li.hasDropDown:hover .dropDown {
  display: block;
}
.header .topBar .topNav > li.hasDropDown:hover .dropDown a {
  border-radius: 0;
}
.header .topBar .topNav > li.hasDropDown:hover .dropDown li:last-child a {
  border-radius: 0 0 14px 14px;
}
.header .topBar .topNav > li.hasDropDown > a {
	top: 10px;
  padding: 7px 15px 10px;
  background: #f0f0f0;
  border-radius: 14px;
}
.header .topBar .topNav > li.hasDropDown > a:after {
  content: "\E807";
  margin-left: 7px;
  position: relative;
  bottom: -3px;
  font-size: 23px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.header .topBar .topNav > li .dropDown {
  display: none;
  position: absolute;
  left: 0;
  top: 29px;
  padding: 0;
  list-style: none;
  width: 100%;
}
.header .topBar .topNav > li .dropDown li a {
  width: 100%;
  display: block;
  background: #f0f0f0;
  padding: 5px 15px;
  box-sizing: border-box;
}
.header .topBar .topNav > li .dropDown li a:hover {
  background: #e3e3e3;
}
.header .topBar .topNav > li .dropDown li + li a {
  border-top: 1px solid #dfdfdf;
}
.header .logo {
  float: left;
  width: 50%;
  max-width: 222px;
}
.header .logo img {
  width: 100%;
  height: auto;
}
.header .headerItems {
  display: inline-block;
  float: right;
  text-align: right;
  position: relative;
  margin: 20px 0 -45px 3%; /* -45px margin-bottom by Dav1d i.v.m. uitlijnen button */
  /* width: 47%; */
}
.header .headerItems .searchBar {
  display: inline-block;
  position: absolute;
  width: 65%;
  right: 110px;
}
.header .headerItems .searchBar input[type='text'] {
  border: none;
  width: 100%;
  box-sizing: border-box;
  outline: 0;
  border: 1px solid #dfdfdf;
  border-radius: 50px;
  padding: 14px 20px;
  background: white;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
}
.header .headerItems .searchBar input[type='text']:focus {
  border-color: #aaabad;
}
.header .headerItems .searchBar .searchButton {
  display: block;
  position: absolute;
  right: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  left: initial;
}
.header .headerItems .searchBar .searchButton:before {
  content: "\E808";
  color: #009eb5;
  font-size: 16px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.header .headerItems .headerButtons {
  float: right;
  margin-left: 10px;
}
.header .headerItems .headerButtons .account,
.header .headerItems .headerButtons .openMenu,
.header .headerItems .headerButtons .cart {
  float: left;
  display: block;
  width: 42px;		/* 50px OCC Dav1d */
  height: 42px;		/* 50px OCC Dav1d */
  border: 2px solid #009eb5; /* Dav1d */
  border-radius: 50px;
  position: relative;
  color: #009eb5;
	background-color: #fff;
	z-index: 1;
}
.header .headerItems .headerButtons .account:hover,
.header .headerItems .headerButtons .openMenu:hover,
.header .headerItems .headerButtons .cart:hover {
 /* border-color: #282f66; /* #32b1c3; button hover OCC /* #282f66; Donker OCC /* #009eb5; licht OCC /* #00749e; Dav1d */
 /* color: #282f66; */
}
.header .headerItems .headerButtons .account + a,
.header .headerItems .headerButtons .openMenu + a,
.header .headerItems .headerButtons .cart + a {
  margin-left: 10px;
}
.header .headerItems .headerButtons .accountWrap {
  float: left;
  position: relative;
  margin-right: 10px;
}
.header .headerItems .headerButtons .accountWrap .accountDropDown {
  display: none;
}

.header .headerItems .headerButtons .accountWrap .active.accountDropDown {
  display: block !important;
  position: absolute;
  z-index: 32;
  background: white;
  top: 100%;
  width: 200px;
  box-sizing: border-box;
  border: 1px solid #0097ce; 
  border-radius: 5px;
  right: -7px;
  text-align: left;
  padding: 10px 20px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown:before {
  content: "";
  width: 15px;
  height: 15px;
  border-right: 1px solid #0097ce;
  border-top: 1px solid #0097ce;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  display: block;
  background: white;
  position: absolute;
  top: -9px;
  right: 20px;
	
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown a {
  color: #282f66; /* #0097ce; Dav1d */
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown a:hover {
  color: #009eb5; /* #6d6e70; Dav1d */
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown .title {
  text-align: left;
  color: #282f66; /* #0097ce; Dav1d */
  font-size: 16px;
  margin: 5px 0;
	font-weight: 600;
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown input {
  width: 100%;
  height: 30px;
  border-radius: 5px;
  box-sizing: border-box;
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown .login {
    z-index: 32;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #009eb5; /* #0097ce; Dav1d */
  padding: 0.25rem 2.5rem;		/* Dav1d */
  color: white;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 13px;
  box-sizing: border-box;
  position: relative;
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown .login:hover {
   z-index: 32;
	border-radius: 5px;			/* Dav1d */
  -webkit-border-radius: 5px;	/* Dav1d */
  background-color:#32b1c3;		/* Dav1d */
  color: white;					/* Dav1d */
  font-family: sans-serif;
  font-weight: 700;
  font-size: 13px;
}

.header .headerItems .headerButtons .accountWrap .active.accountDropDown .login:after {
  content: '\E805';
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  right: 13px;
}
.header .headerItems .headerButtons .accountWrap .active.accountDropDown .noPass,
.header .headerItems .headerButtons .accountWrap .active.accountDropDown .noAccount {
  font-size: 11px;
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown {
  display: block !important;
  position: absolute;
  z-index: 32;
  background: white;
  top: 100%;
  width: 200px;
  box-sizing: border-box;
  border: 1px solid #009eb5; /* #0097ce; Dav1d */
  border-radius: 5px;
  right: -7px;
  text-align: left;
  padding: 10px 20px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown:before {
  content: "";
  width: 15px;
  height: 15px;
  border-right: 1px solid #009eb5; /* #0097ce; Dav1d */
  border-top: 1px solid #009eb5; /* #0097ce; Dav1d */
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  display: block;
  background: white;
  position: absolute;
  top: -9px;
  right: 20px;
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown a {
  color: #009eb5; /* #282f66; /* #0097ce; Dav1d */
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown a:hover {
  color: #282f66; /* #009eb5; /* #6d6e70; Dav1d */
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown .title {
  text-align: left;
  color: #009eb5; /* #282f66; /* #0097ce; Dav1d */
  font-weight: 600;
  font-size: 16px;
  margin: 5px 0;
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown input {
  width: 100%;
  height: 30px;
  border-radius: 5px;
  box-sizing: border-box;
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login {
	border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #009eb6;
  padding: 0.25rem 2.5rem;
  color: white;
  font-weight: 700;
  font-size: 13px;
	font-family: sans-serif;
  color: white !important;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.login {
  background-image: url("../images/lock.svg");	/* Dav1d */
  background-position: 10% 50%;					/* Dav1d */
  background-repeat: no-repeat;					/* Dav1d */
  background-size: 14px;						/* Dav1d */	
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login:hover {
	border-radius: 5px;			/* Dav1d */
  -webkit-border-radius: 5px;	/* Dav1d */
  background-color:#32b1c3;		/* Dav1d */
  padding: 0.25rem 2.5rem;		/* Dav1d */
  color: white;					/* Dav1d */
	font-family: sans-serif;
}

.header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login:after {
  content: '\E805';
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  right: 13px;
}
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown .noPass,
.header .headerItems .headerButtons .accountWrap:hover .accountDropDown .noAccount {
  font-size: 11px;
}
.header .headerItems .headerButtons .account:before {
  content: "\E814";
  display: block;
  text-align: center;
  font-size: 20px;
  color: #009eb5; /* #0097ce; Dav1d */
  font-family: 'kh_icons';
  font-weight: 600;
  text-indent: 0;
  overflow: visible;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  /* background: -webkit-linear-gradient(#4c96ce, #025f87); */
	background-color: #009eb5;	
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header .headerItems .headerButtons .cart:before {
  content: "\E816";
  display: block;
  text-align: center;
  font-size: 20px;
  color: #009eb5; /* #0097ce; Dav1d */
  font-family: 'kh_icons';
  font-weight: normal;
  text-indent: 0;
  overflow: visible;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  /* background: -webkit-linear-gradient(#4c96ce, #025f87); */
  background-color: #009eb5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header .headerItems .headerButtons .cart .cartCount {
  display: block;
  position: absolute;
  border-radius: 50px;
  color: white;
  text-decoration: none;
  right: -2px;
  font-size: 13px;
  top: -5px;
  z-index: 1;
}
.header .headerItems .headerButtons .cart .cartCount:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -6px;
  z-index: -1;
  width: 21px;
  height: 21px;
  color: #282f66;	
  background-color: #fff; /* #282f66; /* #009eb5; /* #4290cb; Dav1d */	
  /*
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  */
  border-radius: 50px;
}
.header .headerItems .headerButtons .openMenu {
  display: none;
  /* background: -webkit-linear-gradient(#4c96ce, #025f87); */
  /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.header .headerItems .headerButtons .openMenu:after {
  content: '\E812';
  font-family: 'kh_icons';
  font-weight: normal;
  /* background: -webkit-linear-gradient(#4c96ce, #025f87); Dav1d */
  background-color: #009eb5; /* Dav1d */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #009eb5; /* #00749e; Dav1d */
  font-size: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#navbar {
  /* width: auto; */
/*	width: 100%; */
  /* z-index: 13; */
 margin-left: -30px;	/* Dav1d */

}

#navbar .mainMenu .menuHeader {
	display: none;
}
#navbar .mainMenu .itemContainer {
  height: 32px;
  min-height: 32px !important;
  float: left;
  margin: 0;
  border-bottom: none !important;
  position: relative;
  height: 62px;
}

#navbar .mainMenu .itemContainer:hover a.item /*,
 #navbar .mainMenu .itemContainer:active a.item */ {
  color: white;
  background: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: none;
	 	background: #009eb5; 
  /* border-radius: 5px 5px 0 0; */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
#navbar .mainMenu .itemContainer:hover /*,
#navbar .mainMenu .itemContainer:active  */ {
 color: white; 

}
#navbar .mainMenu .itemContainer.webshop,
#navbar .mainMenu .itemContainer.corporate {
  display: none;
}
#navbar .mainMenu .itemContainer + .itemContainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: -21px;
  display: block;
  background: url("../images/shadowl.svg") no-repeat top;
  background-size: 100% 100%;
  width: 21px;
  height: 58px;
  opacity: 0.35;
}
#navbar .mainMenu .itemContainer.item_5 .dropdown,
#navbar .mainMenu .itemContainer.item_6 .dropdown {
  right: 0;
}
#navbar .mainMenu .itemContainer .dropdown {
  white-space: nowrap;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
#navbar .mainMenu .itemContainer .dropdown .navBack {
  display: none;
}
#navbar .mainMenu .itemContainer .dropdown .column {
  display: inline-block;
  float: none;
  vertical-align: top;
  white-space: normal;
}
#navbar .mainMenu .itemContainer .dropdown .column .title {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
#navbar .mainMenu .itemContainer .dropdown .column .subCats li a {
  position: relative;
}
#navbar .mainMenu .itemContainer .dropdown .column .subCats li a:before {
  content: "\E805";
  position: absolute;
  left: 6px;
  margin-top: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-family: 'kh_icons';
  font-weight: normal;
}
#navbar .mainMenu .itemContainer a.item {
  line-height: 18px;
  /* width: 119px; */
  display: block;
  font-size: 18px;
  /* text-transform: uppercase; */
  color: #282f66; /* #009eb5; */ /* Navigatie items */
  font-weight: 600;
  padding: 15px 10px;
  font-family: 'Titillium Web', 'open_sans', Sans-Serif;
}
#navbar .mainMenu .itemContainer a.home {
		color: #009eb5;
	    font-size: 25px;
		/* padding: 15px 10px 15px 0px; */
	margin-left: 20px;
	height: 62px;

}
#navbar .mainMenu .itemContainer:hover a.home:hover   {
		color: #009eb5 !important; 
	background: #fff; 
		-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

@media all and (max-width: 1023px) {
  .header .headerItems .headerButtons .accountWrap .accountDropDown {
    display: none !important;
  }
  .header {
    height: 140px;
  }
  .header .topBar {
    display: none;
  }
  .header .logo {
    margin-top: 10px;
    max-width: 230px;
  }
  .header .logo:after {
    display: none;
  }
  .header .headerItems {
    position: static;
    width: auto;
  }
  .header .headerItems .searchBar {
    top: 80px;
    width: 550px;
    right: 0;
    left: 30px;
    box-sizing: border-box;
  }
  .header .headerItems .headerButtons .openMenu {
    display: block;
  }
  #navbar {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    width: 310px;
    background: #fff; /* #0097ce; */
    border-left: 3px solid #282f66; /*#00749e; */
    height: 100%;
    z-index: 1001;
    overflow: hidden;
  }
  #navbar.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  #navbar .headermenu {
    padding: 0;
    left: 0;
    height: auto;
    position: static;
  }
  #navbar .headermenu .mainMenu .menuHeader {
    display: block;
    background: #282f66; /* #00749e; */
  }
  #navbar .headermenu .mainMenu .menuHeader .title {
    color: white; 
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
    width: 100%;
    font-size: 21px;
    padding-left: 15px;
    height: 60px;
    line-height: 60px;
  }
  #navbar .headermenu .mainMenu .menuHeader .close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  #navbar .headermenu .mainMenu .menuHeader .close:after {
    content: "\E80f";
    font-family: 'kh_icons';
    font-weight: normal;
    color: white;
    font-size: 20px;
  }
  #navbar .headermenu .mainMenu .itemContainer {
    float: none;
    border-bottom: 1px solid #282f66 /*#00749e */ !important;
    height: 45px;
    min-height: none !important;
    line-height: 30px;
    position: static;
  }
  #navbar .headermenu .mainMenu .itemContainer:before {
    display: none;
  }
  #navbar .headermenu .mainMenu .itemContainer.webshop,
  #navbar .headermenu .mainMenu .itemContainer.corporate {
    display: block;
  }
  #navbar .headermenu .mainMenu .itemContainer.homeButton a:before {
    content: "Home";
    color: #009eb5; /* #282f66; */ /* white; */
    font-size: 14px;
    line-height: normal;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
  }
  #navbar .headermenu .mainMenu .itemContainer a.item {
    color: #282f66; /* white !important; */
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0;
  }
  #navbar .headermenu .mainMenu .itemContainer a.item:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: 'kh_icons';
    font-weight: normal;
    left: inherit;
  }
  #navbar .headermenu .mainMenu .itemContainer a.item:only-child:after {
    display: none;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown {
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    right: 0;
    display: block;
    position: absolute;
    border-left: 3px solid #282f66; /* #00749e; */
    width: 100%;
    top: 60px;
    background: #282f66; /* #009eb5; /*#0097ce; */
    height: 100%;
    z-index: 1002;
    overflow: visible;
    padding: 0;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .navBack {
    display: block;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .navBack .backButton {
    border-bottom: 1px solid #282f66; /* #00749e; */
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    line-height: 15px;
    position: relative;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .navBack .backButton:before {
    content: "\e804";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: 'kh_icons';
    font-weight: normal;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column {
    display: block;
    width: 100%;
    vertical-align: middle;
    border-left: none;
    box-shadow: none;
    padding: 0;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem {
    border-bottom: 1px solid #282f66; /* #00749e; */
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem + .columnItem {
    border-top: none;
    box-shadow: none;
    padding: 0;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem a {
    font-size: 14px;
    padding: 15px;
    line-height: 15px;
    position: relative;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem a:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: 'kh_icons';
    font-weight: normal;
    left: inherit;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem a:only-child:after {
    display: none;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats {
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    right: 0;
    position: absolute;
    border-left: 3px solid #282f66; /* #00749e; */
    width: 100%;
    top: 0;
    height: 100%;
    background: #0097ce;
    z-index: 1002;
    overflow: visible;
    padding: 0;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats li a:before {
    display: none;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton {
    border-bottom: none;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    line-height: 15px;
    position: relative;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton:before {
    display: block;
    content: "\e804";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: 'kh_icons';
    font-weight: normal;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li {
    border-bottom: 1px solid #282f66; /* #00749e; */
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .parent {
    background: #00749e none repeat scroll 0 0;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .parent a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size: 18px !important;
  }
  #navbar .headermenu .mainMenu .itemContainer .dropdown .columnParent.parent {
    padding: 5px  5px  5px 15px;
  }
}
.toptext h1 {
  padding: 20px 0 0;
}
.topImage {
  position: relative;
  height: 248px;
}
.topImage #slider {
  position: absolute;
  right: 0;
  height: 248px;
  overflow: hidden;
  width: 1064px;
}
.topImage #slider #top_img {
  position: absolute;
  right: 28px;
}
.topImage #slider #top_img .imgWrap {
  max-width: none;
}
#content {
  /* max-width: 1024px; */
  box-sizing: border-box;
  width: 100%;
  /* margin: 0 auto; */ /* Dav1d margin uitgeschakeld ivm links uitlijnen content */
  position: relative;
  padding-bottom: 20px;
  border-top: 2px solid #009eb5;
}
#content:before {
  content: "";
  position: absolute;
  top: -270px;
  left: -55px;
  display: block;
  /* background: url("../images/shadowl.svg") no-repeat top; */
  background-size: 100% 100%;
  height: 760px;
  width: 40px;
}
#content:after {
	/*
  content: "";
  position: absolute;
  top: -270px;
  right: -55px;
  display: block;
  background-size: 100% 100%;
  height: 760px;
  width: 40px
	*/
	/* background: url("../images/shadowr.svg") no-repeat top; */
}
#content .wrapper:after {
  content: "";
  clear: both;
  display: block;
}
a.blue {
  display: block;
  color: #009eb5;
}
a.blue:hover {
  color: #5e5e5e;
}
.readMore {
  color: #009eb5;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  padding-right: 10px;
}
.readMore:after {
  content: '\E807';
  display: inline-block;
  font-size: 16px;
  margin-left: 10px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.divbreadcrump {
  margin: 30px 0 25px 0;
}
.divbreadcrump .BackToOverview {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  margin-right: 10px;
  padding-left: 25px;
  font-size: 12px;
  position: relative;
}
.divbreadcrump .BackToOverview:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.divbreadcrump .BackToOverview:before {
  content: "\E804";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 10px;
  font-family: 'kh_icons';
  font-weight: normal;
}
#container_middle,
.middlecontent {
  margin: 0 20px 0 0 !important;
  width: 508px !important;
}
#container_middleFull {
  width: 690px;
}
.searchPage .searchResults .searchResult .title a {
  color: #009eb5;
}
:lang(NL) .topImage {
  display: none !important;
}
.homeTop {
  background: url("../../../images/topImageBg.png") #0084b5 no-repeat center 120%;
  width: 100%;
  color: white;
  position: relative;
  padding: 40px 0 80px;
  margin-bottom: 100px;
  min-height: 380px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 20px;
}
.homeTop .textBlock {
  max-width: 390px;
  margin-left: 60px;
}
.homeTop .textBlock h1 {
  color: white;
  font-size: 53px;
  font-family: "kievit-light";
  margin-bottom: 10px;
}
.homeTop .textBlock .description {
  font-size: 17px;
  font-family: "kievit-light";
  line-height: 23px;
}
.homeTop .btnDown {
  position: absolute;
  bottom: -58px;
  left: 60px;
  max-width: 116px;
  max-height: 116px;
  width: 100%;
  height: 100%;
  background: #0d6994;
  color: white;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 18px;
  font-family: "kievit-light";
  -webkit-animation: fade 0.5s 0.5s 1 ease-in-out both;
  -moz-animation: fade 0.5s 0.5s 1 ease-in-out both;
  -ms-animation: fade 0.5s 0.5s 1 ease-in-out both;
  animation: fade 0.5s 0.5s 1 ease-in-out both;
}
.homeTop .btnDown:after {
  content: "";
  background: url("../../../images/arrow_down.svg") no-repeat center/contain;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 15px;
  width: 23px;
  height: 12px;
  -webkit-animation: pulse 2s 3 ease-in-out;
  -moz-animation: pulse 2s 3 ease-in-out;
  -ms-animation: pulse 2s 3 ease-in-out;
  animation: pulse 2s 3 ease-in-out;
}
.homeTop .btnDown:hover:after {
  -webkit-animation: pulse 2s 10 ease-in-out;
  -moz-animation: pulse 2s 10 ease-in-out;
  -ms-animation: pulse 2s 10 ease-in-out;
  animation: pulse 2s 10 ease-in-out;
}
.homeTop .videoBlock {
  position: absolute;
  right: 45px;
  top: 0;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  box-shadow: 0 5px 0 0 #ededed;
  width: 41.7204%;
  height: 450px;
  background: url("../../../images/slide1.jpg") no-repeat center/cover;
  -webkit-animation: fade 1s 1s 1 ease-in-out both;
  -moz-animation: fade 1s 1s 1 ease-in-out both;
  -ms-animation: fade 1s 1s 1 ease-in-out both;
  animation: fade 1s 1s 1 ease-in-out both;
  transition: 0.2s ease-in-out;
}
.homeTop .videoBlock video {
  width: auto;
  height: 100%;
}
@media (max-width: 1023px) {
  .homeTop {
    margin-bottom: 70px;
  }
  .homeTop .textBlock {
    position: relative;
  }
  .homeTop .textBlock .btnDown {
    bottom: -128px;
    left: 0;
  }
  .homeTop .videoBlock {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .homeTop {
    padding: 15px 15px 50px;
    min-height: 0;
    margin-top: 0;
  }
  .homeTop .textBlock {
    margin: 0;
  }
  .homeTop .textBlock h1 {
    font-size: 32px;
  }
  .homeTop .textBlock .description {
    font-size: 14px;
    line-height: 21px;
  }
  .homeTop .textBlock .btnDown {
    bottom: -88px;
    max-width: 96px;
    max-height: 76px;
    font-size: 14px;
  }
}
.highlight {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding: 30px 35px 30px 0;
  border: 1px solid #d5d8db;
  /* border-radius: 10px; */
}
@media (min-width: 1023px) {
  .highlight {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .highlight img {
    max-width: 283px;
  }
}
@media (max-width: 1023px) {
  .highlight a,
  .highlight .description {
    width: 100%;
  }
}
.highlight .description {
  font-size: 15px;
  /* margin: 30px 0 0 0; */
	margin: 0 0 0 30px; /* Dav1d */
}
@media (min-width: 1023px) {
  .highlight .description {
    margin: 0 0 0 30px;
  }
}
.highlight .description a {
  display: inline-block;
  position: relative;
}
.highlight .description a:after {
  content: "\E805";
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 7px;
  font-size: 17px;
  position: relative;
  bottom: -1px;
}
.themeBanners {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.themeBanner {
  position: relative;
  border-radius: 5px;
  overflow: hidden !important;
  -webkit-flex: 0 1 32%;
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  -o-flex: 0 1 32%;
  flex: 0 1 32%;
  box-shadow: 0 5px 0 0 #ededed;
  -webkit-mask-image: url("../../../images/mask.jpg");
  margin-top: 20px;
}
.themeBanner:after {
  content: "";
  display: block;
  padding-top: 153.4884%;
}
.themeBanner:hover .overlay {
  background: rgba(10, 68, 122, 0.9);
}
.themeBanner:hover .background img {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
  transition: 0.6s ease-in-out;
}
.themeBanner:hover .icon img {
  transform: scale(1.05);
  transition: 0.6s ease-in-out;
}
.themeBanner .overlay {
  border-radius: 0 0 5px 5px;
  z-index: 2;
  position: absolute;
  background: rgba(10, 68, 122, 0.8);
  pointer-events: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  text-align: center;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  bottom: 0;
  height: 50%;
  width: 100%;
}
.themeBanner .overlay .title {
  color: white;
  margin: 15px 0 5px;
  font-size: 25px;
  position: relative;
}
.themeBanner .overlay .title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -4px;
  height: 0;
  width: 40%;
  background: white;
  transition: 0.15s ease-in-out;
}
.themeBanner .overlay .sub {
  color: #02bbff;
  font-size: 21px;
  font-family: "kievit-light";
}
.themeBanner .icon {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative;
}
.themeBanner .icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease-in-out;
}
.themeBanner .background img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  z-index: 1;
  transition: 0.2s ease-in-out;
}
.themeBanner.fullWidth {
  position: relative;
  -webkit-flex: 0 1 66%;
  -moz-flex: 0 1 66%;
  -ms-flex: 0 1 66%;
  -o-flex: 0 1 66%;
  flex: 0 1 66%;
}
.themeBanner.fullWidth:after {
  padding-top: 42.6610%;
}
.themeBanner.fullWidth .icon {
  width: 92px;
  height: 109px;
}
.themeBanner.fullWidth .overlay {
  right: 0;
  width: 50%;
  height: 100%;
  border-radius: 0 5px 5px 0;
}
.themeBanner.fullWidth .overlay .title {
  font-size: 29px;
}
.themeBanner.fullWidth .titleWrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .themeBanner .overlay .icon {
    height: 40px;
  }
  .themeBanner .overlay .title {
    font-size: 18px;
  }
  .themeBanner .overlay .sub {
    font-size: 15px;
  }
  .themeBanner.fullWidth .overlay .icon {
    width: 82px;
    height: 99px;
  }
  .themeBanner.fullWidth .overlay .title {
    font-size: 24px;
  }
  .themeBanner.fullWidth .overlay .sub {
    font-size: 18px;
  }
}
@media (max-width: 599px) {
  .themeBanners {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .themeBanner {
    display: block;
  }
  .themeBanner:not(.fullWidth) .background img {
    display: none;
  }
  .themeBanner + .themeBanner {
    margin-top: 3%;
  }
  .themeBanner .overlay {
    left: 0;
    width: 65%;
    height: 100%;
  }
  .themeBanner.fullWidth {
    margin-bottom: 0;
    height: 240px;
    display: block;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .themeBanner.fullWidth .overlay {
    bottom: 0;
    left: 0;
    right: 0;
    top: inherit;
    width: 100%;
    height: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .themeBanner.fullWidth .overlay .icon {
    width: 60px;
    height: 70px;
    margin-left: 20px;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    align-self: center;
  }
  .themeBanner.fullWidth .overlay .titleWrap {
    -webkit-flex: 0 1 69%;
    -moz-flex: 0 1 69%;
    -ms-flex: 0 1 69%;
    -o-flex: 0 1 69%;
    flex: 0 1 69%;
  }
  .themeBanner.fullWidth .overlay .title {
    font-size: 18px;
  }
  .themeBanner.fullWidth .overlay .sub {
    font-size: 17px;
  }
  .themeBanner.fullWidth .background img,
  .themeBanner.fullWidth .background .imgWrap {
    max-width: none;
    max-height: 100%;
  }
  .themeBanner.industrialSolutions {
    background: url("../../../www.koningenhartman.nl/images/m_industrialSolutions.png") no-repeat center/cover;
  }
  .themeBanner.telecom {
    background: url("../../../www.koningenhartman.nl/images/telecom_m.png") no-repeat center/cover;
  }
  .themeBanner.uptime {
    background: url("../../../www.koningenhartman.nl/images/uptime_m.png") no-repeat center/cover;
  }
  .themeBanner.dealing {
    background: url("../../../www.koningenhartman.nl/images/dealing_m.png") no-repeat center/cover;
  }
  .themeBanner {
    height: 118px;
    display: block;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .themeBanner:after {
    padding-top: 0;
  }
  .themeBanner .overlay {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
  .themeBanner .overlay .icon {
    margin: 5px auto 0;
  }
  .themeBanner .overlay .title {
    font-size: 17px;
    margin: 10px 0 0;
  }
  .themeBanner .overlay .sub {
    font-size: 14px;
  }
}
.bannerMenu {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-top: 2%;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bannerMenu .bannerItem {
  margin-bottom: 10px;
  text-align: center;
  height: 170px;
  -webkit-flex: 0 1 49%;
  -moz-flex: 0 1 49%;
  -ms-flex: 0 1 49%;
  -o-flex: 0 1 49%;
  flex: 0 1 49%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  border-radius: 5px;
  color: white;
  font-size: 25px;
  font-family: "kievit-light";
  position: relative;
}
.bannerMenu .bannerItem .overlay {
  pointer-events: none;
  border-radius: 5px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 68, 122, 0.8);
  z-index: 2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
.bannerMenu .bannerItem:hover .overlay {
  background: rgba(10, 68, 122, 0.9);
}
.bannerMenu .bannerItem .title:after {
  content: "\E805";
  display: inline-block;
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 15px;
}
.bannerMenu .bannerItem span,
.bannerMenu .bannerItem:after {
  margin: auto;
}
.bannerMenu .bannerItem.workAt {
  background: url("../../../www.koningenhartman.nl/images/werkbij.png") no-repeat center/contain;
}
.bannerMenu .bannerItem.news {
  background: url("../../../www.koningenhartman.nl/images/nieuws.png") no-repeat center/contain;
}
.bannerMenu .bannerItem.reference {
  background: url("../../../www.koningenhartman.nl/images/Referenties.png") no-repeat center/contain;
}
.bannerMenu .bannerItem.events {
  background: url("../../../www.koningenhartman.nl/images/Events.png") no-repeat center/contain;
}
@media (max-width: 1023px) {
  .bannerMenu .bannerItem {
    height: 95px;
    font-size: 22px;
  }
}
@media (max-width: 599px) {
  .bannerMenu {
    margin-bottom: 6%;
  }
  .bannerMenu .bannerItem {
    height: 85px;
    font-size: 14px;
    line-height: 14px;
    background-size: cover !important;
  }
  .bannerMenu .bannerItem:after {
    margin-left: 7px;
  }
  .bannerMenu .bannerItem .overlay {
    padding: 0 10px;
    box-sizing: border-box;
  }
}
#container_left,
.left_content {
  margin: 0 18px 0 0 !important;
}
#container_left h2,
.left_content h2 {
  color: #282f66; /* #00749e; */
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
#container_left h2 a,
.left_content h2 a {
  color: #282f66; /* #00749e; */
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
#container_left ul li + li,
.left_content ul li + li {
  border-top: 1px solid #eeeeee;
}
#container_left .submenu h2,
.left_content .submenu h2 {
  float: none;
  display: block;
  margin-bottom: auto;
  padding-bottom: 10px;
}
#container_left .submenu li,
.left_content .submenu li {
  line-height: normal;
  padding: 9px 0;
  position: relative;
}
#container_left .submenu li a,
.left_content .submenu li a {
  color: #009eb5;
}
#container_left .leftmenuitem + .leftmenuitem,
.left_content .leftmenuitem + .leftmenuitem {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #eeeeee;
}
#toptext_container {
  max-width: 100%;
  width: auto;
}
#toptext_container a {
  color: #009eb5;
}
#toptext_container a:hover {
  color: #5e5e5e;
}
#container_middle.middlecontent,
.middlecontent {
  width: 690px !important;
}
#container_middle.middlecontent .vacatureWrap #toptext,
.middlecontent .vacatureWrap #toptext {
  width: 510px !important;
  min-height: 360px;
}
#container_middle.middlecontent .vacatureSlider .homeProductSlider,
.middlecontent .vacatureSlider .homeProductSlider {
  height: auto !important;
}
#container_middle.middlecontent .vacatureSlider a,
.middlecontent .vacatureSlider a {
  color: #0097ce !important;
}
#container_middle.middlecontent .vacatureSlider a:hover,
.middlecontent .vacatureSlider a:hover {
  color: #6d6e70;
  text-decoration: underline;
}
#container_middle.middlecontent #toptext,
.middlecontent #toptext {
  width: 690px !important;
  position: relative;
}
#container_middle.middlecontent .item .text,
.middlecontent .item .text {
  width: auto;
}
#container_middle.middlecontent .dropdown select,
.middlecontent .dropdown select {
  border: 1px solid #aaabad;
  padding: 4px 20px 4px 1px;
  border-radius: 3px;
  color: #585865;
  background: white;
}
#container_middle.middlecontent .dropdown select + select,
.middlecontent .dropdown select + select {
  margin-left: 10px;
}
#container_middle .caseList .item:after {
  content: "";
  clear: both;
  display: block;
}
#container_middle .caseList .item + .item {
  margin-top: 50px;
}
#container_middle .caseList .item .text {
  width: 460px;
  padding: 0 20px 0 0;
  box-sizing: border-box;
  float: right;
}
#container_middle .caseList .item .text .new_case {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbb29;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbb29), to(#f99901));
  background: -webkit-linear-gradient(left, #ffbb29, #f99901);
  background: -moz-linear-gradient(left, #ffbb29, #f99901);
  background: -ms-linear-gradient(left, #ffbb29, #f99901);
  background: -o-linear-gradient(left, #ffbb29, #f99901);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-radius: 5px;
  line-height: 24px;
  height: 24px;
  padding: 0  5px;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 10px;
  width: 50px;
}
#container_middle .caseList .item .item_controls2,
#container_middle .caseList .item .item_controls {
  position: static;
  float: right;
}
#container_middle .caseList .item.odd .item_controls2,
#container_middle .caseList .item.odd .item_controls {
  position: static;
  float: left;
}
.submenu {
  font-size: 12px;
  position: relative;
  padding-top: 5px;
}
.submenu:before {
  content: "";
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: -30px;
  opacity: 0.6;
  width: 100%;
  background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
  background-size: 100% 100%;
  height: 20px;
}
.submenu:after {
  content: "";
  position: absolute;
  bottom: -25px;
  opacity: 0.6;
  width: 100%;
  background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
  background-size: 100% 100%;
  height: 20px;
}
.submenu h2 {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  font-size: 16px;
}
.submenu .left_content:only-child ul li:last-child {
  border-bottom: none;
}
.submenu li {
  line-height: 31px;
}
.submenu li.active > a,
.submenu li.subheader > a {
  color: #0097ce !important;
  font-family: 'open_sans-bold', Sans-Serif !important;
  font-weight: normal !important;
  position: relative;
}
.submenu li.active > a:only-child:after,
.submenu li.subheader > a:only-child:after {
  content: " " !important;
  font-family: 'kh_icons';
  font-weight: normal;
}
.submenu li.active > a:after,
.submenu li.subheader > a:after {
  content: '\E807';
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  right: -15px;
}
.submenu li .subCats li a {
  font-style: italic;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
.submenu li .subCats li.active {
  padding-left: 10px;
  border: none !important;
}
.submenu li .subCats li.active > a {
  color: #00749e !important;
  font-size: 11px !important;
  font-style: italic;
}
.submenu li .subCats li.active > a:before {
  content: "\E805";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  font-family: 'kh_icons';
  font-weight: normal;
}
.submenu li .subCats li.active > a:after {
  display: none;
}
.submenu .left_content {
  float: none;
}
.submenu .sub.repeater {
  margin: 0;
  position: relative;
  border: none !important;
}
.submenu .sub.repeater a {
  color: #282f66; /* #00749e; */
  font-size: 11px;
  padding-left: 10px;
}
.submenu .sub.repeater a.blue,
.submenu .sub.repeater a.active {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.submenu .sub.repeater a:before {
  content: "\E805";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  font-family: 'kh_icons';
  font-weight: normal;
}
.submenu .sub.repeater a:after {
  display: none;
}
.submenu .subheader a {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  color: #009eb5;
}
#container_right {
  width: 184px;
}
#container_right .video_container {
  width: auto;
  height: auto;
}
#container_right .bloc {
  line-height: 24px;
  color: #60ad2c;
}
#container_right .bloc .tel_block {
  margin-bottom: 13px;
  line-height: 16px;
}
#container_right .bloc .tel_block .btn_telefoon {
  text-transform: uppercase;
  color: #60ad2c;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
#container_right .bloc .tel_block .btn_telefoon:before {
  content: "\e80e";
  font-family: 'kh_icons';
  font-weight: normal;
  color: white;
  background: #60ad2c;
  padding: 4px;
  margin-right: 5px;
  border-radius: 50px;
}
#container_right .bloc .tel_block .phone_number {
  padding-left: 27px;
}
#container_right .bloc .btn_mailons {
  text-transform: uppercase;
  color: #5e5e5e;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  margin-bottom: 20px;
}
#container_right .bloc .btn_mailons:before {
  content: "\e813";
  font-family: 'kh_icons';
  font-weight: normal;
  color: white;
  margin-right: 5px;
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  padding: 4px;
  border-radius: 50px;
}
#container_right .bloc .blueButton {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  /*font-size: 15px;*/
  color: white;
  position: relative;
  border-radius: 50px;
  padding: 5px 10px 6px 28px;
  background: #61bddf;
  top: 10px;
  margin-bottom: 15px;
  display: block;
  background: -moz-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61bddf), color-stop(100%, #076b94));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #61bddf 0%, #076b94 100%);
  /* IE10+ */
  background: linear-gradient(to right, #61bddf 0%, #076b94 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61bddf', endColorstr='#076b94', GradientType=1);
  /* IE6-9 */

}
#container_right .bloc .blueButton:before {
  content: "\e816";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#container_right .bloc .blueButton:after {
  content: "\e805";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.vacatureWrap {
  position: static;
}
.vacatureWrap #toptext {
  width: 510px !important;
}
.vacatureWrap .vacatureSlider {
  right: 30px;
}
.VerzendenBtn {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #a3a6a8;
  background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
  background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
  display: inline-block;
  width: auto;
  padding: 0 10px;
  line-height: 21px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.VerzendenBtn:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  color: white;
}
.footer {
  /* height: 30px; /* dav1d 302px; */
  left: 0;
  /* padding-bottom: 30px; */
}
.footer .wrapper {
  /* height: 30px; /* dav1d 100%; */
}
.footer .wrapper .footer_bottom {
  left: 30px;
  bottom: -10px;
}
.footer .footer_kh,
.footer .footer_item {
  width: 24%;
}
.footer .footer_item {
  margin-left: 1%;
}
.register {
  width: 100% !important;
}
.register tr td input {
  width: 160px;
  border-radius: 5px;
  padding: 2px 5px;
}
.register tr td input[type=radio] {
  width: auto;
  margin: 0 5px 0 0;
}
.register tr td label {
  margin-right: 10px;
}
.register tr td select {
  width: 173px !important;
  border: 1px solid #aaabad;
  border-radius: 5px;
  padding: 2px 5px;
  background: white;
}
.register tr td textarea {
  max-width: 264px !important;
  border-radius: 5px;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  color: black;
  padding: 5px;
  font-size: 12px;
}
.register input.VerzendenBtn {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0097ce !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)) !important;
  background: -webkit-linear-gradient(left, #0097ce, #00749e) !important;
  background: -moz-linear-gradient(left, #0097ce, #00749e) !important;
  background: -ms-linear-gradient(left, #0097ce, #00749e) !important;
  background: -o-linear-gradient(left, #0097ce, #00749e) !important;
  display: inline-block !important;
  padding: 0 10px !important;
  line-height: 21px !important;
  color: white !important;
  font-family: 'open_sans-bold', Sans-Serif !important;
  font-weight: normal !important;
  font-size: 14px !important;
}
.register input.VerzendenBtn:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.contactForm {
  width: 100% !important;
}
.contactForm tr td input {
  width: 160px;
  border-radius: 5px;
  padding: 2px 5px;
}
.contactForm tr td input[type=radio] {
  width: auto;
  margin: 0 5px 0 0;
}
.contactForm tr td label {
  margin-right: 10px;
}
.contactForm tr td select {
  width: 173px !important;
  border: 1px solid #aaabad;
  border-radius: 5px;
  padding: 2px 5px;
  margin: 5px 0 5px 0 !important;
}
.contactForm tr td textarea {
  border-radius: 5px;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  color: black;
  padding: 5px;
  font-size: 12px;
}
.searchPage #toptext_container {
  position: relative;
}
.searchPage #toptext_container .topBar {
  height: 40px;
  border-bottom: 1px dashed #aaabad;
}
.searchPage h1.title {
  font-size: 31px;
  max-width: 460px;
}
.searchPage #toptext {
  position: relative;
}
.searchPage #toptext .toShop {
  color: #f99902;
  font-size: 15px;
  display: block;
  width: 200px;
  position: absolute;
  padding-left: 100px;
  right: 0;
  top: 0;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.searchPage #toptext .toShop:after {
  content: "\E816";
  font-size: 51px;
  position: absolute;
  left: 33px;
  top: 0;
  font-family: 'kh_icons';
  font-weight: normal;
}
.searchPage #toptext .toShop:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  opacity: 0.6;
  width: 20px;
  background: url("../images/shadowl.svg") no-repeat top;
  background-size: 100% 100%;
  height: 100%;
}
.searchPage #toptext .toShop span {
  display: inline-block;
  color: #5e5e5e;
  font-size: 13px;
  position: relative;
  padding-right: 10px;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
.searchPage #toptext .toShop span:after {
  content: "\E805";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
  font-family: 'kh_icons';
  font-weight: normal;
}
.overviewList,
.overviewlist {
  clear: both;
}
.overviewList .pagerTop,
.overviewlist .pagerTop {
  margin-bottom: 20px;
  line-height: 32px;
}
.overviewList.image .item,
.overviewlist.image .item {
  margin-bottom: 50px;
}
.overviewList.image .item.odd .img_container,
.overviewlist.image .item.odd .img_container {
  float: left;
}
.overviewList.image .item .img_container,
.overviewlist.image .item .img_container {
  float: left;
  max-width: 200px;
}
.overviewList.image .item .img_container img,
.overviewlist.image .item .img_container img {
  max-width: 100%;
}
.overviewList.image .item .text,
.overviewlist.image .item .text {
  width: 450px !important;
  float: right;
}
.overviewList .item,
.overviewlist .item {
  clear: both;
}
.overviewList .item h2,
.overviewlist .item h2 {
  color: #009eb5;
}
.overviewList .item h2 a,
.overviewlist .item h2 a {
  color: #009eb5;
}
.overviewList .item .date,
.overviewlist .item .date {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.overviewList .item + .item,
.overviewlist .item + .item {
  margin-top: 20px;
}
.overviewList .item:after,
.overviewlist .item:after {
  content: "";
  display: block;
  clear: both;
}
.brochureForm table tr td label {
  width: 400px;
}
.brochureForm .row:after {
  content: "";
  display: block;
  clear: both;
}
.brochureForm .row + .row {
  margin-top: 10px;
}
.brochureForm .row .item {
  float: left;
  line-height: 30px;
}
.brochureForm .row .item .label {
  width: 160px;
}
.brochureForm .row .item .input {
  width: 390px;
}
.brochureForm .row .item .input input[type="text"],
.brochureForm .row .item .input select {
  box-sizing: border-box;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #dfdfdf;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset;
  border-radius: 5px;
}
.brochureForm .row .item .input .checkRow .label {
  line-height: 15px;
}
.brochureForm .row .item .input .checkRow input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 15px;
  position: relative;
  bottom: -3px;
}
.brochureForm .row .VerzendenBtn {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
}
.brochureForm .row .VerzendenBtn:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
#ctl00_phContent_pnlCart .blue {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  margin-right: 10px;
  padding-left: 25px;
  font-size: 12px;
  position: relative;
}
#ctl00_phContent_pnlCart .blue:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
#ctl00_phContent_pnlCart .blue:before {
  content: "\E804";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 10px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.consultants .column {
  width: 50%;
  height: 250px;
}
.consultants .column .photo {
  width: 90px;
}
.consultants .column .text {
  width: 240px;
}
.consultant .photo {
  margin-bottom: 20px;
}
.consultant .text {
  width: auto;
}
.footer {
  /* height: 30px; /* 462px; Dav1d */
}
.footer ul li {
  padding: 7px 0;
}
@media all and (min-width: 600px) and (max-width: 1023px) {
  .divbreadcrump {
    display: none;
  }
  .tablet {
    display: block;
  }
  .tablet.phone {
    display: block;
  }
  .phone {
    display: none;
  }
  #container_middle.middlecontent,
  .middlecontent {
    width: 508px !important;
  }
  #container_middle.middlecontent #toptext,
  .middlecontent #toptext {
    width: 520px !important;
  }
  .middlecontent .item {
    width: auto;
    margin-bottom: 10px;
  }
  .middlecontent .item:after {
    content: "";
    display: block;
    clear: both;
  }
  .middlecontent .item .text {
    width: auto;
  }
  .wrapper,
  .addToWrapper {
   /*  max-width: 610px; */
    position: relative;
  }
  .middlecontent #toptext {
    width: 520px !important;
  }
  #content {
    width: 100%;
    padding-bottom: 20px;
  }
  #content .topImage {
    margin-bottom: 20px;
  }
  #content .topImage #slider {
    width: 595px;
  }
  #content .topImage #top_img {
    right: 15px;
  }
  #content .homeMenu {
    position: relative;
    margin: 30px 0 30px;
  }
  #content .homeMenu:before {
    content: "";
    position: absolute;
    top: -5px;
    opacity: 0.6;
    width: 100%;
    background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
    background-size: 100% 100%;
    height: 20px;
  }
  #content .homeMenu li {
    border-bottom: 1px solid #dfdfdf;
  }
  #content .homeMenu a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #009eb5;
    font-size: 16px;
    line-height: 46px;
    position: relative;
    width: 100%;
    display: block;
  }
  #content .homeMenu a:after {
    content: "\E805";
    font-family: 'kh_icons';
    font-weight: normal;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  #content .homeContent {
    margin-top: auto;
  }
  #content .homeContent #left {
    width: 100%;
  }
  #content .homeContent #left #news_events {
    display: none;
  }
  #content .homeContent #right {
    width: 100%;
    padding-left: 0;
  }
  #content .homeContent #right:before {
    display: none;
  }
  #content .homeContent #right #item_left,
  #content .homeContent #right .item_right {
    width: 100%;
  }
  #content .homeContent #right h2 {
    width: 100%;
    text-align: left;
  }
  #content .homeContent #right .item_right {
    height: auto;
    margin: 20px 0;
  }
  #content .homeContent #right .item_right img {
    margin: 10px 0 20px;
  }
  #content .homeContent #right .nav {
    padding: 15px 0 20px;
  }
  #content .homeContent #right #content-slider {
    width: 100%;
  }
  #content .homeContent #right #content-slider #slider {
    height: 105px !important;
  }
  #content .homeContent #right #content-slider #slider .homeProductSlider {
    position: absolute;
    left: 0;
    height: 107px !important;
  }
  #content .homeContent #right #content-slider #slider .homeProductSlider img {
    width: 160px;
  }
  #content .homeContent #right #content-slider #slider .homeProductSlider .content {
    position: absolute;
    left: 180px;
    top: 0;
    width: 330px !important;
  }
  #content .homeContent .homeText {
    margin-bottom: 20px;
  }
  #content .homeContent .homeText p {
    max-height: 154px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    transition: 0.5s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  #content .homeContent .homeText p.active {
    max-height: 1000px;
    transition: 1s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  #content .homeContent .homeText p.active + .readMore:before {
    transform: rotate(180deg);
    transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  #content .homeContent .homeText .readMore {
    display: block;
  }
  #content .homeContent .homeText .readMore:before {
    transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  #content .homeContent .homeText .readMore .meer {
    display: none;
  }
  #content .homeContent .homeText .readMore .meer.active {
    display: inline-block;
  }
  .divbreadcrump {
    display: none;
  }
  #container_left,
  #container_middle,
  #container_right,
  .middlecontent,
  #container_middleFull {
    width: 100%;
  }
  .overviewcat {
    position: relative;
    margin: 27px 0 33px;
  }
  .overviewcat h2 {
    display: none;
  }
  .overviewcat.active .catButton:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .overviewcat:before {
    content: "";
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: absolute;
    top: -20px;
    left: 0;
    opacity: 0.6;
    width: 100%;
    background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
    background-size: 100% 100%;
    height: 20px;
  }
  .overviewcat:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    opacity: 0.6;
    width: 100%;
    background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
    background-size: 100% 100%;
    height: 20px;
  }
  .overviewcat .catButton {
    position: relative;
    text-align: center;
    color: #00749e;
    font-family: 'open_sans-light', Sans-Serif;
    font-weight: normal;
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 20px 0;
    transition: 0.2s ease-in-out;
  }
  .overviewcat .catButton:after {
    content: "\E807";
    display: inline-block;
    font-family: 'kh_icons';
    font-weight: normal;
    font-size: 14px;
    transition: 0.2s ease-in-out;
    margin-left: 10px;
  }
  .overviewcat .submenu {
    display: none;
    -webkit-transform: translate(0);
  }
  .overviewcat .submenu > ul li:last-child {
    border-bottom: none;
  }
  .overviewcat .submenu.active {
    height: 100%;
  }
  .overviewcat .submenu:before {
    display: none;
  }
  .overviewcat .submenu:after {
    display: none;
  }
  .overviewcat .submenu h2 {
    display: none;
  }
  .overviewcat .submenu ul {
    list-style: none;
  }
  .overviewcat .submenu ul li {
    line-height: 41px;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
  }
  .overviewcat .submenu ul li + li {
    border-top: none;
  }
  .overviewcat .submenu ul li a:after {
    right: 0;
  }
  .overviewcat .submenu ul li.active {
    padding-left: 0;
  }
  .overviewcat .submenu ul li.active a:after {
    content: "\E805" !important;
    position: absolute;
    right: 0;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .overviewcat .submenu ul li.active ul li a {
    padding-left: 10px;
  }
  .overviewcat .submenu ul a {
    color: #5e5e5e;
    width: 100%;
    display: block;
  }
  .overviewcat .submenu ul a:only-child:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  #container_left .submenu,
  .left_content .submenu {
    display: none;
  }
  .pagerTop,
  .pagerBottom {
    width: 520px;
  }
  .overviewlist.image .item .img_container {
    float: none !important;
    margin-bottom: 10px;
  }
  .overviewlist.image .item .text {
    float: none;
    width: 100% !important;
    margin: 0;
  }
  #container_middle .vacatureSlider {
    display: none !important;
  }
  #container_middle .caseList .item {
    width: 520px;
    height: auto;
  }
  #container_middle .caseList .item .img_border_3 {
    display: none;
  }
  #container_middle .caseList .item .date {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  #container_middle .caseList .item.odd .text {
    padding: 0;
  }
  #container_middle .caseList .item.odd .item_controls2,
  #container_middle .caseList .item.odd .item_controls,
  #container_middle .caseList .item.odd .text {
    position: static;
    float: none;
  }
  #container_middle .caseList .item .item_controls2,
  #container_middle .caseList .item .item_controls {
    position: static;
    float: none;
    width: 100%;
    display: block;
  }
  #container_middle .caseList .item .text {
    float: none;
    width: 100%;
    display: block;
  }
  #container_middle #toptext_container {
    width: 520px ;
  }
  .register {
    width: 100% !important;
  }
  .register tr td {
    display: block;
  }
  .register tr td input {
    width: 160px;
    border-radius: 5px;
    padding: 2px 5px;
  }
  .register tr td input[type=radio] {
    width: auto;
    margin: 0 5px 0 0;
  }
  .register tr td label {
    margin-right: 10px;
  }
  .register tr td select {
    width: 173px !important;
    border: 1px solid #aaabad;
    border-radius: 5px;
    padding: 2px 5px;
    background: white;
  }
  .register tr td textarea {
    max-width: 264px !important;
    border-radius: 5px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
    color: black;
    padding: 5px;
    font-size: 12px;
  }
  .register input.VerzendenBtn {
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    background-color: #0097ce !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)) !important;
    background: -webkit-linear-gradient(left, #0097ce, #00749e) !important;
    background: -moz-linear-gradient(left, #0097ce, #00749e) !important;
    background: -ms-linear-gradient(left, #0097ce, #00749e) !important;
    background: -o-linear-gradient(left, #0097ce, #00749e) !important;
    display: inline-block !important;
    padding: 0 10px !important;
    line-height: 21px !important;
    color: white !important;
    font-family: 'open_sans-bold', Sans-Serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
  }
  .register input.VerzendenBtn:hover {
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    background-color: #0084b5 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
    background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
    background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
    background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
    background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
  }
  .consultants {
    width: 100%;
  }
  .consultants .column {
    width: 50%;
    height: 370px;
  }
  .consultants .column .photo {
    display: block;
    float: none;
    height: 120px;
  }
  .consultants .column .text {
    width: 230px;
    float: none;
    min-height: 0;
  }
  .searchPage h1.title {
    font-size: 31px;
    max-width: 460px ;
  }
  .searchPage #toptext {
    position: relative;
  }
  .searchPage #toptext .toShop {
    color: #f99902;
    font-size: 15px;
    display: block;
    width: 290px;
    position: relative;
    padding-left: 50px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    top: -12px;
  }
  .searchPage #toptext .toShop:after {
    content: "\E816";
    font-size: 35px;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .searchPage #toptext .toShop:before {
    content: "";
    display: none;
  }
  .searchPage #toptext .toShop span {
    display: inline-block;
    color: #5e5e5e;
    font-size: 13px;
    position: relative;
    padding-right: 10px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
  }
  .searchPage #toptext .toShop span:after {
    content: "\E805";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .footer {
	/* height: 30px; */
    /* height: 520px; Dav1d */
  }
  .footer ul li {
    padding: 7px 0;
  }
}
@media all and (min-width: 300px) and (max-width: 599px) {
  #wrap_all {
    padding: 0 10px;
  }
  .phone {
    display: block;
  }
  .phone.tablet {
    display: block;
  }
  .divbreadcrump {
    display: none;
  }
  h1 {
    width: auto;
    font-size: 21px;
  }
  .middlecontent #toptext {
    width: 100% !important;
  }
  #container_middle.middlecontent,
  .middlecontent {
    width: 270px !important;
  }
  #container_middle.middlecontent .vacatureWrap #toptext,
  .middlecontent .vacatureWrap #toptext {
    width: 270px !important;
  }
  #container_middle.middlecontent #toptext,
  .middlecontent #toptext {
    width: 100% !important;
  }
  #container_right {
    width: 100%;
  }
  .wrapper,
  .addToWrapper {
   /* max-width: 310px; */
    position: relative;
  /*  padding: 0 12px; */
  }
  .header {
  /*  padding: 0 0 15px; */ /* Dav1d */
  }
  .header .logo {
    max-width: 131px;
    margin-top: 26px;
  }
  .header .headerItems {
    margin-left: 0;
  }
  .header .headerItems .searchBar {
    left: 12px;
    width: 275px;
  }
  .header .headerItems .headerButtons {
    margin-left: 0;
  }
  .header .headerItems .headerButtons a {
    margin-left: 0;
  }
  .header .headerItems .headerButtons a + a {
    margin-left: 5px;
  }
  #content {
    /* width: 100%; /* 300px; */
    padding-bottom: 20px;
  }
  #content .topImage {
    margin-bottom: 20px;
    border-bottom: none;
  }
  #content .topImage #slider {
    width: 315px;
  }
  #content .topImage #top_img {
    right: 12px;
  }
  .homeMenu {
    position: relative;
    margin: 30px 0 30px;
  }
  .homeMenu:before {
    content: "";
    position: absolute;
    top: -5px;
    opacity: 0.6;
    width: 100%;
    background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
    background-size: 100% 100%;
    height: 20px;
  }
  .homeMenu li {
    border-bottom: 1px solid #dfdfdf;
  }
  .homeMenu a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #009eb5;
    font-size: 16px;
    line-height: 46px;
    position: relative;
    width: 100%;
    display: block;
  }
  .homeMenu a:after {
    content: "\E805";
    font-family: 'kh_icons';
    font-weight: normal;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .homeContent {
    margin-top: auto;
  }
  .homeContent .topText .text h1 {
    text-align: center;
  }
  .homeContent #left {
    width: 100%;
  }
  .homeContent #left #news_events {
    display: none;
  }
  .homeContent #right {
    width: 100%;
    padding-left: 0;
  }
  .homeContent #right:before {
    display: none;
  }
  .homeContent #right #item_left,
  .homeContent #right .item_right {
    width: 100%;
  }
  .homeContent #right h2 {
    width: 100%;
    text-align: left;
  }
  .homeContent #right .item_right {
    height: auto;
    margin: 20px 0;
  }
  .homeContent #right .item_right img {
    margin: 10px 0 20px;
  }
  .homeContent #right .vacancy,
  .homeContent #right #middle.item,
  .homeContent #right .videoBlok {
    display: none;
  }
  .homeContent #right .nav {
    padding: 15px 0 20px;
  }
  .homeContent #right #content-slider {
    width: 100%;
  }
  .homeContent #right #content-slider #slider {
    height: 155px !important;
  }
  .homeContent #right #content-slider #slider .homeProductSlider {
    position: absolute;
    left: 0;
    height: 127px !important;
  }
  .homeContent #right #content-slider #slider .homeProductSlider img {
    width: 110px;
  }
  .homeContent #right #content-slider #slider .content {
    position: absolute;
    left: 120px;
    top: 0;
    width: 160px !important;
  }
  .homeContent .homeText {
    margin-bottom: 20px;
  }
  .homeContent .homeText p {
    max-height: 100px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    transition: 0.2s ease-in-out;
    transition: 0.5s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  .homeContent .homeText p.active {
    max-height: 1000px;
    transition: 1s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  .homeContent .homeText p.active + .readMore:after {
    transform: rotate(180deg);
    transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  .homeContent .homeText .readMore {
    display: block;
  }
  .homeContent .homeText .readMore:after {
    transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67);
  }
  .homeContent .homeText .readMore .meer,
  .homeContent .homeText .readMore .minder {
    display: none;
  }
  .homeContent .homeText .readMore .meer.active,
  .homeContent .homeText .readMore .minder.active {
    display: inline-block;
  }
  #container_middle,
  .middlecontent,
  #container_middleFull {
    width: 100% !important;
  }
  #container_middle #toptext,
  .middlecontent #toptext,
  #container_middleFull #toptext {
    width: 100%;
  }
  .overviewlist .pagerTop,
  .overviewlist .pagerBottom {
    text-align: center;
  }
  .overviewlist .floatLeft {
    display: none;
  }
  .overviewlist.image .item {
    margin-bottom: 30px;
  }
  .overviewlist.image .item .img_container {
    float: none !important;
    margin-bottom: 10px;
  }
  .overviewlist.image .item .text {
    float: none;
    width: 100% !important;
    margin: 0;
  }
  .overviewcat {
    position: relative;
    margin: 27px 0 33px;
  }
  .overviewcat h2 {
    display: none;
  }
  .overviewcat.active .catButton:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .overviewcat:before {
    content: "";
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: absolute;
    top: -20px;
    left: 0;
    opacity: 0.6;
    width: 100%;
    background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
    background-size: 100% 100%;
    height: 20px;
  }
  .overviewcat:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    opacity: 0.6;
    width: 100%;
    background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
    background-size: 100% 100%;
    height: 20px;
  }
  .overviewcat .catButton {
    position: relative;
    text-align: center;
    color: #00749e;
    font-family: 'open_sans-light', Sans-Serif;
    font-weight: normal;
    font-size: 16px;
    width: 100%;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    transition: 0.2s ease-in-out;
  }
  .overviewcat .catButton:hover {
    text-decoration: none;
  }
  .overviewcat .catButton:after {
    content: "\E807";
    display: inline-block;
    font-family: 'kh_icons';
    font-weight: normal;
    font-size: 14px;
    transition: 0.2s ease-in-out;
    margin-left: 10px;
  }
  .overviewcat .submenu {
    display: none;
    -webkit-transform: translate(0);
  }
  .overviewcat .submenu.active {
    height: 100%;
  }
  .overviewcat .submenu:before {
    display: none;
  }
  .overviewcat .submenu:after {
    display: none;
  }
  .overviewcat .submenu h2 {
    display: none;
  }
  .overviewcat .submenu > ul li:last-child {
    border-bottom: none;
  }
  .overviewcat .submenu ul {
    list-style: none;
  }
  .overviewcat .submenu ul > li {
    line-height: 41px;
    border-bottom: 1px solid #dfdfdf;
  }
  .overviewcat .submenu ul a {
    color: #5e5e5e;
    width: 100%;
    display: block;
  }
  .overviewcat .submenu ul a:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  #container_left .submenu,
  .left_content .submenu {
    display: none;
  }
  #toptext {
    width: 100%;
  }
  .pagerTop,
  .pagerBottom {
    width: 100%;
  }
  #container_middle {
    width: 100%;
  }
  #container_middle .vacatureSlider {
    display: none !important;
  }
  #container_middle .customRightContentWidth {
    width: 100%;
  }
  #container_middle .caseList .item {
    width: auto;
    height: auto;
  }
  #container_middle .caseList .item .img_border_3 {
    display: none;
  }
  #container_middle .caseList .item .date {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  #container_middle .caseList .item.odd .text {
    padding: 0;
    margin: 0;
  }
  #container_middle .caseList .item.odd .item_controls2,
  #container_middle .caseList .item.odd .item_controls,
  #container_middle .caseList .item.odd .text {
    position: static;
    float: none;
  }
  #container_middle .caseList .item .item_controls2,
  #container_middle .caseList .item .item_controls {
    position: static;
    float: none;
    width: 100%;
    display: block;
  }
  #container_middle .caseList .item .text {
    float: none;
    width: 100%;
    display: block;
    margin: 0;
  }
  #container_middle #toptext_container {
    width: 100%;
  }
  #container_middle #toptext_container .underline {
    display: block;
  }
  .footer {
 /*   height:  30px; */
    padding: 30px 0 0 0;
  }
  .footer a {
    padding: 0 5px;
  }
  .footer .wrapper .footer_kh,
  .footer .wrapper .footer_item {
    display: none;
  }
  .footer .wrapper .footer_bottom {
    position: static;
    text-align: center;
    line-height: 30px;
	height: 30px;
  }
  .footer .wrapper .footerPhone {
    text-align: center;
    line-height: 30px;
  }
  .footer .wrapper .footerPhone .social-media {
    text-align: center;
  }
  .footer .wrapper .footerPhone .social-media li {
    display: inline-block;
  }
  .contactForm {
    width: 100% !important;
  }
  .contactForm tr td {
    display: block;
  }
  .contactForm tr td input {
    width: 160px;
    border-radius: 5px;
    padding: 2px 5px;
  }
  .contactForm tr td input[type=radio] {
    width: auto;
    margin: 0 5px 0 0;
  }
  .contactForm tr td label {
    margin-right: 10px;
  }
  .contactForm tr td select {
    margin: 5px 0 5px 0 !important;
    width: 173px !important;
    border: 1px solid #aaabad;
    border-radius: 5px;
    padding: 2px 5px;
    background: white;
  }
  .contactForm tr td textarea {
    max-width: 264px !important;
    border-radius: 5px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
    color: black;
    padding: 5px;
    font-size: 12px;
  }
  .consultants {
    width: 100%;
  }
  .consultants .column {
    width: 100%;
    height: auto;
  }
  .consultants .column + .column {
    border-top: 1px solid #ebebec;
    padding-top: 35px;
  }
  .consultants .column .photo {
    display: block;
    float: none;
    height: auto;
  }
  .consultants .column .text {
    width: 280px;
    float: none;
    min-height: 0;
  }
  .searchPage h1.title {
    font-size: 19px;
  }
  .searchPage #toptext_container .topBar {
    height: 120px;
  }
  .searchPage .topBar,
  .searchPage .bottomBar {
    height: auto;
  }
  .searchPage .topBar .paging,
  .searchPage .bottomBar .paging {
    padding: 20px 0 10px;
    text-align: center;
    float: none !important;
  }
  .searchPage .topBar .paging li.page,
  .searchPage .bottomBar .paging li.page {
    display: inline-block;
    float: none !important;
  }
  .searchPage .topBar .title,
  .searchPage .bottomBar .title {
    position: static;
    margin-bottom: 10px;
  }
  .searchPage .topBar .pagingBlock,
  .searchPage .bottomBar .pagingBlock {
    position: static;
  }
  .searchPage .topBar .pagingBlock .sort,
  .searchPage .bottomBar .pagingBlock .sort {
    float: none;
    margin-right: 0;
  }
  .searchPage .topBar .pagingBlock .sort select,
  .searchPage .bottomBar .pagingBlock .sort select {
    margin-left: 0;
  }
  .searchPage #toptext {
    position: relative;
  }
  .searchPage #toptext .toShop {
    color: #f99902;
    font-size: 13px;
    display: block;
    width: 290px;
    position: relative;
    padding-left: 50px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    top: -12px;
  }
  .searchPage #toptext .toShop:after {
    content: "\E816";
    font-size: 35px;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .searchPage #toptext .toShop:before {
    content: "";
    display: none;
  }
  .searchPage #toptext .toShop span {
    display: inline-block;
    color: #5e5e5e;
    font-size: 13px;
    position: relative;
    padding-right: 10px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
  }
  .searchPage #toptext .toShop span:after {
    content: "\E805";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .middlecontent .item {
    width: auto;
    margin-bottom: 10px;
  }
  .middlecontent .item:after {
    content: "";
    display: block;
    clear: both;
  }
  .middlecontent .item .text {
    width: auto;
  }
  .register {
    width: 100% !important;
  }
  .register tr td {
    display: block;
  }
  .register tr td input {
    width: 160px;
    border-radius: 5px;
    padding: 2px 5px;
  }
  .register tr td input[type=radio] {
    width: auto;
    margin: 0 5px 0 0;
  }
  .register tr td label {
    margin-right: 10px;
  }
  .register tr td select {
    width: 173px !important;
    border: 1px solid #aaabad;
    border-radius: 5px;
    padding: 2px 5px;
    background: white;
  }
  .register tr td textarea {
    max-width: 264px !important;
    border-radius: 5px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
    color: black;
    padding: 5px;
    font-size: 12px;
  }
  .addToWrapper .addedToCart {
    width: 230px;
  }
  .middlecontentcategorie {
    width: auto !important;
    max-width: 100%;
  }
  .video_container {
    max-width: 100%;
    height: auto;
  }
  #wrap_all {
    padding: 0;
  }
}
.repaircenter {
  float: none;
  overflow-y: hidden; /* Hide vertical scrollbar */
}
.webshop .footer:not(.footerWebshop) {
  display: none;
}
.webshop .homeContent .topText .text {
  float: left;
  margin-left: 0;
}
.webshop .header .headerItems .searchBar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  border: 1px solid #aaabad;
  border-radius: 50px;
}
.webshop .header .headerItems .searchBar input[type='text'] {
  background: none;
  border: none;
  border-radius: 0;
  width: auto;
  box-shadow: none;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 14px 15px 13px;
  font-size: 12px;
}
.webshop .header .headerItems .searchBar select {
  border-left: 1px solid #aaabad;
  color: #5e5e5e;
  height: 42px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
}
.webshop .header .headerItems .searchBar a {
  width: 30px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  line-height: 42px;
  border-radius: 0 50px 50px 0;
  text-indent: -9999em;
  overflow: hidden;
}
.webshop .header .headerItems .searchBar a:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .header .headerItems .searchBar a:hover {
  border-radius: 0 50px 50px 0 !important;
}
.webshop .header .headerItems .searchBar a:before {
  content: "\E808";
  display: block;
  text-indent: 0;
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 18px;
  color: white;
  text-align: center;
}
.repaircenter  .header { /* Dav1d */
  /* padding: 0 0 25px; */
}
.repaircenter .header .logo:before { /* Dav1d */
  content: "Repair Center";
  position: absolute;
  left: 50%;
  margin-left: -230px;
  font-family: 'open_sans-light', Sans-Serif;
  font-weight: normal;
  font-size: 21px;
  top: 87px;
  color: #282f66; /* #009eb5; OCC lichte kleur */
}
.repaircenter  .header .topBar {
  height: 40px;
  margin-bottom: 20px;
  text-align: right;
  position: relative;
}

.repaircenter .header .topBar:before {
  content: "";
  background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
  background-size: 100% 100%;
  width: 100%;
  height: 20px;
  opacity: 0.7;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.repaircenter .header .topBar .topNav {
  margin-top: 7px;
}
.repaircenter .header .topBar .topNav > li a {
  line-height: 25px;
  font-size: 13px;
}
.repaircenter.header .topBar .topNav > li.toShop {
  display: none;
}
.webshop .header .topBar .topNav > li.toCorp {
  display: block;
}
.webshop .header .topBar .topNav > li.toCorp a {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  line-height: 25px;
  padding-right: 20px;
  font-size: 12px;
  text-transform: uppercase;
}
.webshop .header .topBar .topNav > li.toCorp a:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .header .topBar .topNav > li.toCorp a:after {
  content: "\E805";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 8px;
  font-size: 15px;
  line-height: normal;
}
.webshop .header .topBar .topBarBanners {
  display: inline-block;
  text-align: left;
  margin-right: 30px;
}
.webshop .header .topBar .promotion {
  background-color: #ffbb29;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbb29), to(#f99901));
  background: -webkit-linear-gradient(top, #ffbb29, #f99901);
  background: -moz-linear-gradient(top, #ffbb29, #f99901);
  background: -ms-linear-gradient(top, #ffbb29, #f99901);
  background: -o-linear-gradient(top, #ffbb29, #f99901);
  padding: 6px 30px 0 10px;
  box-sizing: border-box;
  height: 40px;
  width: 200px;
  float: left;
  position: relative;
  font-size: 12px;
  margin-left: 20px;
}
.webshop .header .topBar .promotion:after {
  content: "";
  height: 56px;
  width: 61px;
  background: url("../../../www.koningenhartman.nl/images/delivery.png") no-repeat top right;
  background-size: contain;
  display: block;
  position: absolute;
  right: -31px;
  top: -4px;
}
.webshop .header .topBar .promotion span {
  color: white;
  font-size: 12px;
  line-height: 12px;
}
.webshop.header .topBar .promotion span span {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.webshop .header .topBar a.service {
  font-size: 12px;
  display: block;
  position: relative;
  float: left;
  padding-left: 35px;
  color: #009eb5;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  line-height: 12px;
  margin-top: 8px;
}
.webshop.header .topBar a.service span {
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  color: #5e5e5e;
  display: block;
}
.webshop .header .topBar a.service:before {
  content: "";
  background: url("../../../www.koningenhartman.nl/images/telLady.png") no-repeat;
  background-size: contain;
  width: 47px;
  height: 36px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -8px;
}
.webshop.header .searchBar {
  width: 80%;
}
.webshop .header .searchBar input {
  border-color: silver !important;
  padding: 14px 20px 13px !important;
}
.webshop .header .searchBar .searchButton:before {
  position: relative;
  top: -2px;
  font-size: 22px;
}
.webshop .header .headerItems {
  width: 100%;
  max-width: 550px;
  margin-top: 10px;
}
.webshop .searchbar-middle.wrapper {
  box-sizing: border-box;
  position: relative;
  display: none;
  max-width: 376px;
  padding: 0;
  left: 120px;
}
.webshop .searchbar-middle.wrapper .searchbar-info {
  line-height: 46px;
  color: white;
  font-size: 13px;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
}
.webshop .searchbar-middle.wrapper .searchbar-input {
  height: 36px;
  margin: 4px;
  position: relative;
}
.webshop .searchbar-middle.wrapper .searchbar-input:before {
  content: "\E808";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 9px;
  font-size: 16px;
  color: #009eb5;
  font-family: 'kh_icons';
  font-weight: normal;
  z-index: 1;
}
.webshop .searchbar-middle.wrapper .searchbar-input input {
  border-radius: 50px;
  position: absolute;
  height: 36px;
  margin: 0;
  font-size: 13px;
  border-color: #dfdfdf;
  padding: 0 10px 0 30px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
  width: 100%;
  box-sizing: border-box;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
.webshop .searchbar-middle.wrapper .searchbar-button a {
  line-height: 46px;
  color: white;
  font-size: 18px;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  margin-left: 24px;
  text-transform: uppercase;
  cursor: pointer;
}
.webshop .searchbar-middle.wrapper .searchbar-button a:after {
  content: "\E805";
  display: inline-block;
  font-size: 21px;
  margin-left: 10px;
  position: relative;
  top: 1px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop #navbarShop .wrapper {
  position: relative;
  height: 55px;
  margin-bottom: 12px;
  max-width: 1054px;
  background-color: #0090c5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0090c5), to(#0080af));
  background: -webkit-linear-gradient(top, #0090c5, #0080af);
  background: -moz-linear-gradient(top, #0090c5, #0080af);
  background: -ms-linear-gradient(top, #0090c5, #0080af);
  background: -o-linear-gradient(top, #0090c5, #0080af);
}
.webshop #navbarShop .wrapper ul.mainMenu {
  width: 100%;
  display: block;
  position: relative;
}
.webshop #navbarShop .wrapper ul.mainMenu .menuHeader {
  display: none;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer {
  display: inline-block;
  box-sizing: border-box;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
  vertical-align: top;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer:hover {
  background: #009eb5;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer:hover .item {
  color: white;
  background: none;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer:hover .dropdown {
  display: block;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.corporate {
  display: none;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.actie:hover a {
  color: #ffcc00;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.actie a {
  color: #ffcc00;
  position: relative;
  padding: 0 42px 0 26px;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.actie a:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 19px;
  height: 19px;
  background: url("../../../www.koningenhartman.nl/images/actiesIcon.svg") no-repeat;
  background-size: contain;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .item {
  padding: 0 26px;
  color: white;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  display: inline-block;
  width: auto;
  margin: 0;
  position: relative;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .item:hover {
  color: white;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.home {
  position: relative;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.home a {
  position: relative;
  padding: 0 26px;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.home a:before {
  content: "\E815";
  font-size: 24px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer + .itemContainer .item:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  display: block;
  box-shadow: -7px 0px 10px -7px rgba(0, 0, 0, 0.4);
  width: 16px;
  height: 42px;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown {
  display: none;
  position: absolute;
  z-index: 1999;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#006892));
  background: -webkit-linear-gradient(top, #0097ce, #006892);
  background: -moz-linear-gradient(top, #0097ce, #006892);
  background: -ms-linear-gradient(top, #0097ce, #006892);
  background: -o-linear-gradient(top, #0097ce, #006892);
  border-radius: 0 0 5px 5px;
  padding: 20px;
  top: 54px;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .navBack {
  display: none;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column {
  width: 154px;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px 0 0;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column + .column {
  border-left: #006791 1px solid;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  padding: 0 20px;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem + .columnItem {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .title {
  padding: 10px 0;
  line-height: 16px;
  width: 127px;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .title:hover {
  text-decoration: underline;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .subCats li a {
  color: white;
  position: relative;
  line-height: normal;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .subCats li a:hover {
  text-decoration: underline;
}
.webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .subCats li a:before {
  content: "\E805";
  color: white;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 6px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .webshopMiddleContent {
  width: 100% !important;
}
.webshop .webshopMiddleContent.homeContent {
  margin-top: -32px !important;
}
.webshop .webshopMiddleContent.homeContent .logo_pannel {
  margin-top: 20px;
}
.webshop .webshopMiddleContent.homeContent .productList h2 {
  text-align: left;
  font-size: 28px;
  padding: 20px 0;
  color: #009eb5;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight:after {
  content: "";
  display: block;
  clear: both;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok {
  width: 24%;
  float: left;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok a {
  padding: 15px;
  text-decoration: none;
  display: block;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  height: 315px;
  overflow: hidden;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok a:hover {
  color: #5e5e5e;
  border-color: #c6c6c6;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok span {
  display: block;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok + .prodBlok {
  margin-left: 1.33%;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .image {
  max-width: 100%;
  height: auto;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title {
  font-family: 'open_sans-light', Sans-Serif;
  font-weight: normal;
  color: #009eb5;
  font-size: 17px;
  margin: 10px 0;
  min-height: 46px;
}
.webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description {
  font-size: 12px;
}
.webshop .webshopMiddleContent .topText {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.webshop .webshopMiddleContent .topText:after {
  content: "";
  display: block;
  clear: both;
}
.webshop .webshopMiddleContent .topText .text {
  width: 690px;
  padding-right: 54px;
}
.webshop .webshopMiddleContent .topText .text p {
  line-height: 29px;
  font-size: 14px;
}
.webshop .webshopMiddleContent .topText .text p a {
  display: block;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.webshop .webshopMiddleContent .topText .text p a:after {
  content: '\E805';
  display: inline-block;
  font-size: 16px;
  margin-left: 10px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .webshopMiddleContent .topText .text h1 {
  margin-bottom: 20px;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .nav a.activeSlide {
  background: #0097ce !important;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content {
  height: 340px !important;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item {
  border-top: none;
  position: relative;
  height: 320px !important;
  opacity: 0;
  width: 200px !important;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item:first-child {
  padding: 15px 0 0 0;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item h2 a {
  margin: 0 0 7px !important;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo:hover {
  text-decoration: none;
}
.webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo:after {
  content: "\E805";
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop #shopSlider .right_item_info {
  list-style: none;
}
.webshop #shopSlider .right_item_img img {
  width: 100%;
}
.webshop #shopSlider .nav a {
  text-indent: -9999px;
  overflow: hidden;
  background: #dbdbdb;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50px;
  -o-border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}
.webshop #shopSlider .nav a + a {
  margin-left: 5px;
}
.webshop #shopSlider .nav a.cycle-pager-active {
  background: #009eb5;
}
.webshop .productList {
  border-bottom: 1px dashed #aaabad;
}
.webshop .productList:after {
  content: "";
  display: block;
  clear: both;
}
.webshop .productList .product_row {
  margin-bottom: 50px;
}
.webshop .productList .product_row + .product_row {
  margin-top: 35px;
}
.webshop .productList .product_row .product {
  height: 460px;
  width: 299px;
  display: inline-block;
  vertical-align: top;
  margin-left: 13px;
  position: relative;
}
.webshop .productList .product_row .product:nth-child(3n - 2) {
  margin-left: 0;
}
.webshop .productList .product_row .product .product_img {
  width: 299px;
  height: 170px;
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  overflow: hidden;
}
.webshop .productList .product_row .product .product_img img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.webshop .productList .product_row .product .info {
  padding-right: 20px;
  margin-top: 10px;
}
.webshop .productList .product_row .product .info h1 {
  width: auto;
  font-size: 22px;
  font-family: 'open_sans-light', Sans-Serif;
  font-weight: normal;
  margin-bottom: 10px;
}
.webshop .productList .product_row .product .info .price {
  position: absolute;
  bottom: 50px;
  text-align: left;
}
.webshop .productList .product_row .product .info .price .van {
  line-height: 23px;
  margin-right: 20px;
}
.webshop .productList .product_row .product .info .price div {
  display: inline-block;
}
.webshop .productList .product_row .product .info .button {
  position: absolute;
  bottom: 20px;
}
.webshop .productList .product_row .product .info .button .details_link {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-size: 16px;
}
.webshop .productList .product_row .product .info .button .details_link:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .productList .product_row .product .info .button .details_link:after {
  content: "\E805";
  display: inline-block;
  margin-left: 10px;
  font-size: 21px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .logo_pannel {
  width: 100%;
  border-bottom: 1px dashed #9b9c9e;
}
.webshop .logo_pannel .pannel_content {
  width: 100%;
  margin-top: 20px;
}
.webshop .logo_pannel .pannel_content .flexslider {
  margin: 0 0 30px;
}
.webshop .logo_pannel .pannel_content .flexslider .slides li {
  position: relative;
  height: 100px;
}
.webshop .logo_pannel .pannel_content .flexslider .slides li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.webshop .logo_pannel .pannel_content .flexslider .slides li a img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel {
  width: 100%;
  height: 98px;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .arrow {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  background: white;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .arrow:after {
  content: "";
  text-indent: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 16px;
  font-size: 31px;
  font-family: 'kh_icons';
  font-weight: normal;
  background: -webkit-linear-gradient(#4c96ce, #025f87);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00749e;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.forward {
  right: 0;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.forward:after {
  content: "\E805";
  text-align: right;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.back {
  left: 0;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.back:after {
  content: "\E804";
  text-align: left;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper {
  width: 100%;
  position: relative;
  margin: auto;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper ul li {
  position: relative;
  height: 80px;
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper ul li a {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper ul li a img {
  max-width: 80%;
  max-height: 80px;
  width: 100%;
  height: auto;
  margin: auto;
}
.webshop .overlay.active {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.webshop .overlayWrap {
  display: none;
}
.webshop .overlayWrap.active {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: fixed;
  width: 830px;
  z-index: 99999;
}
.webshop .overlayWrap.active .popUp {
  width: 100%;
  min-height: 200px;
  background: white;
  padding: 30px;
  margin: auto;
  box-sizing: border-box;
  position: relative;
}
.webshop .overlayWrap.active .popUp .close {
  position: absolute;
  right: 20px;
  top: 30px;
}
.webshop .overlayWrap.active .popUp .close:before {
  content: "\e80f";
  font-size: 20px;
  color: #5e5e5e;
  padding: 10px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .overlayWrap.active .popUp .title {
  display: block;
  font-size: 30px;
  color: #009eb5;
  padding-right: 30px;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
}
.webshop .overlayWrap.active .popUp img {
  margin: 30px auto 30px;
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.webshop .webshopMiddleFullContent {
  width: 100%;
}
.webshop .topBlock {
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 25px;
}
.webshop .topBlock:after {
  content: "";
  display: block;
  clear: both;
}
.webshop .topBlock:before {
  content: "";
  background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
  background-size: 100% 100%;
  width: 100%;
  height: 20px;
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  left: 0;
}
.webshop .topBlock .imgBlock {
  float: left;
  width: 428px;
  text-align: center;
}
.webshop .topBlock .imgBlock .imgWrap {
  max-height: 243px;
  position: relative;
}
.webshop .topBlock .imgBlock .prodImg {
  max-width: 100%;
  max-height: 240px;
  display: inline-block;
}
.webshop .topBlock .imgBlock .prodActie {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.webshop .topBlock .imgBlock .topside_enlarge_img {
  text-align: center;
  float: none;
}
.webshop .topBlock .imgBlock .topside_enlarge_img a {
  color: #42a7d5;
  font-size: 17px;
  font-family: 'open_sans-light', Sans-Serif;
  font-weight: normal;
  position: relative;
  padding-left: 25px;
}
.webshop .topBlock .imgBlock .topside_enlarge_img a:before {
  content: "\e808";
  font-family: 'kh_icons';
  font-weight: normal;
  color: #42a7d5;
  font-size: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.webshop .topBlock .infoBlock {
  float: left;
  width: 450px;
  margin: 0 0 30px 50px;
}
.webshop .topBlock .infoBlock h1 {
  margin-bottom: 10px;
}
.webshop .topBlock .infoBlock .korteOmschrijving p {
  margin: 0 0 15px;
}
.webshop .topBlock .infoBlock .topside_manufacturer {
  margin-bottom: 10px;
}
.webshop .topBlock .infoBlock .topside_manufacturer a {
  width: 120px;
  max-height: 100px;
  display: block;
}
.webshop .topBlock .infoBlock .topside_manufacturer a img {
  height: auto;
  max-width: 80px;
}
.webshop .topBlock .infoBlock .topside_price .van {
  font-size: 18px;
  font-weight: lighter;
  margin-bottom: 5px;
  color: #42a7d5;
}
.webshop .topBlock .infoBlock .topside_price .voor {
  font-size: 31px;
  font-weight: normal;
  color: #42a7d5;
}
.webshop .topBlock .infoBlock .staffel {
  border: 1px solid #fddba4;
  border-radius: 5px;
  position: relative;
  color: #f99b03;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  margin: 0 0 20px;
  width: 80%;
  clear: both;
}
.webshop .topBlock .infoBlock .staffel .prodActie {
  position: absolute;
  right: -32px;
  top: -32px;
}
.webshop .topBlock .infoBlock .staffel span {
  color: black;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
.webshop .topBlock .infoBlock .staffel .row {
  background: #fff3d9;
  padding: 5px 10px;
  box-sizing: border-box;
}
.webshop .topBlock .infoBlock .staffel .row + .row {
  border-top: 1px solid #feeac3;
}
.webshop .topBlock .infoBlock .addToCart {
  margin-bottom: 20px;
}
.webshop .topBlock .infoBlock .addToCart .textbox {
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  text-align: center;
  line-height: 34px;
  border-radius: 50px;
  width: 60px;
  height: auto;
  font-size: 18px;
  border: 1px solid #dfdfdf;
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1) inset;
  margin-right: 10px;
  position: relative;
  bottom: -1px;
}
.webshop .topBlock .infoBlock .addToCart .btn_addtocart {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 36px;
  padding: 0 50px 0 15px;
  position: relative;
}
.webshop .topBlock .infoBlock .addToCart .btn_addtocart:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .topBlock .infoBlock .addToCart .btn_addtocart:after {
  content: "\E805";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 15px;
}
.webshop #product-panel .left,
.webshop #product-panel .right {
  width: 43%;
}
.webshop #product-panel .left {
  float: left;
}
.webshop #product-panel .right {
  float: right;
}
.webshop .tab-content + .tab-content {
  margin-top: 30px;
}
.webshop .tab-content .title {
  font-size: 27px;
  color: #009eb5;
  margin-bottom: 15px;
}
.webshop .tab-content .description.active .content,
.webshop .tab-content .relatedArticlescontainer.active .content {
  max-height: 100%;
}
.webshop .tab-content .description.active .more:after,
.webshop .tab-content .relatedArticlescontainer.active .more:after {
  content: " minder";
}
.webshop .tab-content .description.active .more:before,
.webshop .tab-content .relatedArticlescontainer.active .more:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.webshop .tab-content .description a,
.webshop .tab-content .relatedArticlescontainer a {
  color: #009eb5;
}
.webshop .tab-content .description a:hover,
.webshop .tab-content .relatedArticlescontainer a:hover {
  color: #5e5e5e;
}
.webshop .tab-content .description .content,
.webshop .tab-content .relatedArticlescontainer .content {
  max-height: 226px;
  height: 100%;
  overflow: hidden;
}
.webshop .tab-content .description .more,
.webshop .tab-content .relatedArticlescontainer .more {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  padding-right: 30px;
  position: relative;
  line-height: 28px;
  margin: 20px auto 0;
}
.webshop .tab-content .description .more:hover,
.webshop .tab-content .relatedArticlescontainer .more:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .tab-content .description .more:before,
.webshop .tab-content .relatedArticlescontainer .more:before {
  content: "\E800";
  position: absolute;
  right: 10px;
  font-size: 12px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .tab-content .description .more:after,
.webshop .tab-content .relatedArticlescontainer .more:after {
  content: " meer";
}
.webshop .tab-content .description .more,
.webshop .tab-content .relatedArticlescontainer .more {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  padding-right: 30px;
  position: relative;
  line-height: 28px;
  margin: 20px auto 0;
}
.webshop .tab-content .description .more:hover,
.webshop .tab-content .relatedArticlescontainer .more:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .tab-content .description .more:before,
.webshop .tab-content .relatedArticlescontainer .more:before {
  content: "\E800";
  position: absolute;
  right: 10px;
  font-size: 12px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .tab-content .description .more:after,
.webshop .tab-content .relatedArticlescontainer .more:after {
  content: " meer";
}
.webshop .tab-content.topside .serviceBtn + .serviceBtn {
  margin-top: 10px;
}
.webshop .tab-content.topside .serviceBtn a {
  display: block;
  padding: 7px 0 7px 35px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
}
.webshop .tab-content.topside .serviceBtn a:before {
  content: "";
  font-family: 'kh_icons';
  font-weight: normal;
  color: white;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 5px;
  border-radius: 50px;
}
.webshop .tab-content.topside .serviceBtn a.btn_telefoon {
  color: #60ad2c;
}
.webshop .tab-content.topside .serviceBtn a.btn_telefoon:before {
  content: "\e80e";
  background: #60ad2c;
}
.webshop .tab-content.topside .serviceBtn a.btn_dl_brochure:before,
.webshop .tab-content.topside .serviceBtn a.btn_dl_datasheet:before {
  content: "\e80d";
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #a2a5a7;
  background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde));
  background: -webkit-linear-gradient(left, #a2a5a7, #ddddde);
  background: -moz-linear-gradient(left, #a2a5a7, #ddddde);
  background: -ms-linear-gradient(left, #a2a5a7, #ddddde);
  background: -o-linear-gradient(left, #a2a5a7, #ddddde);
  font-size: 16px;
  line-height: 25px;
}
.webshop .tab-content.topside .serviceBtn a.btn_questionOfferte:before {
  content: "\E819";
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #a2a5a7;
  background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde));
  background: -webkit-linear-gradient(left, #a2a5a7, #ddddde);
  background: -moz-linear-gradient(left, #a2a5a7, #ddddde);
  background: -ms-linear-gradient(left, #a2a5a7, #ddddde);
  background: -o-linear-gradient(left, #a2a5a7, #ddddde);
  font-size: 14px;
  line-height: 25px;
}
.webshop .tab-content.topside .serviceBtn a.btn_questionWebshop:before {
  content: "\E817";
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #a2a5a7;
  background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde));
  background: -webkit-linear-gradient(left, #a2a5a7, #ddddde);
  background: -moz-linear-gradient(left, #a2a5a7, #ddddde);
  background: -ms-linear-gradient(left, #a2a5a7, #ddddde);
  background: -o-linear-gradient(left, #a2a5a7, #ddddde);
  font-size: 15px;
}
.webshop .tab-content.topside .serviceBtn a.btn_faq:before {
  content: "?";
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #a2a5a7;
  background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde));
  background: -webkit-linear-gradient(left, #a2a5a7, #ddddde);
  background: -moz-linear-gradient(left, #a2a5a7, #ddddde);
  background: -ms-linear-gradient(left, #a2a5a7, #ddddde);
  background: -o-linear-gradient(left, #a2a5a7, #ddddde);
  font-size: 16px;
}
.webshop .tab-content#gerelateerde .bottom_item {
  position: relative;
  padding-left: 20px;
}
.webshop .tab-content#gerelateerde .bottom_item .bottom_item_check {
  position: absolute;
  top: 10px;
  left: 0;
}
.webshop .tab-content#gerelateerde .bottom_item .bottom_item_content p {
  margin: 0;
}
.webshop .tab-content#gerelateerde .bottom_item .bottom_item_price div {
  display: inline-block;
}
.webshop .tab-content#gerelateerde .bottom_item .bottom_item_price div + div {
  margin-left: 10px;
}
.webshop .tab-content#gerelateerde .bottom_item .bottom_item_price .voor {
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.webshop .tab-content#gerelateerde .btn_addtocart {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  line-height: 26px;
  padding: 3px 40px 0 15px;
  position: relative;
}
.webshop .tab-content#gerelateerde .btn_addtocart:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .tab-content#gerelateerde .btn_addtocart:after {
  content: "\E805";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 15px;
}
.webshop .review.small td {
  padding: 5px 10px 5px 0;
}
.webshop .review.small td label {
  margin-left: 5px;
}
.webshop .filters {
  position: relative;
}
.webshop .filter_menu {
  position: absolute;
  display: block;
  top: 0;
  left: -240px;
  opacity: 0;
  width: 240px;
  z-index: 999;
  background: white;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.3);
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}
.webshop .filter_menu.active {
  opacity: 1;
  left: 0;
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}
.webshop .filter_menu .filter_menu_header a.hideFiltersButton {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
}
.webshop .filter_menu .filter_menu_header a.hideFiltersButton:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .filter_menu .filter_menu_header a.hideFiltersButton:before {
  content: "\E801";
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 11px;
  margin-right: 7px;
}
.webshop .filter_menu .filter_header {
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
}
.webshop .filter_menu {
  bottom: 0 !important;
}
.webshop .filterWrap {
  background: white;
}
.webshop .filterWrap .filter_section {
  padding: 10px 10px 10px 0;
}
.webshop .filterWrap .filter_header {
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
.webshop .filterWrap .filter_content {
  max-height: 250px;
  overflow-y: scroll;
  margin-top: 10px;
}
.webshop .filterWrap .filter_content .filter_list {
  padding: 0 10px !important;
}
.webshop .filterWrap .filter_content li {
  margin-top: 0;
}
.webshop .filterWrap .filter_content li .checkBox {
  top: 50%;
  margin-top: -7px;
}
.webshop .filterWrap .filter_content li label {
  line-height: 30px;
}
.webshop .overviewPage {
  float: left;
  width: 712px;
}
.webshop .overviewPage .topText .text {
  position: relative;
}
.webshop .overviewPage .topText .description.active .content {
  height: 100%;
  overflow: auto;
}
.webshop .overviewPage .topText .description.active .more:after {
  content: " minder";
}
.webshop .overviewPage .topText .description.active .more:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.webshop .overviewPage .topText .description .content {
  height: 50px;
  overflow: hidden;
}
.webshop .overviewPage .topText .description .more {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  padding-right: 30px;
  position: relative;
  line-height: 24px;
  margin: 10px 0 10px;
  font-size: 13px;
  display: block;
  width: 90px;
}
.webshop .overviewPage .topText .description .more:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .overviewPage .topText .description .more:before {
  content: "\E800";
  position: absolute;
  right: 10px;
  font-size: 12px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .overviewPage .topText .description .more:after {
  content: " meer";
}
.webshop .overviewPage .imgSupplier {
  position: absolute;
  top: -20px;
  right: 0;
  max-width: 100px;
}
.webshop .overviewPage .filter select {
  padding: 4px 20px 4px 1px;
  border-radius: 3px;
  color: #585865;
}
.webshop .overviewPage .filter .filter_show .label {
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
.webshop .overviewPage .filter .filter_show .value {
  float: none;
  display: inline-block;
}
.webshop .overviewPage .filter .filter_show .value a {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
  color: white;
  padding-right: 30px;
  position: relative;
}
.webshop .overviewPage .filter .filter_show .value a:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .overviewPage .filter .filter_show .value a:after {
  content: "+";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 10px;
  font-size: 23px;
}
.webshop .overviewPage .filter .filter_sort h2 {
  display: none;
}
.webshop .overviewPage .filter .filter_sort .fiter {
  float: left;
}
.webshop .overviewPage .pagerTop {
  margin-top: 20px;
}
.webshop .overviewPage .pagerTop,
.webshop .overviewPage .pagerBottom {
  width: 100%;
  border-bottom: 1px dashed #9d9ea0;
  border-top: 1px dashed #9d9ea0;
  font-size: 14px;
  padding: 10px 0;
  text-align: right;
}
.webshop .overviewPage .pagerTop .page,
.webshop .overviewPage .pagerBottom .page {
  color: #5e5e5e;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  background: white;
  width: 30px;
  height: 30px;
  border: 1px solid #aaabad;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
}
.webshop .overviewPage .pagerTop .page.page_selected,
.webshop .overviewPage .pagerBottom .page.page_selected,
.webshop .overviewPage .pagerTop .page:hover,
.webshop .overviewPage .pagerBottom .page:hover {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-color: #00749e;
}
.webshop .overviewPage .pagerTop .next,
.webshop .overviewPage .pagerBottom .next {
  color: #5e5e5e;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  background: white;
  width: 30px;
  height: 30px;
  border: 1px solid #aaabad;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
}
.webshop .overviewPage .pagerTop .next:hover,
.webshop .overviewPage .pagerBottom .next:hover {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-color: #00749e;
}
.webshop .overviewPage .pagerTop .next:after,
.webshop .overviewPage .pagerBottom .next:after {
  content: "\E802";
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 12px;
  line-height: 33px;
}
.webshop .overviewPage .pagerTop .prev,
.webshop .overviewPage .pagerBottom .prev {
  color: #5e5e5e;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
  background: white;
  width: 30px;
  height: 30px;
  border: 1px solid #aaabad;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
}
.webshop .overviewPage .pagerTop .prev:hover,
.webshop .overviewPage .pagerBottom .prev:hover {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  border-color: #00749e;
}
.webshop .overviewPage .pagerTop .prev:after,
.webshop .overviewPage .pagerBottom .prev:after {
  content: "\E801";
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 12px;
  line-height: 33px;
}
.webshop .overviewPage .itemWrap {
  margin: 20px 0;
  overflow: hidden;
}
.webshop .overviewPage .itemWrap .prodItem {
  width: 230px;
  float: left;
  padding-left: 11px;
  margin-bottom: 20px;
  height: 440px;
  position: relative;
  border-top: 1px dashed #aaabad;
  padding-top: 20px;
}
.webshop .overviewPage .itemWrap .prodItem .item_description a {
  color: #009eb5;
}
.webshop .overviewPage .itemWrap .prodItem .item_description .item_descriptioninfo2 a {
  color: #009eb5;
  margin-left: 5px;
}
@media all and (min-width: 1024px) {
  .webshop .overviewPage .itemWrap .prodItem:nth-child(3n -2) {
    padding-left: 0;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(3n -2) .btn_directaddtocart {
    left: 0;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(-n + 3) {
    border-top: none;
  }
}
.webshop .overviewPage .itemWrap .prodItem .item_description h2 {
  margin-top: 10px;
}
.webshop .overviewPage .itemWrap .prodItem .item_description h2 a {
  color: #009eb5;
  font-size: 21px;
}
.webshop .overviewPage .itemWrap .prodItem .item_description div {
  margin-top: 10px;
}
.webshop .overviewPage .itemWrap .prodItem .inStock {
  position: absolute;
  right: 0;
  bottom: 43px;
  color: #009900;
  font-size: 12px;
}
.webshop .overviewPage .itemWrap .prodItem .inStock:before {
  content: "\E818";
  display: inline-block;
  font-family: 'kh_icons';
  font-weight: normal;
  font-size: 17px;
  position: relative;
  bottom: -2px;
}
.webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffbf36;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05));
  background: -webkit-linear-gradient(left, #ffbf36, #f99b05);
  background: -moz-linear-gradient(left, #ffbf36, #f99b05);
  background: -ms-linear-gradient(left, #ffbf36, #f99b05);
  background: -o-linear-gradient(left, #ffbf36, #f99b05);
  display: inline-block;
  padding: 0 10px;
  line-height: 29px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 10px;
}
.webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #ffb71c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04));
  background: -webkit-linear-gradient(left, #ffb71c, #c77c04);
  background: -moz-linear-gradient(left, #ffb71c, #c77c04);
  background: -ms-linear-gradient(left, #ffb71c, #c77c04);
  background: -o-linear-gradient(left, #ffb71c, #c77c04);
}
.webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart:after {
  content: "\E802";
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 10px;
  font-size: 12px;
}
.webshop .overviewPage .itemWrap .prodItem .item_price {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  color: #009eb5;
  font-size: 19px;
  position: absolute;
  bottom: 40px;
}
.webshop .overviewPage .itemWrap .prodItem .item_price .van {
  font-size: 14px;
  margin-bottom: 5px;
}
.webshop .overviewPage .itemWrap .prodItem .item_img {
  position: relative;
  max-width: 454px;
  height: 150px;
  border: 1px solid #f6f6f6 !important;
}
.webshop .overviewPage .itemWrap .prodItem .item_img .prodImg {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.webshop .overviewPage .itemWrap .prodItem .item_img .actie {
  position: absolute;
  right: 0;
  top: 108px;
  width: 45px;
}
.webshop .pagerTop .count,
.webshop .pagerBottom .count {
  float: left;
  line-height: 30px;
}
.webshop #container_middleFull.register {
  width: 100% !important;
}
.webshop #container_middleFull.register #toptext_container {
  width: 100% !important;
  border-bottom: none;
}
.webshop .registerForm h2 {
  position: relative;
  padding-bottom: 40px;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-size: 18px !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
}
.webshop .registerForm h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  opacity: 0.6;
  width: 100%;
  background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
  background-size: 100% 100%;
  height: 20px;
}
.webshop .registerForm .title {
  font-size: 18px;
  margin: 0 0 17px;
  line-height: 25px;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  color: #009eb5;
}
.webshop .registerForm .formItem {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.webshop .registerForm .formItem .row {
  display: table;
  position: relative;
}
.webshop .registerForm .formItem .row + .row {
  margin-top: 10px;
}
.webshop .registerForm .formItem .row.buttons a {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  font-size: 18px;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: 600;
  line-height: 34px;
}
.webshop .registerForm .formItem .row.buttons a:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .registerForm .formItem .row.buttons .btn_terug {
  padding: 0 15px 0 30px;
}
.webshop .registerForm .formItem .row.buttons .btn_terug:before {
  content: "\E801";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 12px;
  left: 10px;
}
.webshop .registerForm .formItem .row.buttons .registerBtn {
  padding: 0 30px 0 15px;
}
.webshop .registerForm .formItem .row.buttons .registerBtn:after {
  content: "\E802";
  font-family: 'kh_icons';
  font-weight: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 12px;
  right: 10px;
}
.webshop .registerForm .formItem .row.valid input,
.webshop .registerForm .formItem .row.valid select {
  border-color: #74a416 !important;
}
.webshop .registerForm .formItem .row.valid:before {
  content: "\E818";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: -30px;
  font-family: 'kh_icons';
  font-weight: normal;
  background-color: #9cd233;
  background: -webkit-gradient(linear, left top, left bottom, from(#9cd233), to(#75a517));
  background: -webkit-linear-gradient(top, #9cd233, #75a517);
  background: -moz-linear-gradient(top, #9cd233, #75a517);
  background: -ms-linear-gradient(top, #9cd233, #75a517);
  background: -o-linear-gradient(top, #9cd233, #75a517);
  color: white;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  text-align: center;
  line-height: 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.webshop .registerForm .formItem .row .invalidText {
  display: none;
}
.webshop .registerForm .formItem .row.invalid input,
.webshop .registerForm .formItem .row.invalid select {
  border-color: red !important;
}
.webshop .registerForm .formItem .row.invalid .invalidText {
  display: inline-block;
  background: red;
  color: white;
  white-space: nowrap;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 28px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin-left: 20px;
}
.webshop .registerForm .formItem .row.invalid .invalidText:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid red;
  border-bottom: 7px solid transparent;
}
.webshop .registerForm .formItem .row:after {
  content: "";
  display: block;
  clear: both;
}
.webshop .registerForm .formItem .row .label {
  float: left;
  width: 160px;
  line-height: 38px;
  font-size: 13px;
}
.webshop .registerForm .formItem .row .input {
  float: left;
}
.webshop .registerForm .formItem .row .input input,
.webshop .registerForm .formItem .row .input select {
  box-sizing: border-box;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #dfdfdf;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset;
  border-radius: 5px;
}
.webshop .registerForm .formItem .row .input.name input {
  width: 163px;
}
.webshop .registerForm .formItem .row .input.name input:nth-child(2) {
  width: 90px;
  margin: 0 12px;
}
.webshop .registerForm .formItem .row .input.streetname input {
  width: 275px;
}
.webshop .registerForm .formItem .row .input.postal input {
  width: 100px;
}
.webshop .registerForm .formItem .row .input.full input {
  width: 445px;
}
.webshop .registerForm .formItem .row .input.postbus input {
  width: 190px;
}
.webshop .registerForm .formItem .row .item {
  float: left;
}
.webshop .registerForm .formItem .row .item + .item {
  margin-left: 10px;
}
.webshop .registerForm .formItem .row .item + .item .label {
  text-align: right;
  margin-right: 10px;
}
.webshop .registerForm .formItem .row .item.number .label {
  width: 60px;
}
.webshop .registerForm .formItem .row .item.number input {
  width: 90px;
}
.webshop .registerForm .formItem .row .item.zip .label {
  width: 120px;
}
.webshop .registerForm .formItem .row .item.zip input {
  width: 115px;
}
.webshop .registerForm .formItem .row .item.area .label {
  width: 90px;
}
.webshop .registerForm .formItem .row .item.area input {
  width: 235px;
}
.webshop #product-panel #review .review.small td {
  padding: 0 10px 6px 0;
}
.webshop #product-panel #review .review.small td input[type="text"],
.webshop #product-panel #review .review.small td textarea {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #dfdfdf;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset;
  border-radius: 5px;
}
.webshop #product-panel #review .review.small td input[type="text"] .aanhef td,
.webshop #product-panel #review .review.small td textarea .aanhef td {
  padding-right: 10px;
}
.webshop #product-panel #review .review.small td .RadCaptcha input {
  margin-top: 10px;
}
.webshop .printWrapper {
  line-height: 27px;
}
.webshop .printWrapper .print_icon {
  background-color: #4290cb;
  background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087));
  background: -webkit-linear-gradient(top, #4290cb, #026087);
  background: -moz-linear-gradient(top, #4290cb, #026087);
  background: -ms-linear-gradient(top, #4290cb, #026087);
  background: -o-linear-gradient(top, #4290cb, #026087);
  width: 26px;
  height: 27px;
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50px;
}
.webshop .printWrapper .print_icon:after {
  content: "";
  background: url(../../../www.koningenhartman.nl/images/print.svg) no-repeat center center;
  display: block;
  width: 26px;
  height: 26px;
}
.webshop .cartwrapper {
  width: 100%;
  border-top: 1px solid #009eb5;
  padding-top: 15px;
}
.webshop .cartwrapper a {
  color: #009eb5;
}
.webshop .cartwrapper .cart {
  width: 100%;
}
.webshop .cartwrapper .cart td {
  padding: 20px 20px 20px 0;
}
.webshop .cartwrapper .cart td:last-child {
  padding: 20px 0;
}
.webshop .cartwrapper .btn_order {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  font-size: 15px;
  line-height: 27px;
}
.webshop .cartwrapper .btn_order:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .cartwrapper .btn_order:after {
  content: "\E805";
  display: inline-block;
  margin-left: 70px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .cartwrapper .btn_request_quotation {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
  font-size: 15px;
  line-height: 27px;
}
.webshop .cartwrapper .btn_request_quotation:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .cartwrapper .btn_request_quotation:after {
  content: "\E805";
  display: inline-block;
  margin-left: 70px;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .cartwrapper .total {
  text-align: right;
  color: #009eb5;
  font-size: 15px;
  line-height: 25px;
  margin-top: 10px;
}
.webshop .cartwrapper .btn_remove {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #a3a6a8;
  background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc));
  background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -moz-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -ms-linear-gradient(left, #a3a6a8, #cacbcc);
  background: -o-linear-gradient(left, #a3a6a8, #cacbcc);
  display: inline-block;
  width: auto;
  padding: 0 10px;
  line-height: 21px;
  color: white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  height: 26px;
  width: 26px;
  line-height: 26px;
  text-align: center;
  padding: 0;
  font-size: 11px;
}
.webshop .cartwrapper .btn_remove:hover {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  color: white;
}
.webshop .cartwrapper .btn_remove:after {
  content: "\E80F";
  color: white;
  font-family: 'kh_icons';
  font-weight: normal;
}
.webshop .loginBlok {
  float: none !important;
  margin: auto !important;
  border-bottom: none !important;
}
.webshop .loginBlok .loginBtn {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
}
.webshop .loginBlok .loginBtn:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
.webshop .loginBlok .registerBtn {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #009eb5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
  background: -webkit-linear-gradient(left, #0097ce, #00749e);
  background: -moz-linear-gradient(left, #0097ce, #00749e);
  background: -ms-linear-gradient(left, #0097ce, #00749e);
  background: -o-linear-gradient(left, #0097ce, #00749e);
  display: inline-block;
  padding: 0 10px;
  line-height: 21px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white !important;
}
.webshop .loginBlok .registerBtn:hover {
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  background-color: #0084b5 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
  background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
  background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
}
@media all and (min-width: 600px) and (max-width: 1023px) {
.repaircenter .header {
    height: 80px;
    margin-right: 20px; /* Dav1d */
  }
.repaircenter .header .logo {
    float: none;
    display: inline-block;
  }
 .repaircenter .header .logo:before {
    margin-left: -15px;
    top: 97px;
  }
 .repaircenter .header .topBar {
    display: block !important;
  }
  .repaircenter .header .topBar .topNav {
    display: none;
  }
  .webshop .header .topBar .promotion {
    display: block;
  }
  .webshop .promotion {
    display: none;
  }
  .webshop #navbarShop {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    width: 310px;
    background: #009eb5;
    border-left: 3px solid #00749e;
    height: 100%;
    z-index: 1001;
    overflow: hidden;
  }
  .webshop #navbarShop.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  .webshop #navbarShop .webshopMenu.wrapper {
    padding: 0;
    left: 0;
    height: auto;
    position: static;
    background: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu {
    top: 0 !important;
    position: static;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader {
    display: block !important;
    background: #00749e;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .title {
    color: white;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
    display: block;
    width: 100%;
    font-size: 21px;
    padding-left: 15px;
    height: 60px;
    line-height: 60px;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close:after {
    content: "\E80f";
    font-family: 'kh_icons';
    font-weight: normal;
    color: white;
    font-size: 20px;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer {
    display: block;
    float: none;
    border-bottom: 1px solid #00749e !important;
    padding: 0;
    min-height: 0 !important;
    line-height: 30px;
    position: static;
    margin: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer:before {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.corporate {
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home {
    padding: 0;
    top: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home:hover {
    text-shadow: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a {
    padding: 0 15px;
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a:before {
    content: "Home";
    color: white;
    font-size: 14px;
    padding: 0;
    line-height: 30px;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    background: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item {
    color: white !important;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    display: block;
    padding: 12px 15px;
    text-transform: uppercase;
    background: none;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:hover {
    color: white;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: 'kh_icons';
    font-weight: normal;
    left: inherit;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:only-child:after {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown {
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    right: 0;
    display: block;
    position: absolute;
    border-left: 3px solid #00749e;
    width: 100%;
    top: 60px;
    background: #009eb5;
    height: 100%;
    z-index: 1002;
    overflow: visible;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack {
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton {
    border-bottom: 1px solid #00749e;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    line-height: 15px;
    position: relative;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
    color: white;
    text-transform: uppercase;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton:before {
    content: "\e804";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column {
    display: block;
    width: 100%;
    vertical-align: middle;
    border-left: none;
    box-shadow: none;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column + .column {
    border-left: none;
    box-shadow: none;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem {
    border-bottom: 1px solid #00749e;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem + .columnItem {
    border-top: none;
    box-shadow: none;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a {
    color: white !important;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    display: block;
    padding: 12px 15px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: 'kh_icons';
    font-weight: normal;
    left: inherit;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:only-child:after {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats {
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    right: 0;
    position: absolute;
    border-left: 3px solid #00749e;
    width: 100%;
    top: 0;
    height: 100%;
    background: #009eb5;
    z-index: 1002;
    overflow: visible;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats li a:before {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton {
    border-bottom: none;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    line-height: 15px;
    position: relative;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton:before {
    display: block;
    content: "\e804";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li {
    border-bottom: 1px solid #00749e;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  .webshop .header .headerItems {
    width: auto;
    margin-top: 20px;
  }
  .webshop .header .headerItems .searchBar {
    display: none;
  }
  .webshop .header .searchbar-middle.wrapper {
    display: block;
  }
  .webshop .header .searchbar-middle.wrapper:before {
    display: none;
  }
  .webshop .searchbar-middle {
    display: block;
  }
  .webshop .searchbar-middle .searchbar-info,
  .webshop .searchbar-middle .searchbar-button {
    display: none;
  }
  .webshop .searchbar-middle.wrapper {
    max-width: 550px;
    height: 48px;
    left: 0;
    background-color: #0090c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#0090c5), to(#0080af));
    background: -webkit-linear-gradient(top, #0090c5, #0080af);
    background: -moz-linear-gradient(top, #0090c5, #0080af);
    background: -ms-linear-gradient(top, #0090c5, #0080af);
    background: -o-linear-gradient(top, #0090c5, #0080af);
    border-radius: 5px;
    padding: 0 20px;
    margin-top: 20px;
  }
  .webshop .searchbar-middle.wrapper:before {
    content: "";
    clear: both;
    display: block;
  }
  .webshop .searchbar-middle.wrapper span {
    display: none;
  }
  .webshop .searchbar-middle.wrapper .searchbar-input {
    margin: 0;
    top: 6px;
  }
  .webshop .searchbar-middle.wrapper .searchbar-input input.textbox {
    width: 100%;
    top: 0;
  }
  .webshop .searchbar-middle.wrapper:after {
    display: none;
  }
  .webshop .webshopMiddleContent .topText {
    margin-top: 30px;
  }
  .webshop .webshopMiddleContent .topText .text {
    width: 50%;
  }
  .webshop .webshopMiddleContent .topText .text h1 {
    width: auto;
    font-size: 29px;
  }
  .webshop .webshopMiddleContent .right_item {
    width: 186px !important;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok {
    width: 49%;
    margin-bottom: 2%;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok + .prodBlok {
    margin-left: 0;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok:nth-child(even) {
    margin-left: 2%;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .image {
    text-align: center;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title,
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description {
    max-width: 204px;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title {
    margin: 10px auto 5px;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description {
    margin: 0 auto;
  }
  .webshop .filter_menu .filterWrap {
    background: white;
    box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.3);
  }
  .webshop .productList:after {
    content: "";
    display: block;
    clear: both;
  }
  .webshop .productList .product_row {
    margin-left: -26px;
    border: none;
  }
  .webshop .productList .product_row .product {
    width: 247px;
    float: left;
    margin-left: 26px;
    height: 500px;
  }
  .webshop .productList .product_row .product:nth-child(3n - 2) {
    margin-left: 26px;
  }
  .webshop .productList .product_row .product .product_img {
    width: 100%;
  }
  .webshop .productList .product_row .product .product_img img {
    max-height: 100%;
  }
  .webshop .productList .logo_pannel {
    clear: both;
  }
  .webshop .topBlock .productTitle {
    display: none;
  }
  .webshop .topBlock .productTitle.phone {
    display: block;
    margin: 20px 0;
  }
  .webshop .topBlock .imgBlock {
    width: 100%;
    float: none;
  }
  .webshop .topBlock .imgBlock .imgWrap {
    max-height: 100%;
  }
  .webshop .topBlock .infoBlock {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .webshop .topBlock .infoBlock .topside_manufacturer {
    display: none;
  }
  .webshop #product-panel .left #omschrijving {
    text-align: center;
  }
  .webshop #product-panel .left #omschrijving h2 {
    text-align: left;
  }
  .webshop #product-panel .left #omschrijving .description {
    text-align: left;
  }
  .webshop #product-panel .left #omschrijving .description.active {
    max-height: 1500px;
  }
  .webshop #product-panel .left #omschrijving .description.active + .more:after {
    content: " minder";
  }
  .webshop #product-panel .left #omschrijving .description.active + .more:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .webshop #product-panel .left #omschrijving .more {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: #009eb5;
    background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e));
    background: -webkit-linear-gradient(left, #0097ce, #00749e);
    background: -moz-linear-gradient(left, #0097ce, #00749e);
    background: -ms-linear-gradient(left, #0097ce, #00749e);
    background: -o-linear-gradient(left, #0097ce, #00749e);
    display: inline-block;
    padding: 0 10px;
    line-height: 21px;
    color: white;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: white !important;
    padding-right: 30px;
    position: relative;
    line-height: 28px;
    margin: 20px auto 0;
  }
  .webshop #product-panel .left #omschrijving .more:hover {
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    background-color: #0084b5 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important;
    background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important;
    background: -moz-linear-gradient(left, #0084b5, #004f6b) !important;
    background: -ms-linear-gradient(left, #0084b5, #004f6b) !important;
    background: -o-linear-gradient(left, #0084b5, #004f6b) !important;
  }
  .webshop #product-panel .left #omschrijving .more:before {
    content: "\E800";
    position: absolute;
    right: 10px;
    font-size: 12px;
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .webshop #product-panel .left #omschrijving .more:after {
    content: " meer";
  }
  .webshop #product-panel #review .review.small tr {
    margin-bottom: 10px;
  }
  .webshop #product-panel #review .review.small td {
    display: block;
    padding: 0;
  }
  .webshop #product-panel #review .review.small td input[type="radio"],
  .webshop #product-panel #review .review.small td label {
    display: inline-block;
    width: auto;
    margin: 5px 0;
  }
  .webshop #product-panel #review .review.small td label {
    margin: 5px 0 5px 5px;
  }
  .webshop #product-panel #review .review.small td input[type="text"],
  .webshop #product-panel #review .review.small td textarea {
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px;
  }
  .webshop #product-panel #review .review.small td .aanhef td {
    padding-right: 20px;
  }
  .webshop #product-panel #review .review.small td textarea {
    width: 100%;
  }
  .webshop #product-panel #review .review.small td .aanhef td {
    display: inline-block;
  }
  .webshop #product-panel #review .review.small td .RadCaptcha {
    display: block;
    margin: 10px 0;
  }
  .webshop #product-panel #review .review.small td .RadCaptcha input {
    margin-top: 10px;
  }
  .webshop .overlayWrap.active {
    width: 580px;
  }
  .webshop .overlayWrap.active {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .webshop .overlayWrap.active .popUp {
    width: 100%;
  }
  .webshop .overlayWrap.active .popUp img {
    margin: 5px auto 0;
  }
  .webshop .overlayWrap.active .popUp .close {
    right: 0;
    top: 17px;
  }
  .webshop .overviewPage {
    width: auto;
    float: none;
  }
  .webshop .overviewPage .topText {
    margin-top: 20px;
  }
  .webshop .overviewPage .topText .imgSupplier {
    display: none;
    position: absolute;
    right: 15px;
    top: 0;
    max-width: 130px;
  }
  .webshop .overviewPage .filter .filter_sort {
    position: static;
    display: inline-block;
    margin: 10px 0 0 0;
  }
  .webshop .overviewPage .filter .filter_sort h2 {
    display: none;
  }
  .webshop .overviewPage .itemWrap .prodItem {
    width: 254px;
    height: 410px;
    border-top: 1px dashed #aaabad;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) {
    padding-left: 0;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) .btn_directaddtocart {
    left: 0;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(-n + 2) {
    border-top: none;
  }
  .webshop .overviewPage .itemWrap .prodItem .item_img .actie {
    top: 120px;
  }
  .webshop .filter_menu.active {
    left: -30px;
  }
  .webshop .registerForm .row + .row {
    margin-top: 15px;
  }
  .webshop .registerForm .row .item {
    width: 240px !important;
  }
  .webshop .registerForm .row .item .label,
  .webshop .registerForm .row .item .input {
    display: block;
  }
  .webshop .registerForm .row .item .label {
    margin-bottom: 5px;
  }
  .webshop .registerForm .row .item .input input,
  .webshop .registerForm .row .item .input select {
    width: 200px;
  }
  .webshop .cartwrapper .cartPrice {
    display: none;
  }
  .webshop .registerForm .formItem .row.invalid .invalidText {
    top: 56px;
    transform: translateY(0);
    -webkittransform: translateY(0);
    -moz-transform: translateY(0);
    margin-left: 10px;
  }
  .webshop .registerForm .formItem .row.valid:before {
    top: 56px;
    transform: translateY(0);
    -webkittransform: translateY(0);
    -moz-transform: translateY(0);
  }
  .webshop .registerForm .formItem .row .label {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 0;
  }
  .webshop .registerForm .formItem .row .item {
    width: auto !important;
  }
  .webshop .flexslider:hover .flex-direction-nav .flex-next,
  .webshop .flexslider:hover .flex-direction-nav .flex-prev {
    padding: 0 !important;
  }
}
@media all and (min-width: 300px) and (max-width: 599px) {
	
.repaircenter .header .headerItems {
    margin-top: 20px;
  }
  .webshop .header .headerItems .searchBar {
    display: none;
  }
  .webshop .header .searchbar-middle.wrapper {
    display: block;
  }
  .webshop .header .searchbar-middle.wrapper:before {
    display: none;
  }
  .webshop .topBlock .infoBlock .staffel {
    width: 100%;
  }
  .webshop .topBlock .infoBlock .staffel .row {
    padding: 5px 50px 5px 10px;
  }
  .webshop .topBlock .infoBlock .staffel .prodActie {
    width: 50px;
    height: 50px;
    right: -10px;
    top: -25px;
  }
  .repaircenter #content {
   /* padding-bottom: 160px; */ /* Dav1d tbv opvulling tussen content en footer */
  }
  .repaircenter .header {
    height: auto;
   /*  margin-bottom: 10px; */ /* Dav1d */
  }
  .repaircenter .header .logo {
    float: none;
    display: inline-block;
  }
  .repaircenter .header .logo:before {
    left: 70px;
    top: 55px;
    font-size: 15px;
    margin-left: 0;
  }
  .repaircenter .header .headerItems .headerButtons .accountWrap {
    margin-right: 5px;
  }
  .webshop .header .headerButtons a + a {
    margin-left: 5px;
  }
  .webshop .promotion {
    display: none;
  }
  .webshop .divbreadcrump {
    display: none;
  }
  .webshop #navbarShop {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    width: 310px;
    background: #009eb5;
    border-left: 3px solid #00749e;
    height: 100%;
    z-index: 1001;
    overflow: hidden;
  }
  .webshop #navbarShop.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  .webshop #navbarShop .webshopMenu.wrapper {
    padding: 0;
    left: 0;
    height: auto;
    position: static;
    background: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu {
    top: 0 !important;
    position: static;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader {
    display: block !important;
    background: #00749e;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .title {
    color: white;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
    display: block;
    width: 100%;
    font-size: 21px;
    padding-left: 15px;
    height: 60px;
    line-height: 60px;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close:after {
    content: "\E80f";
    font-family: 'kh_icons';
    font-weight: normal;
    color: white;
    font-size: 20px;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer {
    display: block;
    float: none;
    border-bottom: 1px solid #00749e !important;
    padding: 12px 0;
    min-height: 0 !important;
    line-height: 30px;
    position: static;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.corporate {
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer:before {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home {
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home:hover {
    text-shadow: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a {
    padding: 0 15px;
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a:before {
    content: "Home";
    color: white;
    font-size: 14px;
    padding: 12px 0;
    line-height: 30px;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item {
    color: white !important;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    display: block;
    padding: 0 15px;
    text-transform: uppercase;
    background: none;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: 'kh_icons';
    font-weight: normal;
    left: inherit;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:only-child:after {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown {
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    right: 0;
    display: block;
    position: absolute;
    border-left: 3px solid #00749e;
    width: 100%;
    top: 60px;
    background: #009eb5;
    height: 100%;
    z-index: 1002;
    overflow: visible;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack {
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton {
    border-bottom: 1px solid #00749e;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    line-height: 15px;
    position: relative;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
    color: white;
    text-transform: uppercase;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton:before {
    content: "\e804";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column {
    display: block;
    width: 100%;
    vertical-align: middle;
    border-left: none;
    box-shadow: none;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column + .column {
    border-left: none;
    box-shadow: none;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem {
    border-bottom: 1px solid #00749e;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem + .columnItem {
    border-top: none;
    box-shadow: none;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .title {
    margin-bottom: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a {
    color: white;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    display: block;
    padding: 12px 15px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:after {
    content: "\E805";
    position: absolute;
    right: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: 'kh_icons';
    font-weight: normal;
    left: inherit;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:only-child:after {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats {
    transform: translate3D(100%, 0, 0);
    -webkit-transform: translate3D(100%, 0, 0);
    transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    right: 0;
    position: absolute;
    border-left: 3px solid #00749e;
    width: 100%;
    top: 0;
    height: 100%;
    background: #009eb5;
    z-index: 1002;
    overflow: visible;
    padding: 0;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats li a:before {
    display: none;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton {
    border-bottom: none;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    line-height: 15px;
    position: relative;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display: block;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton:before {
    display: block;
    content: "\e804";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: 'kh_icons';
    font-weight: normal;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active {
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li {
    border-bottom: 1px solid #00749e;
  }
  .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
  }
  .webshop .header .headerItems {
    width: auto;
  }
  .webshop .searchbar-middle {
    display: block;
  }
  .webshop .searchbar-middle .searchbar-info,
  .webshop .searchbar-middle .searchbar-button {
    display: none;
  }
  .webshop .searchbar-middle.wrapper {
    max-width: 550px;
    height: 52px;
    left: 0;
    background-color: #0090c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#0090c5), to(#0080af));
    background: -webkit-linear-gradient(top, #0090c5, #0080af);
    background: -moz-linear-gradient(top, #0090c5, #0080af);
    background: -ms-linear-gradient(top, #0090c5, #0080af);
    background: -o-linear-gradient(top, #0090c5, #0080af);
    border-radius: 5px;
    padding: 0 20px;
    margin-top: 30px;
  }
  .webshop .searchbar-middle.wrapper:before {
    content: "";
    clear: both;
    display: block;
  }
  .webshop .searchbar-middle.wrapper span {
    display: none;
  }
  .webshop .searchbar-middle.wrapper .searchbar-input {
    margin: 0;
    top: 8px;
  }
  .webshop .searchbar-middle.wrapper .searchbar-input input.textbox {
    width: 100%;
    top: 0;
  }
  .webshop .searchbar-middle.wrapper:after {
    display: none;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok {
    width: 100%;
    margin-bottom: 2%;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok + .prodBlok {
    margin-left: 0;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok:nth-child(even) {
    margin-left: 0;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .image {
    text-align: center;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title,
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description {
    max-width: 204px;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title {
    margin: 10px auto 5px;
  }
  .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description {
    margin: 0 auto;
  }
  .webshop .webshopMiddleContent .topText {
    margin-top: 30px;
  }
  .webshop .webshopMiddleContent .topText .text {
    width: 100%;
  }
  .webshop .webshopMiddleContent .topText .text h1 {
    width: auto;
    font-size: 21px;
    margin-bottom: 20px;
  }
  .webshop .webshopMiddleContent .topText .text:after {
    content: "";
    display: block;
    clear: both;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu {
    margin-top: 0;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu:before {
    display: none;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu li {
    list-style: none;
    max-height: 2000px;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer.actie a {
    color: red !important;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .item:not(:only-child):after {
    content: "\E807";
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer.active .item:not(:only-child):after {
    transform: rotate(180deg) translateY(50%);
    -webkit-transform: rotate(180deg) translateY(50%);
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown {
    max-height: 0;
    overflow: hidden;
    float: none;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown.active {
    max-height: 3000px;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .title {
    font-size: 14px;
    color: #5e5e5e !important;
    text-transform: none;
    line-height: 35px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
    margin-bottom: 0;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .title:not(:only-child):after {
    content: "\E807";
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem.active .title:not(:only-child):after {
    transform: rotate(180deg) translateY(50%);
    -webkit-transform: rotate(180deg) translateY(50%);
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats a {
    padding-left: 15px;
    text-transform: none;
    display: inline-block;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats a:after {
    left: 0;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats.active {
    max-height: 1000px;
    overflow: visible;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats li {
    border: none;
  }
  .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats li a {
    font-size: 12px;
    font-family: 'open_sans', Sans-Serif;
    font-weight: normal;
  }
  .webshop .webshopMiddleContent .topText .text p {
    display: none;
  }
  .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content {
    height: 380px !important;
  }
  .webshop .webshopMiddleContent .topText .webshopRightMenu .nav {
    text-align: center;
  }
  .webshop .webshopMiddleContent .topText .webshopRightMenu .nav .right_bottom {
    float: none;
  }
  .webshop .webshopMiddleContent .topText #shopSlider {
    width: 100%;
  }
  .webshop .webshopMiddleContent .topText #shopSlider .right_item {
    width: 100% !important;
    height: 360px !important;
  }
  .webshop .webshopMiddleContent .topText #shopSlider .right_item .right_item_img {
    width: 100%;
    height: auto;
  }
  .webshop .webshopMiddleContent .topText #shopSlider .right_item .right_item_img img {
    width: 100%;
    height: auto;
  }
  .webshop .flex-direction-nav {
    display: none;
  }
  .webshop #container_middle .overviewcat .submenu .middlecontentcategorie {
    float: none !important;
  }
  .webshop .overlayWrap.active {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .webshop .overlayWrap.active .popUp {
    width: 100%;
    max-height: 320px;
    padding: 17px  5px 5px;
  }
  .webshop .overlayWrap.active .popUp .title {
    width: 80%;
    font-size: 24px;
  }
  .webshop .overlayWrap.active .popUp img {
    margin: 5px auto 20px;
    max-height: 230px;
  }
  .webshop .overlayWrap.active .popUp .close {
    right: 0;
    top: 17px;
  }
  .webshop .productList:after {
    content: "";
    display: block;
    clear: both;
  }
  .webshop .productList .product_row {
    margin-left: -10px;
    border: none;
  }
  .webshop .productList .product_row .product {
    width: 133px;
    float: left;
    margin-left: 10px;
    padding-bottom: 65px;
    height: 270px;
  }
  .webshop .productList .product_row .product:nth-child(3n - 2) {
    margin-left: 10px;
  }
  .webshop .productList .product_row .product .product_img {
    width: 100%;
    height: 90px;
  }
  .webshop .productList .product_row .product .info {
    padding-right: 10px;
  }
  .webshop .productList .product_row .product .info h1 {
    font-size: 14px;
  }
  .webshop .productList .product_row .product .info p {
    height: 58px;
    overflow: hidden;
    position: relative;
  }
  .webshop .productList .product_row .product .info .price {
    bottom: 40px;
    font-size: 18px;
  }
  .webshop #review.tab-content .review.small td {
    display: block;
  }
  .webshop #review.tab-content .review.small td .aanhef td {
    display: inline-block;
    padding-right: 20px;
  }
  .webshop #review.tab-content .review.small td .error-text {
    display: none;
  }
  .webshop .logo_pannel {
    clear: both;
  }
  .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow {
    width: 30px ;
    height: 30px ;
  }
  .webshop .footer {
    display: none;
  }
  .webshop .footer.footerWebshop {
    display: block;
  }
  .webshop .footer.footerWebshop .footer_bottom {
    margin: 0;
  }
  .webshop .topBlock .productTitle {
    display: none;
  }
  .webshop .topBlock .productTitle.phone {
    display: block;
    margin: 20px 0;
  }
  .webshop .topBlock .imgBlock {
    width: 100%;
    float: none;
  }
  .webshop .topBlock .imgBlock .imgWrap {
    max-height: 100%;
  }
  .webshop .topBlock .infoBlock {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .webshop .topBlock .infoBlock .topside_manufacturer {
    display: none;
  }
  .webshop #product-panel .left,
  .webshop #product-panel .right {
    float: none;
    width: 100%;
  }
  .webshop .overviewPage {
    width: auto;
    float: none;
  }
  .webshop .overviewPage .topText {
    margin-top: 20px;
  }
  .webshop .overviewPage .topText .imgSupplier {
    display: none;
  }
  .webshop .overviewPage .filter_show .value {
    float: none;
    display: inline-block;
    margin-left: 0;
  }
  .webshop .overviewPage .filter_show .value .filterActivateButton {
    margin: 15px 0 5px;
  }
  .webshop .overviewPage .filter select {
    width: 100%;
    background: white;
  }
  .webshop .overviewPage .filter .filter_sort {
    position: static;
    display: inline-block;
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
  }
  .webshop .overviewPage .filter .filter_sort select {
    width: 100%;
  }
  .webshop .overviewPage .filter .filter_sort h2 {
    display: none;
  }
  .webshop .overviewPage .itemWrap .prodItem {
    width: 132px;
    height: 470px;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) {
    padding-left: 0;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) .btn_directaddtocart {
    left: 0;
  }
  .webshop .overviewPage .itemWrap .prodItem:nth-child(-n + 2) {
    border-top: none;
  }
  .webshop .overviewPage .itemWrap .prodItem .item_description div {
    margin-top: 4px;
  }
  .webshop .overviewPage .itemWrap .prodItem .item_description h2 a {
    font-size: 16px;
  }
  .webshop .overviewPage .itemWrap .prodItem .item_img .actie {
    top: 40px;
    width: 40px;
  }
  .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart {
    padding: 0 7px;
    font-size: 12px;
  }
  .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart:after {
    font-size: 9px;
  }
  .webshop .filter_content {
    max-height: 200px;
    overflow-y: scroll;
  }
  .webshop .filter_menu .filterWrap {
    background: white;
    box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.3);
  }
  .webshop .filterMenu {
    position: fixed;
    top: 0;
    height: 100%;
    width: 240px;
    z-index: 1;
    display: block;
  }
  .webshop .filterMenu.active {
    left: -12px !important;
  }
  .webshop .item_container .count {
    display: none;
  }
  .webshop .item_container .pagerTop,
  .webshop .item_container .pagerBottom {
    text-align: center;
  }
  .webshop .registerForm .formItem .row {
    display: block;
    width: 250px;
  }
  .webshop .registerForm .formItem .row.invalid .invalidText {
    top: 0;
    transform: translateY(0);
    -webkittransform: translateY(0);
    -moz-transform: translateY(0);
    left: 50%;
  }
  .webshop .registerForm .formItem .row.invalid .invalidText:before {
    top: initial;
    bottom: -14px;
    left: 10px;
    transform: translateY(0);
    -webkittransform: translateY(0);
    -moz-transform: translateY(0);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid red;
  }
  .webshop .registerForm .formItem .row.buttons .item {
    float: left;
    width: 50%;
  }
  .webshop .registerForm .formItem .row.buttons .item a {
    padding: 0 15px !important;
  }
  .webshop .registerForm .formItem .row.buttons .item a:before,
  .webshop .registerForm .formItem .row.buttons .item a:after {
    display: none;
  }
  .webshop .registerForm .formItem .row.buttons .item + .item {
    float: right;
  }
  .webshop .registerForm .formItem .row.valid:before {
    top: 49px;
    right: 0;
    transform: translateY(0);
    -webkittransform: translateY(0);
    -moz-transform: translateY(0);
  }
  .webshop .registerForm .formItem .row .item {
    width: auto !important;
  }
  .webshop .registerForm .formItem .row .item + .item {
    margin-left: 0;
  }
  .webshop .registerForm .formItem .row .item + .item .label {
    text-align: left;
  }
  .webshop .registerForm .formItem .row .label {
    float: none;
    display: block;
    width: auto;
  }
  .webshop .registerForm .formItem .row .input {
    float: none;
  }
  .webshop .registerForm .formItem .row .input input {
    width: 220px !important;
  }
  .webshop .registerForm .formItem .row .input.name input:nth-child(2) {
    margin: 10px 0;
  }
  .webshop .cartwrapper .cart .header {
    display: none;
  }
  .webshop .cartwrapper .cart td {
    position: relative;
    padding: 40px 4px 20px 0;
  }
  .webshop .cartwrapper .cart td:last-child {
    padding: 30px 0 20px 0;
  }
  .webshop .cartwrapper .cart .underline {
    display: block;
    margin-top: 5px;
  }
  .webshop .cartwrapper .infodetails {
    width: 226px;
    position: absolute;
    top: 10px;
  }
  .webshop .cartwrapper .infodetails .prodCode {
    display: none;
  }
  .webshop .cartwrapper .cartPrice {
    display: none;
  }
  .webshop .cartwrapper .btn_remove {
    font-size: 9px;
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
  .webshop .forgotPassword {
    position: relative;
    left: -157px;
    bottom: -24px;
  }
}
:lang(EN) .homeContent,
:lang(FR) .homeContent {
  margin-top: 45px;
}
:lang(EN) .slider .nav,
:lang(FR) .slider .nav {
  text-align: center;
  padding: 15px 0 0px;
}
:lang(EN) .slider .nav a,
:lang(FR) .slider .nav a {
  text-indent: -9999px;
  overflow: hidden;
  background: #dbdbdb;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50px;
  -o-border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}
:lang(EN) .slider .nav a + a,
:lang(FR) .slider .nav a + a {
  margin-left: 5px;
}
:lang(EN) .slider .nav a.activeSlide,
:lang(FR) .slider .nav a.activeSlide {
  background: #009eb5;
}
:lang(EN) .homeText .readMore,
:lang(FR) .homeText .readMore {
  display: none;
}
:lang(EN) #left,
:lang(FR) #left {
  width: 53%;
  float: left;
  position: relative;
}
:lang(EN) #left .news_event,
:lang(FR) #left .news_event {
  border-bottom: 1px dashed #aaabad;
  padding-bottom: 30px;
  margin-bottom: 15px;
  position: relative;
}
:lang(EN) #left .news_event h3 a,
:lang(FR) #left .news_event h3 a {
  color: #009eb5;
  font-size: 13px;
  font-family: 'open_sans', Sans-Serif;
  font-weight: normal;
}
:lang(EN) #left .news_event p,
:lang(FR) #left .news_event p {
  margin: auto;
}
:lang(EN) #left .news_event a.blue,
:lang(FR) #left .news_event a.blue {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
}
:lang(EN) #left .news_event a.blue:after,
:lang(FR) #left .news_event a.blue:after {
  content: "\E805";
  display: inline-block;
  font-size: 16px;
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 10px;
}
:lang(EN) #right,
:lang(FR) #right {
  width: 47%;
  position: relative;
  float: left;
  padding-left: 50px;
  box-sizing: border-box;
}
:lang(EN) #right:before,
:lang(FR) #right:before {
  content: "";
  position: absolute;
  top: -20px;
  opacity: 0.6;
  width: 100%;
  background: url("../../../www.koningenhartman.nl/images/shadowb.svg") no-repeat top;
  background-size: 100% 100%;
  height: 20px;
}
:lang(EN) #right h2,
:lang(FR) #right h2 {
  font-size: 25px;
}
:lang(EN) #right a,
:lang(FR) #right a {
  color: #009eb5;
}
:lang(EN) #right #content-slider,
:lang(FR) #right #content-slider {
  position: relative;
  width: 160px;
  z-index: 1;
}
:lang(EN) #right #content-slider.slider .nav,
:lang(FR) #right #content-slider.slider .nav {
  padding: 0;
}
:lang(EN) #right #content-slider .homeProductSlider,
:lang(FR) #right #content-slider .homeProductSlider {
  height: 270px !important;
}
:lang(EN) #right #content-slider .homeProductSlider .content,
:lang(FR) #right #content-slider .homeProductSlider .content {
  height: 100% !important;
  padding-top: 10px;
}
:lang(EN) #right #content-slider #sliderShop,
:lang(FR) #right #content-slider #sliderShop {
  height: 266px !important;
}
:lang(EN) #right #content-slider #sliderShop .homeProductSlider,
:lang(FR) #right #content-slider #sliderShop .homeProductSlider {
  height: 270px !important;
}
:lang(EN) #right #content-slider #sliderShop .homeProductSlider .content,
:lang(FR) #right #content-slider #sliderShop .homeProductSlider .content {
  height: 100% !important;
}
:lang(EN) #right #content-slider #sliderShop img,
:lang(FR) #right #content-slider #sliderShop img {
  width: 100%;
  margin-bottom: 20px;
}
:lang(EN) #right #content-slider #sliderShop a.blue,
:lang(FR) #right #content-slider #sliderShop a.blue {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}
:lang(EN) #right #content-slider #sliderShop a.blue:after,
:lang(FR) #right #content-slider #sliderShop a.blue:after {
  content: "\E805";
  display: inline-block;
  font-size: 16px;
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 10px;
}
:lang(EN) #right #item_left,
:lang(FR) #right #item_left,
:lang(EN) #right .item_right,
:lang(FR) #right .item_right {
  width: 50%;
  float: left;
  position: relative;
}
:lang(EN) #right #item_left:only-child,
:lang(FR) #right #item_left:only-child,
:lang(EN) #right .item_right:only-child,
:lang(FR) #right .item_right:only-child {
  float: none;
  width: 100%;
  height: auto;
}
:lang(EN) #right #item_left h2,
:lang(FR) #right #item_left h2,
:lang(EN) #right .item_right h2,
:lang(FR) #right .item_right h2 {
  margin-bottom: 30px;
}
:lang(EN) #right .videoBlok,
:lang(FR) #right .videoBlok {
  margin-top: 20px;
}
:lang(EN) #right .videoBlok h2,
:lang(FR) #right .videoBlok h2 {
  color: #009eb5;
}
:lang(EN) #right .vacancy h2,
:lang(FR) #right .vacancy h2 {
  border-top: 1px solid #dfdfdf;
  padding-top: 20px;
  margin-top: 10px;
}
:lang(EN) #right .vacancy img,
:lang(FR) #right .vacancy img {
  max-width: 120px;
  float: right;
}
:lang(EN) #right .vacancy #content-slider-bottom,
:lang(FR) #right .vacancy #content-slider-bottom {
  margin-top: 20px;
  position: relative;
}
:lang(EN) #right .vacancy #content-slider-bottom .item a,
:lang(FR) #right .vacancy #content-slider-bottom .item a {
  color: #5e5e5e;
}
:lang(EN) #right .vacancy #content-slider-bottom .item a.blue,
:lang(FR) #right .vacancy #content-slider-bottom .item a.blue {
  color: #009eb5;
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
}
:lang(EN) #right .vacancy #content-slider-bottom .item a.blue:after,
:lang(FR) #right .vacancy #content-slider-bottom .item a.blue:after {
  content: "\E805";
  display: inline-block;
  font-size: 16px;
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 10px;
}
:lang(EN) #right .item_right,
:lang(FR) #right .item_right {
  height: 365px;
}
:lang(EN) #right .item_right p,
:lang(FR) #right .item_right p {
  padding-top: 10px;
}
:lang(EN) #right .item_right a.blue,
:lang(FR) #right .item_right a.blue {
  font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}
:lang(EN) #right .item_right a.blue:after,
:lang(FR) #right .item_right a.blue:after {
  content: "\E805";
  display: inline-block;
  font-size: 16px;
  font-family: 'kh_icons';
  font-weight: normal;
  margin-left: 10px;
}
.footer {
  position: static;
}
.bannerPage {
  float: left;
  width: 712px;
}
@media (max-width: 1023px) {
  .bannerPage {
    width: 520px;
  }
}
@media (max-width: 600px) {
  .bannerPage {
    width: 275px;
  }
}
.bannerContent {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
}
.bannerContent h1 {
  width: 100%;
}
.bannerRow {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .bannerRow {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    display: block;
  }
}
.doubleBanner {
  -webkit-flex: 0 1 49%;
  -moz-flex: 0 1 49%;
  -ms-flex: 0 1 49%;
  -o-flex: 0 1 49%;
  flex: 0 1 49%;
}
.bannerContent .themeBanner {
  position: relative;
}
.bannerContent .themeBanner .background img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 599px) {
  .bannerContent .themeBanner {
    height: 100%;
  }
  .bannerContent .themeBanner .background img {
    display: block;
  }
  .bannerContent .themeBanner .overlay {
    left: inherit;
  }
}
.bannerContent .themeBanner.full {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  -o-flex: 0 1 100%;
  flex: 0 1 100%;
}
.bannerContent .themeBanner.full:after {
  padding-top: 66.713%;
}
.bannerContent .themeBanner.full .icon {
  height: 103px;
  width: 91px;
}
.bannerContent .themeBanner.full .title {
  font-size: 29px;
}
.bannerContent .themeBanner.full .sub {
  font-size: 22px;
}
.bannerContent .themeBanner.full .overlay {
  width: 45%;
  height: 100%;
  right: 0;
}
@media (max-width: 599px) {
  .bannerContent .themeBanner.full {
    display: block;
  }
  .bannerContent .themeBanner.full .icon {
    height: 63px;
    width: 91px;
  }
  .bannerContent .themeBanner.full .title {
    font-size: 23px;
  }
  .bannerContent .themeBanner.full .sub {
    font-size: 16px;
  }
  .bannerContent .themeBanner.full .overlay {
    width: 60%;
  }
}
.bannerContent .themeBanner.high {
  -webkit-flex: 0 1 49%;
  -moz-flex: 0 1 49%;
  -ms-flex: 0 1 49%;
  -o-flex: 0 1 49%;
  flex: 0 1 49%;
}
.bannerContent .themeBanner.high:after {
  padding-top: 129.488%;
}
.bannerContent .themeBanner.high .title {
  font-size: 25px;
}
.bannerContent .themeBanner.high .sub {
  font-size: 20px;
}
@media (max-width: 599px) {
  .bannerContent .themeBanner.high {
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    -o-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .bannerContent .themeBanner.high:after {
    padding-top: 130%;
  }
  .bannerContent .themeBanner.high .icon {
    height: 63px;
    width: 91px;
  }
  .bannerContent .themeBanner.high .title {
    font-size: 23px;
  }
  .bannerContent .themeBanner.high .sub {
    font-size: 16px;
  }
  .bannerContent .themeBanner.high .overlay {
    left: 0;
    width: 100%;
    height: 50%;
  }
}
.bannerContent .themeBanner.double {
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  -o-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 46.7%;
}
.bannerContent .themeBanner.double:after {
  padding-top: 62%;
}
.bannerContent .themeBanner.double .title {
  font-size: 20px;
}
.bannerContent .themeBanner.double .sub {
  font-size: 16px;
}
.bannerContent .themeBanner.double .overlay {
  width: 50%;
  height: 100%;
  right: 0;
}
@media (max-width: 1023px) {
  .bannerContent .themeBanner.double {
    height: 44.4%;
  }
  .bannerContent .themeBanner.double .title {
    font-size: 15px;
  }
  .bannerContent .themeBanner.double .sub {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media (max-width: 599px) {
  .bannerContent .themeBanner.double {
    display: block;
    height: 100%;
  }
}
.downloadcenter li {
  width: 33%;
  height: 280px;
  float: left;
  text-align: center;
  line-height: 22px;
}
.downloadcenter li input {
  width: 100%;
  margin: 5px 0px 0px 0px;
}
  .hide {  /* by Dav1d */
    display: none !important