/* VARIABLES / MIXINS */

/************************************************** THEME / COLORS */
/* #f6f6f6 */
/* #ebebeb */
/* #a3c5ae */
/* #115026 / #234523 */
/* #1d3625 */
/* 1185px */
/* 750px */
/*
@h1-xl-size: 2.75rem;
@h1-lg-size: 3.5vw;
@h1-md-size: 3.5vw;
@h1-sm-size: 3.5vw;
@h1-xs-size: 11vw;

@h2-xl-size: calc(@h1-xl-size * 0.84375);
@h2-lg-size: calc(@h1-lg-size * 0.84375);
@h2-md-size: calc(@h1-md-size * 0.84375);
@h2-sm-size: calc(@h1-sm-size * 0.84375);
@h2-xs-size: calc(@h1-xs-size * 0.84375);

@h3-xl-size: calc(@h1-xl-size * 0.65625);
@h3-lg-size: calc(@h1-lg-size * 0.65625);
@h3-md-size: calc(@h1-md-size * 0.65625);
@h3-sm-size: calc(@h1-sm-size * 0.65625);
@h3-xs-size: calc(@h1-xs-size * 0.65625);
*/
/************************************************** BOOTSTRAP BREAKPOINTS */
/* BASIC CSS */

/************************************************** COLOR CLASSES */

.color-lighgray {
  color: #f7f6f5;
}
.color-gray {
  color: #ececec;
}
.color-darkgray {
  color: #474645;
}
.color-orange {
  color: #ec792f;
}
.color-basegreen {
  color: #104f25;
}
.color-darkgreen {
  color: #133a1e;
}
.bgcolor-lightgray {
  background-color: #f7f6f5;
}
.bgcolor-gray {
  background-color: #ececec;
}
.bgcolor-darkgray {
  background-color: #474645;
}
.bgcolor-orange {
  background-color: #ec792f;
}
.bgcolor-basegreen {
  background-color: #104f25;
}
.bgcolor-darkgreen {
  background-color: #133a1e;
}
/**************************************************/

/************************************************** IOS BUG FIX */

body {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
@media only screen and (max-width: 767.98px) {
  input:not([type]),
  input[type='number'],
  input[type='text'],
  input[type='email'],
  input[type='tel'],
  input[type='password'],
  input[type='search'],
  input[type='date'],
  input[type='time'],
  input[type='file'],
  select,
  option,
  textarea {
    font-size: 16px !important;
  }
}
img {
  max-width: 100%;
}
img.blazy {
  min-height: 1px;
}
/**************************************************/

/************************************************** PLACEHOLDERS */

/* Chrome/Opera/Safari */

::-webkit-input-placeholder {
  color: rgba(71, 70, 69, 0.4);
  font-weight: 100;
}
/* Firefox 19+ */

::-moz-placeholder {
  color: rgba(71, 70, 69, 0.4);
  font-weight: 100;
}
/* IE 10+ */

:-ms-input-placeholder {
  color: rgba(71, 70, 69, 0.4);
  font-weight: 100;
}
/* Firefox 18- */

:-moz-placeholder {
  color: rgba(71, 70, 69, 0.4);
  font-weight: 100;
}
/* Chrome/Firefox/Opera/Safari 10.1+ */

::placeholder {
  color: rgba(71, 70, 69, 0.4);
  font-weight: 100;
  opacity: 1;
}
/**************************************************/

/************************************************** OVERRIDE DEFAULT BROWSER STYLING */

* {
  margin: 0;
  padding: 0;
}
* {
  outline: 0;
}
*[onclick],
div[href] {
  cursor: pointer;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='search'],
input[type='url'],
input[type='phone'],
button,
option,
textarea {
  -webkit-appearance: none;
  margin: 0;
}
select {
  margin: 0;
}
p + p {
  margin: 1rem 0;
}
/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}
/**************************************************/

/************************************************** BOOTSTRAP OVERRIDES */

.container-fluid.max-1920 {
  max-width: 1920px;
}
.container-fluid.max-2160 {
  max-width: 2160px;
}
.container-fluid.max-2560 {
  max-width: 2560px;
}
.container {
  /*
	padding-right: 0;
	padding-left: 0;
	*/
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.embed-responsive-3by2::before {
  padding-top: 66.66666667%;
}
.embed-responsive-6by5::before {
  padding-top: 83.333333333%;
}
/**************************************************/

/************************************************** FONT AWESOME DEFAULT OVERRIDE */

.fa {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: 300 !important;
  /* CONFIGUREER HIER JE STANDAARD FA WEIGHT: 300, 400 of 900 */

}
.fa.fal {
  font-weight: 300 !important;
}
.fa.far {
  font-weight: 400 !important;
}
.fa.fas {
  font-weight: 900 !important;
}
.fa.fab {
  font-family: 'Font Awesome 5 Brands' !important;
}
.fa.fad {
  font-family: 'Font Awesome 5 Duotone' !important;
  font-weight: 900 !important;
}
/**************************************************/

/************************************************** BETTER FONT RENDERING */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**************************************************/

/************************************************** THE BASICS */

html {
  font-size: 16px;
}
body,
table,
input,
select,
textarea,
button {
  font-family: 'Titillium Web', sans-serif;
}
body,
table {
  line-height: 1.4;
}
body {
  position: relative;
  color: #474645;
  background-color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}
.orderpath.message a {
  -webkit-text-decoration: underline dotted #104f25;
  text-decoration: underline dotted #104f25;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-skip: auto;
}
/************************************************** Font sizes */

.fs64 {
  font-size: 1.9rem;
}
@media only screen and (min-width: 576px) {
  .fs64 {
    font-size: 5.3vw;
  }
}
@media only screen and (min-width: 768px) {
  .fs64 {
    font-size: 5.3vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs64 {
    font-size: 5.3vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs64 {
    font-size: 4rem;
  }
}
.fs52 {
  font-size: 1.54rem;
}
@media only screen and (min-width: 576px) {
  .fs52 {
    font-size: 4.24vw;
  }
}
@media only screen and (min-width: 768px) {
  .fs52 {
    font-size: 4.24vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs52 {
    font-size: 4.24vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs52 {
    font-size: 3.2rem;
  }
}
.fs48 {
  font-size: 1.395rem;
}
@media only screen and (min-width: 576px) {
  .fs48 {
    font-size: 3.5775vw;
  }
}
@media only screen and (min-width: 768px) {
  .fs48 {
    font-size: 3.5775vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs48 {
    font-size: 3.5775vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs48 {
    font-size: 2.7rem;
  }
}
.fs42 {
  font-size: 1.25rem;
}
@media only screen and (min-width: 576px) {
  .fs42 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 768px) {
  .fs42 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs42 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs42 {
    font-size: 2.2rem;
  }
}
.fs36 {
  font-size: 1.19rem;
}
@media only screen and (min-width: 576px) {
  .fs36 {
    font-size: 2.65vw;
  }
}
@media only screen and (min-width: 768px) {
  .fs36 {
    font-size: 2.65vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs36 {
    font-size: 2.65vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs36 {
    font-size: 2rem;
  }
}
.fs24 {
  font-size: 1.12rem;
padding-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  .fs24 {
    font-size: 1.12rem;
  }
}
@media only screen and (min-width: 768px) {
  .fs24 {
    font-size: 2.12vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs24 {
    font-size: 2.12vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs24 {
    font-size: 1.6em;
  }
}
.fs20 {
  font-size: 1.05rem;
}
@media only screen and (min-width: 576px) {
  .fs20 {
    font-size: 1.05rem;
  }
}
@media only screen and (min-width: 768px) {
  .fs20 {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 992px) {
  .fs20 {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 1200px) {
  .fs20 {
    font-size: 1.4rem;
  }
}
.fs16 {
  font-size: 1rem;
}
@media only screen and (min-width: 576px) {
  .fs16 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .fs16 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  .fs16 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .fs16 {
    font-size: 1rem;
  }
}
*[onclick] {
  cursor: pointer;
}
a {
  color: #474645;
  text-decoration: none;
}
.faq section.block a,
a.strong {
  font-weight: bold;
}
a[href=''],
a[href='']:hover {
  cursor: default;
}
a[onclick] {
  cursor: pointer !important;
}
a:hover {
  color: #474645;
  -webkit-text-decoration: underline solid #474645;
  text-decoration: underline solid #474645;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-skip: auto;
}
#submenu a:hover {
  color: #474645;
  -webkit-text-decoration: underline solid #474645;
  text-decoration: underline solid #474645;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-skip: auto;
}
button[role=href] {
  border: none;
  text-align: left;
  line-height: normal !important;
  padding: 0;
  margin-top: 0.5rem;
  text-transform: capitalize;
  background-color: Transparent !important;
}
button[role=href]:hover {
  color: inherit !important;
  text-decoration: underline;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-skip: auto;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  display: block;
  color: #104f25;
  font-weight: normal;
  margin: 0.1rem 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  line-height: 1.1;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  display: block;
  color: #104f25;
  font-weight: normal;
  margin: 0.1rem 0;
  line-height: 1.3;
}
h1,
.h1 {
  font-weight: bold;
  font-size: 1.395rem;
}
@media only screen and (min-width: 576px) {
  h1,
  .h1 {
    font-size: 3.5775vw;
  }
}
@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 3.5775vw;
  }
}
@media only screen and (min-width: 992px) {
  h1,
  .h1 {
    font-size: 3.5775vw;
  }
}
@media only screen and (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.7rem;
  }
}
h2,
.h2 {
  font-weight: bold;
  font-size: 1.25rem;
}
@media only screen and (min-width: 576px) {
  h2,
  .h2 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 992px) {
  h2,
  .h2 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2.2rem;
  }
}
h3,
.h3 {
  font-weight: bold;
  font-size: 1.05rem;
}
@media only screen and (min-width: 576px) {
  h3,
  .h3 {
    font-size: 1.05rem;
  }
}
@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 992px) {
  h3,
  .h3 {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.4rem;
  }
}
h4,
.h4 {
  font-size: 1.05rem;
}
@media only screen and (min-width: 576px) {
  h4,
  .h4 {
    font-size: 1.05rem;
  }
}
@media only screen and (min-width: 768px) {
  h4,
  .h4 {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 992px) {
  h4,
  .h4 {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.4rem;
  }
}
h5,
.h5 {
  font-size: 1rem;
}
@media only screen and (min-width: 576px) {
  h5,
  .h5 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  h5,
  .h5 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  h5,
  .h5 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  h5,
  .h5 {
    font-size: 1rem;
  }
}
h6,
.h6 {
  font-size: 1rem;
}
ul,
li {
  margin: initial;
  padding: initial;
}
ul,
ol {
  margin: 1rem 0;
}
ul:not([class]) li,
ol:not([class]) li,
ul.plus li,
ol.plus li,
ul.minus li,
ol.minus li {
  margin-left: 1.5rem;
  list-style: none;
  text-align: left;
}
ul:not([class]) li::before,
ol:not([class]) li::before,
ul.plus li::before,
ol.plus li::before,
ul.minus li::before,
ol.minus li::before {
  content: '\f0da';
  float: left;
  margin-left: -1em;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  color: #147b36;
}
ul.plus,
ol.plus,
ul.minus,
ol.minus {
  margin-left: -1.5em;
  padding: 0;
}
ul.plus li::before,
ol.plus li::before {
  content: '\f067';
}
ul.minus li::before,
ol.minus li::before {
  content: '\f068';
}
img {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: nearest-neighbor;
  vertical-align: middle;
}
th {
  text-align: left;
}
.footnote {
  font-size: 0.833rem;
}
hr {
  margin: 0.5rem auto;
  height: 2px;
  border: 0;
  text-align: center;
  background-color: #104f25;
}
hr.sexy {
  height: 1px;
  background-color: #104f25;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#104f25), to(#fff));
  background: -o-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#104f25), to(#fff));
  background: -moz-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#104f25), to(#fff));
  background: gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#104f25), to(#fff));
  background-image: -webkit-radial-gradient(50% 50%, farthest-corner, #fff 0%, #fff 100%) repeat scroll 0% 0% #104f25;
  background-image: radial-gradient(circle, #104f25, #fff);
}
@media only screen and (min-width: 576px) {
  hr.sexy {
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#104f25), to(#fff));
    background: -o-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#104f25), to(#fff));
    background: -moz-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#104f25), to(#fff));
    background: gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#104f25), to(#fff));
    background-image: radial-gradient(circle, #104f25, #fff);
  }
}
hr.thick {
  height: 7px;
  background-color: #f7f6f5;
}
hr.short {
  width: 120px;
  max-width: 30%;
}
#underlay {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 296px;
  height: calc(100% - 118px);
  width: 100%;
  opacity: 0;
  background-color: rgba(71, 70, 69, 0.5);
  -webkit-transition: opacity 250ms ease-in;
  -moz-transition: opacity 250ms ease-in;
  -ms-transition: opacity 250ms ease-in;
  -o-transition: opacity 250ms ease-in;
  transition: opacity 250ms ease-in;
}
@media only screen and (min-width: 420px) {
  #underlay {
    margin-top: 196px;
  }
}
@media only screen and (min-width: 992px) {
  #underlay {
    margin-top: 118px;
  }
}
body.menuactive #underlay,
#underlay.active {
  z-index: 99998;
  opacity: 1;
  -webkit-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  -ms-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
}
/**************************************************/

/************************************************** SPRITE */

.sprite {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('/_clientfiles/Layout/volg-lab21-sprite.png');
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: -60px -60px;
}
.sprite.facebook {
  background-position: 0px 0px;
}
.sprite.youtube {
  background-position: -30px 0px;
}
.sprite.twitter {
  background-position: 0px -30px;
}
.sprite.instagram {
  background-position: -30px -30px;
}
/**************************************************/

/************************************************** INPUT */

input:not([type]),
input[type='number'],
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[type='search'],
input[type='date'],
input[type='time'],
input[type='file'],
select,
option,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.6rem;
  line-height: 1.6rem;
  padding: 0 0.5rem;
  margin: 0;
  background-color: #f7f6f5;
  color: #474645;
  border: 1px solid Transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
}
input:not([type]):hover,
input[type='number']:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='tel']:hover,
input[type='password']:hover,
input[type='search']:hover,
input[type='date']:hover,
input[type='time']:hover,
input[type='file']:hover,
select:hover,
option:hover,
textarea:hover {
  border-color: #133a1e;
}
input:not([type]):focus,
input[type='number']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='date']:focus,
input[type='time']:focus,
input[type='file']:focus,
select:focus,
option:focus,
textarea:focus {
  border-color: #104f25;
  outline: 0;
}
input:not([type]).valid,
input[type='number'].valid,
input[type='text'].valid,
input[type='email'].valid,
input[type='tel'].valid,
input[type='password'].valid,
input[type='search'].valid,
input[type='date'].valid,
input[type='time'].valid,
input[type='file'].valid,
select.valid,
option.valid,
textarea.valid {
  border-right: 4px solid #104f25;
}
input:not([type]).value-semioptional,
input[type='number'].value-semioptional,
input[type='text'].value-semioptional,
input[type='email'].value-semioptional,
input[type='tel'].value-semioptional,
input[type='password'].value-semioptional,
input[type='search'].value-semioptional,
input[type='date'].value-semioptional,
input[type='time'].value-semioptional,
input[type='file'].value-semioptional,
select.value-semioptional,
option.value-semioptional,
textarea.value-semioptional {
  border-right: 4px solid #ec792f;
}
input:not([type]).value-semioptional.valid,
input[type='number'].value-semioptional.valid,
input[type='text'].value-semioptional.valid,
input[type='email'].value-semioptional.valid,
input[type='tel'].value-semioptional.valid,
input[type='password'].value-semioptional.valid,
input[type='search'].value-semioptional.valid,
input[type='date'].value-semioptional.valid,
input[type='time'].value-semioptional.valid,
input[type='file'].value-semioptional.valid,
select.value-semioptional.valid,
option.value-semioptional.valid,
textarea.value-semioptional.valid {
  border-right: 4px solid #104f25;
}
input:not([type]).value-semioptional.invalid,
input[type='number'].value-semioptional.invalid,
input[type='text'].value-semioptional.invalid,
input[type='email'].value-semioptional.invalid,
input[type='tel'].value-semioptional.invalid,
input[type='password'].value-semioptional.invalid,
input[type='search'].value-semioptional.invalid,
input[type='date'].value-semioptional.invalid,
input[type='time'].value-semioptional.invalid,
input[type='file'].value-semioptional.invalid,
select.value-semioptional.invalid,
option.value-semioptional.invalid,
textarea.value-semioptional.invalid {
  border-right: 4px solid red;
}
.required input:not([type]),
.required input[type='number'],
.required input[type='text'],
.required input[type='email'],
.required input[type='tel'],
.required input[type='password'],
.required input[type='search'],
.required input[type='date'],
.required input[type='time'],
.required input[type='file'],
.required select,
.required option,
.required textarea,
input:not([type])[required],
input[type='number'][required],
input[type='text'][required],
input[type='email'][required],
input[type='tel'][required],
input[type='password'][required],
input[type='search'][required],
input[type='date'][required],
input[type='time'][required],
input[type='file'][required],
select[required],
option[required],
textarea[required] {
  border-right: 4px solid #104f25;
}
.required input:not([type]):invalid,
.required input[type='number']:invalid,
.required input[type='text']:invalid,
.required input[type='email']:invalid,
.required input[type='tel']:invalid,
.required input[type='password']:invalid,
.required input[type='search']:invalid,
.required input[type='date']:invalid,
.required input[type='time']:invalid,
.required input[type='file']:invalid,
.required select:invalid,
.required option:invalid,
.required textarea:invalid,
input:not([type])[required]:invalid,
input[type='number'][required]:invalid,
input[type='text'][required]:invalid,
input[type='email'][required]:invalid,
input[type='tel'][required]:invalid,
input[type='password'][required]:invalid,
input[type='search'][required]:invalid,
input[type='date'][required]:invalid,
input[type='time'][required]:invalid,
input[type='file'][required]:invalid,
select[required]:invalid,
option[required]:invalid,
textarea[required]:invalid {
  border-right: 4px solid #104f25;
}
input:not([type]).stockproblem,
input[type='number'].stockproblem,
input[type='text'].stockproblem,
input[type='email'].stockproblem,
input[type='tel'].stockproblem,
input[type='password'].stockproblem,
input[type='search'].stockproblem,
input[type='date'].stockproblem,
input[type='time'].stockproblem,
input[type='file'].stockproblem,
select.stockproblem,
option.stockproblem,
textarea.stockproblem,
input:not([type]).invalid,
input[type='number'].invalid,
input[type='text'].invalid,
input[type='email'].invalid,
input[type='tel'].invalid,
input[type='password'].invalid,
input[type='search'].invalid,
input[type='date'].invalid,
input[type='time'].invalid,
input[type='file'].invalid,
select.invalid,
option.invalid,
textarea.invalid,
input:not([type]).error,
input[type='number'].error,
input[type='text'].error,
input[type='email'].error,
input[type='tel'].error,
input[type='password'].error,
input[type='search'].error,
input[type='date'].error,
input[type='time'].error,
input[type='file'].error,
select.error,
option.error,
textarea.error {
  border-color: red !important;
}
input:not([type]).stockproblem[required]:valid,
input[type='number'].stockproblem[required]:valid,
input[type='text'].stockproblem[required]:valid,
input[type='email'].stockproblem[required]:valid,
input[type='tel'].stockproblem[required]:valid,
input[type='password'].stockproblem[required]:valid,
input[type='search'].stockproblem[required]:valid,
input[type='date'].stockproblem[required]:valid,
input[type='time'].stockproblem[required]:valid,
input[type='file'].stockproblem[required]:valid,
select.stockproblem[required]:valid,
option.stockproblem[required]:valid,
textarea.stockproblem[required]:valid,
input:not([type]).invalid[required]:valid,
input[type='number'].invalid[required]:valid,
input[type='text'].invalid[required]:valid,
input[type='email'].invalid[required]:valid,
input[type='tel'].invalid[required]:valid,
input[type='password'].invalid[required]:valid,
input[type='search'].invalid[required]:valid,
input[type='date'].invalid[required]:valid,
input[type='time'].invalid[required]:valid,
input[type='file'].invalid[required]:valid,
select.invalid[required]:valid,
option.invalid[required]:valid,
textarea.invalid[required]:valid,
input:not([type]).error[required]:valid,
input[type='number'].error[required]:valid,
input[type='text'].error[required]:valid,
input[type='email'].error[required]:valid,
input[type='tel'].error[required]:valid,
input[type='password'].error[required]:valid,
input[type='search'].error[required]:valid,
input[type='date'].error[required]:valid,
input[type='time'].error[required]:valid,
input[type='file'].error[required]:valid,
select.error[required]:valid,
option.error[required]:valid,
textarea.error[required]:valid {
  border-right: 4px solid red;
}
input[type='file'] {
  padding-left: 0;
  height: auto;
  overflow: hidden;
}
div.required {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-right: 4px solid #104f25;
}
div.required.invalid {
  border-right: 4px solid red;
}
div.required.comment {
  border-right-color: #104f25;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #ececec;
}
textarea {
  height: auto;
  line-height: normal;
}
select {
  padding: 0 0.3rem;
}
input[type='date'],
input[type='time'] {
  width: auto;
}
/**************************************************/

/************************************************** BUTTONS */

[role=button] {
  display: inline-block;
}
[role=button]:hover {
  text-decoration: none;
}
.button,
button,
[role=button],
input[type='button'],
input[type='submit'] {
  display: inline-block;
  padding: 0.1rem 1rem;
  line-height: 1.7em;
  background-color: Transparent;
  border: 1px solid #104f25;
  color: #104f25;
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  cursor: pointer;
}
.button:hover,
button:hover,
[role=button]:hover,
input[type='button']:hover,
input[type='submit']:hover {
  background-color: #104f25;
  color: White;
  text-decoration: none;
}
.button.rounded,
button.rounded,
[role=button].rounded,
input[type='button'].rounded,
input[type='submit'].rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.button.high,
button.high,
[role=button].high,
input[type='button'].high,
input[type='submit'].high {
  height: 2.5rem;
  line-height: 2.3rem;
}
.button.wide,
button.wide,
[role=button].wide,
input[type='button'].wide,
input[type='submit'].wide {
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .button.wide,
  button.wide,
  [role=button].wide,
  input[type='button'].wide,
  input[type='submit'].wide,
  .button.wide-xs,
  button.wide-xs,
  [role=button].wide-xs,
  input[type='button'].wide-xs,
  input[type='submit'].wide-xs {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
}
.button.priority,
button.priority,
[role=button].priority,
input[type='button'].priority,
input[type='submit'].priority {
  background-color: #104f25;
  border-color: #104f25;
  color: White;
}
.button.priority:hover,
button.priority:hover,
[role=button].priority:hover,
input[type='button'].priority:hover,
input[type='submit'].priority:hover {
  background-color: #118837;
  border-color: #118837;
}
.button.special,
button.special,
[role=button].special,
input[type='button'].special,
input[type='submit'].special,
.button.special.removeFromBasket,
button.special.removeFromBasket,
[role=button].special.removeFromBasket,
input[type='button'].special.removeFromBasket,
input[type='submit'].special.removeFromBasket {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  color: #000;
}
.button.special:hover,
button.special:hover,
[role=button].special:hover,
input[type='button'].special:hover,
input[type='submit'].special:hover,
.button.special.removeFromBasket:hover,
button.special.removeFromBasket:hover,
[role=button].special.removeFromBasket:hover,
input[type='button'].special.removeFromBasket:hover,
input[type='submit'].special.removeFromBasket:hover {
  background-color: #118837;
  border-color: #118837;
  color: #fff;
}
.button.highlight,
button.highlight,
[role=button].highlight,
input[type='button'].highlight,
input[type='submit'].highlight,
.button.highlight.removeFromBasket,
button.highlight.removeFromBasket,
[role=button].highlight.removeFromBasket,
input[type='button'].highlight.removeFromBasket,
input[type='submit'].highlight.removeFromBasket {
  background-color: #fff;
  border-color: #118837;
}
.button.highlight:hover,
button.highlight:hover,
[role=button].highlight:hover,
input[type='button'].highlight:hover,
input[type='submit'].highlight:hover,
.button.highlight.removeFromBasket:hover,
button.highlight.removeFromBasket:hover,
[role=button].highlight.removeFromBasket:hover,
input[type='button'].highlight.removeFromBasket:hover,
input[type='submit'].highlight.removeFromBasket:hover {
  background-color: #118837;
  color: #fff;
}
.button.secondary,
button.secondary,
[role=button].secondary,
input[type='button'].secondary,
input[type='submit'].secondary {
  background-color: #f7f6f5;
  border-color: #f7f6f5;
  color: #474645;
}
.button.secondary:hover,
button.secondary:hover,
[role=button].secondary:hover,
input[type='button'].secondary:hover,
input[type='submit'].secondary:hover {
  background-color: #118837;
  border-color: #118837;
  color: #fff;
}
.button.alert,
button.alert,
[role=button].alert,
input[type='button'].alert,
input[type='submit'].alert {
  background-color: #ec792f;
  border-color: #ec792f;
  color: White;
}
.button.alert:hover,
button.alert:hover,
[role=button].alert:hover,
input[type='button'].alert:hover,
input[type='submit'].alert:hover {
  background-color: White;
  color: #ec792f;
}
.button.warning,
button.warning,
[role=button].warning,
input[type='button'].warning,
input[type='submit'].warning {
  background-color: Red;
  border-color: Red;
  color: White;
}
.button.warning:hover,
button.warning:hover,
[role=button].warning:hover,
input[type='button'].warning:hover,
input[type='submit'].warning:hover {
  background-color: White;
  color: Red;
}
.button.superbutton,
button.superbutton,
[role=button].superbutton,
input[type='button'].superbutton,
input[type='submit'].superbutton {
  display: block;
  margin: 0 auto;
  padding: 0.5rem 5%;
}
@media only screen and (min-width: 576px) {
  .button.superbutton,
  button.superbutton,
  [role=button].superbutton,
  input[type='button'].superbutton,
  input[type='submit'].superbutton {
    display: inline-block;
    padding: 0.5rem 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .button.superbutton,
  button.superbutton,
  [role=button].superbutton,
  input[type='button'].superbutton,
  input[type='submit'].superbutton {
    padding: 0.5rem 5rem;
  }
}
.button.removeFromBasket,
button.removeFromBasket,
[role=button].removeFromBasket,
input[type='button'].removeFromBasket,
input[type='submit'].removeFromBasket {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.35rem;
  padding: 0;
  background-color: #118837;
  border-color: #118837;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: White;
}
.button.removeFromBasket:hover,
button.removeFromBasket:hover,
[role=button].removeFromBasket:hover,
input[type='button'].removeFromBasket:hover,
input[type='submit'].removeFromBasket:hover {
  background-color: Red;
  border-color: #474645;
}
.button[disabled],
button[disabled],
[role=button][disabled],
input[type='button'][disabled],
input[type='submit'][disabled],
.button.disabled,
button.disabled,
[role=button].disabled,
input[type='button'].disabled,
input[type='submit'].disabled {
  background-color: #f7f6f5 !important;
  border-color: #ececec !important;
  color: #474645 !important;
}
.button.hidden,
button.hidden,
[role=button].hidden,
input[type='button'].hidden,
input[type='submit'].hidden {
  background-color: Transparent;
  width: 1px;
  height: 1px;
  border: 0;
}
.button.realclear,
button.realclear,
[role=button].realclear,
input[type='button'].realclear,
input[type='submit'].realclear {
  border: 0;
}
.button.realclear:hover,
button.realclear:hover,
[role=button].realclear:hover,
input[type='button'].realclear:hover,
input[type='submit'].realclear:hover {
  color: black;
  background: transparent;
}
.priority-hover:hover {
  background-color: #118837 !important;
  border-color: #118837 !important;
  color: #fff !important;
}
/**************************************************/

/************************************************** ERRORS / MESSAGES */

.msgarea {
  line-height: 30px;
  margin: 0 auto 2em auto;
  max-width: 720px;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(73, 73, 73, 0.5);
  -moz-box-shadow: 1px 1px 5px 1px rgba(73, 73, 73, 0.5);
  box-shadow: 1px 1px 5px 1px rgba(73, 73, 73, 0.5);
}
.msgarea.float {
  position: fixed;
  top: 25%;
  left: 10%;
  right: 10%;
  z-index: 5000;
  max-width: 480px;
}
.msgarea.close {
  line-height: 0;
  margin: 0;
  display: none;
}
.msgbody {
  background-color: #f7f6f5;
  border: 1px;
  margin: 0;
  padding: 0.5em;
  color: #474645;
}
.msgicon {
  display: inline-block;
  width: 30px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  color: #474645;
  margin: -2px 1em 0 -2px;
  padding: 0.1em 0 0 0.1em;
}
.msgtitle {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-right: 1em;
  margin-left: -5px;
}
.msgbody p {
  margin: 0;
}
.msgarea.error .msgbody {
  border-color: #474645;
}
.msgarea.error .msgicon {
  color: #474645;
}
.msgarea.info .msgbody {
  border-color: #104f25;
}
.msgarea.info .msgicon {
  color: #104f25;
}
.msgarea button,
.msgarea [role=button] {
  padding: 0 0.5rem;
}
/**************************************************/

/************************************************** FORM ACTIVE SHADOW */

#formactive-shadow {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(71, 70, 69, 0.8);
  color: #fff;
  font-size: 400%;
}
body.form-active #formactive-shadow {
  z-index: 9999;
  visibility: visible;
  opacity: 1;
}
#formactive-shadow .fa-spinner {
  position: absolute;
  top: 45vh;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/**************************************************/

/************************************************** SOCIAL DISTANCE */

/* LAYOUT CSS */

/************************************************** _layout.less */

/************************************************** HMTL */

html {
  font-size: 16px;
  /* overflow-x: hidden; */
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  html html {
    scroll-behavior: auto;
  }
}
/**************************************************/

/************************************************** CONTENT AREA */

main {
  min-height: calc(100vh - 586px);
}
.contentarea {
  margin-top: 2rem;
}
/**************************************************/

/************************************************** HEADER */

#fancyLogin {
  display: none;
}
.loginPage #fancyLogin {
  display: block;
}
/**************************************************/

/************************************************** HEADER */

header {
  height: 80px;
}
header.content-section {
  background-color: #fff;
}
header.content-section,
header.navigation {
  z-index: 1;
}
header.navigation {
  height: 38px;
  line-height: 38px;
  position: relative;
  background-color: #ececec;
  color: #474645;
}
.logo-container {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .logo-container {
    padding-left: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .logo-container .logo {
    z-index: 10;
    display: block;
    position: relative;
    margin: 0;
  }
}
.logo-container .logo img {
  margin: 10px;
  width: 60px;
  height: 60px;
}
@media only screen and (min-width: 992px) {
  .logo-container .logo img {
    position: absolute;
    margin: 0;
    width: 118px;
    height: 118px;
  }
}
.search-container {
  position: relative;
  margin: 6px auto;
  text-align: right;
  white-space: nowrap;
  max-width: 150px;
  height: 26px;
  line-height: 32px;
}
@media only screen and (min-width: 992px) {
  .search-container {
    margin-right: 0;
  }
}
.search-container input.search {
  position: absolute;
  left: 0;
  padding: 0 0.5em;
  width: calc(100% - 26px);
  height: 26px;
  line-height: 26px;
  background: #fff;
  border: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 13px;
  -webkit-border-top-left-radius: 13px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 13px;
  -moz-border-radius-topleft: 13px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 13px;
  border-top-left-radius: 13px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.search-container input.search::-webkit-input-placeholder,
.search-container input.search::-moz-placeholder,
.search-container input.search:-ms-input-placeholder,
.search-container input.search:-moz-placeholder {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.search-container button.search {
  position: absolute;
  right: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  background-color: #104f25;
  border: none;
  border-left: 1px solid #104f25;
  color: #fff;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.search-container button.search,
.search-container button.search .fa {
  line-height: 26px;
}
.search-container button.search:hover,
.search-container button.search:hover .fa {
  background: #fff;
  color: #104f25;
}
.search-container button.search:active,
.search-container button.search:active .fa {
  background: #fff;
  border-color: #474645;
}
.mobilebutton {
  position: relative;
  margin: 3px 0;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.mobilebutton:hover {
  color: #104f25;
  text-decoration: none;
}
.mobilebutton.icon-swap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilebutton.icon-swap span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mobilebutton.icon-swap .icon-default {
  transition: opacity 0.3s, transform 0.3s;
}
.mobilebutton.icon-swap .icon-hover {
  transition: opacity 0.3s, transform 0.3s;
  transform: rotate(-180deg) scale(0.5);
  opacity: 0;
}
body.menuactive .mobilebutton.icon-swap .icon-hover {
  transform: rotate(0deg) scale(1);
  opacity: 1;
}
body.menuactive .mobilebutton.icon-swap .icon-default {
  transform: rotate(180deg) scale(0.5);
  opacity: 0;
}
/**************************************************/

/************************************************** FOOTER */

footer.main {
  /* margin-top: 30px; */
  padding-bottom: 27px;
  background-color: #104f25;
}
footer.main nav {
  margin-top: 24px;
  text-align: center;
}
@media (max-width: 575.98px) {
  footer.main nav h1 {
    margin: 0 -5px;
    padding: 0 5px;
  }
}
@media only screen and (min-width: 576px) {
  footer.main nav {
    text-align: left;
  }
}
footer.main nav a {
  color: #ececec;
}
footer.main nav a:hover {
  color: #fff;
}
footer.main nav h4 {
  display: block;
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #ececec;
  font-size: 1rem;
  font-weight: bold;
}
footer.main nav ul {
  padding: 0;
  margin: 0;
}
footer.main nav ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: inside;
}
footer.bottom {
  padding: 15px 0 19px;
  min-height: 74px;
  line-height: 30px;
  background-color: #104f25;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #ececec;
  font-size: 0.833rem;
}
footer.bottom a {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #ececec;
}
footer.bottom .flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
}
@media only screen and (min-width: 768px) {
  footer.bottom .flex-container {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  footer.bottom .flex-container {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1200px) {
  footer.bottom .flex-container {
    justify-content: space-between;
  }
}
footer.bottom .flex-container .copyright,
footer.bottom .flex-container .kvk,
footer.bottom .flex-container .privacy,
footer.bottom .flex-container .telefoon,
footer.bottom .flex-container .trustpilot-cbw,
footer.bottom .flex-container .social {
  flex: 1 1 190px;
  margin-right: 10px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  footer.bottom .flex-container .copyright,
  footer.bottom .flex-container .kvk,
  footer.bottom .flex-container .privacy,
  footer.bottom .flex-container .telefoon,
  footer.bottom .flex-container .trustpilot-cbw,
  footer.bottom .flex-container .social {
    flex: 0 1 calc(33.33333333% - 10px);
  }
}
@media only screen and (min-width: 992px) {
  footer.bottom .flex-container .copyright,
  footer.bottom .flex-container .kvk,
  footer.bottom .flex-container .privacy,
  footer.bottom .flex-container .telefoon,
  footer.bottom .flex-container .trustpilot-cbw,
  footer.bottom .flex-container .social {
    flex: 0 1 auto;
  }
}
footer.bottom .flex-container .copyright {
  order: 1;
}
footer.bottom .flex-container .kvk {
  order: 2;
}
@media only screen and (min-width: 447px) and (max-width: 646.98px) {
  footer.bottom .flex-container .kvk {
    order: 3;
  }
}
@media only screen and (min-width: 647px) and (max-width: 991.98px) {
  footer.bottom .flex-container .kvk {
    order: 4;
  }
}
footer.bottom .flex-container .privacy {
  order: 3;
}
@media only screen and (min-width: 447px) and (max-width: 991.98px) {
  footer.bottom .flex-container .privacy {
    order: 2;
  }
}
footer.bottom .flex-container .telefoon {
  order: 4;
}
@media only screen and (min-width: 647px) and (max-width: 991.98px) {
  footer.bottom .flex-container .telefoon {
    order: 3;
  }
}
footer.bottom .flex-container .trustpilot-cbw {
  order: 5;
}
footer.bottom .flex-container .social {
  order: 6;
}
footer.bottom .flex-container .trustpilot-cbw img {
  line-height: 30px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  footer.bottom .flex-container .trustpilot-cbw img {
    line-height: 40px;
  }
}
footer.bottom .flex-container .trustpilot-cbw .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  footer.bottom .flex-container .trustpilot-cbw a {
    line-height: 40px;
  }
}
footer.bottom .flex-container .trustpilot-cbw a + a {
  margin-left: 5px;
}
footer.bottom .flex-container .trustpilot-cbw .trustpilot img {
  height: 20px;
}
footer.bottom .flex-container .trustpilot-cbw .cbw img {
  height: 24px;
}
footer.bottom .flex-container .social {
  margin-top: 10px;
}
@media only screen and (min-width: 576px) {
  footer.bottom .flex-container .social {
    margin-top: 0;
  }
}
footer.bottom .flex-container .social a {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border: 1px solid #ececec;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ececec;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  footer.bottom .flex-container .privacy,
  footer.bottom .flex-container .trustpilot-cbw {
    text-align: center;
  }
  footer.bottom .flex-container .telefoon,
  footer.bottom .flex-container .social {
    text-align: right;
  }
}
/**************************************************/

/************************************************** BREADCRUMB */

.breadcrumb {
  height: 2rem;
  line-height: 2rem;
  font-size: 0.833rem;
  text-transform: lowercase;
  text-align: left;
}
.breadcrumb .fa {
  color: #104f25;
}
.breadcrumb ol,
.breadcrumb ol li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.breadcrumb ol li {
  list-style-type: none;
  list-style-position: inside;
}
.breadcrumb ol li a {
  text-decoration: none;
}
.breadcrumb ol li:last-of-type {
  display: none;
}
@media only screen and (min-width: 768px) {
  .breadcrumb ol li:last-of-type {
    display: inline-block;
  }
}
.breadcrumb ol li:last-of-type a {
  font-weight: 600;
}
.breadcrumb .seperator {
  color: #133a1e;
}
/**************************************************/

/************************************************** FANCYBOX */

.fancyContent {
  width: 720px;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  margin: 0;
  overflow: unset !important;
  border-radius: 20px;
}
.fancybox-close-small ::after {
  background-color: #474645 !important;
  border: 1px solid #fff !important;
  border-radius: 50% !important;
  color: #f7f6f5 !important;
  outline: none;
}
.fancybox-close-small ::after:hover {
  background-color: Transparent !important;
}
.fancybox-close-small ::after:hover::after {
  background-color: #fff !important;
  border-color: #474645 !important;
  color: #234523 !important;
  outline: none;
}
.fancybox-slide.fancyPopup .fancybox-content,
.fancybox-slide.fancyCookie .fancybox-content {
  width: 720px;
  max-width: 90%;
}
.fancybox-slide div#fancyLogin {
  width: 480px;
  max-width: 90%;
  height: auto;
  padding: 0;
}
.fancyPopup.protected .fancybox-close-small {
  display: none;
}
.fancyPopup .content-section {
  margin: 0 !important;
  padding: 3.125% 1.5625% 1.5625%;
}
.fancyPopup .fancybox-iframe {
  min-height: 240px;
}
.fancyPopup .row {
  position: relative;
}
.fancyPopup h1,
.fancyPopup .h1,
.fancyPopup h2,
.fancyPopup h3,
.fancyPopup h4,
.fancyPopup p {
  margin-right: 30px;
  text-align: left;
}
.fancyPopup h1,
.fancyPopup .h1 {
  margin: 0 30px 0 0;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.fancyPopup h4 {
  color: Black;
  font-size: 1rem;
}
.fancyPopup .inner .buttonContainer {
  position: absolute;
  right: 15px;
  bottom: unset;
}
.fancyPopup .inner .buttonContainer.double {
  /*bottom: -2rem;*/
  bottom: 0;
}
.fancyPopup .inner .buttonContainer.triple {
  /*bottom: -3.5rem;*/
  bottom: 0;
}
.fancyPopup .inner button,
.fancyPopup .inner [role=button] {
  display: block;
  width: 100%;
  min-width: 120px;
}
.fancyPopup .inner .small {
  font-size: 0.6rem;
  line-height: 1.5rem;
  height: 1.5rem;
  border: none;
}
.fancyPopup .fieldsvals {
  width: 100%;
  margin-bottom: 2rem;
}
.fancyPopup .fieldsvals tbody {
  background-color: #f7f6f5;
  color: #474645;
}
.fancyPopup .fieldsvals tbody tr:first-of-type td {
  padding-top: 0.5rem;
}
.fancyPopup .fieldsvals tbody tr:last-of-type td {
  padding-bottom: 0.5rem;
}
.fancyPopup .fieldsvals .fieldname {
  padding: 0.2rem 0.5rem;
  font-weight: normal;
  vertical-align: top;
}
.fancyPopup .fieldsvals .fieldval {
  padding: 0.2rem 0.5rem;
  vertical-align: top;
}
.fancyPopup .fieldsvals .fieldval input,
.fancyPopup .fieldsvals .fieldval textarea,
.fancyPopup .fieldsvals .fieldval select {
  border-color: Transparent;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  color: #474645;
}
.fancyPopup .fieldsvals .fieldval textarea {
  height: 5rem;
  line-height: normal;
}
.fancyPopup .fieldsvals .fieldval input[type='checkbox'],
.fancyPopup .fieldsvals .fieldval input[type='radio'] {
  width: auto;
  text-align: left;
}
.fancyPopup .fieldsvals .fieldval input[type='checkbox'] + label,
.fancyPopup .fieldsvals .fieldval input[type='radio'] + label {
  margin-left: 1rem;
}
.fancyPopup .reviewImg {
  width: 100px;
  height: 100px;
  margin: 1rem;
}
.fancyPopup .image {
  padding-top: 10px;
}
.fancyPopup button.priority:hover,
.fancyPopup button.small:hover {
  background-color: #474645;
}
.fancyPopup .fancybox-close-small {
  outline: none;
  top: -19px !important;
  right: -19px !important;
}
#fancyLogin .fancybox-close-small {
  top: 0px !important;
  right: 0px !important;
}
#fancyLogin .fieldname {
  width: 30%;
}
#fancyLogin .fieldval {
  width: 70%;
}
/**************************************************/

/************************************************** QUOTES TRUSTPILOT */

.quotes.trustpilot {
  padding-top: 20px;
  padding-bottom: 20px;
}
.trustpilot-widget .tp-widget-review {
  background-color: #f7f6f5;
}
.trustpilot-widget iframe .tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas,
.trustpilot-widget iframe .tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas--half,
.trustpilot-widget iframe .tp-widget-logo svg .tp-logo__star {
  fill: #104f25;
}
/**************************************************/

body.projects .html-block .body {
  margin: 0 auto;
  padding: 3vw;
  max-width: 576px;
}
body.projects .image-block img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
}
body.projects .image-block img.fill {
  height: 100%;
}
body.projects section.content-section .col2:nth-child(even) {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
/************************************************** QUOTES TRUSTPILOT */

/**************************************************/

/************************************************** BESTELTRAJECT */

.employee-link {
  display: block;
  text-align: right;
}
.employeeinfo {
  display: none;
}
.employeeview-info a {
  color: #ececec;
  font-size: 0.9em;
}
.employeeview .basketrelatedartsheader,
.employeeview .basketrelatedart {
  display: none;
}
.discountCode {
  height: 32px;
}
.discountCode .discountcode {
  float: left;
  padding: 0 1rem;
  width: 240px;
  height: 32px;
  line-height: 1.7em;
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.discountCode button {
  float: left;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/**************************************************/

/************************************************** ORDERPATH */

#orderpath {
  line-height: 20px;
  margin: 0;
  padding: 0;
}
#orderpath + h1 {
  margin-bottom: 1em;
}
#orderpath .orderpathdivider {
  display: none;
}
#orderpath .orderpath.message {
  display: block;
  min-height: 28px;
  line-height: 20px;
  margin: 0;
  padding: 0.25em 0.5em;
  background-color: #f7f6f5;
  color: #474645;
}
#orderpath .orderpathstep {
  display: inline-block;
  position: relative;
  width: 32%;
  padding: 0.25em 0.5em;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  background-color: #f7f6f5;
  border: none;
}
#orderpath .orderpathstep ~ .orderpathstep:before {
  position: absolute;
  z-index: 50;
  top: 6px;
  left: -23px;
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 4.1em;
  color: #fff;
}
#orderpath .orderpathstep a:hover {
  text-decoration: underline;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-skip: auto;
}
#orderpath .orderpathstep .orderpathstepnr {
  display: none;
  background-color: #00b6ad;
  width: 21px;
  height: 21px;
  line-height: normal;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  padding-top: 0.075em;
  margin: 0 0.5em 0 0;
}
#orderpath .orderpathstep.orderpathpassedstep {
  background-color: #f7f6f5;
}
#orderpath .orderpathstep.orderpathpassedstep .orderpathstepnr {
  background-color: #104f25;
}
#orderpath .orderpathstep.orderpathpassedstep a {
  font-weight: normal;
  color: #104f25;
}
#orderpath .orderpathstep.orderpathactivestep {
  color: #474645;
  background-color: #f7f6f5;
  font-weight: 600;
}
#orderpath .orderpathstep.orderpathactivestep .orderpathstepnr {
  background-color: #104f25;
}
#orderpath .orderpathstep .orderpathfuturestep .orderpathstepnr {
  background-color: #104f25;
  color: #f7f6f5;
}
#orderpath .orderpathdivider {
  display: none;
}
.paymentHidden {
  display: none;
}
/**************************************************/

/************************************************** SORTABLE BASKETLINE */

.basketlines {
  display: flex;
  flex-direction: column;
}
.basketlines[data-sort="enabled"] .basketline {
  position: relative;
  /*
			&:hover {
			cursor: ns-resize;
			}
			
			&.drag-sort-active {
			opacity: .05;
			border: 1px solid @lightgray;
			}
			*/

}
.basketlines[data-sort="enabled"] .basketline .sortControls {
  position: absolute;
  top: 0;
  left: 15px;
}
.basketlines[data-sort="enabled"] .basketline .sortControls button {
  background-color: rgba(255, 255, 255, 0.5);
}
/**************************************************/

/************************************************** BASKETLINE */

@media only screen and (min-width: 768px) {
  .basketline:first-of-type .value .valueBlock {
    border-top: 1px solid #104f25;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.basketline:nth-of-type(2n+2),
.basketline:nth-of-type(2n+2) .valueBlock {
  background-color: #f7f6f5;
}
.basketline:nth-of-type(2n+2) input {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .basketline .image {
    padding-right: 0;
  }
}
.basketline .valueBlock {
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #104f25;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media only screen and (min-width: 768px) {
  .basketline .valueBlock {
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 20px;
    height: 100%;
    border-bottom: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
.basketline .valueBlock .service label .desc {
  display: block;
  padding-left: 16px;
  color: #474645;
  /* #959595 */
  font-size: 9px;
  line-height: 1;
}
.basketline .desc {
  font-style: italic;
}
.basketline .price {
  color: #474645;
}
.basketline .total {
  text-align: right;
}
.basketline .title {
  text-transform: uppercase;
  font-size: 0.833rem;
}
.basketline .removeFromBasket {
  position: absolute;
  top: 41px;
  right: 16px;
}
.basketline .removeFromBasket .fa-sync {
  margin-top: 3px;
}
.basketline .prodid {
  margin-top: 1rem;
}
.basketline[readonly] .value table {
  float: left;
}
.basketline[readonly] .value .total {
  float: right;
  margin-top: 5px;
}
.basketline[readonly] .value .total .title {
  display: block;
}
.basketline[readonly] .value .total .title sub {
  display: none;
  bottom: 0;
}
.basketline[readonly] .value .total .price {
  display: inline-block;
}
.basketline .value .valueBlock,
.baskettotals .col1 .totalsContainer {
  border-left: 1px solid #104f25;
  border-right: 1px solid #104f25;
}
.baskettotals .col1 {
  order: 1;
  flex: 1 3 auto;
}
@media only screen and (min-width: 768px) {
  .baskettotals .col1 {
    order: 2;
  }
}
.baskettotals .col1 .totalsContainer {
  border-bottom: 1px solid #104f25;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.baskettotals .col2 {
  order: 1;
  flex: 3 3 auto;
}
@media only screen and (min-width: 768px) {
  .baskettotals .col2 {
    order: 1;
  }
}
/**************************************************/

/************************************************** BASKETTOTALS */

table.totals {
  width: 100%;
  font-size: 0.833rem;
  line-height: 1.7rem;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
table.totals th {
  padding-left: 5px;
  text-align: left;
  border-left: 0px solid #104f25;
  font-weight: normal;
}
table.totals td {
  padding-right: 15px;
  text-align: right;
  border-right: 0px solid #104f25;
}
table.totals .subtotal th,
table.totals .subtotal td,
table.totals .totalxvat th,
table.totals .totalxvat td,
table.totals .totalinvat th,
table.totals .totalinvat td {
  border-top: 1px solid #f7f6f5;
}
table.totals .totalinvat th,
table.totals .totalinvat td {
  border-bottom: 0px solid #104f25;
  color: #474645;
  font-size: 0.9rem;
  font-weight: bold;
}
table.totals .totalinvat th {
  border-left: 0px solid #104f25;
  border-bottom-left-radius: 5px;
}
table.totals .totalinvat td {
  border-right: 0px solid #104f25;
  border-bottom-right-radius: 5px;
}
.totals.out-of-date th,
.totals.out-of-date td {
  text-decoration: line-through;
  color: #dfdfdf;
}
.totals.out-of-date .totalinvat th,
.totals.out-of-date .totalinvat td {
  border-bottom: 1px solid #dfdfdf;
  color: #dfdfdf;
}
.totals.out-of-date .totalinvat th {
  border-left: 1px solid #dfdfdf;
}
.totals.out-of-date .totalinvat td {
  border-right: 1px solid #dfdfdf;
}
/**************************************************/

/************************************************** SITEMAP */

.sitemap {
  margin: 0 auto 30px;
  padding: 0;
  width: auto;
  max-width: 576px;
  list-style-type: none;
}
.sitemap li {
  padding-left: 1em;
}
.sitemap li a {
  background: transparent;
  margin-left: -1em;
  padding-left: 1em;
}
.sitemap li ul {
  background: transparent;
  list-style-type: none;
  margin: -1.4em 0 0 -1.6em;
  padding: 1.4em 0 0 0.6em;
}
/**************************************************/

/************************************************** FAQ */

.faqgroup .faq {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  background-color: #f7f6f5;
  padding: 0 1.25%;
  margin: 0 0 1.5% 0;
}
.faqgroup .faq.faqactive {
  border: 1px solid #104f25;
  background-color: #fff;
}
.faqgroup .faq.faqactive h3 {
  border-bottom: 1px solid #ececec;
  font-weight: bold;
}
.faqgroup .faq .faqanswer {
  display: none;
  padding: 0 0 2.5% 0;
}
/**************************************************/

/* MENU CSS */

/************************************************** FLEX MENU */

.flexmenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
  flex-flow: column wrap;
}
.flexmenu.horizontal {
  flex-flow: row wrap;
}
@media only screen and (min-width: 992px) {
  .flexmenu.horizontal-lg {
    flex-flow: row wrap;
  }
}
.flexmenu > li {
  position: relative;
  display: block;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.flexmenu .submenu {
  margin: 0;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  list-style-type: none;
  list-style-position: inside;
  -webkit-transition: height 250ms ease;
  -moz-transition: height 250ms ease;
  -ms-transition: height 250ms ease;
  -o-transition: height 250ms ease;
  transition: height 250ms ease;
}
.flexmenu .submenu.active {
  height: auto !important;
}
.flexmenu.leftmenu a.current,
.flexmenu.leftmenu a.ancestor {
  font-weight: bold;
}
/**************************************************/

/************************************************** TOP MENU */

.topmenu {
  padding: 20px 0;
  height: 80px;
}
.topmenu > ul {
  justify-content: flex-end;
  width: 100%;
}
.topmenu > ul > li {
  margin: 0 0 0 10px;
}
.topmenu > ul > li > a:not(.basket) {
  padding: 0 1rem;
  line-height: 34px;
  background-color: #f7f6f5;
  border: 1px solid #f7f6f5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #474645;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}
.topmenu > ul > li > a:not(.basket):hover {
  background-color: #104f25;
  border-color: #104f25;
  color: #fff;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .topmenu > ul > li.active > a {
    background-color: #104f25;
    border-color: #104f25;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
  }
  .topmenu > ul > li.active > .submenu {
    z-index: 10000;
    height: auto;
	width: 300px;
    opacity: 1;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
  }
}
@media only screen and (min-width: 992px) {
  .topmenu .submenu {
    position: absolute;
    top: 36px;
    height: 0px;
    width: 100%;
    min-width: 131px;
    opacity: 0;
    overflow: hidden;
    z-index: -9999;
    background-color: rgba(247, 246, 245, 0.9);
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-filter: drop-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.25));
  }
  .topmenu .submenu li {
    margin: 0;
    line-height: 2em;
  }
  .topmenu .submenu li .far,
  .topmenu .submenu li .fad {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .topmenu .submenu.page272 {
    min-width: 180px;
  }
}
.topmenu .basket,
.mobilebutton.basket {
  position: relative;
  color: #104f25;
}
.topmenu .basket .contents,
.mobilebutton.basket .contents {
  position: absolute;
  top: -10px;
  right: 0;
  background-color: #474645;
  border: 1px solid #474645;
  border-radius: 50%;
  color: #f7f6f5;
  font-size: 0.6rem;
  text-align: center;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 16px;
}
.topmenu .basket {
  top: 5px;
}
.mobilebutton.basket .contents {
  top: -5px;
  right: 2px;
}
#headerbasket {
  width: 40px;
}
/**************************************************/

/************************************************** MAIN MENU */

#mainmenu {
  position: relative;
  margin-right: 5%;
}
@media only screen and (min-width: 992px) {
  #mainmenu > ul {
    justify-content: space-between;
    width: 100%;
  }
}
#mainmenu > ul > li {
  margin: 0 5px;
}
#mainmenu > ul > li.current > a,
#mainmenu > ul > li.ancestor > a {
  color: #104f25;
}
#mainmenu a {
  display: block;
  color: #5a5b5b;
  font-weight: 600;
  text-decoration: none;
  overflow-x: hidden;
}
#mainmenu a:hover,
#mainmenu a:active,
#mainmenu a:focus {
  color: #104f25;
}
@media only screen and (min-width: 992px) {
  #mainmenu .fa {
    display: none;
  }
}
/**************************************************/

/************************************************** MOBILE/SUB MENU */

#submenu {
  z-index: 99999;
  position: absolute;
  top: 118px;
  left: -325px;
  width: 95%;
  max-width: 320px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #ececec;
  -webkit-transition: left 350ms ease-in;
  -moz-transition: left 350ms ease-in;
  -ms-transition: left 350ms ease-in;
  -o-transition: left 350ms ease-in;
  transition: left 350ms ease-in;
  /* @media only screen and (min-width: 420px) {
	top: 196px; // 118px PRE CORONA
	} */

}
@media only screen and (min-width: 992px) {
  #submenu {
    top: inherit;
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border: none;
  }
}
body.menuactive #submenu {
  left: 0;
  -webkit-transition: left 350ms ease-out;
  -moz-transition: left 350ms ease-out;
  -ms-transition: left 350ms ease-out;
  -o-transition: left 350ms ease-out;
  transition: left 350ms ease-out;
}
@media only screen and (min-width: 992px) {
  body.menuactive #submenu {
    left: inherit;
    left: unset;
  }
}
#submenu,
#submenu a {
  color: #474645;
}
#submenu .header {
  margin: 0.25rem 0;
  padding: 0.25rem;
  font-size: 1rem;
  color: #104f25;
}
#submenu a {
  display: block;
  margin: 0.25rem 0;
  padding: 0.25rem;
  font-size: 1rem;
}
@media only screen and (min-width: 992px) {
  #submenu a {
    margin: 0;
  }
}
#submenu a:hover {
  color: #104f25;
  text-decoration: none;
}
#submenu a > span {
  margin-right: 0.25em;
}
#submenu ul {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  #submenu ul {
    margin: 0 auto;
  }
}
#submenu > ul ul {
  border-top: 1px solid #ececec;
}
@media only screen and (min-width: 992px) {
  #submenu > ul ul {
    border: none;
  }
}
#submenu > ul li {
  margin: 0;
  border-bottom: 1px solid #ececec;
}
@media only screen and (min-width: 992px) {
  #submenu > ul li {
    border: none;
  }
}
#submenu > ul li > ul > li:not(.icon) {
  padding-left: 2em;
}
@media only screen and (min-width: 992px) {
  #submenu > ul li > ul > li:not(.icon) {
    padding-left: 0;
  }
}
#submenu .fa-angle-down,
#submenu .fa-angle-right {
  float: right;
}
#submenu .submenu .submenu .submenu {
  display: none;
}
#submenu .mobilemenu {
  margin: 0 auto;
}
#submenu .mobilemenu .submenu {
  height: 0;
  overflow: hidden;
  padding: 0;
}
#submenu .mobilemenu .submenu li.icon {
  padding-left: 27px;
}
@media only screen and (min-width: 992px) {
  #submenu .mobilemenu .submenu.dropdown {
    display: none;
    justify-content: center;
    margin: 0 auto;
    padding: 15px 20px;
    min-width: 768px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid #ececec;
  }
  #submenu .mobilemenu .submenu.dropdown.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  #submenu .mobilemenu .submenu.dropdown.active > li {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 2vw;
    text-align: left;
  }
  #submenu .mobilemenu .submenu.dropdown.active > li > .submenu {
    height: auto;
  }
  #submenu .mobilemenu .submenu.dropdown.subs-4 > li {
    min-width: 200px;
  }
  #submenu .mobilemenu .submenu.dropdown.subs-3 > li {
    min-width: 200px;
  }
  #submenu .mobilemenu .submenu.dropdown.subs-2 > li {
    min-width: 200px;
  }
  #submenu .mobilemenu .submenu.dropdown a span {
    display: none;
  }
}
#submenu .mobilemenu .submenu.dropdown .header {
  color: #104f25;
  font-size: 1.125rem;
  font-weight: 700;
}
/**************************************************/

/************************************************** SUBPAGES MENU */

.subpagesmenu {
  display: inline-block;
  margin: 1rem auto;
  width: auto;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-filter: drop-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.25));
  /*
	@media @xl-and-up {
	position: absolute;
	top: 400px;
	left: 1%;
	width: auto;
	}
	*/

}
.subpagesmenu h4 {
  background-color: #104f25;
  border: 0.5rem solid #104f25;
  color: #fff;
}
.subpagesmenu ul {
  padding: 0 0.5rem;
}
.subpagesmenu ul li {
  margin-left: 0;
  line-height: 2;
}
/**************************************************/

/* TABLES CSS */

/************************************************** TABLE: FLEX */

@media only screen and (max-width: 575.98px) {
  .flex-xs,
  .flex-xs thead,
  .flex-xs tbody,
  .flex-xs tfoot,
  .flex-xs th,
  .flex-xs td {
    display: block;
  }
  .flex-xs thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .flex-xs tr {
    display: flex;
    flex-flow: row wrap;
    height: auto;
  }
  .flex-xs tr th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .flex-xs tr hr {
    display: none;
  }
  .flex-xs td {
    width: 100%;
    border: 0;
    vertical-align: top;
  }
  .flex-xs td[data-title] {
    position: relative;
    padding-left: 25%;
  }
  .flex-xs td[data-title]::before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 0;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
    /* Label the data */
    content: attr(data-title);
    font-weight: bold;
    text-align: left;
  }
  .flex-xs td[data-title].font-weight-normal::before {
    font-weight: normal;
  }
}
/************************************************** TABLE: HOLIDAYS */

.flex-table,
.flex-table thead,
.flex-table tbody,
.flex-table tfoot,
.flex-table th,
.flex-table td {
  display: block;
}
.flex-table tr {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  height: auto;
}
.flex-table tr th,
.flex-table tr td {
  flex: 0 0 auto;
}
.flex-table.holidays tr {
  border-bottom: 1px solid #104f25;
}
.flex-table.holidays tr th,
.flex-table.holidays tr td {
  flex: 0 1 auto;
  width: 50%;
}
.flex-table.holidays tr th:nth-child(1),
.flex-table.holidays tr td:nth-child(1) {
  order: 1;
  min-width: 130px;
}
.flex-table.holidays tr th:nth-child(2),
.flex-table.holidays tr td:nth-child(2) {
  order: 4;
  text-align: right;
  color: #000;
}
.flex-table.holidays tr th:nth-child(3),
.flex-table.holidays tr td:nth-child(3) {
  order: 2;
  text-align: right;
}
.flex-table.holidays tr th:nth-child(4),
.flex-table.holidays tr td:nth-child(4) {
  order: 3;
}
.flex-table.holidays tr th:nth-child(5),
.flex-table.holidays tr td:nth-child(5) {
  order: 5;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .flex-table.holidays tr {
    justify-content: flex-start;
  }
  .flex-table.holidays tr th,
  .flex-table.holidays tr td {
    padding: 0 0.5rem;
    width: 90px;
  }
  .flex-table.holidays tr th:nth-child(1),
  .flex-table.holidays tr td:nth-child(1) {
    padding-left: 0;
  }
  .flex-table.holidays tr th:nth-child(2),
  .flex-table.holidays tr td:nth-child(2) {
    min-width: 110px;
  }
  .flex-table.holidays tr th:nth-child(3),
  .flex-table.holidays tr td:nth-child(3) {
    order: 3;
    text-align: left;
  }
  .flex-table.holidays tr th:nth-child(4),
  .flex-table.holidays tr td:nth-child(4) {
    order: 4;
    padding-right: 1rem;
  }
  .flex-table.holidays tr th:nth-child(5),
  .flex-table.holidays tr td:nth-child(5) {
    padding: 0;
    width: auto;
  }
}
/**************************************************/

/************************************************** ZEBRA TABLE */

table.zebra tbody tr td {
  background-color: #fff;
}
table.zebra tbody tr:nth-of-type(2n+2) td {
  background-color: #f7f6f5;
}
table.zebra tbody tr:nth-of-type(2n+2) td input,
table.zebra tbody tr:nth-of-type(2n+2) td select,
table.zebra tbody tr:nth-of-type(2n+2) td textarea {
  background-color: #fff;
}
/**************************************************/

/************************************************** FAVORITES / ORDERHISTORY TABLES */

table[cellpadding='5'] th,
table[cellpadding='5'] td {
  padding: 1.25%;
}
table th[align='left'],
table td[align='left'] {
  text-align: left;
}
table th[align='center'],
table td[align='center'] {
  text-align: center;
}
table th[align='right'],
table td[align='right'],
table th.right,
table td.right,
table th.number,
table td.number {
  text-align: right;
}
table.favorites,
table.orderhistory {
  border: none;
}
table.favorites td,
table.orderhistory td,
table.favorites th,
table.orderhistory th {
  padding-left: 1%;
}
table.favorites td.artlistorder,
table.orderhistory td.artlistorder,
table.favorites th.artlistorder,
table.orderhistory th.artlistorder,
table.favorites td:first-of-type,
table.orderhistory td:first-of-type,
table.favorites th:first-of-type,
table.orderhistory th:first-of-type {
  padding-left: 0;
}
table.favorites td.artlistfavorite,
table.orderhistory td.artlistfavorite,
table.favorites th.artlistfavorite,
table.orderhistory th.artlistfavorite {
  width: calc(55px + 1%);
}
table.favorites td.artlistorder,
table.orderhistory td.artlistorder,
table.favorites th.artlistorder,
table.orderhistory th.artlistorder {
  width: 77px;
}
table.favorites td.view-details,
table.orderhistory td.view-details,
table.favorites th.view-details,
table.orderhistory th.view-details {
  width: calc(92px + 1%);
}
table.favorites td.quantity,
table.orderhistory td.quantity,
table.favorites th.quantity,
table.orderhistory th.quantity,
table.favorites td.quantity input,
table.orderhistory td.quantity input,
table.favorites th.quantity input,
table.orderhistory th.quantity input,
table.favorites td.quantity span,
table.orderhistory td.quantity span,
table.favorites th.quantity span,
table.orderhistory th.quantity span {
  height: 32px;
  line-height: 32px;
  text-align: right;
}
table.favorites td.quantity input,
table.orderhistory td.quantity input,
table.favorites th.quantity input,
table.orderhistory th.quantity input {
  border: 1px solid Transparent;
  border-bottom-color: #104f25;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: border 150ms ease;
  -moz-transition: border 150ms ease;
  -ms-transition: border 150ms ease;
  -o-transition: border 150ms ease;
  transition: border 150ms ease;
}
table.favorites td.quantity input:hover,
table.orderhistory td.quantity input:hover,
table.favorites th.quantity input:hover,
table.orderhistory th.quantity input:hover,
table.favorites td.quantity input:focus,
table.orderhistory td.quantity input:focus,
table.favorites th.quantity input:focus,
table.orderhistory th.quantity input:focus {
  border-color: #104f25;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
table.favorites td.quantity span,
table.orderhistory td.quantity span,
table.favorites th.quantity span,
table.orderhistory th.quantity span {
  display: inline-block;
  padding: 0 0.5rem;
}
table.favorites .artlsteditbox,
table.orderhistory .artlsteditbox {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #104f25;
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/**************************************************/

table.reparatie td {
  text-align: left;
}
table.reparatie td[align='right'] {
  text-align: right;
}
/* I FEEL THE NEED, THE NEED FOR; SPACE */

/* SECTIONS CSS */

.content-section {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /* Automatische padding voor tekst blokken */

  /******* Alle gedefinieerde hoogtes en bijbehorende dingen **/

}
.content-section.inherit-color h1,
.content-section.inherit-color h2,
.content-section.inherit-color h3,
.content-section.inherit-color h4,
.content-section.inherit-color h5,
.content-section.inherit-color h6,
.content-section.inherit-color a,
.content-section.inherit-color p {
  color: inherit !important;
}
.content-section.section-fill {
  width: 100%;
}
.content-section.section-container {
  max-width: 1140px;
  width: 100%;
}
.content-section.section-narrow {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .content-section.section-narrow {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .content-section.section-narrow {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  .content-section.section-narrow {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section.section-narrow {
    width: 750px;
  }
}
.content-section.section-fill .row-fill .block-text,
.content-section.section-fill .row-fill .block-html,
.content-section.section-fill .row-fill .block-icons,
.content-section.section-fill .row-fill breadcrumb {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media only screen and (max-width: 1199.98px) {
  .content-section.section-container .row-fill .block-text,
  .content-section.section-fill .row-container .block-text,
  .content-section.section-container .row-container .block-text,
  .content-section.section-container .row-fill .block-html,
  .content-section.section-fill .row-container .block-html,
  .content-section.section-container .row-container .block-html,
  .content-section.section-container .row-fill .block-icons,
  .content-section.section-fill .row-container .block-icons,
  .content-section.section-container .row-container .block-icons,
  .content-section.section-container .row-fill breadcrumb,
  .content-section.section-fill .row-container breadcrumb,
  .content-section.section-container .row-container breadcrumb {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .content-section.section-narrow .block-text,
  .content-section .row-narrow .block-text,
  .content-section.section-narrow .block-html,
  .content-section .row-narrow .block-html,
  .content-section.section-narrow .block-icons,
  .content-section .row-narrow .block-icons,
  .content-section.section-narrow breadcrumb,
  .content-section .row-narrow breadcrumb {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.content-section .block-text,
.content-section .block-html {
  text-align: justify;
}
.content-section .block-text p a,
.content-section .block-html p a {
  font-weight: bold;
}
.content-section .section-row.col1 .image-container .title {
  font-weight: bold;
}
.content-section .section-row {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .content-section .section-row {
    flex-wrap: wrap;
    /*	Toch maar geen automatische marge
  			&.col2, &.col3
  			{
  			.column
  			{
  			margin-bottom: 1rem !important;
  			
  			&:last-of-type
  			{
  			margin-bottom: 0 !important;
  			}
  			
  			}
  			}
  			*/
  
  }
  .content-section .section-row .column {
    width: 100% !important;
  }
}
.content-section .section-row.row-container {
  max-width: 1140px;
}
.content-section .section-row.row-narrow {
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .content-section .section-row.row-narrow {
    max-width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .content-section .section-row.row-narrow {
    max-width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  .content-section .section-row.row-narrow {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section .section-row.row-narrow {
    max-width: 750px;
  }
}
.content-section .section-row.col1 .column {
  width: 100%;
}
.content-section .section-row.col2 .column {
  width: 50%;
}
.content-section .section-row.col3 .column {
  width: 33.33%;
}
.content-section .section-row .column.align-self-start {
  align-self: flex-start;
}
.content-section .section-row .column.align-self-center {
  align-self: center;
}
.content-section .section-row .column.align-self-end {
  align-self: flex-end;
}
.content-section .section-row .column.block-slider .cycle-slideshow {
  width: 100%;
}
.content-section.hgt690,
.content-section .hgt690 {
  height: 120vw;
  max-height: 690px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .content-section.hgt690,
  .content-section .hgt690 {
    height: 60vw;
  }
}
@media only screen and (min-width: 768px) {
  .content-section.hgt690,
  .content-section .hgt690 {
    height: 60vw;
  }
}
@media only screen and (min-width: 992px) {
  .content-section.hgt690,
  .content-section .hgt690 {
    height: 60vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section.hgt690,
  .content-section .hgt690 {
    height: 690px;
  }
}
.content-section.hgt450,
.content-section .hgt450 {
  height: 78vw;
  max-height: 450px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .content-section.hgt450,
  .content-section .hgt450 {
    height: 39vw;
  }
}
@media only screen and (min-width: 768px) {
  .content-section.hgt450,
  .content-section .hgt450 {
    height: 39vw;
  }
}
@media only screen and (min-width: 992px) {
  .content-section.hgt450,
  .content-section .hgt450 {
    height: 39vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section.hgt450,
  .content-section .hgt450 {
    height: 450px;
  }
}
.content-section.hgt360,
.content-section .hgt360 {
  height: 62vw;
  max-height: 360px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .content-section.hgt360,
  .content-section .hgt360 {
    height: 31vw;
  }
}
@media only screen and (min-width: 768px) {
  .content-section.hgt360,
  .content-section .hgt360 {
    height: 31vw;
  }
}
@media only screen and (min-width: 992px) {
  .content-section.hgt360,
  .content-section .hgt360 {
    height: 31vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section.hgt360,
  .content-section .hgt360 {
    height: 360px;
  }
}
.content-section.hgt225,
.content-section .hgt225 {
  height: 40vw;
  max-height: 225px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .content-section.hgt225,
  .content-section .hgt225 {
    height: 20vw;
  }
}
@media only screen and (min-width: 768px) {
  .content-section.hgt225,
  .content-section .hgt225 {
    height: 20vw;
  }
}
@media only screen and (min-width: 992px) {
  .content-section.hgt225,
  .content-section .hgt225 {
    height: 20vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section.hgt225,
  .content-section .hgt225 {
    height: 225px;
  }
}
.content-section .section-row.hgt690 .block-slider,
.content-section .section-row.hgt450 .block-slider,
.content-section .section-row.hgt360 .block-slider,
.content-section .section-row.hgt225 .block-slider,
.content-section .section-row.hgt690 .block-image,
.content-section .section-row.hgt450 .block-image,
.content-section .section-row.hgt360 .block-image,
.content-section .section-row.hgt225 .block-image,
.content-section .section-row.hgt690 .block-media,
.content-section .section-row.hgt450 .block-media,
.content-section .section-row.hgt360 .block-media,
.content-section .section-row.hgt225 .block-media,
.content-section .section-row.hgt690 .image-container,
.content-section .section-row.hgt450 .image-container,
.content-section .section-row.hgt360 .image-container,
.content-section .section-row.hgt225 .image-container,
.content-section .section-row.hgt690 .media-container,
.content-section .section-row.hgt450 .media-container,
.content-section .section-row.hgt360 .media-container,
.content-section .section-row.hgt225 .media-container {
  height: 100%;
}
.content-section .section-row.hgt690 .block-slider .cycle-slideshow,
.content-section .section-row.hgt450 .block-slider .cycle-slideshow,
.content-section .section-row.hgt360 .block-slider .cycle-slideshow,
.content-section .section-row.hgt225 .block-slider .cycle-slideshow {
  height: 100%;
}
.content-section .section-row.hgt690 .block-slider .cycle-slideshow .slide,
.content-section .section-row.hgt450 .block-slider .cycle-slideshow .slide,
.content-section .section-row.hgt360 .block-slider .cycle-slideshow .slide,
.content-section .section-row.hgt225 .block-slider .cycle-slideshow .slide {
  height: 100%;
}
.content-section .section-row.hgt690 .block-slider .cycle-slideshow .slide .image,
.content-section .section-row.hgt450 .block-slider .cycle-slideshow .slide .image,
.content-section .section-row.hgt360 .block-slider .cycle-slideshow .slide .image,
.content-section .section-row.hgt225 .block-slider .cycle-slideshow .slide .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.content-section .image-container,
.content-section .media-container {
  position: relative;
  display: block;
  text-align: center;
  vertical-align: middle;
}
.content-section .image-container img,
.content-section .media-container img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
}
.content-section .image-container img.embed-responsive-item,
.content-section .media-container img.embed-responsive-item,
.content-section .image-container img.fill,
.content-section .media-container img.fill {
  height: 100%;
}
.content-section .image-container img[data-content_position="below"],
.content-section .media-container img[data-content_position="below"] {
  height: 75%;
}
.content-section .image-container .content,
.content-section .media-container .content {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 33.33333333%;
}
.content-section .image-container .content.top,
.content-section .media-container .content.top {
  top: 0;
}
.content-section .image-container .content.middle,
.content-section .media-container .content.middle {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.content-section .image-container .content.bottom,
.content-section .media-container .content.bottom {
  bottom: 0;
}
.content-section .image-container .content.below,
.content-section .media-container .content.below {
  position: relative;
  height: auto;
}
.content-section .image-container .content.below::before,
.content-section .media-container .content.below::before {
  content: '';
  display: block;
  padding-top: 25%;
}
.content-section .image-container .content button,
.content-section .media-container .content button {
  border: none;
  border-radius: 4px;
  width: 250px;
  min-height: 2.5em;
  font-size: larger;
}
.content-section .image-container .content .text,
.content-section .media-container .content .text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.content-section .image-container .content .text .pretitle,
.content-section .media-container .content .text .pretitle {
  margin-bottom: 0.25em;
}
.content-section .image-container .content .text .subtitle,
.content-section .media-container .content .text .subtitle {
  margin-top: 0.1em;
}
.content-section .image-container .content .text .subtitle.fs16,
.content-section .media-container .content .text .subtitle.fs16 {
  margin-top: 1.25em;
}
.content-section .image-container .content .text .pretitle > h1,
.content-section .media-container .content .text .pretitle > h1,
.content-section .image-container .content .text .title > h1,
.content-section .media-container .content .text .title > h1,
.content-section .image-container .content .text .subtitle > h1,
.content-section .media-container .content .text .subtitle > h1 {
  margin: inherit;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.content-section .image-container .content .text .pretitle + button,
.content-section .media-container .content .text .pretitle + button,
.content-section .image-container .content .text .title + button,
.content-section .media-container .content .text .title + button,
.content-section .image-container .content .text .subtitle + button,
.content-section .media-container .content .text .subtitle + button,
.content-section .image-container .content .text .pretitle + [role='button'],
.content-section .media-container .content .text .pretitle + [role='button'],
.content-section .image-container .content .text .title + [role='button'],
.content-section .media-container .content .text .title + [role='button'],
.content-section .image-container .content .text .subtitle + [role='button'],
.content-section .media-container .content .text .subtitle + [role='button'] {
  margin-top: 1rem;
}
@media only screen and (max-width: 575.98px) {
  .content-section .image-container .content .text .pretitle,
  .content-section .media-container .content .text .pretitle,
  .content-section .image-container .content .text .subtitle,
  .content-section .media-container .content .text .subtitle {
    font-size: 1.25rem !important;
  }
  .content-section .image-container .content .text .title,
  .content-section .media-container .content .text .title {
    font-size: 1.9rem !important;
  }
}
.content-section .image-container.media-1by1 .content,
.content-section .media-container.media-1by1 .content {
  height: 25%;
}
.content-section .image-container.media-16by9 .content,
.content-section .media-container.media-16by9 .content {
  height: 25%;
}
.content-section .image-container.media-16by9 .content.below::before,
.content-section .media-container.media-16by9 .content.below::before {
  padding-top: 18.57%;
}
.content-section .image-container.media-fill,
.content-section .media-container.media-fill {
  height: 100%;
}
.content-section .image-container.media-fill img,
.content-section .media-container.media-fill img {
  height: 100%;
}
.content-section ul.usp-bar {
  margin: 0;
  padding: 0;
  min-height: 30px;
  line-height: 30px;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  justify-content: space-between;
}
.content-section ul.usp-bar.usp-large {
  font-size: 1.12rem;
  font-weight: 600;
}
@media only screen and (min-width: 576px) {
  .content-section ul.usp-bar.usp-large {
    font-size: 1.12rem;
  }
}
@media only screen and (min-width: 768px) {
  .content-section ul.usp-bar.usp-large {
    font-size: 2.12vw;
  }
}
@media only screen and (min-width: 992px) {
  .content-section ul.usp-bar.usp-large {
    font-size: 2.12vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section ul.usp-bar.usp-large {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 576px) {
  .content-section ul.usp-bar {
    text-align: center;
    justify-content: center;
  }
}
.content-section ul.usp-bar li {
  display: block;
  margin: 0;
  padding: 0 0.5em;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .content-section ul.usp-bar li {
    width: auto;
  }
}
.content-section ul.usp-bar li .fas {
  margin-right: 0.5em;
  color: #104f25;
}
.content-section ul.usp-bar.vertical {
  flex-flow: row wrap;
  justify-content: flex-start;
  text-align: left;
  font-size: 1.05rem;
}
@media only screen and (min-width: 576px) {
  .content-section ul.usp-bar.vertical {
    font-size: 1.05rem;
  }
  .content-section ul.usp-bar.vertical.left {
    justify-content: flex-end;
    text-align: right;
  }
  .content-section ul.usp-bar.vertical.left .fas {
    margin-left: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .content-section ul.usp-bar.vertical {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 992px) {
  .content-section ul.usp-bar.vertical {
    font-size: 1.855vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section ul.usp-bar.vertical {
    font-size: 1.4rem;
  }
}
.content-section ul.usp-bar.vertical li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 100%;
}
.content-section ul.icon-list-1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  list-style: none;
  margin: 0 auto;
  padding: 15px 0;
  width: auto;
}
@media only screen and (min-width: 576px) {
  .content-section ul.icon-list-1 {
    flex-flow: row wrap;
  }
}
.content-section ul.icon-list-1 li {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  align-self: center;
  margin: 0 auto;
  padding: 10px 0;
  text-align: left;
  font-size: 4vw;
  color: #115026;
}
@media only screen and (min-width: 576px) {
  .content-section ul.icon-list-1 li {
    margin: 0;
    font-size: 2.9vw;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .content-section ul.icon-list-1 li {
    font-size: 1.5rem;
  }
}
.content-section ul.icon-list-1 li span {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 1rem;
}
.content-section ul.icon-list-1 li img {
  width: 60px;
  height: 60px;
  vertical-align: middle;
  object-fit: contain;
  object-position: center;
}
@media only screen and (min-width: 576px) {
  .content-section ul.icon-list-1 li img {
    width: 100px;
    height: 100px;
  }
}
.content-section ul.icon-list-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 15px 0;
}
@media only screen and (min-width: 576px) {
  .content-section ul.icon-list-2 {
    flex-flow: row wrap;
    width: 100%;
  }
}
.content-section ul.icon-list-2 li {
  position: relative;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  align-self: center;
  margin: 0 15px;
  padding: 10px 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: #104f25;
}
@media only screen and (min-width: 576px) {
  .content-section ul.icon-list-2 li {
    margin: 0;
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 768px) {
  .content-section ul.icon-list-2 li {
    font-size: 2.625rem;
  }
}
.content-section ul.icon-list-2 li img {
  max-width: 100%;
  height: 132px;
  vertical-align: middle;
  object-fit: contain;
  object-position: center;
}
.content-section ul.icon-list-3 {
  list-style: none;
  width: 100%;
}
.content-section ul.icon-list-3 li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-flow: row wrap;
  padding: 0;
}
.content-section ul.icon-list-3 li + li {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .content-section ul.icon-list-3 li + li {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .content-section ul.icon-list-3 li + li {
    margin-top: 10px;
  }
}
.content-section ul.icon-list-3 li .image {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 25%;
  padding-right: 5%;
}
.content-section ul.icon-list-3 li .image img {
  width: 100%;
  max-width: 120px;
  height: 100%;
  vertical-align: middle;
  object-fit: contain;
  object-position: center;
}
.content-section ul.icon-list-3 li .content {
  -webkit-box-flex: 1 3 auto;
  -moz-box-flex: 1 3 auto;
  -webkit-flex: 1 3 auto;
  -ms-flex: 1 3 auto;
  flex: 1 3 auto;
  padding-right: 0.5rem;
  width: 75%;
  text-align: justify;
}
@media only screen and (min-width: 576px) {
  .content-section ul.icon-list-3 li .content {
    padding-right: 0;
  }
}
.content-section ul.icon-list-3 li .content .title {
  font-weight: 700;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  
}
.content-section ul.team {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.content-section ul.team li {
  display: block;
  width: 95vw;
  height: 133vw;
  margin: 0vw 2vw;
}
.content-section ul.team li .image {
  text-align: center;
  height: 65%;
  overflow: hidden;
}
.content-section ul.team li .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
@media (pointer: fine) {
  .content-section ul.team li .image img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition-property: filter, -webkit-filter;
    transition-duration: 100ms;
  }
}
.content-section ul.team li .image img:hover {
  transition-property: filter, -webkit-filter;
  transition-duration: 100ms;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.content-section ul.team li .title {
  text-align: center;
}
.content-section ul.team li .text {
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .content-section ul.team li {
    width: 18vw;
    height: 25.2vw;
    margin: 1vw 2vw;
  }
}
@media only screen and (min-width: 1200px) {
  .content-section ul.team li {
    width: 230px;
    height: 320px;
    margin: 0.25em 0.5em;
  }
}
.content-section ol.numbered {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 360px;
  list-style: none;
  counter-reset: ol-counter;
}
.content-section ol.numbered::before {
  content: '';
  display: block;
  position: absolute;
  left: 57px;
  top: 60px;
  bottom: 60px;
  width: 6px;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .content-section ol.numbered {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-height: 140px;
  }
  .content-section ol.numbered::before {
    top: calc(50% - 33px);
    right: 60px;
    bottom: inherit;
    left: 60px;
    width: auto;
    height: 6px;
  }
}
.content-section ol.numbered li {
  position: relative;
  top: 50%;
  left: 0;
  margin: 0;
  padding-left: 120px;
  width: 100%;
  min-height: 150px;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-weight: bold;
  align-self: flex-start;
  text-align: left;
  counter-increment: ol-counter;
}
@media only screen and (min-width: 768px) {
  .content-section ol.numbered li {
    top: 60px;
    left: inherit;
    padding: 0 0 30px 0;
    height: 60px;
    min-height: 30px;
    -webkit-box-flex: 1 1 0px;
    -moz-box-flex: 1 1 0px;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    align-self: center;
    text-align: center;
  }
}
.content-section ol.numbered li div {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 768px) {
  .content-section ol.numbered li div {
    position: relative;
    top: initial;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: center;
  }
}
.content-section ol.numbered li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: counter(ol-counter);
  padding: 30px 10px;
  width: 120px;
  height: 120px;
  line-height: 30px;
  background-color: #fff;
  border: 15px solid #104f25;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #104f25;
  font-size: 150%;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .content-section ol.numbered li::before {
    top: -120px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.content-section h5.timeline {
  padding: 0 0.5rem 0 2rem;
}
@media only screen and (min-width: 576px) {
  .content-section h5.timeline {
    padding: 0;
  }
}
.content-section ul.timeline {
  position: relative;
  margin: 1rem 0 0 0.5rem;
  padding: 0;
  line-height: 1.3rem;
  list-style: none;
  color: #104f25;
}
@media only screen and (min-width: 576px) {
  .content-section ul.timeline {
    padding: 0 1.5em;
  }
}
@media only screen and (min-width: 576px) {
  .content-section ul.timeline {
    margin-left: calc(-1.5rem - 24px);
  }
}
.content-section ul.timeline::before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  width: 1px;
  border-left: 1px solid #104f25;
}
.content-section ul.timeline::after {
  content: '\f0d7';
  position: absolute;
  left: -4px;
  bottom: -10px;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: bold;
  color: #104f25;
}
.content-section ul.timeline li {
  margin: 0 0 0.5rem 1.5rem;
}
.content-section ul.timeline li::before {
  content: '\f111';
  margin-left: -29px;
  margin-right: 17px;
  line-height: 1.3rem;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 0.75rem;
  color: #104f25;
  /*
				@media @sm-and-up {
				margin-left: ~"calc(-0.5rem - 29px)";
				margin-right: ~"calc(0.5rem + 17px)";
				}
				
				@media @md-and-up {
				margin-left: ~"calc(-1.5rem - 29px)";
				margin-right: ~"calc(1.5rem + 17px)";
				}
				*/

}
@media only screen and (min-width: 576px) {
  .content-section ul.timeline li::before {
    margin-left: calc(-1.5rem - 29px);
    margin-right: calc(1.5rem + 17px);
  }
}
.content-section ul.timeline li b {
  display: inline-block;
  line-height: 1rem;
  font-size: 1.1rem;
  color: #234523;
}
.content-section ul.timeline:last-child {
  padding-bottom: 1.5rem;
}
.cycle-slideshow .slide {
  position: relative;
  width: 100%;
}
.cycle-slideshow .slide img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.cycle-slideshow .cycle-navigation {
  z-index: 999;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 40px;
  transform: translateY(-50%);
}
.cycle-slideshow .cycle-navigation .cycle-prev,
.cycle-slideshow .cycle-navigation .cycle-next {
  position: absolute;
  display: block;
  height: 40px;
  text-align: center;
  color: #104f25;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -ms-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease;
}
.cycle-slideshow .cycle-navigation .cycle-prev,
.cycle-slideshow .cycle-navigation .cycle-next,
.cycle-slideshow .cycle-navigation .cycle-prev i,
.cycle-slideshow .cycle-navigation .cycle-next i,
.cycle-slideshow .cycle-navigation .cycle-prev i::before,
.cycle-slideshow .cycle-navigation .cycle-next i::before {
  width: 40px;
  line-height: 40px;
}
.cycle-slideshow .cycle-navigation .cycle-prev {
  right: 0;
}
.cycle-slideshow .cycle-navigation .cycle-next {
  left: 0;
}
.cycle-slideshow:hover .cycle-navigation .cycle-prev i,
.cycle-slideshow:hover .cycle-navigation .cycle-next i {
  background-color: rgba(255, 255, 255, 0.6);
}
/************************************************** SHOWROOM CARROUSEL */

.block-slider .cycle-carrousel {
  position: relative;
  width: 100%;
  text-align: center;
}
.block-slider .cycle-carrousel .image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.block-slider .cycle-carrousel .image-container::before {
  content: '';
  display: block;
  padding-top: 83.33333333%;
}
.block-slider .cycle-carrousel .image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  vertical-align: middle;
}
.block-slider .cycle-carrousel .image-container .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.block-slider .cycle-carrousel .image-container .content::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.block-slider .cycle-carrousel .image-container .content .title {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.block-slider .cycle-carrousel .image-container:hover .content {
  opacity: 1;
}
.block-slider .cycle-carrousel .cycle-next,
.block-slider .cycle-carrousel .cycle-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  text-align: center;
  color: #474645 !important;
}
.block-slider .cycle-carrousel:hover .cycle-next,
.block-slider .cycle-carrousel:hover .cycle-prev {
  color: #fff;
}
/**************************************************/

/************************************************** ALTERNATING ROWS */

.alternating section.content-section .col2:nth-child(even) {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
/**************************************************/

/************************************************** DEBUG DESIGN LINES */

div.debug_container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  border: 1px solid #f00;
  z-index: -1;
}
div.debug_narrow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  margin: 0 auto;
  height: 100%;
  border: 1px solid #f0f;
  z-index: -1;
}
@media only screen and (min-width: 576px) {
  div.debug_narrow {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  div.debug_narrow {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  div.debug_narrow {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  div.debug_narrow {
    width: 750px;
  }
}
/**************************************************/

/* PRODUCTS */

/************************************************** WEBGROUP LIST */

.webgroups.flexmenu.horizontal {
  justify-content: center;
  padding-top: 3.5%;
}
.webgroups .webgroup {
  position: relative;
  margin: 0 10px 10px;
  padding: 0 15px;
}
.webgroups a:hover {
  text-decoration: none;
}
.webgroups .image {
  width: 100%;
  background-color: #f7f6f5;
}
.webgroups .image img {
  width: 100%;
}
.webgroups .titles {
  position: absolute;
  bottom: 1em;
  margin: 0;
  padding: 0;
}
.webgroups h2 {
  margin: 0;
  padding: 0 1rem;
  line-height: 1em;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 4px #000000;
}
.webgroups.grid {
  --grid-gap: 10px;
  --column-count: 5;
  --item--min-width: 200px;
  --gap-count: calc(var(--column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-gap));
  --item--max-width: calc((100% - var(--total-gap-width)) / var(--column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--item--min-width), var(--item--max-width)), 1fr));
  align-items: center;
  justify-content: center;
  grid-gap: var(--grid-gap);
}
.webgroups.grid h3 {
  grid-column: 1 / -1;
  margin: 2rem 0;
}
.webgroups.grid .webgroup {
  margin: 0;
  padding: 5px;
}
.webgroups.grid .webgroup.priority {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  border-radius: 5px;
  color: #696969;
}
.webgroups.grid .webgroup.priority:hover {
  background-color: #104f25;
  border-color: #104f25;
  color: #fff;
}
/**************************************************/

/************************************************** PRODUCT LIST */

.productlist .seperatorTop {
  border-top: 1px solid #f7f6f5;
  height: 1rem;
}
@media only screen and (min-width: 992px) {
  .productlist .seperatorTop {
    height: 30px;
  }
}
:not(#alternative) > .products {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex-flow: wrap;
}
.products > h3 {
  padding: 0 0 20px 0 !important;
  color: #474645;
}
.products .product {
  margin-bottom: 20px;
  width: 100%;
  /************************************************** IMAGE */

  /************************************************** infoBlock */

  /************************************************** Properties */

  /************************************************** priceBlock */

  /************************************************** ALTERNATIVE PRODUCTS */

  /************************************************** /ALTERNATIVE PRODUCTS */

  /************************************************** ACCESSORY */

  /************************************************** /ACCESSORY */

}
@media only screen and (min-width: 768px) {
  .products .product {
    margin-bottom: 30px;
  }
}
.products .product a,
.products .product a:hover {
  text-decoration: none;
}
.products .product .allinprijs {
  top: -3px;
  right: 50%;
}
.products .product .product-container {
  position: relative;
  background: #474645;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /************************************************** IMG SRC TRANSITION */

  /************************************************** linksBlock */

}
.products .product .product-container::before {
  display: block;
  content: '';
  padding-top: 95%;
}
.products .product .product-container .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/_clientfiles/layout/image.svg) no-repeat center center;
  background-size: 50%;
  object-fit: cover;
  object-position: center center;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  opacity: 1;
}
.products .product .product-container .photo.transitioning-src {
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  opacity: 0;
}
.products .product .product-container .favorite {
  position: absolute;
  top: 0;
  right: 5px;
}
.products .product .product-container .linkBlock {
  z-index: 1;
  position: absolute;
  top: 44px;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.products .product .product-container .linkBlock.two {
  top: 25px;
}
.products .product .product-container .linkBlock.active {
  opacity: 1;
}
.products .product .product-container .linkBlock .sample,
.products .product .product-container .linkBlock .details {
  display: block;
  font-size: 0.75rem;
  line-height: 1.2rem;
  text-transform: uppercase;
  padding: 0 1rem;
}
.products .product .product-container .linkBlock .sample {
  background-color: #104f25;
  color: #fff;
}
.products .product .product-container .linkBlock .details {
  background-color: rgba(255, 255, 255, 0.99);
}
.products .product .infoBlock {
  display: block;
  /* VALIGN:BOTTOM
			position: relative;
			*/
  padding: 0;
  background-color: #fff;
  overflow: hidden;
  line-height: 1.3rem;
  font-size: 0.833rem;
  height: 40px;
  /* VALIGN:BOTTOM
			.desc {
			position: absolute;
			bottom: 0;
			}
			*/

}
.products .product .properties {
  position: absolute;
  bottom: 1rem;
  left: 0;
  margin: 0;
  padding: 0.5rem 1rem;
  line-height: normal;
  list-style-type: none;
  list-style-position: inside;
  background-color: #104f25;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  opacity: 0;
}
.products .product .properties li {
  margin: 0;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .products .product .properties {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
}
@media (hover: hover) and (pointer: fine) {
  .products .product:hover .properties {
    opacity: 1;
  }
}
.products .product .priceBlock {
  margin-bottom: 0.25rem;
}
.products .product .priceBlock.withUnit {
  min-width: 133px;
}
.products .product .priceBlock.withUnit .price {
  position: relative;
  padding: 0 1rem 0.5rem 0.5rem;
}
.products .product .priceBlock.withUnit .sale {
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: right;
}
.products .product .priceBlock.withUnit .unit {
  position: absolute;
  right: 3px;
  bottom: 0;
  color: #fff;
  font-size: 0.75rem;
}
.products .product .priceBlock .price {
  display: block;
  float: left;
  color: #104f25;
}
.products .product .priceBlock .price .msrp {
  display: inline-block;
  font-size: 0.7rem;
}
.products .product .priceBlock .price .msrp .text {
  text-decoration: none;
}
.products .product .priceBlock .price .sale {
  margin: 0;
  line-height: normal;
  font-weight: 700;
}
.products .product .priceBlock .price .sale.text {
  font-size: 1rem;
}
.products .product .priceBlock .price .sale .text {
  font-size: 0.75rem;
  font-weight: 400;
}
.products .product .priceBlock .price .sale sup {
  font-size: 0.7em;
  top: -0.3em;
}
.products .product .priceBlock .price .xvat {
  display: none;
}
.products .product .priceBlock .rating {
  display: block;
  float: right;
  line-height: 1rem;
}
.products .product .priceBlock .rating.placeholder {
  background-color: Transparent;
  width: 65px;
  height: 20px;
}
.products .product .priceBlock .rating * {
  color: #104f25;
  font-size: 0.6rem;
}
.products .product .priceBlock .rating .rating,
.products .product .priceBlock .rating .count {
  display: inline-block;
}
.products .product.alternative {
  position: relative;
  display: block;
}
.products .product.alternative .desc {
  font-weight: bold;
  margin-bottom: 0.5rem;
  line-height: 1;
  height: 2rem;
}
.products .product.alternative .image {
  margin-left: -1rem;
}
.products .product.alternative .image img {
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.products .product.alternative .priceBlock {
  position: absolute;
  right: 30px;
  top: 40px;
}
.products .product.alternative .properties {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
}
.products .product.alternative .properties li {
  display: inline-block;
  width: 33.33333333%;
  font-size: 0.833rem;
}
.products .product.accessory {
  position: relative;
  display: block;
  background-color: #fff;
}
.products .product.accessory .desc {
  font-size: 0.833rem;
  height: 1rem;
  line-height: 1rem;
  overflow: hidden;
  font-weight: bold;
}
.products .product.accessory img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}
.products .product.accessory .infoBlock {
  position: absolute;
  top: 1.5rem;
  right: 0;
  font-size: 0.833rem;
}
.products .product.accessory .infoBlock li {
  margin: 0;
}
.products .product.accessory .priceBlock {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.products .product.accessory .priceBlock .price {
  position: relative;
  display: block;
  padding: 0 0.5rem;
  color: #fff;
}
.products .product.accessory .priceBlock .price .fa {
  position: absolute;
  font-size: 1.1rem;
  top: -0.45em;
  right: -0.4em;
  color: #dfdfdf;
}
.products .product.accessory .priceBlock .sale {
  position: relative;
  top: auto;
  top: unset;
  top: initial;
  display: block;
  font-size: 2.2rem;
  font-weight: bold;
}
.products .product.accessory .priceBlock .sale sup {
  top: -0.25em;
}
.products .product.accessory .properties {
  margin: 0;
  padding: 0 1rem;
  list-style-type: none;
  list-style-position: inside;
  text-align: right;
}
/************************************************** /PRODUCTS */

/************************************************** ACCESSORIES LIST */

#accessories {
  background-color: #f7f6f5;
}
#accessories,
#accessories h3 {
  color: #474645;
}
/************************************************** /ACCESSORIES LIST */

/************************************************** FILTERS */

.mobilefilter {
  display: none;
  visibility: hidden;
}
@media only screen and (max-width: 991.98px) {
  body.filtersavailable .mobilefilter {
    display: block;
    visibility: visible;
    margin-bottom: 0.5rem;
  }
  body.filtersavailable .mobilefilter .mobilebutton {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    max-width: 256px;
    height: 48px;
    line-height: 48px;
    background-color: #f7f6f5;
    border-radius: 4px;
    color: #104f25;
    font-weight: 600;
    text-align: center;
  }
  body.filtersavailable .mobilefilter:hover {
    color: #474645;
    text-decoration: none;
  }
}
@media only screen and (max-width: 991.98px) {
  #filters {
    background-color: #f7f6f5;
    padding: 0 1rem;
  }
}
.filters {
  max-height: 0;
  background-color: transparent;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .filters {
    max-height: 100%;
    max-height: unset;
  }
}
body.filtersactive .filters {
  max-height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #ececec;
}
.filters .reset {
  padding: 1rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .filters .reset button.close {
    display: none;
  }
}
.filters .ui-slider .ui-slider-handle {
  background-color: #104f25;
  border-color: #104f25;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.filters #slider-range {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}
.slide-amount {
  padding: 0 0.5rem 1rem;
  height: 24px;
}
#slide-amount-min,
#slide-amount-max {
  display: block;
  float: left;
}
#slide-amount-max {
  float: right;
}
#filters-mobile #filters {
  z-index: 99999;
  width: 100%;
}
#filters-mobile .property .title {
  margin-left: 0;
}
#filters-mobile p {
  margin: 0 5px;
}
.selectedFilters {
  text-align: left;
}
.articleSorting {
  padding: 0 0 30px 0;
  text-align: right;
}
.articleCount {
  padding: 0;
  text-align: right;
}
.articleSorting select {
  width: auto !important;
}
.removeFilter {
  display: inline-block;
  font-weight: 600;
}
.removeFilter .fa {
  color: #104f25;
  padding: 0 0.5rem 0 0.15rem;
}
.property {
  padding-bottom: 1rem;
  border-bottom: 1px solid #c3c3c3;
}
.property .title {
  margin: 0.5rem -5px 0;
  padding: 0 5px;
  height: 2rem;
  line-height: 2rem;
  background-color: transparent;
  color: #104f25;
  font-weight: 600;
  overflow: hidden;
}
.property .values {
  padding-left: 5px;
}
.property .value input {
  display: none;
}
.property .value input + label:before {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  content: '\00a0';
  font-size: 0;
  color: #fff;
  background-color: #ececec;
  border: 1px solid #ececec;
}
.property .value input:checked + label:before {
  background-color: #104f25;
  border-color: #104f25;
}
.property .value label {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.property .value label .color {
  display: inline-block;
  position: absolute;
  top: 0.25rem;
  right: 8px;
  bottom: 0.25rem;
  width: 25%;
  max-width: 5rem;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(71, 70, 69, 0.1);
  -moz-box-shadow: 1px 1px 3px 1px rgba(71, 70, 69, 0.1);
  box-shadow: 1px 1px 3px 1px rgba(71, 70, 69, 0.1);
}
.pagination {
  padding-bottom: 2rem;
  color: #474645;
  text-align: center;
}
.pagination .inactive {
  color: #ececec;
}
.pagination .dummy {
  color: #ececec;
}
.prevartpage,
.nextartpage {
  margin: 0 0.5rem;
}
.prevartpage .fa,
.nextartpage .fa {
  width: 2rem;
  height: 1.5rem;
  text-align: center;
}
/************************************************** PRODUCT */

.product h3 > font {
  font-size: inherit;
}
.product .desc a {
  color: #104f25;
  font-weight: bold;
}
.product .desclong {
  padding: 30px 0 30px;
}
.product .desclong h3 {
  padding: 0 0 20px 0 !important;
  color: #474645;
}
.product .properties ul,
.product .specs ul {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
}
.product .properties ul li,
.product .specs ul li {
  margin: 0;
  line-height: 1.846153846em;
}
.product .properties ul li .label,
.product .specs ul li .label {
  display: inline-block;
  padding-right: 0.5rem;
  width: 50%;
  text-align: right;
  font-weight: bold;
}
@media only screen and (min-width: 576px) {
  .product .properties ul li .label,
  .product .specs ul li .label {
    padding-right: 0;
    width: 40%;
    text-align: left;
  }
}
.product .properties ul li .value,
.product .specs ul li .value {
  display: inline-block;
  padding-left: 0.5rem;
  width: 50%;
}
@media only screen and (min-width: 576px) {
  .product .properties ul li .value,
  .product .specs ul li .value {
    padding-left: 0;
    width: 60%;
  }
}
.product .properties ul {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .product .properties ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.product .properties a.strong {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  color: #104f25;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .product .properties a.strong {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .product .properties a.strong {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
.product .specs {
  padding: 30px 0 50px;
  margin-bottom: 30px;
  background-color: transparent;
  color: #474645;
}
.product .specs h3 {
  padding: 0 0 20px 15px !important;
  color: #474645;
}
.product .specs ul {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
@media only screen and (min-width: 576px) {
  .product .specs ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 992px) {
  .product .specs ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
.product .specs ul li {
  padding: 0 15px;
}
.product .downloads {
  padding: 0;
  margin-bottom: 30px;
  background-color: transparent;
  color: #474645;
}
.product .downloads h3 {
  padding: 0 0 20px 0 !important;
  color: #474645;
}
.product .downloads strong,
.product .downloads b {
  font-size: 1.125rem;
  color: #104f25;
}
.product .korting {
  position: absolute;
  left: 0px;
  top: 0px;
}
.product .korting img {
  width: 100%;
}
.product .allinprijs {
  position: absolute;
  top: unset;
  left: 5px;
  top: 5px;
}
.product .allinprijs img {
  width: 70%;
  transform: rotate(-10deg);
}
.product.details {
  margin-bottom: 1rem;
}
.product.details .flex-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
}
.product.details .flex-details .flex-image {
  order: 2;
  width: 100%;
  grid-area: media;
}
@media only screen and (min-width: 768px) {
  .product.details .flex-details .flex-image {
    order: 1;
  }
}
.product.details .flex-details .flex-header {
  order: 1;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  grid-area: header;
}
@media only screen and (min-width: 768px) {
  .product.details .flex-details .flex-header {
    order: 2;
  }
}
.product.details .flex-details .flex-header .reviewsummary {
  order: 2;
  margin: 1rem 0 0;
  text-align: center;
}
.product.details .flex-details .flex-header .reviewsummary .count {
  display: none;
}
@media only screen and (min-width: 768px) {
  .product.details .flex-details .flex-header .reviewsummary {
    order: 1;
    margin-top: 0;
    text-align: left;
  }
  .product.details .flex-details .flex-header .reviewsummary .count {
    display: inline;
  }
}
.product.details .flex-details .flex-header h1 {
  order: 1;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .product.details .flex-details .flex-header h1 {
    order: 2;
    text-align: left;
  }
}
.product.details .flex-details .flex-header .desc {
  order: 3;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .product.details .flex-details .flex-header .desc {
    text-align: left;
  }
}
.product.details .flex-details .flex-props {
  order: 4;
  margin-bottom: 20px;
  width: 100%;
  grid-area: props;
}
.product.details .flex-details .flex-buttons {
  order: 5;
  width: 100%;
  grid-area: buttons;
  align-self: center;
}
.product.details .flex-details .flex-price {
  order: 3;
  margin-bottom: 20px;
  width: 100%;
  grid-area: price;
}
.product.details .flex-details .flex-order {
  order: 6;
  width: 100%;
  grid-area: order;
}
.product.details .flex-details .flex-notification {
  order: 7;
  width: 100%;
  min-height: 120px;
  grid-area: notification;
}
@media only screen and (min-width: 768px) {
  .product.details .flex-details {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas: "media header" "media props" "media buttons" "media price" "media order" "media notification";
  }
  .product.details .flex-details > [class^=col-] {
    max-width: 100% !important;
  }
  .product.details .flex-details > [class^=offset-] {
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 992px) {
  .product.details .flex-details {
    grid-template-columns: 41.666667% 33.333333% 25%;
    grid-template-areas: "media header header" "media props buttons" "media price order" "media notification notification";
  }
}
@media only screen and (min-width: 1200px) {
  .product.details .flex-details {
    grid-template-columns: 41.666667% 8.333333% 25% 25%;
    grid-template-areas: "media . header header" "media . props buttons" "media . price order" "media . notification notification";
  }
}
@media only screen and (max-width: 767.98px) {
  .product.details .Xflex-details {
    display: -ms-flexbox !important;
    -ms-flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  .product.details .Xflex-details .flex-image {
    order: 2;
    width: 100%;
  }
  .product.details .Xflex-details .flex-header {
    order: 1;
    width: 100%;
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .product.details .Xflex-details .flex-header .reviewsummary {
    order: 2;
    margin: 1rem 0 0;
    text-align: center;
  }
  .product.details .Xflex-details .flex-header .reviewsummary .count {
    display: none;
  }
  .product.details .Xflex-details .flex-header h1 {
    order: 1;
    text-align: center;
  }
  .product.details .Xflex-details .flex-header .desc {
    order: 3;
    text-align: center;
  }
  .product.details .Xflex-details .flex-props {
    order: 4;
    width: 100%;
  }
  .product.details .Xflex-details .flex-buttons {
    order: 5;
    width: 100%;
  }
  .product.details .Xflex-details .flex-price {
    order: 3;
    width: 100%;
    margin-bottom: 20px;
  }
  .product.details .Xflex-details .flex-order {
    order: 6;
    width: 100%;
  }
  .product.details .Xflex-details .flex-notification {
    order: 7;
    width: 100%;
  }
}
.product.details header {
  position: relative;
  height: auto;
}
.product.details header h1 {
  color: #474645;
  margin: 0;
  line-height: 1.6rem;
}
.product.details header .desc {
  font-style: italic;
  font-size: 0.833rem;
  margin-top: 1rem;
  min-height: 44px;
  overflow: hidden;
}
.product.details header .favorite {
  position: absolute;
  top: 0;
  right: 0;
}
.product.details .reviewsummary {
  margin-bottom: 1rem;
  color: #104f25;
}
.product.details .reviewsummary a {
  color: inherit;
}
.product.details .image .photo {
  width: 100%;
}
.product.details .service {
  margin-bottom: 1rem;
}
.product.details .service .desc {
  margin-left: 0.25rem;
  display: inline-block;
  color: #474645;
  font-size: 0.833rem;
  line-height: 0.833rem;
  text-transform: uppercase;
}
.product.details button.favorite,
.product.details [role=button].favorite {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 24px;
  background-color: Transparent !important;
  padding: 0;
  border: 0;
}
.product.details .total {
  color: #104f25;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .product.details .total {
    text-align: right;
  }
}
.product.details .total .title {
  color: #474645;
  font-weight: bold;
  text-transform: uppercase;
}
.product.details .total .title sub {
  bottom: auto;
  bottom: unset;
  bottom: initial;
  font-size: 0.7rem;
}
.product.details .total .price {
  display: inline-block;
  margin-top: -10px;
  padding: 0;
  width: auto;
  min-width: 1px;
  height: auto;
  line-height: 1;
  border: none;
  color: #104f25;
  font-weight: bold;
}
.product.details .total .surface {
  display: inline-block;
  padding: 0 0.5rem;
  min-width: 100px;
  height: 3rem;
  line-height: 3rem;
  color: #104f25;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.product.details .priceBlock {
  position: absolute;
  right: 0px;
  top: 20px;
}
.product.details .priceBlock .price {
  background-color: rgba(255, 255, 255, 0.8);
}
.product.details .priceBlock .sale {
  color: #474645;
  font-size: 2.5rem;
}
.product.details .priceBlock .unit {
  color: #474645;
}
.product.details .priceBlock .allinprijs span {
  display: inline-block;
  background-color: #474645;
  border-top-right-radius: 5px 50%;
  border-bottom-right-radius: 5px 50%;
  padding: 0 3px;
  margin-right: 1px;
}
.product.details .orderBlock {
  margin-bottom: 1rem;
  /* padding: 1rem; */

}
.product.details .orderBlock button,
.product.details .orderBlock [role=button] {
  width: 100%;
  margin-bottom: 0.3rem;
}
.product.details .socialbuttons {
  position: absolute;
  margin: 0.5rem 0 0;
  padding: 0 5px 0 1px;
  font-size: 0.833rem;
  height: 28px;
  bottom: 20px;
  background-color: rgba(255, 255, 255, 0.8);
}
.product.details .socialbuttons:before {
  content: '';
  display: inline-block;
  height: 28px;
  vertical-align: middle;
}
.product.details .socialbuttons * {
  vertical-align: middle;
}
.product.details .socialbuttons .addthis_toolbox {
  height: 24px;
  display: inline-block;
}
.product.details .socialbuttons .addthis_toolbox a {
  margin: 0;
}
.product.alternative,
.product.accessory {
  position: relative;
  padding: 0.5rem 1rem;
  margin-bottom: 2rem;
  background-color: #f7f6f5;
  color: #474645 !important;
}
a.product,
a.product:hover,
.product.alternative a,
.product.alternative a:hover,
.product.accessory a,
.product.accessory a:hover {
  text-decoration: none !important;
}
.searchresults h1 {
  line-height: 1;
  margin: 0 0 1rem 0;
}
/**************************************************/

/************************************************** CARROUSEL SLIDESHOW */

#carrousel-slideshow .carrousel-navigation {
  position: absolute;
  top: 50%;
  text-align: center;
  vertical-align: middle;
  color: #474645;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#carrousel-slideshow #carrousel-navigation-next,
#carrousel-slideshow #carrousel-navigation-prev {
  z-index: 100;
  display: inline-block;
  color: rgba(71, 70, 69, 0.5);
  text-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.75);
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#carrousel-slideshow #carrousel-navigation-next:hover,
#carrousel-slideshow #carrousel-navigation-prev:hover {
  color: #fff;
}
#carrousel-slideshow #carrousel-navigation-next {
  float: right;
  right: 5px;
}
#carrousel-slideshow #carrousel-navigation-prev {
  float: left;
  left: 5px;
}
#carrousel-slideshow .carrousel-item {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
#carrousel-slideshow .carrousel-item ~ .carrousel-item {
  display: none;
}
#carrousel-slideshow .carrousel-item > a {
  display: block;
}
#carrousel-slideshow .video {
  position: relative;
  text-align: center;
}
.carrousel-item img,
.thumbnails .video img {
  max-width: 100%;
  width: 100%;
  height: auto;
  background-color: #474645;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  object-fit: cover;
}
.carrousel-item img .fa,
.thumbnails .video img .fa {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.thumbnails {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 10px -5px;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
}
.thumbnails li {
  display: block;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  padding: 0 5px;
  margin: 0;
  width: 50%;
}
.thumbnails li.three li {
  width: 33.33333333%;
}
.thumbnails li img {
  width: 100%;
}
/**************************************************/

/************************************************** FAVORITES */

button.favorite,
[role=button].favorite {
  height: 24px;
  line-height: 24px;
  width: 24px;
  background-color: rgba(255, 255, 255, 0) !important;
  padding: 0;
  border: 0;
}
.favorite:hover,
.favorite:hover .fa-heart {
  color: Red;
}
.favorite:hover .fa-heart::before {
  /*	content: '\f004';*/
  font-weight: 900;
}
.product .details .favorite {
  position: absolute;
  top: 1px;
  right: calc(50% + 3px);
}
.favorite .fa-heart {
  color: #fff;
}
table.list table.list th {
  padding: 5px;
}
table.list td {
  padding: 5px;
}
table.list td.artlistcount {
  padding-right: 0;
}
table.list td.artlistcount .artlsteditbox {
  height: 29px !important;
  border-right: 0 !important;
  border-bottom-color: #104f25;
  background-color: #fff;
}
table.list td.artlistorder {
  padding-left: 0;
}
table.zebra tbody tr:nth-of-type(2n+2) td.artlistcount .artlsteditbox {
  background-color: #f4f1f1;
}
/**************************************************/

/************************************************** PRODUCT */

.product .details .highlight {
  padding: 0 5px 0.5rem 5px;
  background-color: #fff;
}
#medium-placeholder.highlight {
  margin: 0 0 0 -30px;
}
.highlight .rating .count {
  color: #104f25;
  font-weight: 600;
  width: auto;
}
.highlight .properties {
  padding: 0.5rem 15px 1rem 15px;
  background-color: #ececec;
}
.valueBlock {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .valueBlock {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .valueBlock {
    margin-right: 0;
  }
}
.valueBlock .count,
.valueBlock .area {
  width: 3rem;
  text-align: right;
  margin: 0.25rem 0;
  border-color: #474645;
}
.valueBlock .count[disabled] {
  border-color: Transparent;
  opacity: 0.5;
}
.inputwithtext {
  display: inline-block;
  position: relative;
}
.inputwithtext > input {
  width: 5rem !important;
  padding-right: 2em !important;
}
.inputwithtext > span {
  position: absolute;
  top: 0.3rem;
  right: 0.5rem;
  bottom: 0;
  color: #474645;
}
.moreInfo {
  color: #104f25;
}
.total .price.xvat {
  border: none !important;
  font-size: 0.833rem !important;
}
.total .price sup {
  font-size: 0.6em;
}
.product.details .navlinks {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  min-height: 50px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  margin: 30px 0 15px;
}
.product.details .navlinks li {
  display: inline-block;
  flex-basis: 100%;
  align-self: flex-start;
  padding: 0 30px 0 15px;
  margin: 0;
  line-height: 50px;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .product.details .navlinks li {
    flex-basis: auto;
  }
}
#specifications h3 {
  padding-left: 1rem;
}
#specifications .usps {
  display: block;
  background-color: #ececec;
  height: 100%;
  padding: 0;
}
#specifications .usps h3 {
  background-color: #fff;
}
#specifications .usps li {
  display: inline-block;
  width: 50%;
}
.product h3.transparentTitle {
  display: block;
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 66px;
  line-height: 66px;
  overflow: hidden;
  padding: 0 30px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #3c3d3c;
  text-align: center;
}
#ytVideo {
  margin-top: 2rem;
}
@media only screen and (min-width: 481px) {
  #ytVideo {
    margin-top: 0;
  }
}
#ytVideo .ytPlay {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
#ytVideo .ytPlay .fa-youtube {
  color: #f00;
}
#ytVideo .ytPlay .fa-play {
  color: #fff;
  font-size: 0.85em;
}
.bgCover {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bgContain {
  width: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.review .stars,
.rating .stars,
.rate .stars {
  display: inline-block;
  unicode-bidi: bidi-override;
  direction: rtl;
  padding-right: 5px;
}
.rate .stars {
  padding: 0;
  height: 16px;
  line-height: 16px;
}
.rate .stars:hover > i.fa-star::before {
  font-weight: 300;
  content: "\f005";
}
.rate .stars > .far.fa-star::before,
.rate .stars:hover > i.fa-star::before {
  color: #f7f6f5;
}
.rate .stars > i.fas.fa-star,
.rate .stars > i.fad.fa-star-half-alt,
.rate .stars:hover > i.fa-star:hover::before,
.rate .stars:hover > i.fa-star:hover ~ i.fa-star::before,
.rate .stars > i.far.fa-star:hover::before,
.rate .stars > i.far.fa-star:hover ~ i.fa-star::before,
.rate .stars > i.far.fa-star:hover ~ i.far.fa-star::before {
  color: #104f25 !important;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005" !important;
}
@media only screen and (min-width: 768px) {
  #artreviews {
    margin-top: 3rem;
  }
}
#artreviews button,
#artreviews [role=button] {
  width: 100%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 576px) {
  #artreviews button,
  #artreviews [role=button] {
    width: auto;
    margin-bottom: 0;
  }
}
.reviews .inactive {
  display: none;
}
.reviews.active .inactive {
  display: block;
}
.reviews {
  margin-top: 2rem;
  /*
	.rating {
	display: inline-block;
	margin-right: .5rem;
	margin-bottom: 1rem;
	line-height: 1.3rem;
	}
	*/

}
.reviews h2 {
  margin-right: 0.5rem;
}
.reviews h2,
.reviews h2 + .rating {
  display: inline-block;
  margin-bottom: 1rem;
  line-height: 1.3rem;
  text-align: center;
}
.reviews .summary {
  line-height: 1.3rem;
  margin: 1rem 0 0 0;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .reviews .summary {
    margin: 1rem 0;
  }
}
.reviews .review {
  top: 0;
  bottom: 0;
  background-color: #f7f6f5;
  color: #474645;
  padding: 0.5rem 1rem;
  margin-bottom: 10px;
  line-height: normal;
  min-height: 110px;
}
.reviews .review .author {
  float: left;
  font-size: 1.4rem;
}
.reviews .review .stars {
  display: block;
  float: right;
}
.reviews .review .stars .fa-stack {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem;
}
.reviews button.active .fa-angle-down::before,
.reviews [role=button].active .fa-angle-down::before {
  content: '\f106';
}
.stars .fa-stack {
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  color: #fff;
  font-size: 1.3rem;
}
.stars .fa-stack .fa-stack-1x + .fa-stack-1x {
  font-size: 0.7em;
}
.stars .fa-circle {
  color: #104f25;
}
.stars .muted .fa-circle {
  color: #ececec;
}
/**************************************************/

/* SHOWROOMS */

/************************************************** SHOWROOM BOOTSTRAP OVERRIDE TO FLOAT */

.showroom .showroomlist {
  display: block;
  margin-top: 30px;
}
.showroom .showroomlist > [class^='col-'] {
  display: block;
  float: left;
}
.showroom .showroomlist::after {
  display: block;
  clear: both;
  content: "";
}
.showroom .showroomlist a {
  font-weight: normal !important;
}
.showroom .showroomlist a.h3 {
  margin-bottom: 0;
  line-height: 1;
}
.showroom .showroomlist a.h3:hover {
  text-decoration: none;
}
.showroom .showroomlist a.h3 + address {
  margin-bottom: 0.5rem;
}
.showroom .imagemap {
  position: relative;
  margin: 0 auto 30px;
}
.showroom .imagemap img {
  width: 100%;
}
.showroom .pin-container {
  z-index: 0;
  position: absolute;
  transform: translate(-50%, -100%);
}
.showroom .pin-container:hover {
  z-index: 100;
}
.showroom .pin-container:hover .pin-content {
  visibility: hidden;
  height: 0px;
  width: 0px;
  opacity: 0;
}
@media only screen and (min-width: 576px) {
  .showroom .pin-container:hover .pin-content {
    z-index: 100;
    visibility: visible;
    height: auto;
    width: 200px;
    opacity: 1;
  }
}
.showroom .pin-container:hover .arrow_box {
  padding: 5px 10px;
}
.showroom .pin-container .pin-spacer {
  z-index: 1;
  position: relative;
  display: block;
}
.showroom .pin-container .pin-spacer .pin-content {
  display: none;
}
@media only screen and (min-width: 576px) {
  .showroom .pin-container .pin-spacer .pin-content {
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translate(calc(-50% + 14px), -100%);
    -moz-transform: translate(calc(-50% + 14px), -100%);
    -ms-transform: translate(calc(-50% + 14px), -100%);
    -o-transform: translate(calc(-50% + 14px), -100%);
    transform: translate(calc(-50% + 14px), -100%);
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
}
.showroom .pin-container .pin-spacer .pin-content .arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #ececec;
}
.showroom .pin-container .pin-spacer .pin-content .arrow_box:after,
.showroom .pin-container .pin-spacer .pin-content .arrow_box:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}
.showroom .pin-container .pin-spacer .pin-content .arrow_box :after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 28px;
  margin-left: -28px;
}
.showroom .pin-container .pin-spacer .pin-content .arrow_box:before {
  border-color: rgba(236, 236, 236, 0);
  border-top-color: #ececec;
  border-width: 29px;
  margin-left: -29px;
}
.showroom .pin-container .pin-spacer .pin-info {
  z-index: 1;
  text-align: center;
}
.showroom .pin-container .pin-spacer .pin-info .pin-city {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 120px;
  -webkit-transform: translate(-50%, -1px);
  -moz-transform: translate(-50%, -1px);
  -ms-transform: translate(-50%, -1px);
  -o-transform: translate(-50%, -1px);
  transform: translate(-50%, -1px);
  font-size: 0.7rem;
  line-height: 0.8rem;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(71, 70, 69, 0.75);
}
.showroom .pin-container .pin-spacer .pin-info img {
  z-index: 1;
  width: 27px;
  height: 34px;
  -webkit-box-shadow: 1px 1px 2px rgba(71, 70, 69, 0.75) rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px rgba(71, 70, 69, 0.75) rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 2px rgba(71, 70, 69, 0.75) rgba(0, 0, 0, 0.25);
  -webkit-filter: drop-shadow(1px 1px 2px rgba(71, 70, 69, 0.75) rgba(0, 0, 0, 0.25));
  filter: drop-shadow(1px 1px 2px rgba(71, 70, 69, 0.75) rgba(0, 0, 0, 0.25));
}
.showroom .gm-style h4 {
  font-weight: normal;
  padding-right: 20px;
}
.showroom .gm-style .gm-style-iw .address,
.showroom .gm-style .gm-style-iw .zipcity,
.showroom .dealerinfo .addressand {
  display: none;
}
.showroom .dealerinfo {
  margin-bottom: 2rem;
}
.showroom .dealerinfo-container {
  padding: 5px 10px;
  border: 1px solid #ececec;
}
.showroom .dealerinfo-container .pop-up h4 {
  height: 1.8em;
  line-height: 1.8em;
  text-align: left;
  overflow: hidden;
}
.showroom .slider {
  display: block;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  min-height: 100px;
  max-height: 450px;
}
.showroom .slider::before {
  display: block;
  content: '';
  padding-top: 17.578125%;
}
.showroom .slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.showroom .slider .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}
.showroom .slider .title .h1 {
  margin: 0;
  font-size: 6vw;
  line-height: 1;
  color: #fff;
}
.showroom .slider .title .address {
  margin: 0.5rem 0 0;
  font-size: 12px;
}
@media only screen and (min-width: 576px) {
  .showroom .slider .title .h1 {
    font-size: 2.25rem;
  }
  .showroom .slider .title .address {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .showroom .slider .title .h1 {
    font-size: 3.25rem;
  }
  .showroom .slider .title .address {
    margin: 1rem 0 0;
    font-size: 16px;
  }
}
.showroom .image-container {
  display: block;
}
.showroom .image-container .tag {
  display: inline-block;
  position: absolute;
  top: 1rem;
  left: 0;
  padding: 0 1.5em;
  background-color: #104f25;
  width: auto;
  height: 1.5em;
  line-height: 1.5em;
  font-size: 1.4rem;
  color: white;
  text-align: left;
}
.showroom .image-container .tag h2 {
  color: #f7f6f5;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
}
.showroom .image-container .tag::after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 1.5em solid #104f25;
  border-right: 10px solid transparent;
  position: absolute;
  top: 0px;
  left: 100%;
}
.showroom .S1-content-container {
  margin: 0 auto;
  padding: 6.25%;
  text-align: center;
  /************************************************** S1: EXTRA1 */

  /************************************************** S2: OPENING */

  /************************************************** S2: CALL TO ACTION */

  /************************************************** S2: CONTACT / CONTENT */

  /************************************************** S2: CONTENT */

  /**************************************************/

}
@media only screen and (min-width: 992px) {
  .showroom .S1-content-container {
    padding: 6.25% 6.25% 0 6.25%;
  }
}
@media only screen and (min-width: 1600px) {
  .showroom .S1-content-container {
    padding: 0 6.25%;
  }
}
.showroom .S1-content-container .S1-content {
  margin: 0 auto;
  width: auto;
}
.showroom .S1-content-container .S1-content h1 {
  font-size: 1.25rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .showroom .S1-content-container .S1-content h1 {
    font-size: 2.915vw;
  }
}
@media only screen and (min-width: 1200px) {
  .showroom .S1-content-container .S1-content h1 {
    font-size: 2.2rem;
  }
}
.showroom .S1-content-container .extra1 {
  color: #474645;
}
.showroom .S1-content-container .extra1 .notice {
  margin-top: 0.5rem;
  font-size: 0.813rem;
}
.showroom .S1-content-container .opening {
  padding-top: 1%;
  padding-bottom: 2%;
}
.showroom .S1-content-container .opening h3 {
  margin-bottom: 0;
}
.showroom .S1-content-container .opening table {
  width: auto;
  margin: 0 auto 0.5rem;
}
.showroom .S1-content-container .opening table td {
  text-align: left;
}
.showroom .S1-content-container .opening table td:nth-of-type(2) {
  padding-left: 15px;
  text-align: right;
}
.showroom .S1-content-container .appointment {
  padding-bottom: 3%;
}
.showroom .S1-content-container .appointment .buttons [role="button"] {
  padding: 0.25rem 0.5rem;
  width: 100%;
  border: 1px solid #104f25;
  text-align: left;
}
.showroom .S1-content-container .appointment .buttons [role="button"] ~ [role="button"] {
  margin-top: 0.5rem;
}
.showroom .S1-content-container .appointment .buttons [role="button"] > span {
  display: inline-block;
  width: calc(100% - 30px);
}
.showroom .S1-content-container .S2-contact,
.showroom .S1-content-container .S2-content {
  margin: 1rem 0 0 0;
  padding: 0;
}
.showroom .S1-content-container .S2-contact .phone,
.showroom .S1-content-container .S2-content .phone {
  font-size: 3rem;
  line-height: 1;
}
.showroom .S1-content-container .S2-contact .email,
.showroom .S1-content-container .S2-content .email {
  font-size: 1.5rem;
  line-height: 1;
}
.showroom .S1-content-container .S2-content {
  padding: 40px;
  text-align: center;
}
#openhours {
  text-align: center;
}
/* SPACE, THE FINAL FRONTIER */

/************************************************** SHOWROOM PLACEHOLDERS */

.showroom:not(.alternating),
.showroom:not(.alternating) table {
  line-height: 2;
}
.showroom table.showroom-details,
.showroom table.showroom-details > tbody {
  display: block;
  line-height: 1.4;
}
.showroom table.showroom-details > tr,
.showroom table.showroom-details > tbody > tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.showroom table.showroom-details > tr > td,
.showroom table.showroom-details > tbody > tr > td {
  display: block;
}
.showroom table.showroom-details > tr > td:first-child,
.showroom table.showroom-details > tbody > tr > td:first-child {
  padding-bottom: 0.5rem;
  width: 60%;
  min-width: 225px;
}
.showroom table.showroom-details > tr > td:last-child,
.showroom table.showroom-details > tbody > tr > td:last-child {
  width: 40%;
  min-width: 180px;
}
.showroom .showroom-content,
.showroom .showroom-content table {
  line-height: 1.4;
}
.showroom .showroom-content a {
  font-weight: normal !important;
}
.showroom .showroom-content .opening table {
  width: auto;
}
.showroom .showroom-content .opening table td {
  text-align: left;
}
.showroom .showroom-content .opening table td:nth-of-type(2) {
  padding-left: 15px;
  text-align: right;
}
.showroom .showroom-content .social {
  margin-top: 1rem;
  max-width: 100%;
}
.showroom .showroom-content .social a {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background-color: #474645;
  border: 1px solid #474645;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  text-align: center;
}
.showroom .showroom-content .appointment .buttons [role="button"] {
  padding: 0.25rem 0.5rem;
  width: 100%;
  border: 1px solid #104f25;
  text-align: left;
}
.showroom .showroom-content .appointment .buttons [role="button"] ~ [role="button"] {
  margin-top: 0.5rem;
}
.showroom .showroom-content .appointment .buttons [role="button"] > span {
  display: inline-block;
  width: calc(100% - 30px);
}
/**
button.realclear
{
border: 0;
}

button.realclear:hover
{
color: black;
background: transparent;
}
**/

body.lockdown header {
  min-height: 80px;
  height: auto;
}
body.lockdown header .logo-container {
  position: relative;
}
body.lockdown header .logo-container .logo {
  display: block;
}
body.lockdown header.navigation {
  min-height: 0;
}
body.lockdown header .logo-container {
  padding-right: 0;
}
body.lockdown header .topmenu > ul > li {
  margin: 0 0 0 5px;
}
body.lockdown header .topmenu > ul > li button,
body.lockdown header .topmenu > ul > li [role=button] {
  padding: 0.1rem 0.5rem;
  border: none;
}
.checkfieldissue {
  backgroud-color: orange;
}
.checkfieldissue input {
  border-color: red;
}
.covid-notice {
  display: none;
  margin: 0.25em 0;
  border: 1px solid #104f25;
}
body.lockdown .covid-notice {
  display: inline-flex;
  justify-content: stretch;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1055px) {
  body.lockdown .covid-notice div.click {
    display: none;
  }
}
.covid-notice.mei {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  display: flex;
  justify-content: space-around;
  color: red;
}
@media only screen and (min-width: 768px) {
  .covid-notice.mei {
    height: 80px;
  }
}
.covid-notice.mei > img {
  flex: auto;
  width: 100%;
}
.covid-notice.artdetail {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  display: flex;
  justify-content: space-around;
}
@media only screen and (min-width: 768px) {
  .covid-notice.artdetail {
    height: 120px;
  }
}
.covid-notice.artdetail > img {
  flex: auto;
  width: 100%;
}
.covid-notice > div {
  background-color: #104f25;
  color: white;
  padding: 0.5em;
  line-height: 1.3;
  text-align: center;
}
.covid-notice > div > span {
  font-size: 1.05em;
}
.covid-notice > div > b {
  font-size: 1.5em;
}
.covid-notice > div.message {
  background-color: #fff;
  color: #104f25;
}
.covid-notice > ul {
  color: #104f25;
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0 0.5em;
  text-align: left;
}
.covid-notice > ul > li {
  list-style-type: inherit;
  list-style-type: initial;
}
.covid-notice > ul > li::before {
  content: '';
  display: none;
}
.covid-notice:hover {
  text-decoration: none;
  border-color: #133a1e;
}
.covid-notice:hover > div {
  background-color: #133a1e;
}
.covid-notice:hover > div.message {
  background-color: #fff;
  color: #133a1e;
}
.covid-notice:hover > ul {
  color: #133a1e;
}
@media only screen and (max-width: 419.98px) {
  .covid-notice {
    flex-flow: column wrap;
  }
  .covid-notice > div,
  .covid-notice > ul {
    margin: 0;
    padding: 0.5rem;
    width: 100%;
  }
  .covid-notice .d-none-330 {
    display: none;
  }
}
@media only screen and (min-width: 400px) and (max-width: 991.98px) {
  .covid-notice div.button {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .covid-notice {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 1200px) {
  .covid-notice {
    margin-left: 150px;
  }
  .covid-notice div.button {
    display: block;
  }
}
.product.details .covid-notice {
  margin: 12px 0 0;
  width: 100%;
  border-color: #ec792f;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767.98px) {
  .product.details .covid-notice {
    margin: 10px 0 30px;
  }
}
@media only screen and (max-width: 479.98px) {
  .product.details .covid-notice {
    font-size: 4.5vw;
  }
}
@media only screen and (max-width: 329.98px) {
  .product.details .covid-notice {
    font-size: 5.5vw;
  }
}
.product.details .covid-notice > div {
  padding: 1em;
  background-color: #ec792f;
}
.product.details .covid-notice > div.message {
  width: 100%;
  background-color: #fff;
  color: #ec792f;
}
.product.details .covid-notice > div.click {
  display: none;
}
.product.details .covid-notice > ul {
  color: #ec792f;
}
@media only screen and (max-width: 767.98px) {
  .product.details .order-sm-4 {
    order: 4;
  }
}
.minorderamountproblem {
  text-align: right;
  font-size: smaller;
  font-style: italic;
  color: #a00;
}
.minorderamountproblemdesc {
  border: 2px solid #c00;
  border-radius: 3px;
  margin: 1em;
  padding: 1em;
}
.basket-optionalitems {
  position: relative;
  top: -150px;
  width: 800px;
  text-align: start;
  /*
	li {
	list-style-type: none;
	&::before
	{
	content: '' !important;
	}
	span
	{
	margin-left: 0.5em;
	}
	}
	*/

}
.basket-optionalitems table {
  border-collapse: collapse;
}
.basket-optionalitems table td {
  padding: 0 0.3em;
}
.ibv-dimscreen {
  z-index: 999100;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 300ms linear;
  opacity: 0;
  pointer-events: none;
}
.ibv-dimscreen.show {
  opacity: 1;
  pointer-events: all;
}
.internalremarkspopup {
  z-index: 999100;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(300px, 50vw, 96%);
  padding: 15px;
  background-color: white;
  border-radius: 3px;
}