/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'], /* 1 */
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http:/fontawesome.io - @fontawesome
 *  License - http:/fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: '\f000';
}
.fa-music:before {
  content: '\f001';
}
.fa-search:before {
  content: '\f002';
}
.fa-envelope-o:before {
  content: '\f003';
}
.fa-heart:before {
  content: '\f004';
}
.fa-star:before {
  content: '\f005';
}
.fa-star-o:before {
  content: '\f006';
}
.fa-user:before {
  content: '\f007';
}
.fa-film:before {
  content: '\f008';
}
.fa-th-large:before {
  content: '\f009';
}
.fa-th:before {
  content: '\f00a';
}
.fa-th-list:before {
  content: '\f00b';
}
.fa-check:before {
  content: '\f00c';
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: '\f00d';
}
.fa-search-plus:before {
  content: '\f00e';
}
.fa-search-minus:before {
  content: '\f010';
}
.fa-power-off:before {
  content: '\f011';
}
.fa-signal:before {
  content: '\f012';
}
.fa-gear:before,
.fa-cog:before {
  content: '\f013';
}
.fa-trash-o:before {
  content: '\f014';
}
.fa-home:before {
  content: '\f015';
}
.fa-file-o:before {
  content: '\f016';
}
.fa-clock-o:before {
  content: '\f017';
}
.fa-road:before {
  content: '\f018';
}
.fa-download:before {
  content: '\f019';
}
.fa-arrow-circle-o-down:before {
  content: '\f01a';
}
.fa-arrow-circle-o-up:before {
  content: '\f01b';
}
.fa-inbox:before {
  content: '\f01c';
}
.fa-play-circle-o:before {
  content: '\f01d';
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: '\f01e';
}
.fa-refresh:before {
  content: '\f021';
}
.fa-list-alt:before {
  content: '\f022';
}
.fa-lock:before {
  content: '\f023';
}
.fa-flag:before {
  content: '\f024';
}
.fa-headphones:before {
  content: '\f025';
}
.fa-volume-off:before {
  content: '\f026';
}
.fa-volume-down:before {
  content: '\f027';
}
.fa-volume-up:before {
  content: '\f028';
}
.fa-qrcode:before {
  content: '\f029';
}
.fa-barcode:before {
  content: '\f02a';
}
.fa-tag:before {
  content: '\f02b';
}
.fa-tags:before {
  content: '\f02c';
}
.fa-book:before {
  content: '\f02d';
}
.fa-bookmark:before {
  content: '\f02e';
}
.fa-print:before {
  content: '\f02f';
}
.fa-camera:before {
  content: '\f030';
}
.fa-font:before {
  content: '\f031';
}
.fa-bold:before {
  content: '\f032';
}
.fa-italic:before {
  content: '\f033';
}
.fa-text-height:before {
  content: '\f034';
}
.fa-text-width:before {
  content: '\f035';
}
.fa-align-left:before {
  content: '\f036';
}
.fa-align-center:before {
  content: '\f037';
}
.fa-align-right:before {
  content: '\f038';
}
.fa-align-justify:before {
  content: '\f039';
}
.fa-list:before {
  content: '\f03a';
}
.fa-dedent:before,
.fa-outdent:before {
  content: '\f03b';
}
.fa-indent:before {
  content: '\f03c';
}
.fa-video-camera:before {
  content: '\f03d';
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: '\f03e';
}
.fa-pencil:before {
  content: '\f040';
}
.fa-map-marker:before {
  content: '\f041';
}
.fa-adjust:before {
  content: '\f042';
}
.fa-tint:before {
  content: '\f043';
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: '\f044';
}
.fa-stn-share-square-o:before {
  content: '\f045';
}
.fa-check-square-o:before {
  content: '\f046';
}
.fa-arrows:before {
  content: '\f047';
}
.fa-step-backward:before {
  content: '\f048';
}
.fa-fast-backward:before {
  content: '\f049';
}
.fa-backward:before {
  content: '\f04a';
}
.fa-play:before {
  content: '\f04b';
}
.fa-pause:before {
  content: '\f04c';
}
.fa-stop:before {
  content: '\f04d';
}
.fa-forward:before {
  content: '\f04e';
}
.fa-fast-forward:before {
  content: '\f050';
}
.fa-step-forward:before {
  content: '\f051';
}
.fa-eject:before {
  content: '\f052';
}
.fa-chevron-left:before {
  content: '\f053';
}
.fa-chevron-right:before {
  content: '\f054';
}
.fa-plus-circle:before {
  content: '\f055';
}
.fa-minus-circle:before {
  content: '\f056';
}
.fa-times-circle:before {
  content: '\f057';
}
.fa-check-circle:before {
  content: '\f058';
}
.fa-question-circle:before {
  content: '\f059';
}
.fa-info-circle:before {
  content: '\f05a';
}
.fa-crosshairs:before {
  content: '\f05b';
}
.fa-times-circle-o:before {
  content: '\f05c';
}
.fa-check-circle-o:before {
  content: '\f05d';
}
.fa-ban:before {
  content: '\f05e';
}
.fa-arrow-left:before {
  content: '\f060';
}
.fa-arrow-right:before {
  content: '\f061';
}
.fa-arrow-up:before {
  content: '\f062';
}
.fa-arrow-down:before {
  content: '\f063';
}
.fa-mail-forward:before,
.fa-stn-share:before {
  content: '\f064';
}
.fa-expand:before {
  content: '\f065';
}
.fa-compress:before {
  content: '\f066';
}
.fa-plus:before {
  content: '\f067';
}
.fa-minus:before {
  content: '\f068';
}
.fa-asterisk:before {
  content: '\f069';
}
.fa-exclamation-circle:before {
  content: '\f06a';
}
.fa-gift:before {
  content: '\f06b';
}
.fa-leaf:before {
  content: '\f06c';
}
.fa-fire:before {
  content: '\f06d';
}
.fa-eye:before {
  content: '\f06e';
}
.fa-eye-slash:before {
  content: '\f070';
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: '\f071';
}
.fa-plane:before {
  content: '\f072';
}
.fa-calendar:before {
  content: '\f073';
}
.fa-random:before {
  content: '\f074';
}
.fa-comment:before {
  content: '\f075';
}
.fa-magnet:before {
  content: '\f076';
}
.fa-chevron-up:before {
  content: '\f077';
}
.fa-chevron-down:before {
  content: '\f078';
}
.fa-retweet:before {
  content: '\f079';
}
.fa-shopping-cart:before {
  content: '\f07a';
}
.fa-folder:before {
  content: '\f07b';
}
.fa-folder-open:before {
  content: '\f07c';
}
.fa-arrows-v:before {
  content: '\f07d';
}
.fa-arrows-h:before {
  content: '\f07e';
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: '\f080';
}
.fa-stn-twitter-square:before {
  content: '\f081';
}
.fa-stn-facebook-square:before {
  content: '\f082';
}
.fa-camera-retro:before {
  content: '\f083';
}
.fa-key:before {
  content: '\f084';
}
.fa-gears:before,
.fa-cogs:before {
  content: '\f085';
}
.fa-comments:before {
  content: '\f086';
}
.fa-thumbs-o-up:before {
  content: '\f087';
}
.fa-thumbs-o-down:before {
  content: '\f088';
}
.fa-star-half:before {
  content: '\f089';
}
.fa-heart-o:before {
  content: '\f08a';
}
.fa-sign-out:before {
  content: '\f08b';
}
.fa-stn-linkedin-square:before {
  content: '\f08c';
}
.fa-thumb-tack:before {
  content: '\f08d';
}
.fa-external-link:before {
  content: '\f08e';
}
.fa-sign-in:before {
  content: '\f090';
}
.fa-trophy:before {
  content: '\f091';
}
.fa-github-square:before {
  content: '\f092';
}
.fa-upload:before {
  content: '\f093';
}
.fa-lemon-o:before {
  content: '\f094';
}
.fa-phone:before {
  content: '\f095';
}
.fa-square-o:before {
  content: '\f096';
}
.fa-bookmark-o:before {
  content: '\f097';
}
.fa-phone-square:before {
  content: '\f098';
}
.fa-stn-twitter:before {
  content: '\f099';
}
.fa-stn-facebook-f:before,
.fa-stn-facebook:before {
  content: '\f09a';
}
.fa-github:before {
  content: '\f09b';
}
.fa-unlock:before {
  content: '\f09c';
}
.fa-credit-card:before {
  content: '\f09d';
}
.fa-feed:before,
.fa-rss:before {
  content: '\f09e';
}
.fa-hdd-o:before {
  content: '\f0a0';
}
.fa-bullhorn:before {
  content: '\f0a1';
}
.fa-bell:before {
  content: '\f0f3';
}
.fa-certificate:before {
  content: '\f0a3';
}
.fa-hand-o-right:before {
  content: '\f0a4';
}
.fa-hand-o-left:before {
  content: '\f0a5';
}
.fa-hand-o-up:before {
  content: '\f0a6';
}
.fa-hand-o-down:before {
  content: '\f0a7';
}
.fa-arrow-circle-left:before {
  content: '\f0a8';
}
.fa-arrow-circle-right:before {
  content: '\f0a9';
}
.fa-arrow-circle-up:before {
  content: '\f0aa';
}
.fa-arrow-circle-down:before {
  content: '\f0ab';
}
.fa-globe:before {
  content: '\f0ac';
}
.fa-wrench:before {
  content: '\f0ad';
}
.fa-tasks:before {
  content: '\f0ae';
}
.fa-filter:before {
  content: '\f0b0';
}
.fa-briefcase:before {
  content: '\f0b1';
}
.fa-arrows-alt:before {
  content: '\f0b2';
}
.fa-group:before,
.fa-users:before {
  content: '\f0c0';
}
.fa-chain:before,
.fa-link:before {
  content: '\f0c1';
}
.fa-cloud:before {
  content: '\f0c2';
}
.fa-flask:before {
  content: '\f0c3';
}
.fa-cut:before,
.fa-scissors:before {
  content: '\f0c4';
}
.fa-copy:before,
.fa-files-o:before {
  content: '\f0c5';
}
.fa-paperclip:before {
  content: '\f0c6';
}
.fa-save:before,
.fa-floppy-o:before {
  content: '\f0c7';
}
.fa-square:before {
  content: '\f0c8';
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: '\f0c9';
}
.fa-list-ul:before {
  content: '\f0ca';
}
.fa-list-ol:before {
  content: '\f0cb';
}
.fa-strikethrough:before {
  content: '\f0cc';
}
.fa-underline:before {
  content: '\f0cd';
}
.fa-table:before {
  content: '\f0ce';
}
.fa-magic:before {
  content: '\f0d0';
}
.fa-truck:before {
  content: '\f0d1';
}
.fa-stn-pinterest:before {
  content: '\f0d2';
}
.fa-stn-pinterest-square:before {
  content: '\f0d3';
}
.fa-stn-google-plus-square:before {
  content: '\f0d4';
}
.fa-stn-google-plus:before {
  content: '\f0d5';
}
.fa-money:before {
  content: '\f0d6';
}
.fa-caret-down:before {
  content: '\f0d7';
}
.fa-caret-up:before {
  content: '\f0d8';
}
.fa-caret-left:before {
  content: '\f0d9';
}
.fa-caret-right:before {
  content: '\f0da';
}
.fa-columns:before {
  content: '\f0db';
}
.fa-unsorted:before,
.fa-sort:before {
  content: '\f0dc';
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: '\f0dd';
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: '\f0de';
}
.fa-envelope:before {
  content: '\f0e0';
}
.fa-stn-linkedin:before {
  content: '\f0e1';
}
.fa-rotate-left:before,
.fa-undo:before {
  content: '\f0e2';
}
.fa-legal:before,
.fa-gavel:before {
  content: '\f0e3';
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: '\f0e4';
}
.fa-comment-o:before {
  content: '\f0e5';
}
.fa-comments-o:before {
  content: '\f0e6';
}
.fa-flash:before,
.fa-bolt:before {
  content: '\f0e7';
}
.fa-sitemap:before {
  content: '\f0e8';
}
.fa-umbrella:before {
  content: '\f0e9';
}
.fa-paste:before,
.fa-clipboard:before {
  content: '\f0ea';
}
.fa-lightbulb-o:before {
  content: '\f0eb';
}
.fa-exchange:before {
  content: '\f0ec';
}
.fa-cloud-download:before {
  content: '\f0ed';
}
.fa-cloud-upload:before {
  content: '\f0ee';
}
.fa-user-md:before {
  content: '\f0f0';
}
.fa-stethoscope:before {
  content: '\f0f1';
}
.fa-suitcase:before {
  content: '\f0f2';
}
.fa-bell-o:before {
  content: '\f0a2';
}
.fa-coffee:before {
  content: '\f0f4';
}
.fa-cutlery:before {
  content: '\f0f5';
}
.fa-file-text-o:before {
  content: '\f0f6';
}
.fa-building-o:before {
  content: '\f0f7';
}
.fa-hospital-o:before {
  content: '\f0f8';
}
.fa-ambulance:before {
  content: '\f0f9';
}
.fa-medkit:before {
  content: '\f0fa';
}
.fa-fighter-jet:before {
  content: '\f0fb';
}
.fa-beer:before {
  content: '\f0fc';
}
.fa-h-square:before {
  content: '\f0fd';
}
.fa-plus-square:before {
  content: '\f0fe';
}
.fa-angle-double-left:before {
  content: '\f100';
}
.fa-angle-double-right:before {
  content: '\f101';
}
.fa-angle-double-up:before {
  content: '\f102';
}
.fa-angle-double-down:before {
  content: '\f103';
}
.fa-angle-left:before {
  content: '\f104';
}
.fa-angle-right:before {
  content: '\f105';
}
.fa-angle-up:before {
  content: '\f106';
}
.fa-angle-down:before {
  content: '\f107';
}
.fa-desktop:before {
  content: '\f108';
}
.fa-laptop:before {
  content: '\f109';
}
.fa-tablet:before {
  content: '\f10a';
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: '\f10b';
}
.fa-circle-o:before {
  content: '\f10c';
}
.fa-quote-left:before {
  content: '\f10d';
}
.fa-quote-right:before {
  content: '\f10e';
}
.fa-spinner:before {
  content: '\f110';
}
.fa-circle:before {
  content: '\f111';
}
.fa-mail-reply:before,
.fa-reply:before {
  content: '\f112';
}
.fa-github-alt:before {
  content: '\f113';
}
.fa-folder-o:before {
  content: '\f114';
}
.fa-folder-open-o:before {
  content: '\f115';
}
.fa-smile-o:before {
  content: '\f118';
}
.fa-frown-o:before {
  content: '\f119';
}
.fa-meh-o:before {
  content: '\f11a';
}
.fa-gamepad:before {
  content: '\f11b';
}
.fa-keyboard-o:before {
  content: '\f11c';
}
.fa-flag-o:before {
  content: '\f11d';
}
.fa-flag-checkered:before {
  content: '\f11e';
}
.fa-terminal:before {
  content: '\f120';
}
.fa-code:before {
  content: '\f121';
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: '\f122';
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: '\f123';
}
.fa-location-arrow:before {
  content: '\f124';
}
.fa-crop:before {
  content: '\f125';
}
.fa-code-fork:before {
  content: '\f126';
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: '\f127';
}
.fa-question:before {
  content: '\f128';
}
.fa-info:before {
  content: '\f129';
}
.fa-exclamation:before {
  content: '\f12a';
}
.fa-superscript:before {
  content: '\f12b';
}
.fa-subscript:before {
  content: '\f12c';
}
.fa-eraser:before {
  content: '\f12d';
}
.fa-puzzle-piece:before {
  content: '\f12e';
}
.fa-microphone:before {
  content: '\f130';
}
.fa-microphone-slash:before {
  content: '\f131';
}
.fa-shield:before {
  content: '\f132';
}
.fa-calendar-o:before {
  content: '\f133';
}
.fa-fire-extinguisher:before {
  content: '\f134';
}
.fa-rocket:before {
  content: '\f135';
}
.fa-maxcdn:before {
  content: '\f136';
}
.fa-chevron-circle-left:before {
  content: '\f137';
}
.fa-chevron-circle-right:before {
  content: '\f138';
}
.fa-chevron-circle-up:before {
  content: '\f139';
}
.fa-chevron-circle-down:before {
  content: '\f13a';
}
.fa-html5:before {
  content: '\f13b';
}
.fa-css3:before {
  content: '\f13c';
}
.fa-anchor:before {
  content: '\f13d';
}
.fa-unlock-alt:before {
  content: '\f13e';
}
.fa-bullseye:before {
  content: '\f140';
}
.fa-ellipsis-h:before {
  content: '\f141';
}
.fa-ellipsis-v:before {
  content: '\f142';
}
.fa-rss-square:before {
  content: '\f143';
}
.fa-play-circle:before {
  content: '\f144';
}
.fa-ticket:before {
  content: '\f145';
}
.fa-minus-square:before {
  content: '\f146';
}
.fa-minus-square-o:before {
  content: '\f147';
}
.fa-level-up:before {
  content: '\f148';
}
.fa-level-down:before {
  content: '\f149';
}
.fa-check-square:before {
  content: '\f14a';
}
.fa-pencil-square:before {
  content: '\f14b';
}
.fa-external-link-square:before {
  content: '\f14c';
}
.fa-stn-share-square:before {
  content: '\f14d';
}
.fa-compass:before {
  content: '\f14e';
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: '\f150';
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: '\f151';
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: '\f152';
}
.fa-euro:before,
.fa-eur:before {
  content: '\f153';
}
.fa-gbp:before {
  content: '\f154';
}
.fa-dollar:before,
.fa-usd:before {
  content: '\f155';
}
.fa-rupee:before,
.fa-inr:before {
  content: '\f156';
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: '\f157';
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: '\f158';
}
.fa-won:before,
.fa-krw:before {
  content: '\f159';
}
.fa-bitcoin:before,
.fa-btc:before {
  content: '\f15a';
}
.fa-file:before {
  content: '\f15b';
}
.fa-file-text:before {
  content: '\f15c';
}
.fa-sort-alpha-asc:before {
  content: '\f15d';
}
.fa-sort-alpha-desc:before {
  content: '\f15e';
}
.fa-sort-amount-asc:before {
  content: '\f160';
}
.fa-sort-amount-desc:before {
  content: '\f161';
}
.fa-sort-numeric-asc:before {
  content: '\f162';
}
.fa-sort-numeric-desc:before {
  content: '\f163';
}
.fa-thumbs-up:before {
  content: '\f164';
}
.fa-thumbs-down:before {
  content: '\f165';
}
.fa-stn-youtube-square:before {
  content: '\f166';
}
.fa-stn-youtube:before {
  content: '\f167';
}
.fa-xing:before {
  content: '\f168';
}
.fa-xing-square:before {
  content: '\f169';
}
.fa-stn-youtube-play:before {
  content: '\f16a';
}
.fa-dropbox:before {
  content: '\f16b';
}
.fa-stack-overflow:before {
  content: '\f16c';
}
.fa-stn-instagram:before {
  content: '\f16d';
}
.fa-stn-flickr:before {
  content: '\f16e';
}
.fa-adn:before {
  content: '\f170';
}
.fa-bitbucket:before {
  content: '\f171';
}
.fa-bitbucket-square:before {
  content: '\f172';
}
.fa-stn-tumblr:before {
  content: '\f173';
}
.fa-stn-tumblr-square:before {
  content: '\f174';
}
.fa-long-arrow-down:before {
  content: '\f175';
}
.fa-long-arrow-up:before {
  content: '\f176';
}
.fa-long-arrow-left:before {
  content: '\f177';
}
.fa-long-arrow-right:before {
  content: '\f178';
}
.fa-apple:before {
  content: '\f179';
}
.fa-windows:before {
  content: '\f17a';
}
.fa-android:before {
  content: '\f17b';
}
.fa-linux:before {
  content: '\f17c';
}
.fa-dribbble:before {
  content: '\f17d';
}
.fa-skype:before {
  content: '\f17e';
}
.fa-foursquare:before {
  content: '\f180';
}
.fa-trello:before {
  content: '\f181';
}
.fa-female:before {
  content: '\f182';
}
.fa-male:before {
  content: '\f183';
}
.fa-gittip:before,
.fa-gratipay:before {
  content: '\f184';
}
.fa-sun-o:before {
  content: '\f185';
}
.fa-moon-o:before {
  content: '\f186';
}
.fa-archive:before {
  content: '\f187';
}
.fa-bug:before {
  content: '\f188';
}
.fa-vk:before {
  content: '\f189';
}
.fa-weibo:before {
  content: '\f18a';
}
.fa-renren:before {
  content: '\f18b';
}
.fa-pagelines:before {
  content: '\f18c';
}
.fa-stack-exchange:before {
  content: '\f18d';
}
.fa-arrow-circle-o-right:before {
  content: '\f18e';
}
.fa-arrow-circle-o-left:before {
  content: '\f190';
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: '\f191';
}
.fa-dot-circle-o:before {
  content: '\f192';
}
.fa-wheelchair:before {
  content: '\f193';
}
.fa-stn-vimeo-square:before {
  content: '\f194';
}
.fa-turkish-lira:before,
.fa-try:before {
  content: '\f195';
}
.fa-plus-square-o:before {
  content: '\f196';
}
.fa-space-shuttle:before {
  content: '\f197';
}
.fa-slack:before {
  content: '\f198';
}
.fa-envelope-square:before {
  content: '\f199';
}
.fa-wordpress:before {
  content: '\f19a';
}
.fa-openid:before {
  content: '\f19b';
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: '\f19c';
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: '\f19d';
}
.fa-yahoo:before {
  content: '\f19e';
}
.fa-stn-google:before {
  content: '\f1a0';
}
.fa-stn-reddit:before {
  content: '\f1a1';
}
.fa-stn-reddit-square:before {
  content: '\f1a2';
}
.fa-stumbleupon-circle:before {
  content: '\f1a3';
}
.fa-stumbleupon:before {
  content: '\f1a4';
}
.fa-delicious:before {
  content: '\f1a5';
}
.fa-digg:before {
  content: '\f1a6';
}
.fa-pied-piper-pp:before {
  content: '\f1a7';
}
.fa-pied-piper-alt:before {
  content: '\f1a8';
}
.fa-drupal:before {
  content: '\f1a9';
}
.fa-joomla:before {
  content: '\f1aa';
}
.fa-language:before {
  content: '\f1ab';
}
.fa-fax:before {
  content: '\f1ac';
}
.fa-building:before {
  content: '\f1ad';
}
.fa-child:before {
  content: '\f1ae';
}
.fa-paw:before {
  content: '\f1b0';
}
.fa-spoon:before {
  content: '\f1b1';
}
.fa-cube:before {
  content: '\f1b2';
}
.fa-cubes:before {
  content: '\f1b3';
}
.fa-behance:before {
  content: '\f1b4';
}
.fa-behance-square:before {
  content: '\f1b5';
}
.fa-steam:before {
  content: '\f1b6';
}
.fa-steam-square:before {
  content: '\f1b7';
}
.fa-recycle:before {
  content: '\f1b8';
}
.fa-automobile:before,
.fa-car:before {
  content: '\f1b9';
}
.fa-cab:before,
.fa-taxi:before {
  content: '\f1ba';
}
.fa-tree:before {
  content: '\f1bb';
}
.fa-spotify:before {
  content: '\f1bc';
}
.fa-deviantart:before {
  content: '\f1bd';
}
.fa-stn-soundcloud:before {
  content: '\f1be';
}
.fa-database:before {
  content: '\f1c0';
}
.fa-file-pdf-o:before {
  content: '\f1c1';
}
.fa-file-word-o:before {
  content: '\f1c2';
}
.fa-file-excel-o:before {
  content: '\f1c3';
}
.fa-file-powerpoint-o:before {
  content: '\f1c4';
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: '\f1c5';
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: '\f1c6';
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: '\f1c7';
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: '\f1c8';
}
.fa-file-code-o:before {
  content: '\f1c9';
}
.fa-stn-vine:before {
  content: '\f1ca';
}
.fa-codepen:before {
  content: '\f1cb';
}
.fa-jsfiddle:before {
  content: '\f1cc';
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: '\f1cd';
}
.fa-circle-o-notch:before {
  content: '\f1ce';
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: '\f1d0';
}
.fa-ge:before,
.fa-empire:before {
  content: '\f1d1';
}
.fa-git-square:before {
  content: '\f1d2';
}
.fa-git:before {
  content: '\f1d3';
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: '\f1d4';
}
.fa-tencent-weibo:before {
  content: '\f1d5';
}
.fa-qq:before {
  content: '\f1d6';
}
.fa-wechat:before,
.fa-weixin:before {
  content: '\f1d7';
}
.fa-send:before,
.fa-paper-plane:before {
  content: '\f1d8';
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: '\f1d9';
}
.fa-history:before {
  content: '\f1da';
}
.fa-circle-thin:before {
  content: '\f1db';
}
.fa-header:before {
  content: '\f1dc';
}
.fa-paragraph:before {
  content: '\f1dd';
}
.fa-sliders:before {
  content: '\f1de';
}
.fa-stn-share-alt:before {
  content: '\f1e0';
}
.fa-stn-share-alt-square:before {
  content: '\f1e1';
}
.fa-bomb:before {
  content: '\f1e2';
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: '\f1e3';
}
.fa-tty:before {
  content: '\f1e4';
}
.fa-binoculars:before {
  content: '\f1e5';
}
.fa-plug:before {
  content: '\f1e6';
}
.fa-slideshare:before {
  content: '\f1e7';
}
.fa-stn-twitch:before {
  content: '\f1e8';
}
.fa-yelp:before {
  content: '\f1e9';
}
.fa-newspaper-o:before {
  content: '\f1ea';
}
.fa-wifi:before {
  content: '\f1eb';
}
.fa-calculator:before {
  content: '\f1ec';
}
.fa-paypal:before {
  content: '\f1ed';
}
.fa-stn-google-wallet:before {
  content: '\f1ee';
}
.fa-cc-visa:before {
  content: '\f1f0';
}
.fa-cc-mastercard:before {
  content: '\f1f1';
}
.fa-cc-discover:before {
  content: '\f1f2';
}
.fa-cc-amex:before {
  content: '\f1f3';
}
.fa-cc-paypal:before {
  content: '\f1f4';
}
.fa-cc-stripe:before {
  content: '\f1f5';
}
.fa-bell-slash:before {
  content: '\f1f6';
}
.fa-bell-slash-o:before {
  content: '\f1f7';
}
.fa-trash:before {
  content: '\f1f8';
}
.fa-copyright:before {
  content: '\f1f9';
}
.fa-at:before {
  content: '\f1fa';
}
.fa-eyedropper:before {
  content: '\f1fb';
}
.fa-paint-brush:before {
  content: '\f1fc';
}
.fa-birthday-cake:before {
  content: '\f1fd';
}
.fa-area-chart:before {
  content: '\f1fe';
}
.fa-pie-chart:before {
  content: '\f200';
}
.fa-line-chart:before {
  content: '\f201';
}
.fa-lastfm:before {
  content: '\f202';
}
.fa-lastfm-square:before {
  content: '\f203';
}
.fa-toggle-off:before {
  content: '\f204';
}
.fa-toggle-on:before {
  content: '\f205';
}
.fa-bicycle:before {
  content: '\f206';
}
.fa-bus:before {
  content: '\f207';
}
.fa-ioxhost:before {
  content: '\f208';
}
.fa-angellist:before {
  content: '\f209';
}
.fa-cc:before {
  content: '\f20a';
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: '\f20b';
}
.fa-meanpath:before {
  content: '\f20c';
}
.fa-buysellads:before {
  content: '\f20d';
}
.fa-connectdevelop:before {
  content: '\f20e';
}
.fa-dashcube:before {
  content: '\f210';
}
.fa-forumbee:before {
  content: '\f211';
}
.fa-leanpub:before {
  content: '\f212';
}
.fa-sellsy:before {
  content: '\f213';
}
.fa-shirtsinbulk:before {
  content: '\f214';
}
.fa-simplybuilt:before {
  content: '\f215';
}
.fa-skyatlas:before {
  content: '\f216';
}
.fa-cart-plus:before {
  content: '\f217';
}
.fa-cart-arrow-down:before {
  content: '\f218';
}
.fa-diamond:before {
  content: '\f219';
}
.fa-ship:before {
  content: '\f21a';
}
.fa-user-secret:before {
  content: '\f21b';
}
.fa-motorcycle:before {
  content: '\f21c';
}
.fa-street-view:before {
  content: '\f21d';
}
.fa-heartbeat:before {
  content: '\f21e';
}
.fa-venus:before {
  content: '\f221';
}
.fa-mars:before {
  content: '\f222';
}
.fa-mercury:before {
  content: '\f223';
}
.fa-intersex:before,
.fa-transgender:before {
  content: '\f224';
}
.fa-transgender-alt:before {
  content: '\f225';
}
.fa-venus-double:before {
  content: '\f226';
}
.fa-mars-double:before {
  content: '\f227';
}
.fa-venus-mars:before {
  content: '\f228';
}
.fa-mars-stroke:before {
  content: '\f229';
}
.fa-mars-stroke-v:before {
  content: '\f22a';
}
.fa-mars-stroke-h:before {
  content: '\f22b';
}
.fa-neuter:before {
  content: '\f22c';
}
.fa-genderless:before {
  content: '\f22d';
}
.fa-stn-facebook-official:before {
  content: '\f230';
}
.fa-stn-pinterest-p:before {
  content: '\f231';
}
.fa-whatsapp:before {
  content: '\f232';
}
.fa-server:before {
  content: '\f233';
}
.fa-user-plus:before {
  content: '\f234';
}
.fa-user-times:before {
  content: '\f235';
}
.fa-hotel:before,
.fa-bed:before {
  content: '\f236';
}
.fa-viacoin:before {
  content: '\f237';
}
.fa-train:before {
  content: '\f238';
}
.fa-subway:before {
  content: '\f239';
}
.fa-medium:before {
  content: '\f23a';
}
.fa-yc:before,
.fa-y-combinator:before {
  content: '\f23b';
}
.fa-optin-monster:before {
  content: '\f23c';
}
.fa-opencart:before {
  content: '\f23d';
}
.fa-expeditedssl:before {
  content: '\f23e';
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: '\f240';
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: '\f241';
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: '\f242';
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: '\f243';
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: '\f244';
}
.fa-mouse-pointer:before {
  content: '\f245';
}
.fa-i-cursor:before {
  content: '\f246';
}
.fa-object-group:before {
  content: '\f247';
}
.fa-object-ungroup:before {
  content: '\f248';
}
.fa-sticky-note:before {
  content: '\f249';
}
.fa-sticky-note-o:before {
  content: '\f24a';
}
.fa-cc-jcb:before {
  content: '\f24b';
}
.fa-cc-diners-club:before {
  content: '\f24c';
}
.fa-clone:before {
  content: '\f24d';
}
.fa-balance-scale:before {
  content: '\f24e';
}
.fa-hourglass-o:before {
  content: '\f250';
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: '\f251';
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: '\f252';
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: '\f253';
}
.fa-hourglass:before {
  content: '\f254';
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: '\f255';
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: '\f256';
}
.fa-hand-scissors-o:before {
  content: '\f257';
}
.fa-hand-lizard-o:before {
  content: '\f258';
}
.fa-hand-spock-o:before {
  content: '\f259';
}
.fa-hand-pointer-o:before {
  content: '\f25a';
}
.fa-hand-peace-o:before {
  content: '\f25b';
}
.fa-trademark:before {
  content: '\f25c';
}
.fa-registered:before {
  content: '\f25d';
}
.fa-creative-commons:before {
  content: '\f25e';
}
.fa-gg:before {
  content: '\f260';
}
.fa-gg-circle:before {
  content: '\f261';
}
.fa-tripadvisor:before {
  content: '\f262';
}
.fa-odnoklassniki:before {
  content: '\f263';
}
.fa-odnoklassniki-square:before {
  content: '\f264';
}
.fa-get-pocket:before {
  content: '\f265';
}
.fa-wikipedia-w:before {
  content: '\f266';
}
.fa-safari:before {
  content: '\f267';
}
.fa-chrome:before {
  content: '\f268';
}
.fa-firefox:before {
  content: '\f269';
}
.fa-opera:before {
  content: '\f26a';
}
.fa-internet-explorer:before {
  content: '\f26b';
}
.fa-tv:before,
.fa-television:before {
  content: '\f26c';
}
.fa-contao:before {
  content: '\f26d';
}
.fa-500px:before {
  content: '\f26e';
}
.fa-amazon:before {
  content: '\f270';
}
.fa-calendar-plus-o:before {
  content: '\f271';
}
.fa-calendar-minus-o:before {
  content: '\f272';
}
.fa-calendar-times-o:before {
  content: '\f273';
}
.fa-calendar-check-o:before {
  content: '\f274';
}
.fa-industry:before {
  content: '\f275';
}
.fa-map-pin:before {
  content: '\f276';
}
.fa-map-signs:before {
  content: '\f277';
}
.fa-map-o:before {
  content: '\f278';
}
.fa-map:before {
  content: '\f279';
}
.fa-commenting:before {
  content: '\f27a';
}
.fa-commenting-o:before {
  content: '\f27b';
}
.fa-houzz:before {
  content: '\f27c';
}
.fa-stn-vimeo:before {
  content: '\f27d';
}
.fa-black-tie:before {
  content: '\f27e';
}
.fa-fonticons:before {
  content: '\f280';
}
.fa-stn-reddit-alien:before {
  content: '\f281';
}
.fa-edge:before {
  content: '\f282';
}
.fa-credit-card-alt:before {
  content: '\f283';
}
.fa-codiepie:before {
  content: '\f284';
}
.fa-modx:before {
  content: '\f285';
}
.fa-fort-awesome:before {
  content: '\f286';
}
.fa-usb:before {
  content: '\f287';
}
.fa-product-hunt:before {
  content: '\f288';
}
.fa-mixcloud:before {
  content: '\f289';
}
.fa-scribd:before {
  content: '\f28a';
}
.fa-pause-circle:before {
  content: '\f28b';
}
.fa-pause-circle-o:before {
  content: '\f28c';
}
.fa-stop-circle:before {
  content: '\f28d';
}
.fa-stop-circle-o:before {
  content: '\f28e';
}
.fa-shopping-bag:before {
  content: '\f290';
}
.fa-shopping-basket:before {
  content: '\f291';
}
.fa-hashtag:before {
  content: '\f292';
}
.fa-bluetooth:before {
  content: '\f293';
}
.fa-bluetooth-b:before {
  content: '\f294';
}
.fa-percent:before {
  content: '\f295';
}
.fa-gitlab:before {
  content: '\f296';
}
.fa-wpbeginner:before {
  content: '\f297';
}
.fa-wpforms:before {
  content: '\f298';
}
.fa-envira:before {
  content: '\f299';
}
.fa-universal-access:before {
  content: '\f29a';
}
.fa-wheelchair-alt:before {
  content: '\f29b';
}
.fa-question-circle-o:before {
  content: '\f29c';
}
.fa-blind:before {
  content: '\f29d';
}
.fa-audio-description:before {
  content: '\f29e';
}
.fa-volume-control-phone:before {
  content: '\f2a0';
}
.fa-braille:before {
  content: '\f2a1';
}
.fa-assistive-listening-systems:before {
  content: '\f2a2';
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: '\f2a3';
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: '\f2a4';
}
.fa-glide:before {
  content: '\f2a5';
}
.fa-glide-g:before {
  content: '\f2a6';
}
.fa-signing:before,
.fa-sign-language:before {
  content: '\f2a7';
}
.fa-low-vision:before {
  content: '\f2a8';
}
.fa-viadeo:before {
  content: '\f2a9';
}
.fa-viadeo-square:before {
  content: '\f2aa';
}
.fa-snapchat:before {
  content: '\f2ab';
}
.fa-snapchat-ghost:before {
  content: '\f2ac';
}
.fa-snapchat-square:before {
  content: '\f2ad';
}
.fa-pied-piper:before {
  content: '\f2ae';
}
.fa-first-order:before {
  content: '\f2b0';
}
.fa-yoast:before {
  content: '\f2b1';
}
.fa-themeisle:before {
  content: '\f2b2';
}
.fa-stn-google-plus-circle:before,
.fa-stn-google-plus-official:before {
  content: '\f2b3';
}
.fa-fa:before,
.fa-font-awesome:before {
  content: '\f2b4';
}
.fa-handshake-o:before {
  content: '\f2b5';
}
.fa-envelope-open:before {
  content: '\f2b6';
}
.fa-envelope-open-o:before {
  content: '\f2b7';
}
.fa-linode:before {
  content: '\f2b8';
}
.fa-address-book:before {
  content: '\f2b9';
}
.fa-address-book-o:before {
  content: '\f2ba';
}
.fa-vcard:before,
.fa-address-card:before {
  content: '\f2bb';
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: '\f2bc';
}
.fa-user-circle:before {
  content: '\f2bd';
}
.fa-user-circle-o:before {
  content: '\f2be';
}
.fa-user-o:before {
  content: '\f2c0';
}
.fa-id-badge:before {
  content: '\f2c1';
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: '\f2c2';
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: '\f2c3';
}
.fa-quora:before {
  content: '\f2c4';
}
.fa-free-code-camp:before {
  content: '\f2c5';
}
.fa-telegram:before {
  content: '\f2c6';
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: '\f2c7';
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: '\f2c8';
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: '\f2c9';
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: '\f2ca';
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: '\f2cb';
}
.fa-shower:before {
  content: '\f2cc';
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: '\f2cd';
}
.fa-podcast:before {
  content: '\f2ce';
}
.fa-window-maximize:before {
  content: '\f2d0';
}
.fa-window-minimize:before {
  content: '\f2d1';
}
.fa-window-restore:before {
  content: '\f2d2';
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: '\f2d3';
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: '\f2d4';
}
.fa-bandcamp:before {
  content: '\f2d5';
}
.fa-grav:before {
  content: '\f2d6';
}
.fa-etsy:before {
  content: '\f2d7';
}
.fa-imdb:before {
  content: '\f2d8';
}
.fa-ravelry:before {
  content: '\f2d9';
}
.fa-eercast:before {
  content: '\f2da';
}
.fa-microchip:before {
  content: '\f2db';
}
.fa-snowflake-o:before {
  content: '\f2dc';
}
.fa-superpowers:before {
  content: '\f2dd';
}
.fa-wpexplorer:before {
  content: '\f2de';
}
.fa-meetup:before {
  content: '\f2e0';
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

/*
.mfp-hide {
  left: -0 !important; height: 0px !important; margin: 0 !important; padding: 0 !important; overflow: hidden; }
*/

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
/*
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }
*/
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }


.postcodenl-autocomplete-menu {
	display: none;
	position: fixed; /* viewport positioning so dropdown is visible in modals and not clipped by body overflow */
	z-index: 1060; /* above Magnific Popup modal (1043–1045) so dropdown is visible in modals */
	background-position: right .85em bottom .3em;
	box-shadow: 0 .5em .75em rgba(0, 0, 0, .15);
	background-color: #fff;
}

.postcodenl-autocomplete-menu-open {
	display: block;
}

.postcodenl-autocomplete-menu-items {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	max-height: 19em;
	overflow-y: auto;
	overflow-x: hidden;
}

.postcodenl-autocomplete-menu-items:empty {
	display: none;
}

input[class].postcodenl-autocomplete-address-input {
	transition: none;
}

.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo {
	padding-bottom: 1.75em;
	border-top: 1px solid #ddd;
}

.postcodenl-autocomplete-logo .postcodenl-autocomplete-menu-items {
	border-top: none;
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank {
	background-position: calc(100% - .85em) calc(50% + .1em);
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank:focus {
	background-image: none;
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-loading {
	background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP//3d3d+Dg4L29vdfX18jIyJOTk6SkpOnp6fDw8Nra2oaGhnl5eQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
	background-position: center right .6em;
	background-repeat: no-repeat;
	background-size: .8em;
}

.postcodenl-autocomplete-item {
	padding: .4em 1.2em .4em .6em;
	margin: 0;
	line-height: 1.1;
	list-style: none;
	cursor: pointer;
}

.postcodenl-autocomplete-item-focus {
	background-color: #f0f0f0;
}

.postcodenl-autocomplete-item mark {
	background-color: transparent;
	font-weight: 700;
	padding: 0;
}

.postcodenl-autocomplete-item-label {
	display: inline-block;
	max-width: 100%;
	margin-right: .4em;
}

.postcodenl-autocomplete-item-description,
.postcodenl-autocomplete-item-tag {
	margin-right: .4em;
	font-size: 80%;
	color: #666;
}

.postcodenl-autocomplete-item-description {
	white-space: nowrap;
}

.postcodenl-autocomplete-item-more {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPHBhdGggZD0ibTUgMTQgNi02LTYtNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
	background-position: center right .25em;
	background-repeat: no-repeat;
	background-size: .8em;
}

.postcodenl-autocomplete-aria-live-region {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}


    /* ***** fonts.css ***** */



/* @font-face {
    font-family: 'Rubrik';
    src: url('fonts/Rubrik.eot?19th1u');
    src: url('fonts/Rubrik.eot?#iefix19th1u') format('embedded-opentype'),
         url('fonts/Rubrik.woff2?19th1u') format('woff2'),
         url('fonts/Rubrik.woff?19th1u') format('woff'),
         url('fonts/Rubrik.ttf?19th1u') format('truetype'),
         url('fonts/Rubrik.svg?19th1u#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RubrikBold';
    src: url('fonts/RubrikBold.eot?19th1u');
    src: url('fonts/RubrikBold.eot?#iefix19th1u') format('embedded-opentype'),
         url('fonts/RubrikBold.woff2?19th1u') format('woff2'),
         url('fonts/RubrikBold.woff?19th1u') format('woff'),
         url('fonts/RubrikBold.ttf?19th1u') format('truetype'),
         url('fonts/RubrikBold.svg?19th1u#icomoon') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
} */


/* ***** base.css ***** */

/* reset code, don't touch */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body {  scroll-behavior: smooth; }
html { height: 100%; }
body { min-height: 100%; position: relative; line-height: 1.5em; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    line-height: inherit;
}


div, span { font-weight: inherit; font-style: inherit; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.fa { line-height: unset;} /* font-awesome has a default line-height of 1 */
.eq:before { display: none; } /* elementary (element-query) sets breakpoints via :before content */
.js-link, .js-call, .js-toggle { cursor: pointer; }
.id-quicksearch-dropdown .order-add-product .input-combined .js-link {display:inline;}
/* base */

html { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 22px; } /* 14px is 1rem */
code, pre { font-family: Courier; }
.clearfix:before, .clearfix:after { display: table; content: ' '; } .clearfix:after { clear: both; }

@media only screen { .noscreen { display: none !important; }}

/* base typography */

h1, h2, h3, h4, h5, h6,
pre, ol, ul, dl, address, table,
blockquote, p, form, hr,
.in-flow { margin-top: 0; margin-bottom: 1rem; } /* NOTE: if you change these values, also change the top/bottom-margins in the containers on layout.css */
.end-flow { margin-bottom: 0; }
th, td { padding: 5px 0; text-align: left; vertical-align: top; font-weight: normal; }
ul, ol { padding: 0 0 0 1.2em; } /* in em because left padding depends on size of font used. note: 2em just fits 2 digits in numbered lists */
ul ol, ol ol, ol ul, ul ul { margin-bottom: 0; }
a { color: inherit; font-weight: inherit; font-style: inherit; text-decoration: none; outline: 0;}
a:focus { outline: 0;}
h1, header.as-h1 { font-size: 48px; line-height: 48px; color: #00223A; font-weight: 700; }
h2, header.as-h2 { font-size: 27px; line-height: 29px; color: #00223A; font-weight: 700; }
h3, header.as-h3 { font-size: 26px; line-height: 27px; color: #00223A; font-weight: 700; }
h4, header.as-h4 { font-size: 22px; line-height: 24px; color: #00223A; font-weight: 700; }
h5, header.as-h5 { font-size: 19px; line-height: 22px; color: #00223A; font-weight: 700; }
h6, header.as-h6 { font-size: 16px; line-height: 18px; color: #00223A; font-weight: 700; }
header { font-size: 16px; line-height: 18px; color: #00223A; font-weight: 700; }

@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    html { font-size: 13px; line-height: 18px; }
    h1, header.as-h1 { font-size: 40px; line-height: 40px; }
    h2, header.as-h2 { font-size: 26px; line-height: 27px; }
    h3, header.as-h3 { font-size: 24px; line-height: 26px; }
    h4, header.as-h4 { font-size: 21px; line-height: 22px; }
    h5, header.as-h5 { font-size: 18px; line-height: 21px; }
    header { font-size: 14px; line-height: 16px; }
}

@media only screen and (max-width: 659px) {
    html { font-size: 15px; line-height: 21px; }
    h1, header.as-h1 { font-size: clamp(20px, 7vw, 40px); line-height: clamp(20px, 7vw, 40px); }
    h2, header.as-h2 { font-size: clamp(18px, 7vw, 30px); line-height: clamp(20px, 7vw, 32px); }
    h3, header.as-h3 { font-size: clamp(16px, 7vw, 28px); line-height: clamp(18px, 7vw, 30px); }
    h4, header.as-h4 { font-size: clamp(14px, 7vw, 24px); line-height: clamp(14px, 7vw, 24px); }
    header { font-size: clamp(12px, 7vw, 17px); line-height: clamp(12px, 7vw, 19px); }
}

.white { color: white; }
.blue { color: #00223A; }
.light-blue { color: #0069B4; }

table { border-collapse: collapse; border-spacing: 0; }
hr { border: 1px solid #FFFFFF; border-bottom: 0; line-height: 1px; }
b, strong, .strong { font-weight: 700; }
i, em { font-style: italic; }
sub, sup { font-size: 0.75em; }
sub {}
p, ul, ol, dl { font-size: 16px; line-height: 22px; font-weight: 400; color: #00223A; }
.h2-subtitle h2 {font-size: 17px !important;}
p.smaller {font-size: 14px;}
@media only screen and (max-width: 659px) {
    p.smaller { font-size: 13px; line-height: 18px; }
    p.smaller > span.fa { font-size: 15px; }
}

p.info-text { font-style: italic; color: gray; }

.introtext p {font-size: 20px;}
.introtext h3 {font-size: 25px;}

@media only print, only screen and (max-width: 1449px) {
    p, ul, ol, dl { font-size: 14px; }
}

.green-text { color: #00CA5E !important; font-weight: 600; }
.plum-text { color: #A23B72 !important; font-weight: 600; }
.beige-text { color: #F1E4BF !important; font-weight: 600; }
p.artnr { color: #A23B72 !important; font-weight: 600; }

.no-hover-effect:hover { text-decoration: none !important; color: inherit !important; }

.product-price-net-table > table > tbody > tr > td.discount .promo.green-background { background: #00CA5E !important; }
.product-price-net-table > table > tbody > tr > td.discount .promo.yellow-background { background: #FFE100 !important; color: #00223A !important; }
.product-price-net-table > table > tbody > tr > td.discount .promo.red-background { background: #D62828 !important; }

ul {list-style-type: none; padding-left: 5px;}
body:not(.page-tweakwise-search-results):not(.pageid-partfinder) ul li:not(.CookieCard, .page-article .cataloggerarticle .info li):before {font-family: fontawesome; content: '\f00c'; top: 0; left: 0; padding-right: 10px;}
body:not(.pageid-partfinder) ul li:before {font-family: fontawesome; content: '\f00c'; top: 0; left: 0; padding-right: 10px;}
body:not(.pageid-partfinder) .select2-results__option[aria-selected='true']:not(:has(.product-variant-option)) { color: #3EB9C0; background-color: #ddd; }
body:not(.pageid-partfinder) .select2-results__option[aria-selected='false']:before { content: ''; }

.pageid-tweakwise-search-results .select2-results__option[aria-selected='false']:before { content: ''; padding: 0; }

p { position: relative; }
span.style-code {
    font-family: 'Courier New', Courier, monospace;
    font-weight: 200;
    padding: 0.1em 0.3em;
    background: #0069b41c;
}
span.style-quoted:before {
    content: '“';
    font-size: 1.1em;
}
span.style-quoted:after {
    content: '”';
    font-size: 1.1em;
}
span.style-highlight {
    background: yellow;
}
span.style-tag {
    font-size: 0.8em;
    background: #00223A;
    color: white;
    border: 1px solid #00223A;
    border-radius: 0.3em;
    padding: 0.1em 0.3em;
}

span.style-small {
    font-size: 0.7em;
}
span.style-large {
    font-size: 1.3em;
}

span.cat-b { font-weight: bold; }
span.cat-i { font-style: italic; }
span.cat-u { text-decoration: underline; }
span.cat-sup, span.cat-sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.75em; }
span.cat-sub { top: 0.4em; }
span.cat-li { position: relative; display: inline-block; padding-left: 1.2em; line-height: 1.7em; }
span.cat-li:before { content: '-'; display: block; position: absolute; left: 0; top: 0; width: 1.2em; color: #5d5d5e; line-height: 1.7em; }

.link-styling {display: block; font-weight: 600; color: #00223A; font-size: 16px; font-weight: normal;}
.link-styling:hover {text-decoration: underline;}

.hover-styling:hover { text-decoration: underline; }

/* base form */
input, button, .button, select, textarea, div.input { display: inline-block; background: white; color: #00223A; }
input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], select, textarea, div.input
                { padding: 0 5px; min-height: 47px; border: 2px solid #0069b41c; border-radius: 5px; width: 100%;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type='number'] { -moz-appearance:textfield; }
input {line-height: 1.3em;}
input.confirmation-field { display: none; }
div.input {line-height: 40px;}

input[type='checkbox'], input[type='radio'] { margin-right: 4px; }
input[type='number'] { width: 100px; }
input[type='file'] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.label-input-file { width: 100%; cursor: pointer; }
.input.file { width: calc(100% - 38px); margin-right: 10px; }
input[type='checkbox']:before{
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    background: white;
    background-image: url('unchecked.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}
input[type='checkbox']:checked:before{
    background-image: url('checked.svg');
}

textarea { min-height: 80px; resize: vertical; line-height: inherit; padding-top: 9px; }
.select2 { width: 100%; }
.select2-results__options { font-size: inherit; }
.select2-container .select2-selection--single { border: 1px solid #0069b41c; border-radius: 5px; min-height: 40px; }
.select2-container .select2-selection--single .select2-selection__rendered { width: 100%; padding: 0 25px 0 10px; line-height: 40px; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 38px; right: 5px; }

.select2-container .select2-selection--multiple { background-color: whitesmoke; border: 1px solid #FFFFFF; border-radius: 5px; min-height: 40px; }
.select2-container .select2-selection--multiple li { font-size: 14px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { line-height: 26px; }
.select2-container--default .select2-search--inline .select2-search__field { min-height: auto; }

label { margin-right: 5px; display: inline-block; }
label.checkbox, label.radio { padding-left: 21px; text-indent: -21px; margin-left: 0; margin-right: 10px; }
label.checkbox > input, label.radio > input { margin-right: 5px; }
.textbox:focus {border: 1px solid #00223a82;}

label.checkbox { padding-left: 26px; text-indent: -26px; }

::-webkit-input-placeholder {
    color: #00223A;
}
:-moz-placeholder { /* Firefox 18- */
    color: #00223A;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #00223A;
}
:-ms-input-placeholder {
    color: #00223A;
}


/* base colors */
body { background: white; color: #00223A; } /* set body background to last section background (footer) */
::selection { background: #3EB9C0; color: white; }
::-moz-selection { background: #3EB9C0; color: white; }

/* button */
.button { line-height: 18px; min-height: 36px; padding: 7px 13px; font-size: 16px; font-weight: 600; }
.button { background: #0069B4; color: white; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; border-radius: 5px; transition: all 0.15s ease-in-out 0s; }
.button:disabled { background: #0069b41c; }
.button.button-icon { padding: 0; width: 40px; }
.button.button-icon.create-circle { width: 36px; line-height: 34px; }
.button:hover, .button:focus { background: #00223A; color: white }
.button:disabled:hover, .button:disabled:focus { background: #00223a82; }
.button.with-alternate-color { background: #3EB9C0; color: #00223A; }
.button.with-alternate-color:hover, .button.with-alternate-color:focus { background: #00223A; color: white; }
.button.with-inverted-colors { background: #3EB9C0; color: #00223A; }
.button.with-inverted-colors .fa {color: #00223A;}
.button.with-inverted-colors a { text-decoration: none; }
.button.with-inverted-colors:hover, .button.with-inverted-colors:focus { background: #00223A; color: #3EB9C0; }
.button.with-inverted-colors:hover .fa, .button.with-inverted-colors:focus .fa { color: #3EB9C0; }
.button.without-background { background: transparent; color: #00223A; padding: 0; }
.button.without-background:hover, .button.without-background:focus { background: inherit; }
.button.with-transparent-background { background: transparent; color: white; border: 2px solid white !important; }
.button.with-icon-left .text { margin: 0 0 0 5px; }
.button.with-icon-right .text { margin: 0 5px 0 0; }
.button.fit-width { width: 100%; }
.button.fit-width-flex { width: 100%; display: flex; justify-content: space-between; align-items: center; text-align: left; padding: 23px 13px; }
.button.large-text { font-size: 20px; line-height: 22px; font-weight: 600; }
.button.with-button-right { margin-right: 10px; }
.button.with-dark-background { background: #024268; color: white; }
.button.with-white-background:hover,
.button.with-white-background:focus { background: white; color: #00223A; }
.button .image-small { width: 20px; height: 20px; vertical-align: bottom; }

.button.with-border { color: #00223A !important; text-decoration: none; font-weight: 600; background: white; padding: 8px 24px; border: 2px solid #00223A !important; display: inline-block; transition: all 0.4s ease 0s;}
.button.with-border:hover { color: white !important; background: #00223A; border-color: #00223A !important; transition: all 0.4s ease 0s;}
.button.with-alternate-border { color: #00223A !important; text-decoration: none; font-weight: 600; background: white; padding: 8px 24px; border: 2px solid #3EB9C0 !important; display: inline-block; transition: all 0.4s ease 0s;}
.button.with-alternate-border:hover { color: white !important; background: #3EB9C0; border-color: #3EB9C0 !important; transition: all 0.4s ease 0s;}
.with-inverted-colors .button.with-border,
.with-inverted-colors-2 .button.with-border {border-color: white !important; background: transparent; color: white !important;}
.with-accent-colors .button.with-border {border-color: white !important; background: transparent; color: white !important;}
.with-inverted-colors-2 .button.with-border:hover {background: #00223A;}
.with-accent-colors .button.with-border:hover {background: #00223A;}

.button[data-color='red'] { background: #D62828 !important; color: white !important; }
.button[data-color='yellow'] { background: #FFE100 !important; color: #00223A !important; }
.button[data-color='green'] { background: #00CA5E !important; color: #00223A !important; }

/* button special webeditor effects*/

.button.effect-icon span.fa { opacity: 0; width: 0; transition: all 0.4s; }
.button.effect-icon span.text { margin: 0; transition: all 0.4s; }
.button.effect-icon:hover span.fa { opacity: 1; width: 1.28571429em; }
.button.effect-icon:hover span.text { margin-left: 5px; }
.button.with-icon-right.effect-icon:hover span.text { margin-left: 0; margin-right: 5px; }

.button.effect-grow {transition: all 0.4s ease 0s; display: inline-block;}
.button.effect-grow:hover {font-size: 20px; background: #3EB9C0; letter-spacing: 0.4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.57); box-shadow: 5px 40px 0px rgba(0,0,0,0.57); transition: all 0.4s ease 0s;}
.button.with-alternate-color.effect-grow:hover {font-size: 20px; background: #00223A; letter-spacing: 0.4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.57); box-shadow: 5px 40px 0px rgba(0,0,0,0.57); transition: all 0.4s ease 0s;}
.with-inverted-colors .button.effect-grow,
.with-inverted-colors-2 .button.effect-grow,
.with-accent-colors .button.effect-grow,
.with-inverted-colors .button.effect-grow:hover,
.with-inverted-colors-2 .button.effect-grow:hover,
.with-accent-colors .button.effect-grow:hover { background: white; color: #00223A; }

.button.effect-float { box-shadow: 0 0 0px rgba(0, 0, 0, 0); border-radius: 0; transform: translateY(0); transition: all 0.2s ease-out 0s; }
.button.effect-float:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; transform: translateY(-6px); }

.button.effect-slide { position: relative; overflow: hidden; border: 0; }
.button.effect-slide .hovercontent { background: #3EB9C0; transform: translateY(100%); transition: all 0.2s ease; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.button.effect-slide:hover .hovercontent { transform: translateY(0);}
.with-alternate-color.button.effect-slide .hovercontent { background: #00223A; color: white; }
.with-inverted-colors .button.effect-slide .hovercontent { background: #3EB9C0; }
.with-inverted-colors-2 .button.effect-slide .hovercontent { background: #00223A; color: white; }
.with-accent-colors .button.effect-slide .hovercontent { background: #00223A; color: white; }

.button.effect-roll { border: 0; background: transparent !important; position: relative; transform: rotateX(0deg); transform-style: preserve-3d; transition: all 0.4s ease; }
.button.effect-roll:hover { transform: rotateX(90deg); background: transparent !important; }
.button.effect-roll .content { background: #00223A; transform: rotateX(0deg) translateZ(20px); transform-style: preserve-3d; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.button.effect-roll .hovercontent { background: #3EB9C0; transform: rotateX(-90deg) translateZ(20px); transform-style: preserve-3d; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.with-alternate-color.button.effect-roll .content { background: #3EB9C0; color: white; }
.with-alternate-color.button.effect-roll .hovercontent { background: #00223A; color: white; }
.with-inverted-colors .button.effect-roll .content { background: white; color: #00223A; }
.with-inverted-colors .button.effect-roll .hovercontent { background: #3EB9C0; color: #00223A; }
.with-inverted-colors-2 .button.effect-roll .content { background: white; color: #00223A; }
.with-inverted-colors-2 .button.effect-roll .hovercontent { background: #00223A; color: white; }
.with-accent-colors .button.effect-roll .content { background: white; color: #00223A; }
.with-accent-colors .button.effect-roll .hovercontent { background: #00223A; color: white; }

/* thisbutton, used for specific components, like searchbox and paginator */
.thisbutton { display: inline-block; background: white; color: #00223A; padding: 0 20px; line-height: 30px; min-height: 32px; }
.thisbutton { background: #0069B4; color: white; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; border-radius: 5px; transition: all 0.15s ease-in-out 0s; }
.thisbutton:disabled { background: #0069b41c; }
.thisbutton.button-icon { padding: 0; width: 40px; }
.thisbutton:hover, .thisbutton:focus { background: #00223A; }
.thisbutton:disabled:hover, .thisbutton:disabled:focus { background: #00223a82; }
.thisbutton.with-alternate-color { background: #3EB9C0; }
.thisbutton.with-alternate-color:hover, .thisbutton.with-alternate-color:focus { background: #3EB9C0; }
.thisbutton.with-inverted-colors { background: #0069b41c; color: #00223A; padding: 6px 25px; font-size: 19px; font-weight: 500; }
.thisbutton.with-inverted-colors a { text-decoration: none; }
.thisbutton.with-inverted-colors:hover, .thisbutton.with-inverted-colors:focus { background: #3EB9C0; color: white; }
.thisbutton.without-background { background: transparent; color: #00223A; padding: 0; }
.thisbutton.without-background:hover, .thisbutton.without-background:focus { background: inherit; }
.thisbutton .text, .thisbutton.with-icon-left .text { margin: 0 0 0 5px; }
.thisbutton.with-icon-right .text { margin: 0 5px 0 0; }
.thisbutton.fit-width { width: 100%; }
.thisbutton.with-button-right { margin-right: 10px; }

.group.darkblue {background: #00223A; color: white;}
.group.extradarkblue {background: #002b49; color: white;}
.group.lightblue {background: #0069B4; color: white;}
.group.middleblue {background: #336788; color: white;}
.group.earth {background:#F1E4BF; color:white;}

/* state */

.is-visible { display: block !important; }
.is-hidden { display: none !important; }

.is-active {}
.is-selected {}
.is-disabled {}

.is-info { }
.is-ok { }
.is-warning { }
.is-danger { }
.is-error { }

.anchor { visibility: hidden; top: 0; } /* top will be changed by javascript to account for height of dynamic header */
.not-visible { visibility: hidden !important; position: absolute !important; }

.site-window-content .with-alternate-background,
.with-alternate-background { background-color: #A23B72; color: white; }
.site-window-content .with-alternate-background-2,
.with-alternate-background-2 { background-color: #00223A; }
.site-window-content .with-alternate-background-3,
.with-alternate-background-3 { background-color: #0069b41c; color: #00223A; }
.site-window-content .with-alternate-background-4,
.with-alternate-background-4 { background-color: #024268; color: #00223A; }
.with-inverted-colors { background-color: #00223A; color: white; }
.with-inverted-colors-2 { background-color: #3EB9C0; color: white; }
.with-accent-colors { background-color: #f1e4bf7a; color: white; }
.with-accent-colors-2 { background-color: #0069B4; color: white; }
.with-opacity {opacity: 0.9;}
.with-inverted-colors .button { }
.with-inverted-colors-2 .button { background: white; color: #00223A; }
.with-accent-colors .button { background: white; color: #00223A; }
.with-inverted-colors .button:hover,
.with-inverted-colors .button:focus { background: #3EB9C0; }
.with-inverted-colors-2 .button:hover,
.with-inverted-colors-2 .button:focus { background: #00223A; color: white; }
.with-accent-colors .button:hover { background: #00223A; color: white; }

.with-inverted-colors .button.without-background { color: white; }
.with-inverted-colors-2 .button.without-background {background: transparent;}
.with-accent-colors .button.without-background {background: transparent;}
.with-inverted-colors .button.without-background:hover {background: transparent;color: white;}
.with-inverted-colors-2 .button.without-background:hover {background: transparent;color: white;}
.with-accent-colors .button.without-background:hover {background: transparent; color: white;}

.with-accent-colors-2 .link,
.with-accent-colors-2 .link:hover,
.with-inverted-colors .link,
.with-inverted-colors .link:hover { color: white; }



.with-top-left-alignment { display: flex; align-items: flex-start; justify-content: flex-start; }
.with-top-alignment { display: flex; align-items: flex-start; justify-content: center; }
.with-top-right-alignment {display: flex;  align-items: flex-start; justify-content: flex-end; }
.with-left-alignment { display: flex; align-items: center; justify-content: flex-start; }
.with-center-alignment { display: flex; align-items: center; justify-content: center; }
.with-right-alignment { display: flex; align-items: center; justify-content: flex-end; }
.with-bottom-left-alignment { display: flex; align-items: flex-end; justify-content: flex-start; }
.with-bottom-alignment { display: flex; align-items: flex-end; justify-content: center; }
.with-bottom-right-alignment { display: flex; align-items: flex-end; justify-content: flex-end; }

td.with-left-alignment { display: table-cell; }
td.with-center-alignment { display: table-cell; text-align: center; }
td.with-right-alignment { display: table-cell; text-align: right; }

.with-uppercase {text-transform: uppercase;}
.with-round-corners {border-radius: 5px;}
.create-circle {border-radius: 1000px;}
.create-circle .image { position: absolute; max-height: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.with-letterspacing {letter-spacing: 2px;}

.hero .page-width.fit-width > div { width: 100%; }
.hero .page-width.fit-height > div { height: 100%; }

.strong { }
.inverted { color: white; }
.strong.inverted {  }
p.with-background,
h1.with-background,
h2.with-background,
h3.with-background,
h4.with-background,
h5.with-background,
h6.with-background,
header.with-background { background-color: #00223A; padding: 13px 15px; display: inline-block; color: white; }

p.with-alternate-background,
h1.with-alternate-background,
h2.with-alternate-background,
h3.with-alternate-background,
h4.with-alternate-background,
h5.with-alternate-background,
h6.with-alternate-background,
header.with-alternate-background { background-color: #A23B72; padding: 13px 15px; display: inline-block; }

p.align-center.with-background,
h1.align-center.with-background,
h2.align-center.with-background,
h3.align-center.with-background,
h4.align-center.with-background,
h5.align-center.with-background,
h6.align-center.with-background,
header.align-center.with-background { display: table;  padding: 13px 15px; margin: 0 auto;}

p.align-center.with-alternate-background,
h1.align-center.with-alternate-background,
h2.align-center.with-alternate-background,
h3.align-center.with-alternate-background,
h4.align-center.with-alternate-background,
h5.align-center.with-alternate-background,
h6.align-center.with-alternate-background,
header.align-center.with-alternate-background {display: table; padding: 13px 15px; margin: 0 auto;}

p.align-right.with-background,
h1.align-right.with-background,
h2.align-right.with-background,
h3.align-right.with-background,
h4.align-right.with-background,
h5.align-right.with-background,
h6.align-right.with-background,
header.align-right.with-background {clear: both; display: block; padding: 13px 15px; text-align: right; float: right; position: relative; overflow: visible; white-space: nowrap;}

p.align-right.with-alternate-background,
h1.align-right.with-alternate-background,
h2.align-right.with-alternate-background,
h3.align-right.with-alternate-background,
h4.align-right.with-alternate-background,
h5.align-right.with-alternate-background,
h6.align-right.with-alternate-background,
header.align-right.with-alternate-background {clear: both; display: block; padding: 13px 15px; text-align: right; float: right; position: relative;  overflow: visible; white-space: nowrap;}

.with-alternate-background.inverted { background-color: #00223A; color: white; }
.with-alternate-background.inverted a {color: white;}
.with-alternate-background.strong.inverted {  }

.align-center { text-align: center; }
.align-right { text-align: right; }

.with-inverted-text { color: white;}
.with-alternate-text { color: #0069B4;}

header.lists {margin-bottom: 10px;}

header > span.fa { transform: rotate(0deg); transition: transform 0.5s ease-in-out; }
header.is-active > span.fa { transform: rotate(180deg); }

@media only print, only screen and (min-width: 660px) {
    .page-group_account-overview header > span.fa { display: none; }
}

/* responsive helpers                                               */
/* DOLLARon_* : the media-query, generated via style.php            */
/* only-* : show only on these devices                              */
/* not-*  : don't show on these devices                             */
/* we define the suffixes -s, -m, -l, -xl for small, medium, large, */
/* and extra large screens respectively.                            */
/* combine these to get -sm, -ml, -sl, -lxl,                        */

@media only screen and (max-width: 659px) {
    .only-s { }
    .only-m { display: none !important; }
    .only-l { display: none !important; }
    .only-xl { display: none !important; }
    .only-sm { }
    .only-sl { }
    .only-sxl { }
    .only-ml { display: none !important; }
    .only-mxl { display: none !important; }
    .only-lxl { display: none !important; }
    .only-sml { }
    .only-smxl { }
    .only-slxl { }
    .only-mlxl { display: none !important; }
    .not-s { display: none !important; }
    .not-m { }
    .not-l { }
    .not-xl { }
    .not-sm { display: none !important; }
    .not-sl { display: none !important; }
    .not-sxl { display: none !important; }
    .not-ml { }
    .not-mxl { }
    .not-lxl { }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .only-s { display: none !important; }
    .only-m { }
    .only-l { display: none !important; }
    .only-xl { display: none !important; }
    .only-sm { }
    .only-sl { display: none !important; }
    .only-sxl { display: none !important; }
    .only-ml { }
    .only-mxl { }
    .only-lxl { display: none !important; }
    .only-sml { }
    .only-smxl { }
    .only-slxl { display: none !important; }
    .only-mlxl { }
    .not-s { }
    .not-m { display: none !important; }
    .not-l { }
    .not-xl { }
    .not-sm { display: none !important; }
    .not-sl { }
    .not-sxl { }
    .not-ml { display: none !important; }
    .not-mxl { display: none !important; }
    .not-lxl { }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .only-s { display: none !important; }
    .only-m { display: none !important; }
    .only-l { }
    .only-xl { display: none !important; }
    .only-sm { display: none !important; }
    .only-sl { }
    .only-sxl { display: none !important; }
    .only-ml { }
    .only-mxl { display: none !important; }
    .only-lxl { }
    .only-sml { }
    .only-smxl { display: none !important; }
    .only-slxl { }
    .only-mlxl { }
    .not-s { }
    .not-m { }
    .not-l { display: none !important; }
    .not-xl { }
    .not-sm { }
    .not-sl { display: none !important; }
    .not-sxl { }
    .not-ml { display: none !important; }
    .not-mxl { }
    .not-lxl { display: none !important; }
}

@media only screen and (min-width: 1450px) {
    .only-s { display: none !important; }
    .only-m { display: none !important; }
    .only-l { display: none !important; }
    .only-xl { }
    .only-sm { display: none !important; }
    .only-sl { display: none !important; }
    .only-sxl { }
    .only-ml { display: none !important; }
    .only-mxl { }
    .only-lxl { }
    .only-sml { display: none !important; }
    .only-smxl { }
    .only-slxl { }
    .only-mlxl { }
    .not-s { }
    .not-m { }
    .not-l { }
    .not-xl { display: none !important; }
    .not-sm { }
    .not-sl { }
    .not-sxl { display: none !important; }
    .not-ml { }
    .not-mxl { display: none !important; }
    .not-lxl { display: none !important; }
}

/* ***** layout.css ***** */

/* sections and responsive page-width, this is top-level only */
section { z-index: 10; position: relative; }
section { min-width: 320px; } /* for really small devices */
section > .page-width { width: 100%; margin: 0 auto; padding: 0 10px; }
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .page-width { width: 660px; }}
@media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .page-width { width: 960px; }}
/* adding extra breakpoint */
@media only screen and (min-width: 1200px) { section > .page-width { width: 1200px; }}
@media only screen and (min-width: 1450px) { section > .page-width { width: 1450px; }}
@media only screen and (min-width: 960px) {
    .page-story .site-window-content section > .page-width,
    section.story-width > .page-width { max-width: 830px; }

    section.newsitem-width > .page-width { max-width: 1140px; }
}
.is-printing section > .page-width { width: 780px !important; }
section:before, section:after { display: table; content: ' '; } section:after { clear: both; }
.hero-image .page-width.story-width {max-width: 844px;}

.site-window-content section { background-color: #F5F9FD; }
.site-window-content section.with-alternate-background { background-color: white; color: #00223A; border-top: 1px solid #e1e9ef; }
.site-window-content section.with-alternate-background-2 { background-color: #f1e4bf7a; }
.site-window-content section.with-inverted-colors { background-color: #00223A; color: white;}
.site-window-content section.with-accent-colors { background-color: #3EB9C0; }
.site-window-content section.with-accent-colors-2 { background-color: #0069B4; }
.site-window-content section.with-padding > .page-width { padding-top: 45px; padding-bottom: 45px; }
.site-window-content section.with-padding-top > .page-width { padding-top: 45px; }
.site-window-content section.with-padding-bottom > .page-width { padding-bottom: 45px; }
.site-window-content section.with-mini-padding > .page-width { padding-top: 35px; padding-bottom: 35px; }
.site-window-content section.with-large-padding > .page-width { padding-top: 140px; padding-bottom: 140px; }

.page-newsitem .site-window-content section.with-padding > .page-width { padding-top: 0; }

a.with-white-background,
button.with-white-background { background-color: white; color: #00223A; }

.group.with-white-background {background-color: white; }

.group.group-link.with-lightblue:hover {background: #00223A; color: white; transition:all 0.3s ease;}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .site-window-content section.with-large-padding > .page-width { padding-top: 80px; padding-bottom: 80px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .site-window-content section.with-large-padding > .page-width { padding-top: 75px; padding-bottom: 75px; }
}
@media only screen and (max-width: 659px) {
    .site-window-content section.with-padding > .page-width { padding-top: 15px; padding-bottom: 15px; }
    .site-window-content section.with-padding-top > .page-width { padding-top: 15px; }
    .site-window-content section.with-padding-bottom > .page-width { padding-top: 15px; }
    .site-window-content section.with-mini-padding > .page-width { padding-top: 10px; padding-bottom: 10px;}
    .site-window-content section.with-large-padding > .page-width { padding-top: 32px; padding-bottom: 32px;}
}

.white-background { background: white; border-radius: 5px; padding: 20px; margin-bottom: 10px; }

.page-account-users .site-window-content section.with-padding-top > .page-width,
.page-account-address .site-window-content section.with-padding-top > .page-width,
.page-group_account-overview .site-window-content section.with-padding-top > .page-width,
.page-account-orderhistory-detail .site-window-content section.with-padding-top > .page-width,
.page-account-files .site-window-content section.with-padding-top > .page-width {padding-top: 37px;}

.page-group_account-overview .site-window-content section {
    z-index: 30;
}

.page-group_account-overview .result-pages-search {
    border-bottom: 0;
}

.page-group_account-overview .horizontal-scroll {
    background: #fff;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-group_account-overview .erp_status {
    text-align: center;
}

.page-group_account-overview .erp_status img {
    width: 19px;
}

.page-group_account-overview .sidebar.with-gutter > aside {
    padding-right: 0;
}

.page-group_account-overview .sidebar.with-gutter > aside > .account-sidemenu {
    background: #fff;
    border-radius: 5px;
    padding: 30px;
}

.page-group_account-overview .sidebar.with-gutter > div {
    padding-left: 30px;
}

.page-group_account-overview td a {
    font-weight: normal;
}

.page-group_account-overview h1 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.page-group_account-overview .invoice-tabs.items-tile.with-gutter {
    width: 90%;
    margin: 0 auto;
}

.page-group_account-overview .invoice-tabs .button {
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #EBF0FF;
    color: #00223A;
}

.page-group_account-overview .invoice-tabs .button.alternate-color {
    background-color: #3EB9C0;
    color: white;
}

.page-group_account-overview .invoice-tabs .button.is-active {
    background-color: #00223A;
    color: white;
}

.page-group_account-overview .invoice-tabs.items-tile.with-gutter > .item {
    padding: 0;
}

.page-group_account-overview .lists .list .actions a {
    color: #3EB9C0;
    font-size: 14px;
}

.page-group_account-overview .lists .list a {
    font-size: 16px;
}

.page-group_account-overview .user-sidemenu .favorites-lists {
    padding-bottom: 10px;
}

.page-group_account-overview .user-sidemenu .favorites-lists,
.page-group_account-overview .user-sidemenu .project-lists {
    margin-bottom: 20px;
    border-bottom: 1px solid #EBF0FF;
}

.page-group_account-overview .user-sidemenu .favorites-lists .button {
    font-size: 14px;
}

.pageid-account-invoicesoverview .table-plain tr > td {
    vertical-align: middle;
}
.page-group_account-overview .parts_delivery.products { overflow: unset; max-height: unset; }

.page-account-users .user-card { background: white; border-radius: 5px; padding: 20px; margin-bottom: 10px; }
.page-account-users .user-card > .name > span { font-weight: 700; }
.page-account-users .user-card > .email { font-weight: 700; }

/* sidebar, will be to the left or right in containers wider than 660px, above content on smaller containers */
.sidebar { padding: 0; display: table; table-layout: fixed; width: 100%; }
.sidebar > aside { overflow: hidden; position: relative; min-height: 1px; width: 267px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar > div { position: relative; min-height: 1px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar.with-gutter > aside { padding-right: 16px; }
.sidebar.with-gutter > div { padding-left: 16px; }
.sidebar.with-middle-alignment > aside { vertical-align: middle; }
.sidebar.with-middle-alignment > div { vertical-align: middle; }
.sidebar.with-bottom-alignment > aside { vertical-align: bottom; }
.sidebar.with-bottom-alignment > div { vertical-align: bottom; }
.sidebar.with-line-between > div { border-left: 1px solid #FFFFFF; }
.sidebar-right > aside { left: calc(100% - 267px); }
.sidebar-right > div { left: -267px; }
.sidebar-right.with-gutter > aside { padding-right: 0; padding-left: 16px; }
.sidebar-right.with-gutter > div { padding-left: 0; padding-right: 16px; }
.sidebar-right.with-line-between > div { border-left: 0; border-right: 1px solid #FFFFFF; }

.sidebar > aside { width: 300px; }

@media only print, only screen and (max-width: 959px) {
    .sidebar.with-gutter > aside { margin-bottom: 10px;}
    .sidebar { display: block; }
    .sidebar > aside { display: block; width: 100%; }
    .sidebar > div { display: block; }
    .sidebar-right > aside { left: 0; }
    .sidebar-right > div { left: 0; }
    .sidebar.with-gutter > aside { padding-left: 0; padding-right: 0; }
    .sidebar.with-gutter > div { padding-left: 0; padding-right: 0; }
    .sidebar.with-line-between > div { border-left: 0; border-right: 0; }
    .page-group_account-overview .sidebar.with-gutter > div { padding-left: 0; }
}

/* tiles, same-width items, fills left-to-right, then down */
/* number of tiles can be specified through classes 's-2 m-2 l-3 xl-4' */
.items-tile { padding: 0; }
.items-tile > .item { position: relative; min-height: 1px; width: 100%; padding: 0; display: inline-block; vertical-align: top; height: auto; }
.items-tile.with-gutter { margin: -16px -16px }
.items-tile.with-gutter.in-flow { margin-bottom: calc(1rem - 16px); }
.items-tile.with-gutter > .item { padding: 16px; }
.items-tile.with-xl-gutter > .item { padding: 25px; }
.items-tile.with-middle-alignment > .item { vertical-align: middle; }
.items-tile.with-bottom-alignment > .item { vertical-align: bottom; }
.items-tile.with-line-between > .item { border-top: 1px solid #FFFFFF; }
.items-tile.with-line-between > .item:first-child { border-top: 0; }

@media only print, only screen and (max-width: 959px) {
    .items-tile.with-xl-gutter > .item {padding: 10px;}
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .items-tile.with-xl-gutter > .item {padding: 16px;}
}

@media only screen and (max-width: 659px) {
    .items-tile.s-1 > .item { width: 100%; }
    .items-tile.s-2 > .item { width:  50%; }
    .items-tile.s-3 > .item { width:  33.333333%; }
    .items-tile.s-4 > .item { width:  25%; }
    .items-tile.s-5 > .item { width:  20%; }
    .items-tile.s-6 > .item { width:  16.666666%; }
    .items-tile.s-7 > .item { width:  14.285714%; }
    .items-tile.s-8 > .item { width:  12.5%; }
    .items-tile.s-9 > .item { width:  11.111111%; }
    .items-tile.s-10 > .item { width: 10%; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .items-tile.m-1 > .item { width: 100%; }
    .items-tile.m-2 > .item { width:  50%; }
    .items-tile.m-3 > .item { width:  33.333333%; }
    .items-tile.m-4 > .item { width:  25%; }
    .items-tile.m-5 > .item { width:  20%; }
    .items-tile.m-6 > .item { width:  16.666666%; }
    .items-tile.m-7 > .item { width:  14.285714%; }
    .items-tile.m-8 > .item { width:  12.5%; }
    .items-tile.m-9 > .item { width:  11.111111%; }
    .items-tile.m-10 > .item { width: 10%; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .items-tile.l-1 > .item { width: 100%; }
    .items-tile.l-2 > .item { width:  50%; }
    .items-tile.l-3 > .item { width:  33.333333%; }
    .items-tile.l-4 > .item { width:  25%; }
    .items-tile.l-5 > .item { width:  20%; }
    .items-tile.l-6 > .item { width:  16.666666%; }
    .items-tile.l-7 > .item { width:  14.285714%; }
    .items-tile.l-8 > .item { width:  12.5%; }
    .items-tile.l-9 > .item { width:  11.111111%; }
    .items-tile.l-10 > .item { width: 10%; }
}
/* adding extra breakpoint */
@media only screen and (min-width: 1200px) {
    .items-tile.ll-1 > .item { width: 100%; }
    .items-tile.ll-2 > .item { width:  50%; }
    .items-tile.ll-3 > .item { width:  33.333333%; }
    .items-tile.ll-4 > .item { width:  25%; }
    .items-tile.ll-5 > .item { width:  20%; }
    .items-tile.ll-6 > .item { width:  16.666666%; }
    .items-tile.ll-7 > .item { width:  14.285714%; }
    .items-tile.ll-8 > .item { width:  12.5%; }
    .items-tile.ll-9 > .item { width:  11.111111%; }
    .items-tile.ll-10 > .item { width: 10%; }
}
@media only screen and (min-width: 1450px) {
    .items-tile.xl-1 > .item { width: 100%; }
    .items-tile.xl-2 > .item { width:  50%; }
    .items-tile.xl-3 > .item { width:  33.333333%; }
    .items-tile.xl-4 > .item { width:  25%; }
    .items-tile.xl-5 > .item { width:  20%; }
    .items-tile.xl-6 > .item { width:  16.666666%; }
    .items-tile.xl-7 > .item { width:  14.285714%; }
    .items-tile.xl-8 > .item { width:  12.5%; }
    .items-tile.xl-9 > .item { width:  11.111111%; }
    .items-tile.xl-10 > .item { width: 10%; }
}

/* rows, full-width items, fills down */
.items-row { padding: 0; }
.items-row > .item { position: relative; padding: 0; }
.items-row.with-gutter { margin: -16px 0; }
.items-row.with-gutter.in-flow { margin-bottom: calc(1rem - 16px); }
.items-row.with-gutter > .item { padding: 16px 0; }
.items-row.with-line > .item { border-bottom: 1px solid #FFFBEF; }
.items-row.with-line > .item:first-child { border-top: 1px solid #FFFBEF; }
.items-row.with-line.with-gutter { margin-top: 0; margin-bottom: 1rem; }
.items-row.with-line-below > .item { border-bottom: 1px solid #FFFFFF; }
.items-row.with-line-below.with-gutter { margin-bottom: 1rem; }
.items-row.with-line-above > .item { border-top: 1px solid #FFFFFF; }
.items-row.with-line-above.with-gutter { margin-top: 0; }
.items-row.with-line-between > .item { border-top: 1px solid #FFFFFF; }
.items-row.with-line-between > .item:first-child { border-top: 0; }
.items-row.with-oddeven > .item { padding: 16px 12px; }
.items-row.with-oddeven > .item:nth-child(odd) { background-color: #f1e4bf7a; }
.items-row.with-oddeven > .item:nth-child(even) { background-color: transparent; }

@media only print, only screen and (max-width: 959px) {
    .page-order-basket .items-row.with-line > .item:first-child { border-top: unset; }
    .page-order-basket .items-row.with-line > .item { border-top: 1px solid #00223A; }
}

.items-tile.with-line-between > .item .parts_delivery.products > .product { border-top: 1px solid #FFFFFF; margin-top: 10px; }
.page-account-quote-place .items-tile.with-line-between > .item .parts_delivery.products > .product:last-child,
.page-order-place .items-tile.with-line-between > .item .parts_delivery.products > .product:last-child,
.page-order-info .items-tile.with-line-between > .item .parts_delivery.products > .product:last-child { border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; }
.page-account-quote-place .items-tile.with-line-between > .item .parts_delivery.products > .product:last-child,
.page-order-place .items-tile.with-line-between > .item .parts_delivery.products > .product:first-child,
.page-order-info .items-tile.with-line-between > .item .parts_delivery.products > .product:first-child { margin-top: 0;}
.items-tile.with-line-between > .item .parts_delivery.products > .product .basketitem > div.image { position: relative; }
.items-tile.with-line-between > .item .parts_delivery.products > .product .basketitem > div.image > .product-promo { bottom: -15px; }
.page-account-quote-place .right-column > .item-stylable,
.page-order-place .right-column > .item-stylable { padding: 20px; background: white; border-radius: 5px; }
.page-account-quote-place .right-column .items-property > .item > .item-stylable > .label,
.page-order-place .right-column .items-property > .item > .item-stylable > .label { margin-top: 20px; width: 100%; font-weight: 700; }
.page-account-quote-place .right-column .items-property > .item > .item-stylable > .value,
.page-order-place .right-column .items-property > .item > .item-stylable > .value { width: 100%; }

@media only screen and (max-width: 659px) {
    .items-tile.with-line-between > .item .parts_delivery.products > .product > .product-card .image.product-image { min-height: 80px; }
    #modal-part_delivery_modal { margin: 10px auto 10px auto; }
    #modal-part_delivery_modal .items-tile.with-line-between > .item .parts_delivery.products > .product > .product-card .image.product-image { min-height: 70px; max-height: 70px; }
}

/* propertylist */
.items-property { margin-bottom: 20px; }
.items-property.end-flow { margin-bottom: 0; }
.items-property > .item { position: relative; }
.items-property > .item > .item-stylable:before, .items-property > .item > .item-stylable:after { display: table; content: ' '; } .items-property > .item > .item-stylable:after { clear: both; }
.items-property > .item > .item-stylable > .label { width: 40%; float: left; padding: 2px 0; }
.items-property > .item > .item-stylable > .value { width: 60%; float: right; padding: 2px 0; }
.items-property > .item > .item-stylable > .labelvalue { width: 100%; padding: 2px 0; }
.items-property.is-fluid > .item > .item-stylable > .label { width: auto; }
.items-property.is-fluid > .item > .item-stylable > .value { width: auto; }
.items-property.is-fluid > .item > .item-stylable > .value > a.js-call.basketitem-edit-remarks { display: block; }
.items-property.with-line > .item > .item-stylable > .label { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line > .item > .item-stylable > .value { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line > .item > .item-stylable > .labelvalue { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line > .item { border-bottom: 1px solid #FFFFFF; }
.items-property.with-line > .item:first-child { border-top: 1px solid #FFFFFF; }
.items-property.with-line-below > .item > .item-stylable > .label { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-below > .item > .item-stylable > .value { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-below > .item > .item-stylable > .labelvalue { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-below > .item { border-bottom: 1px solid #FFFFFF; }
.items-property.with-line-above > .item > .item-stylable > .label { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-above > .item > .item-stylable > .value { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-above > .item > .item-stylable > .labelvalue { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-above > .item { border-top: 1px solid #FFFFFF; }
.items-property.with-line-between > .item > .item-stylable > .label { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-between > .item > .item-stylable > .value { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-between > .item > .item-stylable > .labelvalue { padding-top: 5px; padding-bottom: 5px; }
.items-property.with-line-between > .item { border-top: 1px solid #FFFFFF; }
.items-property.with-line-between > .item:first-child { border-top: 0; }
.items-property.with-oddeven > .item > .item-stylable > .label,
.items-property.with-oddeven > .item > .item-stylable > .value,
.items-property.with-oddeven > .item > .item-stylable > .labelvalue { padding: 4px 12px; }
.items-property.with-oddeven > .item:nth-child(odd) > .item-stylable { background-color: #f1e4bf7a; }
.items-property.with-oddeven > .item:nth-child(even) > .item-stylable { background-color: transparent; }

.product-card-infoorder .product-info-fields:has(.product-info-fields-content) { font-size: 14px; color: #233744; margin-bottom: 20px; }
.product-card-infoorder .product-info-fields .show-dropdown { padding: 0; }
.product-card-infoorder .product-info-fields .items-property .items-property { margin-bottom: 0; }
.product-card-infoorder .product-info-fields .items-property.with-oddeven > .item:nth-child(2n+1) > .item-stylable { border-radius: 5px; }
.product-card-infoorder .product-info-fields .items-property > .item > .item-stylable > .label { width: 55%; overflow-wrap: break-word; word-break: break-word; min-width: 0; }
.product-card-infoorder .product-info-fields .items-property > .item > .item-stylable > .value { width: 45%; overflow-wrap: break-word; word-break: break-word; min-width: 0; }
.product-card-infoorder .product-info-fields button > .icon > span.fa { transition: all 0.5s ease-in-out; }

.quicksearch .products .items-tile .product-info-fields .item-stylable { margin: 0; }

@media only screen and (min-width: 960px) {
    .product-card-infoorder .product-info-fields .product-info-fields-content.is-hidden {
        display: block !important; /* Standaard zichtbaar op desktop */
    }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .product-card-infoorder .product-info-fields:has(.product-info-fields-content),
    .product-card-infoorder .product-info-fields {
        font-size: 12px;
    }
}

@media only print, only screen and (max-width: 959px) {
    .product-card-infoorder .product-info-fields .items-property > .item > .item-stylable > .label { width: 100%; font-weight: bold; padding-bottom: 0; }
    .product-card-infoorder .product-info-fields .items-property > .item > .item-stylable > .value { width: 100%; padding-top: 0; }
    .product-card-infoorder .product-info-fields .show-dropdown { margin-bottom: 10px;}

    .product-card-infoorder .product-info-fields .button.with-icon-right .text { float: left;}
    .product-card-infoorder .product-info-fields .button.with-icon-right .icon { float: right;}
}

@media only screen and (max-width: 659px) {
    .items-property > .item > .item-stylable > .label,
    .items-property > .item > .item-stylable > .value { width: 50%; }
}


/* columns, columns are never stacked, items have auto-width but can be overridden */
.items-column { padding: 0; display: table; table-layout: fixed; width: 100%; }
.items-column > .item { position: relative; min-height: 1px; width: 100%; padding: 0; display: table-cell; vertical-align: top; }
.items-column > .item:first-child:nth-last-child(1) { width: 100%; }
.items-column > .item:first-child:nth-last-child(2),
.items-column > .item:first-child:nth-last-child(2) ~ .item { width: 50%; }
.items-column > .item:first-child:nth-last-child(3),
.items-column > .item:first-child:nth-last-child(3) ~ .item { width: 33.333333%; }
.items-column > .item:first-child:nth-last-child(4),
.items-column > .item:first-child:nth-last-child(4) ~ .item { width: 25%; }
.items-column > .item:first-child:nth-last-child(5),
.items-column > .item:first-child:nth-last-child(5) ~ .item { width: 20%; }
.items-column > .item:first-child:nth-last-child(6),
.items-column > .item:first-child:nth-last-child(6) ~ .item { width: 16.666666%; }
.items-column > .item:first-child:nth-last-child(7),
.items-column > .item:first-child:nth-last-child(7) ~ .item { width: 14.285714%; }
.items-column > .item:first-child:nth-last-child(8),
.items-column > .item:first-child:nth-last-child(8) ~ .item { width: 12.5%; }
.items-column > .item:first-child:nth-last-child(9),
.items-column > .item:first-child:nth-last-child(9) ~ .item { width: 11.111111%; }
.items-column > .item:first-child:nth-last-child(10),
.items-column > .item:first-child:nth-last-child(10) ~ .item { width: 10%; }
.items-column.with-gutter { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); }
.items-column.with-gutter > .item { padding: 0 16px; }
.items-column.with-middle-alignment > .item { vertical-align: middle; }
.items-column.with-bottom-alignment > .item { vertical-align: bottom; }


.items-column.with-line-between > .item-1 { border-left: 1px solid #FFFBEF; padding-left: 33px; }

@media only print, only screen and (max-width: 959px) {
    .items-column.with-line-between > .item-1 { padding-left: 16px; }
}

/* blocks, like columns, but items can flow onto new lines and are numbered for extra css control */
.items-block { padding: 0; }
.items-block > .item { position: relative; min-height: 1px; width: 100%; padding: 0; display: inline-block; vertical-align: top; }
.items-block > .item:first-child:nth-last-child(1) { width: 100%; }
.items-block > .item:first-child:nth-last-child(2),
.items-block > .item:first-child:nth-last-child(2) ~ .item { width: 50%; }
.items-block > .item:first-child:nth-last-child(3),
.items-block > .item:first-child:nth-last-child(3) ~ .item { width: 33.333333%; }
.items-block > .item:first-child:nth-last-child(4),
.items-block > .item:first-child:nth-last-child(4) ~ .item { width: 25%; }
.items-block > .item:first-child:nth-last-child(5),
.items-block > .item:first-child:nth-last-child(5) ~ .item { width: 20%; }
.items-block > .item:first-child:nth-last-child(6),
.items-block > .item:first-child:nth-last-child(6) ~ .item { width: 16.666666%; }
.items-block > .item:first-child:nth-last-child(7),
.items-block > .item:first-child:nth-last-child(7) ~ .item { width: 14.285714%; }
.items-block > .item:first-child:nth-last-child(8),
.items-block > .item:first-child:nth-last-child(8) ~ .item { width: 12.5%; }
.items-block > .item:first-child:nth-last-child(9),
.items-block > .item:first-child:nth-last-child(9) ~ .item { width: 11.111111%; }
.items-block > .item:first-child:nth-last-child(10),
.items-block > .item:first-child:nth-last-child(10) ~ .item { width: 10%; }
.items-block.with-gutter { margin: -16px -16px; }
.items-block.with-gutter.in-flow { margin-bottom: calc(1rem - 16px); }
.items-block.with-gutter > .item { padding: 16px; }
.items-block.with-middle-alignment > .item { vertical-align: middle; }
.items-block.with-bottom-alignment > .item { vertical-align: bottom; }

.items-block.items-50-50-100 .item { width: 100% !important; }
.items-block.items-50-50-100 .item:nth-child(3n+3) { width: 100% !important; }



/* carousel, items have identical dimensions, non-selected items are not visible, select by clicking on dot */
.items-carousel { height: 200px; } /* just a default to see -something- */
.items-carousel { padding: 0; position: relative; }
.items-carousel > .dots { z-index: 2; position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
.items-carousel > .dots > .dot { display: inline-block; color: #00223A; padding: 10px; }
.items-carousel > .dots > .dot.is-selected { color: #3EB9C0; }
.items-carousel > .items { z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
.items-carousel > .items > .item { z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.items-carousel > .items > .item.is-selected { z-index: 2; left: 0; }
.items-carousel.with-slide-out > .items > .item { z-index: 2; }
.items-carousel.with-slide-out > .items > .item.is-selected { z-index: 1; }
.items-carousel.with-slide-out > .items > .item { transition: left 0.5s ease-in-out 0s, right 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s; }
.items-carousel.with-slide-out > .items > .item.is-selected { transition: left 0s ease-in-out 0s, right 0s ease-in-out 0s, top 0s ease-in-out 0s, bottom 0s ease-in-out 0s; }
.items-carousel.with-slide-out-left > .items > .item { left: -100%; }
.items-carousel.with-slide-out-left > .items > .item.is-selected { left: 0; }
.items-carousel.with-slide-out-right > .items > .item { left: 100%; }
.items-carousel.with-slide-out-right > .items > .item.is-selected { left: 0; }
.items-carousel.with-slide-out-top > .items > .item { top: -100%; }
.items-carousel.with-slide-out-top > .items > .item.is-selected { top: 0; }
.items-carousel.with-slide-out-bottom > .items > .item { top: 100%; }
.items-carousel.with-slide-out-bottom > .items > .item.is-selected { top: 0; }
.items-carousel.with-slide-in > .items > .item { z-index: 1; }
.items-carousel.with-slide-in > .items > .item.is-selected { z-index: 2; }
.items-carousel.with-slide-in > .items > .item { transition: left 0s ease-in-out 0.5s, right 0s ease-in-out 0.5s, top 0s ease-in-out 0.5s, bottom 0s ease-in-out 0.5s; }
.items-carousel.with-slide-in > .items > .item.is-selected { transition: left 0.5s ease-in-out 0s, right 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s; }
.items-carousel.with-slide-in-left > .items > .item { left: -100%; }
.items-carousel.with-slide-in-left > .items > .item.is-selected { left: 0; }
.items-carousel.with-slide-in-right > .items > .item { left: 100%; }
.items-carousel.with-slide-in-right > .items > .item.is-selected { left: 0; }
.items-carousel.with-slide-in-top > .items > .item { top: -100%; }
.items-carousel.with-slide-in-top > .items > .item.is-selected { top: 0; }
.items-carousel.with-slide-in-bottom > .items > .item { top: 100%; }
.items-carousel.with-slide-in-bottom > .items > .item.is-selected { top: 0; }
.js-carousel { cursor: pointer; }

.items-carousel.dots-right > .dots { text-align: right; padding-right: 20px; }
.items-carousel.dots-left > .dots { text-align: left; padding-left: 20px; }

/* conveyor, items have identical dimensions, select by clicking on left/right  */
.items-conveyor { height: 100px; } /* just a default to see -something- */
.items-conveyor { padding: 0; position: relative; }
.items-conveyor > .nav { z-index: 2; color: #00223A; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); background: #3EB9C0; border-radius: 30px; width: 31px; padding: 4px 0; font-size: 19px;}
.items-conveyor > .nav:hover {background: #00223A; transition: all 0.15s ease-in-out 0s; color: white; }
.items-conveyor > .nav.is-disabled { background: #0069B4; opacity: 0.5; cursor: default; color: white; }
.items-conveyor > .nav-left { left: 0; }
.items-conveyor > .nav-right { right: 0; }
.items-tile > .nav.create-circle,
.items-conveyor > .nav.create-circle { width: 34px; height: 34px; line-height: 20px; font-size: 20px; }
.nav.create-circle > svg,
.items-tile > .nav.create-circle > svg,
.items-conveyor > .nav.create-circle > svg { width: 20px; height: 20px; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.items-conveyor > .items-window { z-index: 1; position: absolute; left: 40px; top: 0; width: calc(100% - 80px); height: 106%; overflow: hidden; }
.items-conveyor > .items-window > .items { white-space: nowrap; position: relative; padding-top: 10px; padding-bottom: 10px;}
.items-conveyor > .items-window > .items > .item { white-space: normal; position: relative; min-height: 1px; padding: 0; display: inline-block; vertical-align: top; }
.items-conveyor.with-gutter > .items-window > .items { margin: 0 -16px; }
.items-conveyor.with-gutter > .items-window > .items > .item { padding: 0 calc(16px + 2px); }
.items-conveyor.with-middle-alignment > .items-window > .items { height: 100%; }
.items-conveyor.with-middle-alignment > .items-window > .items > .item { position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.items-conveyor.with-bottom-alignment > .items-window > .items { height: 100%; }
.items-conveyor.with-bottom-alignment > .items-window > .items > .item { position: relative; top: 100%; transform: translateY(-100%); -ms-transform: translateY(-100%); }
.items-conveyor > .items-window > .items { transition: left 0.25s ease-in-out 0s; }

.with-equal-height .item > .item-stylable > .group { height: 100%; }

.items-conveyor.navigation-outside { padding-bottom: 35px; }
.items-conveyor.navigation-outside > .nav-left { top: unset; bottom: -10px; transform: unset; left: unset; right: 50px; }
.items-conveyor.navigation-outside > .nav-right { top: unset; bottom: -10px; transform: unset; left: unset; right: 0; }
.items-conveyor.navigation-outside > .items-window { width: 100%; left: 0; height: 100%; }
.items-conveyor.navigation-outside > .items-window > .items { padding: 0; }

.items-conveyor.with-effect > .items-window { padding-top: 10px; }
.items-conveyor.with-effect > .nav-left,
.items-conveyor.with-effect > .nav-right { bottom: -20px; }

.items-conveyor.full-width { margin-bottom: 30px; }
.items-conveyor.full-width > .nav-left { left: 15px; }
.items-conveyor.full-width > .nav-right { right: 15px; }
.items-conveyor.full-width > .items-window { left: unset; width: 100%; }
.items-conveyor.full-width > .items-window > .items > .item > .item-stylable > div.image { border-radius: 5px; }

.page-article .items-gallery .thumbs .items-conveyor > .items-window > .items > .item { padding: 10px; }
.page-article .items-gallery .thumbs .items-conveyor > .items-window > .items > .item > div { padding: 20px; background: white; border-radius: 5px; }

@media only screen and (max-width: 659px) {
    .items-conveyor.s-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.s-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.s-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.s-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.s-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.s-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.s-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.s-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.s-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.s-10 > .items-window > .items > .item { width: 10%; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .items-conveyor.m-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.m-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.m-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.m-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.m-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.m-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.m-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.m-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.m-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.m-10 > .items-window > .items > .item { width: 10%; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .items-conveyor.l-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.l-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.l-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.l-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.l-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.l-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.l-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.l-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.l-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.l-10 > .items-window > .items > .item { width: 10%; }
}
@media only screen and (min-width: 1450px) {
    .items-conveyor.xl-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.xl-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.xl-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.xl-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.xl-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.xl-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.xl-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.xl-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.xl-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.xl-10 > .items-window > .items > .item { width: 10%; }
}
.js-conveyor-left, .js-conveyor-right { cursor: pointer; }

/* gallery, one larger item with a number of smaller thumbs that can be selected to open in the larger space */
.items-gallery > .items { height: 200px; } /* just a default to see -something- */
.items-gallery { padding: 0; position: relative; }
.items-gallery > .items { position: relative; overflow: hidden; }
.items-gallery > .items > .item { z-index: 1; background: white; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 5px; padding: 10px; }
.items-gallery > .items > .item.is-selected { z-index: 2; left: 0; }
.items-gallery.with-slide-out > .items > .item { z-index: 2; }
.items-gallery.with-slide-out > .items > .item.is-selected { z-index: 1; }
.items-gallery.with-slide-out > .items > .item { transition: left 0.5s ease-in-out 0s, right 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s; }
.items-gallery.with-slide-out > .items > .item.is-selected { transition: left 0s ease-in-out 0s, right 0s ease-in-out 0s, top 0s ease-in-out 0s, bottom 0s ease-in-out 0s; }
.items-gallery.with-slide-out-left > .items > .item { left: -100%; }
.items-gallery.with-slide-out-left > .items > .item.is-selected { left: 0; }
.items-gallery.with-slide-out-right > .items > .item { left: 100%; }
.items-gallery.with-slide-out-right > .items > .item.is-selected { left: 0; }
.items-gallery.with-slide-out-top > .items > .item { top: -100%; }
.items-gallery.with-slide-out-top > .items > .item.is-selected { top: 0; }
.items-gallery.with-slide-out-bottom > .items > .item { top: 100%; }
.items-gallery.with-slide-out-bottom > .items > .item.is-selected { top: 0; }
.items-gallery.with-slide-in > .items > .item { z-index: 1; }
.items-gallery.with-slide-in > .items > .item.is-selected { z-index: 2; }
.items-gallery.with-slide-in > .items > .item { transition: left 0s ease-in-out 0.5s, right 0s ease-in-out 0.5s, top 0s ease-in-out 0.5s, bottom 0s ease-in-out 0.5s; }
.items-gallery.with-slide-in > .items > .item.is-selected { transition: left 0.5s ease-in-out 0s, right 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s; }
.items-gallery.with-slide-in-left > .items > .item { left: -100%; }
.items-gallery.with-slide-in-left > .items > .item.is-selected { left: 0; }
.items-gallery.with-slide-in-right > .items > .item { left: 100%; }
.items-gallery.with-slide-in-right > .items > .item.is-selected { left: 0; }
.items-gallery.with-slide-in-top > .items > .item { top: -100%; }
.items-gallery.with-slide-in-top > .items > .item.is-selected { top: 0; }
.items-gallery.with-slide-in-bottom > .items > .item { top: 100%; }
.items-gallery.with-slide-in-bottom > .items > .item.is-selected { top: 0; }
.items-gallery > .thumbs { margin: 0; padding: 0; text-align: center; }
.items-gallery > .thumbs > .thumb { position: relative; min-height: 1px; width: 25%; padding: 0; display: inline-block; vertical-align: top; }
.items-gallery > .thumbs > .thumb.is-selected {}
.items-gallery.with-gutter > .thumbs { margin: 16px -16px -16px; }
.items-gallery.with-gutter > .thumbs > .thumb { padding: 16px; }
.items-gallery > .thumbs .image.thumb { min-height: 73px; height: 100%; }
.js-gallery { cursor: pointer; }

/* all items have a item-stylable div, that needs at least width and height matching */
/* rest of the styling should be using an earlier class as well, like .productgallery .item-stylable */
/* if you want to style an item, style .item-stylable, NEVER .item itself */
.item-stylable { height: 100%; width: 100%; }
/*.with-calculated-height > .item-stylable > .group { height: 100%; width: 100%; }
*/
/* simple tables */
.table { border-collapse: collapse; border-spacing: 0; }
.table.full-width { width: 100%; }
.table.fit-width { width: auto; }
.table > tbody > tr > td { padding: 8px 16px; text-align: left; vertical-align: top; font-weight: normal; background: transparent; }
.table > tbody > tr.table-row-header > td { background: #00223A; color: white; }
.table > tbody > tr > td.with-left-alignment { text-align: left; }
.table > tbody > tr > td.with-center-alignment { text-align: center; }
.table > tbody > tr > td.with-right-alignment { text-align: right; }
.table.with-border { border: 1px solid #FFFFFF; }
.table.with-grid-lines > tbody > tr > td { border: 1px solid #FFFFFF; }
.table.with-column-lines > tbody > tr > td { border: 1px solid #FFFFFF; border-top: 0; border-bottom: 0; }
.table.with-row-lines > tbody > tr > td { border: 1px solid #FFFFFF; border-left: 0; border-right: 0; }
.table.with-odd-even > tbody > tr:not(.table-row-header):nth-child(even) > td { background: #f1e4bf7a; }

/* expander, hide last section of content with button to expand (and collapse) */
.expander { height: 130px; transition: height 0.5s ease-in-out 0s; } /* just a default to see -something- */
.expander { position: relative; overflow: hidden; padding-bottom: 32px; margin-bottom: 32px;}
.expander > .controls { z-index: 2; position: absolute; left: 0; width: 100%; bottom: 0; padding-top: 16px;
                        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(193,193,193,1) 100%);
                        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(193,193,193,1) 100%);
                        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(193,193,193,1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c1c1c1',GradientType=0 );}
.expander > .controls > .control { height: 32px; line-height: 32px; font-weight: 600; text-align: center; vertical-align: middle; background: white; border-top: 1px solid #FFFFFF; }
.expander > .controls > .control-collapse { display: none; }
.expander.is-expanded { height: auto; padding-bottom: 0; }
.expander.is-expanded > .controls { display: none; }
.expander.is-expanded.with-collapse { padding-bottom: 32px; }
.expander.is-expanded.with-collapse > .controls { display: block; padding-top: 0; background: white; }
.expander.is-expanded.with-collapse > .controls > .control-expand { display: none; }
.expander.is-expanded.with-collapse > .controls > .control-collapse { display: block; }
.expander.is-not-expandable { height: auto !important; padding-bottom: 0 !important; }
.expander.is-not-expandable > .controls { display: none !important; }
.js-expander { cursor: pointer; }
.with-alternate-background .expander > .controls > .control { background-color: #A23B72; }

.expander > .controls:hover, .expander > .controls:focus {color: #3EB9C0;}
.expander .control span.fa {color: #3EB9C0; font-weight: 700; font-size: 1.4rem; vertical-align: middle;}

/* group, generic container */
.group { display: block; }
.group.with-border { border: 2px solid #e8eaec; }
.group.with-padding { padding: 32px; }

.group.flex-row { display: flex; flex-direction: row; justify-content: space-between; }
.group.flex-column { display: flex; flex-direction: column; justify-content: space-between; }
.group.flex-stretch { flex: 1; }

.group.with-large-padding p {font-weight: 500; letter-spacing: 0.3px;}

section.with-medium-padding { padding-top: 60px; padding-bottom: 60px; }

@media only screen and (min-width: 1450px) {
.group.with-large-padding { padding: 90px 130px; }
.group.with-medium-padding { padding: 60px 80px; }
section.with-large-padding { padding: 140px 130px; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
.group.with-large-padding { padding: 50px 80px; }
.group.with-medium-padding { padding: 60px 80px; }
section.with-large-padding { padding: 80px 80px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .group.with-large-padding { padding: 60px; }
    .group.with-medium-padding { padding: 60px;}
}

@media only print, only screen and (max-width: 959px) {
.group.with-large-padding .button {width: 100%;}
section.with-large-padding .page-width {padding: 0;}
}

@media only screen and (max-width: 659px) {
    .group.with-large-padding { padding: 32px; }
    .group.with-medium-padding { padding: 32px; }
    section.with-medium-padding { padding-top: 32px; padding-bottom: 32px; }
    section.with-large-padding { padding: 32px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    section.with-large-padding { padding: 75px; }
    .group.with-large-padding { padding: 60px; }
}
/* appearance on scrolling */

.js-appear {}
.js-appear > div { transition: all 0.25s ease-out 0s; }
.js-appear.has-appeared > div {}
.js-appear > .from-left { transform: translateX(-100vw); }
.js-appear.has-appeared > .from-left { transform: translateX(0); }
.js-appear > .from-right { transform: translateX(100vw); }
.js-appear.has-appeared > .from-right { transform: translateX(0); }
.js-appear > .from-bottom { transform: translateY(100vh); }
.js-appear.has-appeared > .from-bottom { transform: translateY(0); }
.js-appear > .fade-in { opacity: 0; }
.js-appear.has-appeared > .fade-in { opacity: 1; }

#swe-content .js-appear > div {}
#swe-content .js-appear > .from-left { transform: translateX(0); }
#swe-content .js-appear > .from-right { transform: translateX(0); }
#swe-content .js-appear > .from-bottom { transform: translateY(0); }
#swe-content .js-appear > .fade-in { opacity: 1; }

/* ***** site.css ***** */

/* base z-index */

.site-sidemenu { z-index: 20; position: relative; }
.site-sidemenu-background { z-index: 19; position: relative; }
.site-window { z-index: 10; position: relative; overflow: hidden; /* to prevent horizontal scroll/rubberbanding on iphone */ }
.site-window-header { z-index: 20; position: relative; }
.site-window-content-footer { z-index: 10; position: relative; }
.site-sideslideout { z-index: 15; position: relative; }
.id-compareslideout { z-index: 16; position: relative; }

/* window, sidemenus, and transitions */

.site-sidemenu { position: fixed; width: 100%; bottom: 0; top: 0; background: #0069B4; color: white; overflow: hidden; }
.site-sidemenu > .sidemenu { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0 40px; }
.site-sidemenu > .sidemenu > .logo { position: absolute; max-width: 150px; max-height: 44px; top: 15px; left: 50%; transform: translateX(-50%); }
.site-sidemenu > .sidemenu > header { font-weight: 600; position: relative; height: 60px; line-height: 60px; margin-bottom: 0; font-size: 20px; text-transform: uppercase; letter-spacing: 1px;}
.site-sidemenu > .sidemenu > header > .thisbutton { position: absolute; left: -40px; padding: 13px; top: 0; background: transparent; color: inherit; display: inline-block; width: 44px; height: 44px; }
.site-sidemenu > .sidemenu > .sidemenu-scroller { height: calc(95% - 60px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.site-sidemenu-login > .sidemenu > header > .thisbutton { left: unset; right: 0; }
.site-sidemenu-basket > .sidemenu > header > .thisbutton { left: unset; right: -40px; }
.site-sidemenu-basket > .sidemenu .basket-summary { color: white; }

.site-sidemenu-main { left: -100%; }
.site-sidemenu-user { right: -100%; }
.site-sidemenu-login { left: -100%; }
.site-sidemenu-basket { right: -100%; }
.site-sidemenu-background { background: rgba(255,255,255,0.7); position: fixed; top: 0; width: 100%; height: 100%; }
.site-sidemenu-background-left { left: -100%; }
.site-sidemenu-background-right { right: -100%; }

.is-active-sidemenu-main .site-sidemenu-main { left: 0px; }
.is-active-sidemenu-user .site-sidemenu-user { right: 0px; }
.is-active-sidemenu-basket .site-sidemenu-basket { right: 0px; }
.is-active-sidemenu-main .site-sidemenu-background-left { left: 0px; }
.is-active-sidemenu-user .site-sidemenu-background-right { right: 0px; }
.is-active-sidemenu-basket .site-sidemenu-background-right { right: 0px; }
.is-active-sidemenu-login .site-sidemenu-login { left: 0px; }
.is-active-sidemenu-login .site-sidemenu-background-left { left: 0px; }

.site-sidemenu-main,
.site-sidemenu-user,
.site-sidemenu-basket,
.site-sidemenu-background,
.site-sidemenu-login { transition: all 0.25s ease-in-out 0s; }

@media only screen and (max-width: 659px) {
    .site-sidemenu-login > .sidemenu { padding: 0; }
    .site-sidemenu-main > .sidemenu { padding: 0 20px; }
    .site-sidemenu-main > .sidemenu > header > .thisbutton { left: -20px; }
}

/* sidemenu */
.sidemenu-main .price-select .switch-wrapper { margin-left: auto; margin-top: 0; }

.sidemenu > header { color: white; }
.sidemenu nav > div { padding: 0; border-bottom: 1px solid #FFFBEF; position: relative;font-size: 16px; font-weight: 600; }
.sidemenu nav > div:last-of-type { border-bottom: unset; }
.sidemenu nav > div .mainmenuitemlink { padding: 10px 0; position: relative; }
.sidemenu nav > div .mainmenuitemlink .chevron-right { transition: all 0.5s ease-in-out; }
.sidemenu nav > div .mainmenuitemlink.catalog .chevron-right { transform: rotate(90deg) translateY(calc(-50% + 13px)) translateX(-50%); }
.sidemenu nav > div .mainmenuitemlink.catalog-group-item { font-weight: normal; }

.sidemenu nav > div .mainmenuitemlink.is-active { padding-bottom: 0; }
.sidemenu nav > div .mainmenuitemlink.is-active .chevron-right { padding-bottom: 0; transform: rotate(90deg) translateY(calc(-50% + 13px)) translateX(-50%); }
.sidemenu nav > div .togglemenu { padding: 7px 15px; }
.sidemenu nav > div .togglemenu .mainmenusubitem { padding: 7px 0px; position: relative; font-weight: normal; font-size: 15px; }
.sidemenu nav > div .togglemenu .mainmenusubitem .next { top: 7px; right: 0; }
.sidemenu nav > div .togglemenu > .groupimage { padding-top: 7px; line-height: 1px; }

.sidemenu nav > div .mainmenuitem.catalog-group { position: relative; }
.sidemenu nav > div .mainmenuitem.catalog-group .catalog-group-item { font-size: 14px; border-top: 1px solid #FFFBEF; }
.sidemenu nav > div .mainmenuitem.catalog-group .catalog-group-item .next { top: 11px; }

.sidemenu .next { position: absolute; right: 0; top: 50%; transform:  translateY(-50%); color: #0069b41c; font-size: 15px; font-weight: 600; }
.sidemenu .basketmenu { color:white; padding: 15px; }
.sidemenu .basketmenu .button { background: #A23B72; }

.sidemenu.sidemenu-login .login-form { padding: 15px; }
.sidemenu.sidemenu-login a.link { color: white; }

.sidemenu .footermenu > div,
.sidemenu .usermenu > div { padding: 10px 0; }
.sidemenu .languages > div { padding-top: 30px; }
.sidemenu .languages a { margin-right: 10px; }
.sidemenu .languages a:last-child { margin-right: 0; }
.sidemenu .languages a:not(.selected) { opacity: 0.4; font-weight: 400; }
.sidemenu .languages a[disabled] { pointer-events: none; }
.sidemenu .languages a > span > .thisbutton { margin-left: 5px; padding: 0 15px; background-color: white; border: 1px solid #FFFFFF;}
.sidemenu .languages a > span > .thisbutton:hover, .sidemenu .languages a > span > .thisbutton:focus { background-color: #3EB9C0; color: white;}

.sidemenu .footermenu > div .image,
.sidemenu .usermenu > div .image { width: 15px; }
.sidemenu .usermenu > div.prev-user > *,
.sidemenu .footermenu > div.js-link > a > *,
.sidemenu .usermenu > div.js-link > a > * { vertical-align: middle; }

.basketmenu .basket-items { margin-top: 0px; }
.basketmenu .basket-items .basketitem-card { display: inline-block; width: calc(100% - 40px - 16px); margin-right: 16px; vertical-align: top; }
.basketmenu .basket-items .order-remove { display: inline-block; width: 40px; vertical-align: middle; position: absolute; }
.basketmenu .basket-items .order-remove .button { background: transparent; color: inherit; }

@media only print, only screen and (max-width: 959px) {
    .sidemenu nav > div .togglemenu > .groupimage { display: none; visibility: hidden; }
}

/* sideslideout base & transitions */

.site-sideslideout { position: fixed; width: 320px; top: 50%; background: transparent; }
.site-sideslideout { right: -280px; }
.is-active-sideslideout .site-sideslideout { right: 0px; }
.site-sideslideout { transition: all 0.25s ease-in-out 0s; }

/* sideslideout pulltab & content */

.sideslideout .pulltab { border-radius: 6px 6px 0 0; font-size: 14px; position: relative;left: -63px; width: 167px; height: 40px; line-height: 40px; background: #00223A; color: white; font-size: 20px; padding: 0 13px;
                        -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.sideslideout .pulltab:hover {background: #00223A; transition: all 0.4s ease 0s;}
.sideslideout .slideout {position: relative; right: -40px; top: -103px; height: 236px; width: 280px; background: #00223A; color: white; font-size: 16px; padding: 20px 27px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); border-radius: 0 0 0 4px;}

.sideslideout .pulltab {font-size: 18px; }
.sideslideout .pulltab .text { margin-left: 6px; }
.sideslideout .pulltab .fa { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.25s linear; }
.sideslideout .pulltab.is-active .fa { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.sideslideout .slideout header {font-size: 21px; font-weight: 600; margin-bottom: 19px;}
.sideslideout .pulltab .phone {font-weight: 500; font-size: 18px;}
.sideslideout .pulltab .phone span {padding-right: 6px;}
.sideslideout .pulltab.is-active .phone span.fa-arrow-up {display: none;}
.sideslideout .pulltab .phone span.fa-arrow-down {display: none;}
.sideslideout .pulltab.is-active .phone span.fa-arrow-down {display: inline-block;}
.sideslideout .slideout address {margin-bottom: 0; line-height: 28px; font-weight: 600;}
.sideslideout .slideout address a.link {color: white;}
.sideslideout .slideout address a.link:hover {text-decoration: none; color: #f1e4bf7a;}
.sideslideout .slideout address span.fa {margin-right: 10px; color: #99b3c4;}
.sideslideout .slideout address p {font-size: 15px; line-height: 26px;}

/* compareslideout base & transitions */

.site-compareslideout { pointer-events: none; position: fixed; width: 320px; top: calc(50% + 80px); background: transparent; }
.site-compareslideout { right: -280px; }
.is-active-compareslideout .site-compareslideout { right: 0px; }
.site-compareslideout { transition: all 0.25s ease-in-out 0s; }

@media only print, only screen and (max-width: 959px) {
    .site-compareslideout { top: calc(50% - 20px); }
}

/* compareslideout pulltab & content */

.compareslideout { pointer-events: auto; }
.compareslideout .pulltab { border-radius: 6px 6px 0 0; font-size: 14px; position: relative; left: -63px; width: 167px; height: 40px; line-height: 40px; background: #00223A; color: white; font-size: 20px; padding: 0 13px;
                        -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.compareslideout .pulltab:hover { background: #00223A; transition: all 0.4s ease 0s; }
.compareslideout .pulltab { font-weight: 600; font-size: 18px; }
.compareslideout .pulltab .text { margin-left: 6px; }
.compareslideout .pulltab .fa { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.25s linear; }
.compareslideout .pulltab.is-active .fa { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.compareslideout .slideout { position: relative; right: -40px; top: -103px; height: 310px; width: 280px; background: white; color: #00223A; font-size: 16px; font-weight: 600; padding: 22px 27px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); border-radius: 0 0 0 4px; }
.compareslideout .slideout .link-compare { position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); }

.compareslideout .compare-products { height: calc(100% - 40px); overflow: auto; width: calc(100% + 8px); }

.article-compare:not(.toggle-property) .article-compare-products .hide-item {
    display: none;
}

.article-compare:not(.toggle-property) .main-product-card .main-product-properties .hide-item {
    display: none;
}

.device-mobile .article-compare .nav  { display: none; }
.article-compare .compare-compare  { display: none; }

.toggle-properties {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
    font-weight: 700;
}

.toggle-properties:first-of-type {
    width: 75%;
    float: right;
    margin-top: -40px;
    justify-content: end;
}

@media only print, only screen and (max-width: 959px) {
    .toggle-properties:first-of-type { width: 100%; margin-top: 0; margin-bottom: 10px; float: unset; justify-content: start; }
    .toggle-properties { margin-top: 10px;}

}

.toggle-properties .toggle-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-properties .toggle-item .label {
    margin: 0;
    font-size: 14px;
    white-space: nowrap;
}

.article-compare-products {
    overflow-x: hidden;
    position: relative;
    background: white;
    border-radius: 5px;
    padding-bottom: 30px;
}

@media only screen and (min-width: 960px) {
    .article-compare-wrapper {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }
    
    .main-product-column {
        width: 33.33%;
        flex-shrink: 0;
    }
    
    .alternatives-column {
        width: 66.67%;
        flex-grow: 1;
    }
    
    .article-compare-products ul li.is-main-product {
        display: none !important;
    }

    .article-compare-products {
        margin: 0 40px;
        padding: 20px 0;
    }

    .page-compare .article-compare-products ul li { width: 25%; }
    .page-compare .article-compare-products { margin: 0; }
}

/* Main product card styling */
.main-product-card {
    background: white;
    border-radius: 5px;
    padding: 20px;
}

/* Main product properties styling */
.main-product-properties {
    text-align: left;
    margin: 0 -20px;
}

.main-product-properties .property-label {
    font-weight: 700;
    color: #00223A;
    font-size: 16px;
    line-height: 22px;
}

.main-product-properties .property-value {
    width: 100%;
    white-space: normal;
    vertical-align: top;
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
}

.main-product-card .main-product-badge { display: none; }

.main-product-badge {
    border: 1px solid #00223A;
    color: #00223A;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    position: absolute;
}

.main-product-card > li:before,
.main-product-card > li::marker { content: none !important; }

@media only print, only screen and (max-width: 959px) {
    .main-product-column {
        display: none;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .main-product-badge-inline {
        display: none;
    }
}
.article-compare-products .property.odd ul li,
.main-product-properties .property-row.odd {
    background: #f1e4bf7a;
}

.main-product-properties .property-row {
    padding: 10px 20px 10px 25px;
}

.article-compare-products .label {
    font-weight: 700;
    color: #00223A;
    font-size: 16px;
    line-height: 22px;
}

@media only print, only screen and (max-width: 959px) {
    .article-compare-products .label {
        font-size: 13px;
        line-height: 18px;
    }
}

.article-compare-products ul {
    gap: 20px;
    list-style: none;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    position: relative;
}
.article-compare-products ul li {
    width: 50%;
    padding: 10px 20px 10px 20px;
    white-space: normal;
    vertical-align: top;
    display: inline-block;
    line-height: 22px;
    position: relative;
}

@media only screen and (max-width: 659px) {
    .article-compare-products ul li {
        padding: 5px;
        overflow: hidden;
    }
}

.main-product-card li {
    width: 100%;
    padding: 5px;
    white-space: normal;
    vertical-align: top;
    display: inline-block;
    vertical-align: bottom;
    line-height: 18px;
}

.main-product-card .compare {
    font-size: 13px;
    line-height: 18px;
}

.article-compare-products ul li.stock {
    vertical-align: top;
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .article-compare-products ul li {
        width: 50%;
    }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .article-compare-products ul li {
        width: 50%;
    }
}
@media only screen and (max-width: 659px) {
    .article-compare-products ul li {
        width: 75%;
    }
}
.article-compare-products .property ul li:before,
.article-compare-products .products ul li:before {
    content: unset !important;
}
.article-compare-products ul li p {
    font-size: 12px;
    margin-bottom: 0;
}

.article-compare-products .green-text,
.main-product-card .green-text {
    font-size: 16px;
}

.main-product-card p,
.main-product-card li {
    font-size: 12px;
    margin-bottom: 0;
}
.article-compare-products ul li .image.product-image,
.main-product-card .image.product-image {
    max-height: 175px;
    min-height: 175px;
    width: auto;
}
.article-compare-products .order-add button > .image { display: none; }
.article-compare-products .order-add button > span.text { display: block; }

@media only screen and (max-width: 659px) {
    .article-compare-products .order-add button > .image { display: block; }
    .article-compare-products .order-add button > span.text { display: none; }
}

.article-compare-products .products,
.article-compare-products .property {
    width: 100%;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.article-compare-products .property ul li:last-child {
    border-radius: 0 10px 10px 0;
}

.article-compare-products .products ul,
.article-compare-products .property ul {
    transition: left 0.25s ease-in-out 0s;
}

.alternatives-column > .nav { position: absolute; top: 200px; }
.alternatives-column > .nav-left { left: 0px; }
.alternatives-column > .nav-right { right: 0px; }
.alternatives-column > .nav > .fa { line-height: 37px; }

.page-compare .compare-products-wrapper > .nav { position: fixed; top: 50%; padding: 0; transition: top 0.2s ease-in-out; }
.page-compare .compare-products-wrapper > .nav-left { /* left wordt dynamisch berekend via JavaScript */ }
.page-compare .compare-products-wrapper > .nav-right { /* right wordt dynamisch berekend via JavaScript */ }

.alternatives-column,
.page-compare .compare-products-wrapper {  position: relative; }
.alternatives-column > .nav,
.page-compare .compare-products-wrapper > .nav {z-index: 2; color: #00223A; background: #3EB9C0; border-radius: 30px; width: 37px; height: 37px; cursor: pointer; text-align: center; font-size: 19px; }
.alternatives-column > .nav:hover,
.page-compare .compare-products-wrapper > .nav:hover {background: #00223A; color:white; transition: all 0.15s ease-in-out 0s;}
.alternatives-column > .nav.is-disabled,
.page-compare .compare-products-wrapper > .nav.is-disabled { background: #0069B4; color: white; opacity: 0.5; cursor: default; }

.page-compare.device-mobile .compare-products-wrapper > .nav { display: none; }

.page-compare .compare-products-wrapper .products .product-card { box-shadow: none; padding: 0; }
.page-compare .compare-products-wrapper .products .product-card .product-promo { display: none; }

.page-compare .compare-products-wrapper .products .compare-remove-thumb {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 20px;
}

.page-compare .compare-products-wrapper .products .compare-remove-thumb .text {
    display: none;
}
.page-compare .compare-products-wrapper .products .compare-remove-thumb .compare-toggle-product[data-maxwidth~='99'] .thisbutton { height: 40px; width: 40px; background: white; border-radius: 500px; }

.page-compare .compare-products-wrapper.products ul li {
    position: relative;
}

.page-compare h1 {
    font-size: 26px;
    line-height: 27px;
    color: #00223A;
}

@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .page-compare h1 { font-size: 24px; line-height: 26px; }}

@media only screen and (max-width: 659px) {
    .page-compare h1 {
        font-size: clamp(16px, 7vw, 28px);
        line-height: clamp(18px, 7vw, 30px);
    }
}

@media only print, only screen and (max-width: 959px) {
    .article-compare-products > .nav { top: 300px; }
}

.article-compare-products .footnotes {
    padding: 10px 20px 0;
}

.article-compare-products.compare-diffs .no-diffs { display: none; }
.article-compare.compare-diffs .no-diffs { display: none; }

.article-compare-products.compare-diffs .label,
.article-compare-products.compare-diffs .property,
.article-compare-products.compare-diffs .property ul li,
.article-compare-products.compare-diffs .property-row { background: transparent; }

.article-compare-products.compare-diffs .property.diffs-even,
.article-compare-products.compare-diffs .property-row.diffs-even { background: #f1e4bf7a; }

.article-compare.compare-diffs .label,
.article-compare.compare-diffs .property,
.article-compare.compare-diffs .property ul li,
.article-compare.compare-diffs .property-row { background: transparent; }

.article-compare.compare-diffs .property.diffs-even,
.article-compare.compare-diffs .property-row.diffs-even { background: #f1e4bf7a; }

@media only screen and (max-width: 659px) {
    .toggle-properties {
        flex-direction: column;
        gap: 10px;
    }
}

/* header & search on small & medium */

@media only print, only screen and (max-width: 959px) {
    .section-menubar { padding: 0 3px; background: white !important; }
    .section-search { padding: 0 ; }
}

.section-menubar { background: #00223A; color: white; position: fixed; width: 100%; height: 60px; z-index: 20; }
.section-menubar > .page-width { position: relative; padding: 0; text-align: center; }
.section-menubar .thisbutton { background: transparent; color: white; display: inline-block; width: unset; height: 44px; border-radius: 0; }
.section-menubar .thisbutton:hover, .section-menubar .thisbutton:focus { background: #FFFFFF; color: #00223A; }
.section-menubar .thisbutton .fa-bars {font-size: 2rem;}
.section-menubar .thisbutton span {font-size: 23px;}
.section-menubar .basketmenu .thisbutton { background-color: #0069B4; padding: 5px 10px; border-radius: 5px; }
.section-menubar .logo { height: 60px; display: inline-block; }
.section-menubar .logo img { max-width: 143px; max-height: 35px; margin-left: 4px; margin-top: 10px; }
.section-menubar .menu { float: left; margin-top: 6px; }
.section-menubar .search { float: left; }
.section-menubar .call-us { float: right; margin-top: 6px;  }
.section-menubar .account { float: right; margin-top: 6px;  }
.section-menubar .basketmenu,
.section-menubar .basket { float: right; margin-top: 6px; padding-right: 5px; border-radius: 5px; background: #0069b41c; }
.section-menubar .is-active { background: #FFFFFF; color: #00223A; }

.section-menubar .search .thisbutton { color: #3EB9C0; }

@media only screen and (max-width: 659px) {
    /* .section-menubar .logo {width: 100px;} */
}

@media only print, only screen and (max-width: 959px) {
    .searchbox .form-search > form > .input-combined > .thisbutton { left: -5px !important; color: #00223A !important;}
    .section-search .searchbox .thisbutton span { border-left: none !important;}
    .section-menubar .thisbutton { color: #00223A; }
    .section-menubar .account .badge {display: none; visibility: hidden;}
    .section-menubar .call-us .thisbutton span,
    .section-menubar .account .thisbutton span,
    .section-menubar .basket .thisbutton span { background-color: transparent; width: 35px;padding: 4px; color: #00223A;}
    .section-menubar .thisbutton:hover, .section-menubar .thisbutton:focus { background: transparent; }
    .section-menubar .search .thisbutton .fa-search { margin-top: 7px; margin-left: 4px; }
}

.section-search { background: #F5F9FD; position: fixed; top: 0px; width: 100%; height: 63px; z-index: 0; }
.section-search.is-active { top: 60px; }

.sidemenu-login .login-form .login-wrapper { display: flex; justify-content: space-between;}

.section-search > .page-width { padding: 10px; }
.section-search .searchbox { width: 100%; margin: 0 auto; height: 40px; }
.section-search .searchbox > .form > form > .input-combined input.textbox {margin-right: 0; height: 44px; max-height: 44px; min-height: 44px;}
@media only screen and (min-width: 960px) {
    .section-search .searchbox { width: 80%; }
}

.section-search,
.section-menubar .search { transition: all 0.15s linear; }


/* header, search, and menu on large and extra-large */

.site-window-header-lxl .page-width { position: relative; }

.section-usps { background: #00223A; color: white; position: fixed; width: 100%; height: 50px; top: 0; z-index: 30; transition: all 0.3s ease-in-out; }
.section-usps .usps { float: left; margin: 0 -15px; position: relative; top: 5px; }
.section-usps .usps .usp { display: inline-block; padding: 9px 15px; }

.js-dropmenu-toggle { cursor: pointer; }

@media only screen and (min-width: 960px) {
    .section-user .usermenu .dropmenu-basket { width: 355px; }

}

.section-user { background: transparent; color: white; position: fixed; width: 100%;  top: 0; z-index: 40; transition: all 0.3s ease-in-out; }
.section-user .languages { float: right; position: relative; margin-left: 20px; opacity: 1; top: 15px; font-size: 16px; font-weight: 600; color: white;}
.section-user .languages a { margin-right: 10px; }
.section-user .languages a:last-child { margin-right: 0; }
.section-user .languages a:not(.selected) { opacity: 0.4; font-weight: 400; }
.section-user .languages a[disabled] { pointer-events: none; }
.section-user .languages a > span > button.thisbutton { margin-left: 5px; padding: 0 5px; background-color: #00223A; border: 1px solid transparent; color: white; line-height: 18px; min-height: 20px; font-size: 12px;}
.section-user .languages a > span > button.thisbutton:hover {background: #00223A;}
.section-user .price-select {display: flex; color: white; float: right; opacity: 1; font-size: 16px; width: auto; position: relative; top: 10px; left: 10px; text-align: right; padding-right: 10px; padding-left: 14px;}
.section-user .price-select .switch-wrapper { margin-top: 0; }
.section-user .call-us {color: #FFFFFF; float: right; opacity: 1; font-size: 16px; width: auto; position: relative; top: 15px; left: 10px; text-align: right; padding-right: 10px;}
.section-user .email-us {color: #FFFFFF; float: right; opacity: 1; font-size: 16px; width: auto; position: relative; top: 15px; left: 10px; text-align: right; padding-right: 10px; padding-left: 14px;}
.section-user .call-us .image,
.section-user .email-us .image { width: 20px; margin-right: 5px; }
.section-user .call-us > *,
.section-user .email-us > * { vertical-align: middle; }
.section-user .prev-user { position: relative; top: 17px; float: right; margin-left: 10px; }
.section-user .prev-user > img { width: 16px; vertical-align: middle; }

.section-logo .usermenu { position: absolute; right: 0; top: 27px; }
.section-logo .usermenu .fa { font-size: 18px; margin: 0 auto; }
.section-logo .usermenu > div { background: #0069B4; color: white; display: inline-block; border-radius: 5px; position: relative; padding: 6px 11px; margin-left: 10px; border: 1px solid transparent; font-size: 16px; font-weight: 700;line-height: 22px; }
.section-logo .usermenu .dropmenu { position: absolute; left: -1px; top: 40px; padding: 7px 0; background: white; color: #00223A; border: 1px solid #00223A; border-radius: 5px; z-index: 10; }
.section-logo .usermenu .dropmenu .badge-text {font-size: 11px;}
.section-logo .usermenu .dropmenu .fa { display: inline; font-size: 14px; margin-right: 5px; color: #3EB9C0; }
.section-logo .usermenu .dropmenu > div { padding: 7px 15px; white-space: nowrap; }
.section-logo .usermenu .accountmenu { background: #3EB9C0; color: #00223A; }
.section-logo .usermenu .accountmenu > .badge { background: #0069B4; }
.section-logo .usermenu .listmenu { background: transparent; color: #00223A; }
.section-logo .usermenu > .basketmenu { background: #0069B4; color: #3EB9C0; padding: 5px 10px; }
.section-logo .usermenu > .basketmenu.green { background: #00CA5E; color: #00223A; }
.section-menubar .thisbutton img { margin-left: 5px; }
.section-menubar .thisbutton img,
.section-logo .usermenu .listmenu img,
.section-logo .usermenu > .basketmenu img { width: 24px; max-height: 24px; vertical-align: top; margin-right: 5px; }
.section-logo .usermenu .listmenu .dropmenu img,
.section-logo .usermenu > .basketmenu .dropmenu img { width: 13px; }
.section-logo .usermenu .listmenu .dropmenu .js-link > a > *,
.section-logo .usermenu > .basketmenu .dropmenu .js-link > a > * { vertical-align: middle; }
.section-logo .usermenu > .basketmenu span.text { color: white; margin-right: 5px; }
.section-logo .usermenu .dropmenu-basket .basket-items .item { border: 0; padding-bottom: 0; padding-top: 8px; }
.section-logo .usermenu .dropmenu-basket .basket-items .item-0 { padding-top: 13px; }
.section-logo .usermenu .dropmenu-basket hr {border-color: #3EB9C0;}
.section-logo .usermenu .dropmenu-basket { left: auto; right: 0; width: 332px; }
.section-logo .usermenu .dropmenu-basket .basket-items { max-height: 240px; margin-bottom: 10px; overflow-y: auto;}
.section-logo .usermenu .dropmenu-basket .button:hover, .section-user .usermenu .dropmenu-basket .button:focus {background-color: #3EB9C0;}
.section-logo .usermenu .dropmenu-basket .button-icon {background-color: transparent; color: white;}
.section-logo .usermenu .dropmenu-basket .fa {color: #024268;}
.section-logo .usermenu .dropmenu-basket .order-remove button:hover, .section-user .usermenu .dropmenu-basket .order-remove button:focus {background-color: transparent;}
.section-logo .usermenu .dropmenu-basket .basket-summary {margin-bottom: 14px;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-logo .usermenu .basketmenu span.text { display: none; }
}

@media only print, only screen and (max-width: 959px) {
    .section-menubar .thisbutton img,
    .section-logo .usermenu > .basketmenu img { position: relative; top: 3px; }
}

.section-logo { position: fixed; top: 50px; width: 100%; height: 95px; background: white; z-index: 20; transition: all 0.3s ease-in-out; }
.section-logo .logo { float: left; width: 400px; height: auto; position: relative; top: 25px;}
.section-logo .logo img { width: 300px; height: auto; }
.section-logo .payoff { float: left; width: 110px; height: auto; position: relative; top: 36px; left: -5px;}
.section-logo .payoff img { width: 100px; height: auto; }
.section-logo .searchbox { float: left; position: relative; top: 25px; margin-left: 0px; width: 575px; }
.section-logo .searchbox > .form > form > .input-combined input.textbox {
    margin-right: 0;
    width: 475px;
    height: 50px;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    position: relative;
    z-index: 998;
    padding: 0 16px;
    outline: 0;
    -webkit-box-shadow: inset 2px 2px 2.5px 2px #c1c1c1;
    -moz-box-shadow: inset 2px 2px 2.5px 2px #c1c1c1;
    box-shadow: inset 2px 2px 2.5px 2px #c1c1c1;
}
.section-logo .searchbox .form-search .button-icon { z-index: 999;}
.section-logo .call-us { float: left; opacity: 1; color: #00223A; font-size: 1.1rem; font-weight: 500; width: 160px; position: relative; top: 35px; left: 50px; }
.section-logo .call-us:before {font-family: 'FontAwesome'; content: '\f095'; margin-right: 5px; font-size: 1.5rem; vertical-align: middle; color: #FFFFFF;}
.section-logo .languages { float: right; position: relative; top: 28px; margin-left: 16px; opacity: 1; }
.section-logo .languages > div { display: inline-block; }
.section-logo .languages a > span > .thisbutton { margin-left: 5px; padding: 0 15px; background-color: white; border: 1px solid #FFFFFF;}
.section-logo .languages a > span > .thisbutton:hover, .section-logo .languages a > span > .thisbutton:focus { background-color: #3EB9C0; color: white;}

.section-logo .form-search .is-hidden.background { pointer-events: none; display: block !important; background-color: rgba(0,0,0,0.0); }
.section-logo .form-search .background {
    position: fixed;
    z-index: 900;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.25s linear;
  }

.section-search .searchbox { float: left; position: relative; margin-left: 0px;  }
.section-search .searchbox > .form > form > .input-combined input.textbox {margin-right: 0; width: 100%; height: 44px; border: 2px solid #FFFFFF; border-radius: 30px; box-shadow: none;}


.section-mainmenu .catalogmenu .catalogitem > div.catalogitemlink,
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 19px 18px 16px 18px; font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: 1.1px; border-bottom: 4px solid transparent; }

.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink.js-dropmenu-toggle:after { font-family: 'FontAwesome'; content: '\f078'; margin-left: 5px; color: #3EB9C0; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-logo .searchbox > .form > form > .input-combined input.textbox {width: 370px;}
    .section-logo .searchbox {width: 370px;}
    .section-logo .logo { width: 300px; }
    .section-logo .logo img { width: 250px; }
    @media screen and (max-width: 1200px) {
        .section-logo .searchbox > .form > form > .input-combined input.textbox {width: 270px;}
        .section-logo .searchbox {width: 270px;}
        .section-logo .logo {width: 226px; top: 40px;}
        .section-logo .logo img {width: 185px;top: 2px;position: relative;}
    }
}

.section-mainmenu .page-width { padding-right: 0; }
.section-mainmenu {background: #0069B4; color: #FFFFFF; position: fixed; width: 100%; top: 145px; z-index: 10; font-size: 16px; transition: all 0.3s ease-in-out;}
.section-mainmenu .mainmenu { position: relative; z-index: 1; text-align: right; }
.section-mainmenu .mainmenu > div { display: inline-block; padding: 0; }
.section-mainmenu .mainmenu > div:hover, .section-mainmenu .mainmenu > div:focus { }
.section-mainmenu .mainmenu .mainmenuitem {font-size: 18px; font-weight: 400; margin-left: 20px; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown { float: left; margin-left: 0; }
.section-mainmenu .mainmenu > div.promo { padding: 18px 16px; float: right; background: #A23B72; position: relative; left: 10px; }
.section-mainmenu .mainmenu > div.promo:hover, .section-mainmenu .mainmenu > div.promo:focus { background: #A23B72; }
.section-mainmenu .mainmenu > div.promo.is-selected { background: #3EB9C0; color: white;   }
.section-mainmenu .mainmenu > div.promo.is-selected:hover, .section-mainmenu .mainmenu > div.promo.is-selected:focus { background: #3EB9C0; color: white;}
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu > div.mainmenuitemlink { border-bottom: 4px solid #3EB9C0;}
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu { z-index: 2; }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu { position: absolute; text-align: left; left: 0; right: 0; top: 60px; padding: 32px; background: white; color: #3EB9C0; border: 1px solid #00223A; border-top: unset; border-radius: 0 0 20px 20px; }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems { }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu > .groupimage { display: inline-block; padding: 15px; vertical-align: top; line-height: 1px; }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu > .groupimage > .image { width: 160px; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem { padding: 3px 0; color: #00223A; margin-bottom: 16px; font-weight: 500; }

.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem:focus { color: #3EB9C0; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected { color: #f1e4bf7a; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected:focus { color: #00223A; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem { color: #00223A; padding: 5px 0; font-size: 13px; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem:focus { color: #3EB9C0; }
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu > .dropmenu { display: block !important; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink {color: #FFFFFF; background: #00223A; padding: 20px 15px 15px 15px; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:focus {color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:focus a {color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:after {content: '\f107'; font-family: FontAwesome; font-weight: bold; margin:0px 0px 0px 10px; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown .dropmenu { right: 0; white-space: normal;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown .dropmenu > .mainmenusubitems { display: block; }

.pageid--catalog- .section-mainmenu {border-bottom:none;}
.pageid--catalog- h1 { margin-bottom: 0; }

.pageid--catalog- h1  { font-size: 26px; line-height: 27px; color: #00223A; }
@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .pageid--catalog- h1 { font-size: 24px; line-height: 26px; }
}
@media only screen and (max-width: 659px) {
    .pageid--catalog- h1 { font-size: clamp(16px, 7vw, 28px); line-height: clamp(18px, 7vw, 30px); }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-mainmenu .mainmenu .mainmenuitem { margin-left: 5px; }
    .section-mainmenu .mainmenu .mainmenuitem:nth-child(2) > div.mainmenuitemlink { padding-left: 15px; }
    .section-mainmenu .mainmenu .mainmenuitem:last-child .dropmenu { left: auto; right: 0; width: 100%; }
}

@media only screen and (min-width: 1450px) {
    .pageid--catalog- .result-pages .itemcount .itemcount-text { display: none;}
}

@media only print, only screen and (max-width: 1449px) {
    .pageid--catalog- .result-pages .itemcount .custom-text { display: none;}
}

.sticky .section-user,
.sticky .section-usps { top: -50px; }
.sticky .section-logo { top: 0; }
.sticky:not(.pageid-home) .section-mainmenu { top: 35px; border-bottom: 5px solid #0069B4; }
.sticky.pageid-home .section-mainmenu { top: 95px; }

@media only screen and (min-width: 960px) {
    .sticky .id-quicksearch-dropdown { top: 5px; }
    .sticky .id-menu-catalog-dropdown { top: 155px; }
}

/* Sticky basket-summary */
.basket-summary {
    transition: all 0.3s ease-in-out;
}

.order-add.order-add-direct {
    margin-bottom: 20px;
}


/* header size without scrolling; content should be pushed down below it */
.section-header-sticky-margin-sm { height: 60px; }
.section-header-sticky-margin-xl { height: 205px; }
.section-header-sticky-margin-l { height: 201px; }

/* header size with scrolling; anchored (#) links should put the content below the
    (possibly scrolled down) header -> let's assume the content linked to is some way
    down the page so the header-height is taken when scrolled down -> then we add 10px
    to have the content line up nicely */
:target:before {
    content: '';
    display: block;
    height: 0;
    margin: 0 0 0;
}
@media only screen and (max-width: 659px) {
    :target:before { height: 54px; margin-top: -54px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    :target:before { height: 54px; margin-top: -54px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    :target:before { height: 139px; margin-top: -139px; }
}
@media only screen and (min-width: 1450px) {
    :target:before { height: 195px; margin-top: -195px; }
}


/* footer */

.site-window-footer div.section-footer { background: white; position: relative; z-index: 20; }

.section-signoff { text-align: left; font-size: 0.8rem; padding: 20px 0; background: #fafafa; }
.section-signoff .logo { float: left; position: relative; top: -10px; left: -10px; width: auto; height: 60px; }
.section-signoff .logo img { width: 120px; height: 51px; position: relative; top: 50%; transform: translateY(-28%); -webkit-transform: translateY(-28%); -ms-transform: translateY(-28%); }
.section-signoff .termsmenu { display: inline-block; }
.section-signoff .termsmenu div { display: inline-block; margin-right: 20px; }
.section-signoff .copyright { margin-top: 20px; margin-left: 20px; font-size: 0.8rem; display: inline-block; }

.footersnippet .link-styling {color: #00223A; line-height: 26px; font-size: 16px;}
.footersnippet .link-styling:hover {color: #00223A; text-decoration: none;}
.footersnippet h4 {text-transform: uppercase; letter-spacing: 1px; font-size: 17px;}
.footersnippet section.with-large-padding { padding-top: 86px; padding-bottom: 86px;}

@media only screen and (max-width: 659px) {
    .section-signoff { padding: 20px 8px; }
    .section-signoff .copyright { margin-left: 0; }
}

@media only print, only screen and (min-width: 660px) {
    .section-footer .office-card-footer { float: left; }
    .section-footer .office-card-footer address { width: auto; }
    .section-footer .footermenu { float: left; }
    .section-footer .follow { float: left; }
    .section-signoff { text-align: right; font-size: 1rem; padding: 20px 0; }
    .section-signoff .termsmenu div { margin-right: 0; margin-left: 20px; }
}
/* cookie message */

.stn-cookies { z-index: 199; padding: 10px; position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(255, 255, 255, 0.9); color: #474646; border-top: 1px solid #ddd; box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.2);}
.stn-cookies > .page-width { padding: 10px; }
.stn-cookies .button { margin-left: 20px; }
.stn-cookies-sticky-margin { height: 60px; background: white; }
.cookie-inline { position: relative; margin: 10px 0; padding: 10px; border: 1px solid #FFFFFF; box-shadow: none; }
.button-container { margin-top: 10px; text-align: center; display: block; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .stn-cookies .button { margin-top: 0px; display: inline-block; }
    .stn-cookies-sticky-margin { height: 130px;}
}

@media only screen and (max-width: 659px) {
    .stn-cookies { text-align: left; }
}

@media only print, only screen and (max-width: 959px) {
    .stn-cookies .button { margin-top: 10px; display: inline-block; }
    .button-container { margin-top: 0px; }
    .stn-cookies-sticky-margin { height: 130px;}
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .stn-cookies-sticky-margin { height: 110px;}
}

.button-container .consent_item {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom: 5px;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 5px;
    padding-top: 5px;
}
.button-container .consent_item:nth-last-child {
    border-bottom: unset;
}

.consent_item .label {
    display: inline-block;
    text-align: left;
    width: calc(100% - 50px);
}

.consent_item .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  vertical-align: top;
  top: 5px;
}

.consent_item .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.consent_item input[disabled] + .slider {
  cursor: not-allowed;
}

.consent_item .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.consent_item .slider:before {
  position: absolute;
  content: '';
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.consent_item input:checked + .slider {
  background-color: #2196F3;
}

.consent_item input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.consent_item input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.consent_item .slider.round {
  border-radius: 34px;
}

.consent_item .slider.round:before {
  border-radius: 50%;
}

@media only print, only screen and (max-width: 959px) {
    .button-container .consent_item {
        width: 100%;
    }

    #modal-cookie-preferences {
        width: 100%;
    }
}

.no-3rdparty-content { border: 1px solid #ddd; box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1); text-align: center; font-size: 18px; background-color: #A23B72; padding: 10px; }
.no-3rdparty-content .button { font-size: 14px; }
.no-3rdparty-content div { white-space:normal; }

/* ***** components.css ***** */

/* actions */
.actions { text-align: center; }
.actions .left { float: left; margin-right: 10px; }
.actions .right { float: right; margin-left: 10px; }

/* p */
p.intro { font-weight: 600; }
p.note { font-size: 0.95em; color: #024268; }
p.inverted { background: transparent; border-radius: 1px; margin-top: 1rem; }
p.pull-quote-left, p.pull-quote-right {font-size: 49px;line-height: 46px;font-weight: 300;}
@media only screen and (min-width: 1450px) {
    p.pull-quote-left, p.pull-quote-right {  }
    p.pull-quote-left { padding-right: 100px;}
    p.pull-quote-right {right: 0px; padding-left: 100px;}
}

@media only print, only screen and (max-width: 959px) {
    p.pull-quote-left, p.pull-quote-right {font-size: 39px; line-height: 38px;}
}

p.pull-quote-left b {color: #3EB9C0;}

/* link */
.link, .xref { color: #00223A; background: transparent; border: none; display: inline; white-space: normal; position: relative; outline: none; transition: all 0.15s ease-in-out 0s; font-weight: 600; }
.link:hover, .xref:hover, .link:focus, .xref:focus { color: #00223A; text-decoration: underline; }


/* breadcrumbs */
.breadcrumbs { color: #0069B4; margin-top: 14px; font-size: 12px; text-decoration: underline; text-underline-offset: 2px; }
.breadcrumbs .breadcrumb { padding-right: 10px;}
.breadcrumbs .separator { padding-right: 10px;}
.breadcrumbs .separator .fa { font-size: 0.7rem; }

@media only print, only screen and (max-width: 959px) {
    .breadcrumbs { margin-bottom: 0; }
}


/* paginator */
.paginator.eq:before { content: '230 300 470'; }
.paginator { text-align: right; font-size: 0.9rem;}
.paginator .thisbutton { color: #00223A; background-color: #f7f7f7; border: 1px solid #f4f4f4; font-weight: 700; padding: 0 9px; margin: 0 3px; line-height: 28px; min-height: 31px; font-size: 12px; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; border-radius: 4px; transition: all 0.15s ease-in-out 0s; }
.paginator .thisbutton.next a { color: #A23B72 !important; font-weight: normal; }
.paginator .thisbutton.with-icon-right .text { margin: 0 5px 0 0; }
.paginator .thisbutton.selected { background-color: #00223A; border: 1px solid #00223A; color: white; }
.paginator .thisbutton.selected:hover, .paginator .thisbutton.selected:focus {color: #00223A;}
.paginator[data-maxwidth~='469'] { text-align: right; }
/* .paginator[data-maxwidth~='469'] .thisbutton { display: none; } */
.paginator[data-maxwidth~='469'] .previous,
.paginator[data-maxwidth~='469'] .next,
.paginator[data-maxwidth~='469'] .selected { display: inline-block; }
.paginator[data-maxwidth~='299'] .selected { display: none; }
.paginator[data-maxwidth~='229'] .thisbutton { padding: 0; width: 40px; }
.paginator[data-maxwidth~='229'] .thisbutton .text { display: none; }
.paginator .thisbutton.button-disabled {color: #FFFFFF;}
.paginator .thisbutton.button-disabled:hover, .paginator .thisbutton.button-disabled:focus {background-color: #f7f7f7;}
.paginator .thisbutton.button-disabled.previous,
.paginator .thisbutton.button-disabled.next {display: none; visibility: hidden;}
.paginator .thisbutton.with-inverted-colors a {color: #00223A; text-decoration: none;}
.paginator .thisbutton.with-inverted-colors:hover {background-color: #0069b41c;}

/* result-pages */
.result-pages { border-bottom: 1px solid #0069b41c; padding-bottom: 16px; font-size: 0.9rem;}
.result-pages .thisbutton { border-radius: 4px; color: rgba(13, 51, 127, 0.5) !important; background-color: #f7f7f7; border: 1px solid #f4f4f4; padding: 0 9px; margin: 0 3px; line-height: 28px; min-height: 31px; font-size: 12px;}
.result-pages .thisbutton a { color: rgba(13, 51, 127, 0.5) !important; }
.result-pages .thisbutton.without-background { background-color: transparent; border: 1px solid transparent; }
.result-pages .thisbutton.selected { background-color: white; border: 1px solid #00223A; }
.result-pages .thisbutton.selected:hover, .result-pages .thisbutton.selected:focus {color: #00223A;}
.result-pages .itemcount { display: inline-block; }
.result-pages .pagesize-options { display: inline-block; }
.result-pages .thisbutton.with-inverted-colors a {color: #00223A; text-decoration: none;}
.result-pages .thisbutton.with-inverted-colors:hover {background-color: #0069b41c;}
.page-favorites .result-pages, .page-projectlists .result-pages { border-bottom: 0px solid #0069b41c; padding-bottom: 0px; font-size: 0.9rem;}

/* result pages and paginator container */

@media only print, only screen and (min-width: 660px) {
    .result-pages-paginator-container {display: flex; flex-flow: row wrap; justify-content: space-between; border-bottom: 1px solid #e1e9ef; width: 100%;}
    .result-pages-paginator-container .result-pages {border-bottom:0; line-height: 40px; }
    .result-pages-paginator-container .vertical-space.halfgutter,
    .result-pages-paginator-container .vertical-space.gutter {display:none;}
    .result-pages-paginator-container .paginator.eq:before {content:'';}
}


/* result-pages-search */
@media only screen and (max-width: 659px) {
    .result-pages-paginator-container .result-pages { text-align: center; }
    .result-pages-search .form-search { padding-bottom: 16px; }
}
@media only print, only screen and (min-width: 660px) {
    .result-pages-search { padding-bottom: 1px; border-bottom: 1px solid #0069b41c; }
    .result-pages-search .form-search { display: inline-block; width: 260px; }
    .result-pages-search .result-pages { display: inline-block; width: calc(100% - 260px); border-bottom: 0; }
}
@media only screen and (min-width: 1450px) {
    .result-pages-search .form-search { width: 320px; }
    .result-pages-search .result-pages { width: calc(100% - 320px); }
}

/* result-pages-search articletable-search-orderby-bar */
.articletable-search-orderby-bar { margin-bottom: 1rem; margin-top: 2rem; padding-top: 1rem; border-bottom: 0; border-top: 1px solid #e0e8e8; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.articletable-search-orderby-bar .form-searchorder .select2-container .select2-selection--single .select2-selection__rendered { position: relative; top: -2px; }
.articletable-search-orderby-bar form.form-searchorder { margin-bottom: 0; }
.articletable-search-orderby-bar .form-searchorder > header { display: inline-block; font-weight: normal; padding: 0 8px 0 16px; font-size: inherit; }
.articletable-search-orderby-bar .form-searchorder > .orderby-select { display: inline-block; width: 200px; }
@media only screen and (max-width: 659px) {
    .articletable-search-orderby-bar .form-search { width: 100%; }
    .articletable-search-orderby-bar .form-searchorder { width: 100%; }
    .articletable-search-orderby-bar .form-searchorder > header { padding-left: 0; }
}

.id-paginated-articletable .only-lxl {border: 1px solid #f2f2f2; margin-top: 20px;}

.search_bar { margin-bottom: 1rem; }
@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .search_bar .form-search { display: inline-block; width: 260px; }
}
@media only screen and (min-width: 1450px) {
    .search_bar .form-search { display: inline-block; width: 320px; }
}

.paginator_bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
@media only screen and (min-width: 1450px) {
    .paginator_bar { margin-bottom: 2rem; }
}
.paginator_bar .result-pages .thisbutton.without-background {padding-left: 0; margin-left: 0;}
.paginator_bar .paginator { padding-top: 16px}
.page-favorites .paginator_bar, .page-projectlists .paginator_bar { margin-bottom: 0px; }
@media only print, only screen and (max-width: 959px) {
    .paginator_bar .paginator { width: 100%; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .paginator_bar .paginator { width: 40%; text-align: right; }
}
@media only screen and (max-width: 659px) {
    .paginator_bar { justify-content: center; }
}
.page-articles-cataloggerarticlegroup .paginator_bar .paginator, .page-articles-cataloggercategory .paginator_bar .paginator { margin-bottom: 0; }
.page-groups-cataloggerarticle .paginator_bar { margin-bottom: 0; }

/* badge */
.badge { background: #3EB9C0; color: #00223A; font-weight: 700; font-size: 14px; position: relative; top: 0; line-height: 15px; letter-spacing: -1px; height: 18px; display: inline-block; vertical-align: baseline; white-space: nowrap; padding: 0 0.4em; margin: 0; border: 1px solid transparent; border-radius: 5px; margin-left: 5px; }
.badge.is-empty { display: none; }
.badge .fa { line-height: 1.4em; }
.badge-alt { background: #A23B72; }
.badge-inv { background: white; color: #00223A; border-color: #FFFFFF; }
.badge-text { font-size: 0.8em; background: transparent; color: inherit; top: 0; line-height: inherit; height: auto; border-radius: 0; }
.badge-text:before { content: '('; }
.badge-text:after { content: ')'; }

.id-badge-listsmenu .fa:before {color: white;}
.id-badge-accountmenu,
.id-badge-basketmenu { line-height: 1.7em;
height: 1.8em;
letter-spacing: 0.5px;
padding: 0px 3px; }

/* image */
.image { width: 100%; height: auto; background-color: transparent; background-size: contain; background-position: center; background-repeat: no-repeat; }
.image > img { display: none; } /* for seo */
.image > div.img-alt { display: none; } /* for seo */
.image-contain { background-size: contain; min-height: 220px; height: 100%; }
.image-cover { background-size: cover; min-height: 220px; height: 100%; }
.image.with-border { border: 1px solid #FFFFFF; }
.image.with-top { background-position: center top; }
.image.with-top-left { background-position: left top; }
.image.with-top-right { background-position: right top; }
.image.with-bottom { background-position: center bottom; }
.image.with-bottom-left { background-position: left bottom; }
.image.with-bottom-right { background-position: right bottom; }
.image.with-left { background-position: left center; }
.image.with-right { background-position: right center; }
.image.with-center { background-position: center; }
.print-image { display: none; } /* for seo and print */

.page-groups-cataloggerarticle .items-gallery .image-contain, .page-article .items-gallery .image-contain { background-size: contain; min-height: unset; height: 100%; }
.page-groups-cataloggerarticle .items-gallery > .items, .page-article .items-gallery > .items {height: 380px;}

.page-groups-cataloggerarticle .below-articles .popup-gallery .image-contain {min-height: 75px; width: 79px;}

.gallery .item hr {border-color: #FFFFFF}


@media only print, only screen and (max-width: 959px) {
    .image-contain { min-height: 120px; }
    .image-cover { min-height: 120px; }
}

.image-background.with-border { border: 1px solid #FFFFFF; }
.image-background.with-padding { padding: 32px; }

/* video */
.video { text-align: center; line-height: 1px; border-radius: 5px;}
.video > iframe { border-radius: 5px; }

/* files */
.file { padding-left: 22px; position: relative; margin: 0; line-height: 24px; font-size: 16px; line-height: 28px;}
.file .icon { display: block; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; font-size: 13px; }
.file .name { display: block; padding-top: 0; }
.file .name a:hover, .files .file .name a:focus { text-decoration: underline; color: #00223A; }
.file .info { display: block; color: #024268; font-size: 0.8em; position: relative; top: -6px; }

.files { margin-bottom: 2px; }
.files .file { padding-left: 22px; position: relative; margin: 0; line-height: 24px; color: #A23B72; text-decoration: underline; }
.files .file .icon { display: block; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; font-size: 13px; }
.files .file .name { display: block; padding-top: 0; }
.files .file .name a:hover, .files .file .name a:focus { text-decoration: underline; color: #00223A; }
.files .file .info { display: block; color: #024268; font-size: 0.8em; display: none; visibility: hidden; }
.page-account-files .files .file .info { display: unset; visibility: unset; }

.files .file-folder > span > .icon { top: 1px; }
.files .file-folder > span > .name { font-size: 1rem; color: #00223A; font-weight: 600; line-height: 24px; text-decoration: none; }
.files .file-folder > span > .info { display: none; }

.files .file-folder > span > .icon-collapsed { display: block;  }
.files .file-folder > span > .icon-expanded { display: none;  }
.files .file-folder.is-expanded > span > .icon-collapsed { display: none;  }
.files .file-folder.is-expanded > span > .icon-expanded { display: block;  }
.files .file-folder > .files { display: none; }
.files .file-folder.is-expanded > .files { display: block; }


/* catalog (tree) */
.catalog .catalog-item { padding-left: 22px; position: relative; margin: 0; line-height: 24px; }
.catalog .catalog-item .icon { display: block; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; font-size: 13px; }
.catalog .catalog-item .name { display: block; padding-top: 0; }
.catalog .catalog-item .name a:hover, .catalog .catalog-item .name a:focus { text-decoration: underline; color: #00223A; }
.catalog .catalog-item .info { display: block; color: #024268; font-size: 0.8em; display: none; visibility: hidden; }

.catalog .catalog-group > span > .icon { top: 1px; }
.catalog .catalog-group > span > .name { font-size: 1rem; color: #00223A; font-weight: 600; line-height: 24px; text-decoration: none; }
.catalog .catalog-group > span > .info { display: none; }

.catalog .catalog-item > span > .icon-collapsed { display: block;  }
.catalog .catalog-item > span > .icon-expanded { display: none;  }
.catalog .catalog-item.is-expanded > span > .icon-collapsed { display: none;  }
.catalog .catalog-item.is-expanded > span > .icon-expanded { display: block;  }
.catalog .catalog-item > .catalog-item { display: none; }
.catalog .catalog-item.is-expanded > .catalog-item { display: block; }


/* faq, qa */
.qa {}
.qa > .question { position: relative; font-size: 14px; font-weight: 700; color: #00223A; padding-left: 24px; }
.qa > .question:hover {color: #3EB9C0; transition: all 0.3s ease 0s;}
.qa > .answer { display: none; padding-left: 24px; }
.qa.is-expanded > .answer { display: block; }
.qa > .question > span.icon-collapsed { position: absolute; top: 0; left: 0; display: block; }
.qa > .question > span.icon-expanded { position: absolute; top: 0; left: 0; display: none; }
.qa.is-expanded > .question > span.icon-collapsed { display: none; }
.qa.is-expanded > .question > span.icon-expanded { display: block; }
.qa > .question.is-active {padding-bottom: 12px;}

.page-article .qa > .question { padding-left: 0; }

/* message */
.message { padding: 10px 16px; border: 1px solid transparent; border-radius: 5px;}
.message > :last-child { margin-bottom: 0; }
.message { background-color: white; border-color: #FFFFFF; color: #00223A; }
.message.is-info { background-color: white; border-color: #FFFFFF; color: #00223A; }
.message.is-ok { background-color: white; border-color: #4cae4c; color: #00223A; }
.message.is-ok strong { color: #4cae4c; }
.message.is-ok .small:after {display: none;}
.message.is-warning { background-color: white; border-color: #eea236; color: #00223A; }
.message.is-warning strong { color: #eea236; }
.message.is-danger { background-color: white; border-color: #c9302c; color: #00223A; }
.message.is-danger strong { color: #c9302c; }
.message.is-error { background-color: white; border-color: #c9302c; color: #00223A; }
.message.is-error strong { color: #c9302c; }
.message a { text-decoration: underline; }
.message .button { margin: 6px 0; text-decoration: none; display: inline-block; }
.message .button:hover { text-decoration: none; }
.message .small:after {content: '\f061'; font-family: 'FontAwesome'; padding-left: 6px; font-size: 9px; color: #00223A; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 400; position: relative; top: -1px;}
.message.replaced-by { margin-bottom: 10px; }
.message.invoice-request-message .invoice-request-button-wrapper { margin-top: 10px; }
.message.invoice-request-message .invoice-request-button-wrapper .button { display: block; max-width: max-content; }

.notifications {padding: 8px 0; margin-bottom: 35px;}
.notifications .message.is-info {font-weight: 600; font-size: 17px;}

/* form, label and field */
.with-feedback-popover .feedback, .with-feedback-popover.feedback { position: relative; z-index: 10; }
.with-feedback-popover .message { margin: 0 !important; position: absolute; min-width: 120px; max-width: 100%; background: white; }
.with-feedback-popover .message > span.small { display: none; }
.horizontal-scroll .with-feedback-popover .message { position: relative; padding: 4px 5px; }


.form .feedback { text-align: left; }

.form .message { margin-top: 3px; }
.form .feedback .message { white-space: normal; }
.form .feedback-form .message { margin-top: 0; margin-bottom: 3px; }
.form .message .small { color: #00223A; }

.form-inline { display: inline-block; margin: 0; }
.form-inline .message.is-visible { display: inline-block; }
.form-inline .feedback-form .message { margin-top: 3px; margin-bottom: 0; }

.form .input-combined input,
.form .input-combined select,
.form .input-combined button,
.form .input-combined .button
.form .input-combined .thisbutton
.form .input-combined .select2-container .select2-selection--single { margin-right: 10px; border-radius: 5px; white-space: nowrap; }
.form .input-spacer { display: inline-block; padding: 0 0 0 10px; background: red;}
.form .input-combined .first { vertical-align: bottom; }
.form .input-combined .last { vertical-align: bottom; margin-right: 0; }
.form .input-combined .fa { margin-right: 5px; }
.form .input-combined .fa-shopping-cart { display: none; }
.form .input-combined input.last,
.form .input-combined select.last,
.form .input-combined .with-inverted-colors.last,
.form .input-combined select.last + .select2-container .select2-selection--single { border-right-width: 1px; }

.form-fields.eq:before { content: '450'; }
.form-fields { min-width: 220px; }
.form-fields > .field:before, .form-fields > .field:after { display: table; content: ' '; } .form-fields > .field:after { clear: both; }
.form-fields .label { width: 100%; padding: 10px 0 0; }
.form-fields .value { width: 100%; padding: 0 0 5px 0; }
.form-fields .labelvalue { width: 100%; padding: 5px 0; }
.form-fields .header { width: 100%; padding: 5px 0; font-size: 1.2rem; font-weight: 600; }
.form-fields .label label { padding: 0 0 0 0; }
.form-fields label.radio { padding-top: 0; padding-bottom: 0; margin-left: 5px; margin-top: 5px; }
.form-fields label.checkbox { padding-bottom: 0; margin-left: 5px; }
.form-fields[data-minwidth~='450'] label { display: inline-block; line-height: 20px; min-height: 0px; }
.form-fields[data-minwidth~='450'] label.checkbox { padding-top: 10px; line-height: 1.5em; }
.form-interesses .form-fields[data-minwidth~='450'] label.checkbox { padding-top: 0px; line-height: 1.5em; }
.form-interesses .form-fields[data-minwidth~='450'] .value { padding-top: 0px; }
.form-interesses .form-fields[data-minwidth~='450'] .label { padding-bottom: 0px; }
.form-fields[data-minwidth~='450'] label.radio { margin-top: 0; }
.form-fields[data-minwidth~='450'] .label { width: 100%; float: left; padding: 5px 0; }
.form-fields[data-minwidth~='450'] .label label { padding-left: 0; }
.form-fields[data-minwidth~='450'] .value { width: 100%; float: left; padding: 5px 0; }
.form-fields[data-minwidth~='450'] .labelvalue { width: 60%; float: right; padding: 5px 0; }
.order-terms .form-fields[data-minwidth~='450'] .labelvalue { text-align: right; }
@media only screen and (max-width: 659px) {
    .order-terms .form-fields[data-minwidth~='450'] .labelvalue { width: 100%; text-align: left; }
}
@media only print, only screen and (min-width: 660px) {
    .form-fields[data-minwidth~='450'] .field-notify_sales_users label.checkbox { width: calc(33% - 15px); }
    .form-fields[data-minwidth~='450'] .field-notify_account_users label.checkbox { width: calc(100% - 15px); }
}

@media only screen and (max-width: 659px) {
    .form-fields .field-notify_sales_users label.checkbox,
    .form-fields .field-notify_account_users label.checkbox { width: calc(100% - 15px); margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid #00223A; }
    .form-fields .field-notify_sales_users label.checkbox:last-child,
    .form-fields .field-notify_account_users label.checkbox:last-child { width: calc(100% - 15px); margin-bottom: 0; padding-bottom: 0; border-bottom: 0px; }
}

.form-fields[data-minwidth~='450'] .value .button {width: 100%;}

.form .street-streetnr input[name='street'] { width: calc(100% - 64px - 10px); }
.form .street-streetnr input[name='streetnr'] { width: 64px; }
.form .zip-city input[name='zip'] { width: 80px; }
.form .zip-city input[name='city'] { width: calc(100% - 80px - 10px); }

.form .artnr-quantity input[name='artnr'],
.form .title-price input[name='title'] { width: calc(100% - 10px - 100px); }
.order-add-passive-article .form-fields .labelvalue { width: 100%; }

/* Toggle chevron for order add passive article */
.id-order-add-passive-article .js-toggle header:after {
    content: '\f077';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #00223A;
    display: inline-block;
    transition: all 0.5s ease;
    position: relative;
    left: 5px;
    vertical-align: middle;
}
    
.id-order-add-passive-article:has(.toggle-content.is-hidden) .js-toggle header:after {
    transform: rotate(180deg);
}

.form .input-combined .postcode_api_street { width: calc(100% - 160px - 10px); }
.form .input-combined .postcode_api_streetnr { width: 160px; }
.form .postcode_api_streetnr { width: 160px; }

.form .postcode_api_city[readonly],
.form .postcode_api_street[readonly],
.form .postcode_api_streetnr[readonly],
.form .postcode_api_zip[readonly] { background-color: #f5f5f5; cursor: not-allowed; }

.postcodenl-autocomplete-menu { z-index: 1060; }

.form .vistingaddress_street-vistingaddress_streetnr input[name='vistingaddress_street'] { width: calc(100% - 64px - 10px); }
.form .vistingaddress_street-vistingaddress_streetnr input[name='vistingaddress_streetnr'] { width: 64px; }
.form .vistingaddress_zip-vistingaddress_city input[name='vistingaddress_zip'] { width: 80px; }
.form .vistingaddress_zip-vistingaddress_city input[name='vistingaddress_city'] { width: calc(100% - 80px - 10px); }

.form .billingaddress_street-billingaddress_streetnr input[name='billingaddress_street'] { width: calc(100% - 64px - 10px); }
.form .billingaddress_street-billingaddress_streetnr input[name='billingaddress_streetnr'] { width: 64px; }
.form .billingaddress_zip-billingaddress_city input[name='billingaddress_zip'] { width: 80px; }
.form .billingaddress_zip-billingaddress_city input[name='billingaddress_city'] { width: calc(100% - 80px - 10px); }


.form .textbox-datepicker { max-width: 200px; margin-right: 10px; }
.form .textbox-orderlimit { margin-top: 4px; max-width: 100px; text-align: right; }

.form .billing_street-billing_streetnr input[name='billing_street'] { width: calc(100% - 64px - 10px); }
.form .billing_street-billing_streetnr input[name='billing_streetnr'] { width: 64px; }
.form .billing_zip-billing_city input[name='billing_zip'] { width: 80px; }
.form .billing_zip-billing_city input[name='billing_city'] { width: calc(100% - 80px - 10px); }
.form .shipping_street-shipping_streetnr input[name='shipping_street'] { width: calc(100% - 64px - 10px); }
.form .shipping_street-shipping_streetnr input[name='shipping_streetnr'] { width: 64px; }
.form .shipping_zip-shipping_city input[name='shipping_zip'] { width: 80px; }
.form .shipping_zip-shipping_city input[name='shipping_city'] { width: calc(100% - 80px - 10px); }

/* search form */
.form-search { }
.form-search > form { margin: 0; white-space: nowrap; }
.form-search > form > .input-combined { position: relative; }
.form-search > form > .input-combined .thisbutton {font-size: 18px; background: transparent; color: #0069B4; display: block; width: 60px; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; border-radius: 30px; }
.form-search > form > .input-combined > .thisbutton {font-size: 19px; background: transparent; display: inline-block; width: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; left: unset !important; }

.search_bar .form > form > .input-combined input.textbox {
    margin-right: 0;
    height: 50px;
    border: 1px solid #0069B4;
    border-radius: 5px;
    position: relative;
    z-index: 998;
    padding: 0 30px 0 16px;
    outline: 0;
    background: transparent;
}

.search_bar .form > form > .input-combined input.textbox::placeholder {
    font-weight: 700;
}

.search_bar .form > form > .input-combined .thisbutton { z-index: 999;}

.searchbox .form-search .buttoncontainer { 
    position: absolute;
    top: 9px;
    z-index: 999;
    right: 105px;
}

.searchbox .form-search .buttoncontainer .text {
    position: absolute;
    z-index: 1000;
    padding: 0;
    right: 50px;
    top: -9999px;
    opacity: 0;
    color: #5e5e5e;
}

@media only print, only screen and (max-width: 959px) {
    .searchbox .form-search .buttoncontainer {
        right: 4px;
        top: 2px;
    }
}

@media only screen and (min-width: 960px) {
    @media screen and (min-width: 1200px) {
        .searchbox .form-search .buttoncontainer.activated .text {
            opacity: 1;
            top: 6px;
        }
    }
}   

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .searchbox  .form-search .buttoncontainer {
        right: 4px;
    }
}



.form-search > .feedback { width: 840px; margin-top: -1px;}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .form-search > .feedback { width: 680px; }
}

@media only print, only screen and (max-width: 959px) {
    .form-search > .feedback { width: 100%;}
}

.form-with-steps .button > span.text { cursor: pointer; }

.feedback-confirm_overwrite .message.is-error .small { display: none; }

/* quicksearch results */

.quicksearch { background: white; border: 1px solid #00223A; width: 100%;}
.quicksearch .suggestion-list { padding: 0; }
.quicksearch .vertical-scroll { position: relative; padding: 5px 30px; }
.quicksearch .info header { font-size: 1rem; }
.quicksearch input { min-width: 40px; }
.quicksearch .suggestions { display: inline-block; vertical-align: top; min-width: 180px; }
.quicksearch .suggestion { display: block; }
.quicksearch .pages { display: inline-block; vertical-align: top; position: relative; padding: 0 30px; width: 100%; }
.quicksearch .pages .pagedoc b {font-size: 14px; color: #00223A; font-weight: 500;}
.quicksearch .pages .pagedoc b:hover {color: #A23B72 !important;}
.quicksearch .pages .pagedoc:hover {color: #A23B72 !important;}
.quicksearch .pages .pagedoc a:hover {color: #A23B72 !important;}
.quicksearch .pages .pagedoc p { display: none; }
.quicksearch .products { display: inline-block; vertical-align: top; padding: 34px 20px 24px; background: #0069b41c; min-width: 100%;}
.quicksearch .products .items-tile { margin-top: 0; margin-bottom: 0; }
.quicksearch .products .items-tile .item-stylable { margin-top: -16px; }
.quicksearch .products .order-add-product .input-combined .button { width: calc(100% - 53px); }
/* .quicksearch .products .product-card .action { display: none; } */
.quicksearch .all { margin-top: 10px; border-top: 1px solid #FFFFFF; padding-top: 10px }
.quicksearch .doc header { color: #00223A; margin-bottom: 5px; font-size: 1rem; }
.quicksearch a.read-more {font-weight: 500; font-size: 13px; color: #00223A; }
.quicksearch a.read-more:hover {color: #f1e4bf7a;}
.quicksearch a.read-more .fa {color: #FFFFFF; vertical-align: middle; font-size: 10px; padding-left: 5px;}
.quicksearch .product-card > .product-card-head-container > .info p.green-text,
.quicksearch .product-card > .info p.green-text { font-size: 13px; }
.quicksearch .product-card > .product-card-head-container > .info > header,
.quicksearch .product-card > .info > header {margin-bottom: 0;}
.quicksearch .product-card-mini > .info .price {font-size: 13px;}

@media only print, only screen and (max-width: 959px) {
    .quicksearch .vertical-scroll > div > div { height: auto !important }
    .quicksearch .suggestions { width: 100%; border-bottom: 1px solid #FFFBEF; padding-bottom: 17px; line-height: 24px; padding-right: 0; }
    .quicksearch .pages { width: 100%; margin-top: 10px; border-left: 0; padding: 0 0 10px 0; }
    .quicksearch .products { width: 100%; border-left: 0; }
    .quicksearch .products .items-tile .item-stylable { margin-top: 0; }
}

@media only screen and (max-width: 659px) {
    .quicksearch .products .order-add-product .input-combined .button,
    .quicksearch .products a.js-select { font-size: 12px; }
    .quicksearch .products { padding: 34px 10px 24px; }
}

.quicksearch .product-card-mini[data-minwidth~='400'] > .info { width: calc(100% - 32px - 40px); }


.modal-products .vertical-scroll { max-height: 80vh; margin: 0 -27px 0 -27px; padding: 5px 27px 0 27px; }
.modal-products.modal > header { font-weight: 700; }

.modal-products .product-card { display: flex; width: 100%; }
.modal-products .product-card > .image-container { width: 120px; }
.modal-products .product-card .image.product-image { min-height: 120px; }
.modal-products .product-card .comparefavorite { position: absolute; left: 10px; bottom: 10px; }
.modal-products .product-card .image-container { position: unset; margin-right: 15px;}
.modal-products .product-card .info-container .info { padding-right: 20px; }
.modal-products .product-card .image-container .favorites-toggle-product { right: 13px;}
.modal-products .product-card[data-minwidth~='600'] .image-container > .image { width: 120px; }
.modal-products .product-card[data-minwidth~='600'] .image.product-image { min-height: 120px; }
.modal-products .product-card .product-stock { margin-bottom: 0;}

.products-modal-button { text-align: right; margin-top: -45px; display: none; }

/* Show view-all button when item count exceeds visible items per breakpoint */
/* Button is visible only when visible-{breakpoint}-{count} class is present */
@media only screen and (max-width: 659px) {
    .products-modal-button.visible-s-1 { display: block; }
    .products-modal-button.visible-s-2 { display: block; }
    .products-modal-button.visible-s-3 { display: block; }
    .products-modal-button.visible-s-4 { display: block; }
    .products-modal-button.visible-s-5 { display: block; }
    .products-modal-button.visible-s-6 { display: block; }
    .products-modal-button.visible-s-7 { display: block; }
    .products-modal-button.visible-s-8 { display: block; }
    .products-modal-button.visible-s-9 { display: block; }
    .products-modal-button.visible-s-10 { display: block; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .products-modal-button.visible-m-1 { display: block; }
    .products-modal-button.visible-m-2 { display: block; }
    .products-modal-button.visible-m-3 { display: block; }
    .products-modal-button.visible-m-4 { display: block; }
    .products-modal-button.visible-m-5 { display: block; }
    .products-modal-button.visible-m-6 { display: block; }
    .products-modal-button.visible-m-7 { display: block; }
    .products-modal-button.visible-m-8 { display: block; }
    .products-modal-button.visible-m-9 { display: block; }
    .products-modal-button.visible-m-10 { display: block; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .products-modal-button.visible-l-1 { display: block; }
    .products-modal-button.visible-l-2 { display: block; }
    .products-modal-button.visible-l-3 { display: block; }
    .products-modal-button.visible-l-4 { display: block; }
    .products-modal-button.visible-l-5 { display: block; }
    .products-modal-button.visible-l-6 { display: block; }
    .products-modal-button.visible-l-7 { display: block; }
    .products-modal-button.visible-l-8 { display: block; }
    .products-modal-button.visible-l-9 { display: block; }
    .products-modal-button.visible-l-10 { display: block; }
}

@media only screen and (min-width: 1450px) {
    .products-modal-button.visible-xl-1 { display: block; }
    .products-modal-button.visible-xl-2 { display: block; }
    .products-modal-button.visible-xl-3 { display: block; }
    .products-modal-button.visible-xl-4 { display: block; }
    .products-modal-button.visible-xl-5 { display: block; }
    .products-modal-button.visible-xl-6 { display: block; }
    .products-modal-button.visible-xl-7 { display: block; }
    .products-modal-button.visible-xl-8 { display: block; }
    .products-modal-button.visible-xl-9 { display: block; }
    .products-modal-button.visible-xl-10 { display: block; }
}

@media only screen and (min-width: 960px) {
    .modal-products .product-card > .image-container { width: 220px; }
    .modal-products .product-card .order-container { margin: 0 -17px -15px; border-radius: 0 0 5px 0; }
    .modal-products .product-card-infoorder .info-container { padding-left: 17px; }
}

@media only screen and (min-width: 960px) {
    .modal-products.modal { width: 1080px; }
}

@media only print, only screen and (max-width: 959px) {
    .modal-products .vertical-scroll { margin: 0 -12px 0 -12px; padding: 5px 12px 0 12px; }
}


/* helptext in forms */
.helptext { color: #0069B4; font-size: 0.9em; margin-bottom: 10px; }
.modal .helptext-password { font-size: 0.8em; }

/* newsletter form */
.form-newsletter { margin: 0; white-space: nowrap; }
.form-newsletter .feedback { white-space: normal; }
.form-newsletter input { width: calc(100% - 130px); min-width: 120px; border-color: #00223A; }
.form-newsletter button { width: 120px; }
.form-newsletter .feedback-form .message { margin-top: 3px; margin-bottom: 0; }

/* contact form */
.form-contact .buttonbar .button { float: right; }

/* office-locator form */
.form-office-locator.eq:before { content: '520'; }
.form-office-locator { white-space: nowrap; }
.form-office-locator .feedback { white-space: normal; }
.form-office-locator .feedback-form .message { margin-top: 3px; margin-bottom: 0; }
.form-office-locator div.input-combined { display: inline-block; margin-right: 10px; }
.form-office-locator input { width: 200px; }
.form-office-locator[data-maxwidth~='519'] .button { padding-left: 0; padding-right: 0; min-width: 40px; }
.form-office-locator[data-maxwidth~='519'] .button .text { display: none; }
.form-office-locator[data-maxwidth~='519'] div.input-combined { width: calc(100% - 50px); }
.form-office-locator[data-maxwidth~='519'] input { width: calc(100% - 50px); }
.form-office-locator .offices-cards { white-space: normal; }
.form-office-locator .offices-map {  white-space: normal; margin: 0 20px 0 0; }
.form-office-locator .offices-cards > .offices { margin-top: 2rem; }
.form-office-locator .offices-map.is-active { height: 400px; }

/* order-add-direct form */
.order-add-direct.eq:before { content: '400'; }
.order-add-direct input { width: 160px; }
.order-add-direct input.q { width: 52px; text-align: right; }
.order-add-direct .button { min-height: 47px; }
.order-add-direct[data-maxwidth~='399'] .button .text { display: none; }
.order-add-direct[data-maxwidth~='399'] .button { padding-left: 0; padding-right: 0; width: 40px; }
.order-add-direct[data-maxwidth~='399'] input[name='artnr'] { width: calc(100% - 112px); }

.order-add-direct .button { background-color: #0069B4; }
.order-add-direct .button:hover { background-color: #00223A; }

/* selection list (autocomplete for example) */
.order-add-direct .form { position: relative; z-index: 1; }
.order-add-direct .form .autocomplete-results { position: absolute; top: 100%; left: 0; right: 0; height: auto; }

.select-list { padding: 7px 0; border: 1px solid #FFFFFF; background: white; }
.select-list .select-item { padding: 3px 15px; color: #00223A; }
.select-list .js-select-item { cursor: pointer; }
.select-list .select-item.is-selected, .select-list .js-select-item:hover, .select-list .js-select-item:focus { color: #00223A; background: #0069b41c; }

.suggestion-list { padding: 7px 0; }
.suggestion-list .suggestion-item { padding: 3px 0px; color: #00223A; cursor: pointer; }
.suggestion-list .suggestion-item.is-selected,
.suggestion-list .suggestion-item:hover,
.suggestion-list .suggestion-item:focus { color: #f1e4bf7a;text-decoration: none; }
.suggestion-list .suggestion-item a {color: #00223A;}
.suggestion-list .suggestion-item a .suffix { color: rgba(30, 70, 168, 0.7); }
.suggestion-list .suggestion-item a:hover, .suggestion-list .suggestion-item a:hover .suffix { color: #A23B72; text-decoration: none; }
.suggestion-list .suggestion-item { position: relative; }
.suggestion-list .suggestion-remove { 
    position: absolute; 
    right: 5px;
    top: 16px; 
    transform: translateY(-50%); 
    color: #0069B4; 
    font-size: 12px; 
    padding: 2px 4px; 
    border-radius: 3px;
    opacity: 1;
    transition: opacity 0.2s ease;
}
.suggestion-list .suggestion-remove .image { 
    opacity: 0.8; 
    transform: scale(0.8);
    transition: all 0.2s ease;
}
.suggestion-list .suggestion-remove:hover { 
    color: #f1e4bf7a; 
}
.suggestion-list .suggestion-remove:hover .image {
    transform: scale(1.1);
}
@media only print, only screen and (max-width: 959px) {
    .suggestion-list { padding: 0; }
}


/* order-add-coupon form */
.order-add-coupon.eq:before { content: '320'; }
.order-add-coupon input { width: 160px; }
.order-add-coupon .button { width: 180px; min-height: 47px; }
.order-add-coupon[data-maxwidth~='319'] .button .text {  }
.order-add-coupon[data-maxwidth~='319'] .button { padding-left: 0; padding-right: 0; }

@media only screen and (max-width: 659px) {
    .order-add-coupon input { width: calc(50% - 5px); }
    .order-add-coupon .button { width: calc(50% - 5px); }
}

.order-add-coupon .messages {margin-top: 15px;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .order-add-coupon input { width: 153px; }
}

/* accordion */
.items-accordion { border-bottom: 1px solid #FFFFFF; }
.items-accordion > .item { border: 1px solid #FFFFFF; border-bottom: 0; }
.items-accordion > .item > .item-stylable > header { background: #FFFFFF; color: #00223A; padding: 5px; }
.items-accordion > .item > .item-stylable > header:hover {background: #3EB9C0; transition: all 0.3s ease 0s;}
.items-accordion > .item.is-selected > .item-stylable > header { background: #00223A; color: white; }

/* accordion, non-selected items are not visible, select by clicking on header */
.items-accordion { padding: 0; }
.items-accordion > .item { position: relative; }
.items-accordion > .item > .item-stylable > header { margin: 0; }
.items-accordion > .item > .item-stylable > div { display: none; overflow: hidden; padding: 14px 18px; }
.items-accordion > .item.is-selected > .item-stylable > div { display: block; }
.js-accordion { cursor: pointer; }

/* gallery */
.items-gallery > .thumbs > .thumb { width: auto; }
.items-gallery > .thumbs > .thumb > .container { width: 75px; height: 47px; margin: 10px 10px 0 0; border: 1px solid #FFFBEF; overflow: hidden; }
.items-gallery > .thumbs > .thumb > .container:hover, .items-gallery > .thumbs > .thumb > .container:focus { border-color: #FFFFFF; }
.items-gallery > .thumbs > .thumb.is-selected > .container { border-color: #FFFFFF; }
.items-gallery > .items > .item { overflow: hidden; }

/* tabs, non-selected items are not visible, select by clicking on tab */
.items-tab { padding: 0; margin-bottom: 10px;}
.items-tab > .tabs { z-index: 2; line-height: 1px; }
.items-tab > .tabs > .tab { display: inline-block; }
.items-tab > .items { z-index: 1; overflow: hidden; background: white; }
.items-tab > .items > .item { display: none; position: relative; }
.items-tab > .items > .item.is-selected { display: block; }
.js-tab { cursor: pointer; }

/* tab */
.items-tab > .items { border: 1px solid #0069b41c; border-radius: 0 10px 10px 10px; }
.items-tab > .tabs > .tab {
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #dddddd;
    border-bottom: 0;
    background: #fbfbf9;
    color: #575757;
    min-width: 80px;
    padding: 18px 25px;
    margin-right: 5px;
    border-radius: 7px 7px 0 0;
}
.items-tab > .tabs > .tab.is-selected { background: #00223A; color: white; }
.items-tab > .tabs > .tab:hover {background: #3EB9C0; transition: all 0.3s ease 0s;}

/* calendar */

.calendar-month { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.calendar-month > .calendar-day { font-weight: bold; display: inline-block; width: 14.285714%; padding: 10px 0; text-align: center; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
.calendar-month > .calendar-day.header { font-weight: 600; background: #FFFFFF; }
.calendar-month > .calendar-day-dimmed { background: #FFFFFF; }
.calendar-month > .calendar-day.is-disabled { font-weight: normal; color: #024268; }
.calendar-month > .calendar-day.is-selected { color: #00223A; }
.calendar-month > .calendar-day-today { font-weight: 600; color: #00223A; }
.js-calendar-day { cursor: pointer; }

/* social */
.social { }
.social > div { float: left; font-size: 30px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; background: #A23B72; margin-right: 5px; margin-bottom: 5px; }
.social > div:last-child { margin-right: 0;}
.social > div svg,
.social > div img { max-height: 40px; padding: 8px; position: relative; top: 50%; transform: translateY(-50%); }
.social-alt > div { background: #3EB9C0; color: #00223A; }
.social-inv > div { background: #0069B4; color: white; }
.social-alt.social-inv > div { background: white; color: #3EB9C0; }
.social.with-brand-colors > div.twitter { background: #55acee; color: white; }
.social.with-brand-colors > div.facebook { background: #3b5998; color: white;}
.social.with-brand-colors > div.googleplus { background: #dc4e41; color: white;}
.social.with-brand-colors > div.youtube { background: #cd201f; color: white;}
.social.with-brand-colors > div.pinterest { background: #bd081c; color: white;}
.social.with-brand-colors > div.linkedin { background: #0077b5; color: white;}
.social.with-brand-colors > div.instagram { background: #125688; color: white;}
.social.with-brand-colors > div.rss { background: #ffa500; color: white;}
.social-inv.with-brand-colors > div.twitter { background: white; color: #55acee; }
.social-inv.with-brand-colors > div.facebook { background: white; color: #3b5998; }
.social-inv.with-brand-colors > div.googleplus { background: white; color: #dc4e41; }
.social-inv.with-brand-colors > div.youtube { background: white; color: #cd201f; }
.social-inv.with-brand-colors > div.pinterest { background: white; color: #bd081c; }
.social-inv.with-brand-colors > div.linkedin { background: white; color: #0077b5; }
.social-inv.with-brand-colors > div.instagram { background: white; color: #125688; }
.social-inv.with-brand-colors > div.rss { background: white; color: #ffa500; }

/* googlemap */
.googlemap > .map { width: 100%; height: 400px; margin: 0; }
.googlemap > .info { display: none; }
.googlemap > .markers > .marker > .info { display: none; }

/* pagelinks */
.pagelinks { }
.pagelinks .pagelink.is-selected { color: #00223A; }
.pagelinks .page .pagelink a { font-size: 1.11rem; line-height: 1.9rem; }
.pagelinks .page .pagelink a:hover {color: #00223A; transition: all 0.3s ease 0s;}
.pagelinks .page .anchors a:hover {color: #00223A; transition: all 0.3s ease 0s;}
.pagelinks .page .anchors a:before {font-family: 'FontAwesome'; content: '\f061'; display: inline-block; padding-right: 6px; vertical-align: middle; font-weight: 900; font-size: 13px; color: #0069B4;}
@media only print, only screen and (max-width: 959px) {
    .pagelinks .page { border-bottom: 1px solid #FFFBEF; padding: 4px 0; }
    .pagelinks .page .is-selected { padding: 4px 0; }
    .pagelinks .page .anchors { padding-left: 0; border-top: 1px solid #FFFBEF; }
}

.product-card-infoorder[data-minwidth~='350'] .order-add-product { max-width: unset; }
.order-add-product { min-width: 80px; max-width: 340px; width: 100%; white-space: nowrap; }
.order-add-product .input-combined input { margin-right: 5px; width: 37px; text-align: center; min-height: 38px; }

@media only print, only screen and (min-width: 660px) {
    .order-add-product button > img { display: none; }
}

@media only print, only screen and (max-width: 959px) {
    .order-add-product .input-combined input { width: 50px; }
}

@media only screen and (max-width: 659px) {
    .order-add-product button { min-height: 38px; }
    .order-add-product button > img { max-height: 22px; vertical-align: bottom; }
    .order-add-product button > span.text { display: none; }
}

.order-update .input-combined input { margin-right: 0; }
.order-update .input-combined .button { background-color:transparent; line-height: 26px; }
.order-update .input-combined .button:hover, .order-update .input-combined .button:focus { background-color: transparent; color: #3EB9C0; }
.order-update .input-combined .button .fa {font-size: 1.6rem; vertical-align: middle; padding: 0 0 3px 1px;}

.order-update-product.eq:before { content: '200'; }
.order-update-product { min-width: 80px; max-width: 320px; }
.order-update-product input { width: 48px; text-align: right; padding: 0 8px; }
.order-update-product .button { width: calc(100% - 48px); white-space: nowrap; background: white; color: #00223A; }
.order-update-product[data-maxwidth~='219'] .button { padding-left: 0; padding-right: 0; min-width: 40px; }
.order-update-product[data-maxwidth~='219'] .button .text { display: none; }

.order-remove .button.without-background { color: #00223a82; font-size: 1.35rem; }
.basket-order-rows .basketitems .message.is-info { background-color: transparent; border: none; padding: 0; }

.favorites-toggle-product.eq:before { content: '120'; }
.favorites-toggle-product { min-width: 40px; max-width: 320px; }
.favorites-toggle-product .thisbutton { width: 100%; white-space: nowrap; color: #797575; }
/*.favorites-toggle-product[data-maxwidth~='119'] .thisbutton { padding-left: 0; padding-right: 0; min-width: 40px; }*/
.favorites-toggle-product[data-maxwidth~='119'] .thisbutton .text { display: none; }

.page-article .info .favorites-toggle-product { position: absolute; top: 20px; right: 20px; }
.page-article .info .favorites-toggle-product button span.text { display: none; }

.projectlists-toggle-product.eq:before { content: '120'; }
.projectlists-toggle-product { min-width: 40px; max-width: 320px; margin-bottom: 5px; font-size: 13px; }
.projectlists-toggle-product .thisbutton { width: 100%; white-space: nowrap; line-height: unset; min-height: unset; text-align: left; }
.projectlists-toggle-product .thisbutton .projectlists-icon { display: inline-block; margin-right: 5px; }
.projectlists-toggle-product .thisbutton span.text { white-space: normal; color: #A23B72; display: inline-block; font-weight: 600; text-decoration: underline; max-width: calc(100% - 18px - 5px); }
.projectlists-toggle-product .thisbutton > * { vertical-align: top; }
.projectlists-toggle-product[data-maxwidth~='119'] .thisbutton .text { display: none; }

.projectlists-modal header { margin-bottom: 5px; }
.projectlists-modal .projectlists-toggle-product .thisbutton .projectlists-icon { width: 20px; height: 20px; }

.lists .list a { font-size: 1.11rem; line-height: 1.9rem; }
.lists .list.is-selected a { color: #00223A; }
.lists .list .actions a { padding-left: 18px; font-size: 1rem; line-height: 1.5rem; color: #00223A; }
@media only print, only screen and (max-width: 959px) {
    .lists .list { border-bottom: 1px solid #FFFBEF; padding: 4px 0; }
    .lists .list .is-selected { padding: 4px 0; }
    .lists .list .actions a { padding-left: 0; }
}

.page-favorites .product-card .compare-toggle-product {display: none;}

.basketitem-product .product-packing,
.basketitem-product .product-stock,
.basketitem-product .product-pickup {font-size: 12px;}

.compare-toggle-product.eq:before { content: '100'; }
.compare-toggle-product { min-width: 40px; max-width: 320px; }
.compare-toggle-product[data-maxwidth~='99'] .thisbutton { padding-left: 0; padding-right: 0; min-width: 40px; }
.compare-toggle-product[data-maxwidth~='99'] .thisbutton .text { display: none; }

@media only print, only screen and (max-width: 959px) {
    .toggle-diffs .button {width: 100%;}
}

.card-comparefavorite {font-size: 12px; margin-left: -2px;}
.card-comparefavorite .favorites-toggle-product .text {display: none;}
.card-comparefavorite .favorites-toggle-product {min-width: 10px !important; float: right; display: flex;}
.card-comparefavorite .comparefavorite {display: flex;}


.product-card .promo-wrapper { position: absolute; top: 0; }
.product-card .promo-wrapper > div { padding: 5px 0; }

/* favorites icon */
.product-card-infoorder .image-container { position: relative; }
.product-card-infoorder .image-container .favorites-toggle-product { position: absolute; right: 0; min-width: 0; z-index: 99;}
.product-card-infoorder .image-container .favorites-toggle-product .thisbutton { min-height: unset; line-height: unset; }
.product-card-infoorder .info-container { width: 100%; }
.product-card-infoorder .comparefavorite .favorites-toggle-product  { display: none;}
.product-card-infoorder .favorites-toggle-product .thisbutton .text { display: none;}

.product-card-head-container {flex-grow: 1;}

.compare-combi { display: flex; justify-content: space-between; margin-bottom: 10px; }
.compare-combi a.js-select { margin-right: 20px; }

@media only screen and (max-width: 659px) {
    .items-conveyor > .items-window {
        left: 35px;
        width: calc(100% - 70px);
        overflow: visible;
    }

    .items-conveyor.s-1 > .items-window > .items > .item:first-of-type {
        padding-left:10px;
    }
    .product-card-head-container {display:flex; flex-flow:column;}
}

.card-comparefavorite .comparefavorite .compare-toggle-product .thisbutton,
.main-product-card .comparefavorite .compare-toggle-product .thisbutton,
.product-stock,
.product-stock-alt,
.product-pickup,
.product-valid_until { font-size: 12px; line-height: 16px; padding-bottom: 5px;}

.product-stock .js-modal,
.product-stock-alt .js-modal {
    font-weight: normal;
}

.product-stock .js-modal:hover,
.product-stock-alt .js-modal:hover {
    text-decoration: none;
}

.product-card-infoorder .product-stock-alt { font-size: 12px; line-height: 16px;}

.product-card .comparefavorite {font-size: 13px;}

.comparefavorite { display: inline-block; font-weight: 400;}
.comparefavorite .favorites-toggle-product { display: inline-block; min-width: 120px; }
.comparefavorite .compare-toggle-product { display: inline-block; min-width: 100px; }
.filter-range button > .with-custom-loader,
.compare-products button > .with-custom-loader,
.article-compare button > .with-custom-loader,
.compareslideout button > .with-custom-loader,
.compare-toggle-product button > .with-custom-loader,
.projectlists-toggle-product button > .with-custom-loader,
.actions-projectlist-merge-order button > .with-custom-loader {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}
.filter-range button > .with-custom-loader::before,
.compare-products button > .with-custom-loader::before,
.article-compare button > .with-custom-loader::before,
.compareslideout button > .with-custom-loader::before,
.compare-toggle-product button > .with-custom-loader::before,
.projectlists-toggle-product button > .with-custom-loader::before,
.actions-projectlist-merge-order button > .with-custom-loader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('loader.svg');
    background-repeat: no-repeat;
    background-size: contain;
    animation: fa-spin 1s linear infinite;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.brand-filter-tabs .item > div > a > .with-custom-loader,
.filter-range .custom-loader,
.filter-item .with-custom-loader,
.compare-products .custom-loader,
.article-compare .custom-loader,
.compareslideout .custom-loader,
.compare-toggle-product .custom-loader,
.projectlists-toggle-product .custom-loader,
.actions-projectlist-merge-order .custom-loader {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.brand-filter-tabs .item > div > a > .with-custom-loader::before,
.filter-range .custom-loader::before,
.filter-item .with-custom-loader::before,
.compare-products .custom-loader::before,
.article-compare .custom-loader::before,
.compareslideout .custom-loader::before,
.compare-toggle-product .custom-loader::before,
.projectlists-toggle-product .custom-loader::before,
.actions-projectlist-merge-order .custom-loader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('loader.svg');
    background-repeat: no-repeat;
    background-size: contain;
    animation: fa-spin 1s linear infinite;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.product-card .compare-toggle-product button > .with-custom-loader {
    vertical-align: middle;
}
.brand-filter-tabs .item > div > a > .with-custom-loader,
.aircotool-content .compare-toggle-product button > .with-custom-loader,
.aircotool-content .compare-toggle-product .custom-loader,
.id-quicksearch-dropdown .comparefavorite button > .with-custom-loader,
.id-quicksearch-dropdown .comparefavorite .custom-loader {
    width: 16px;
    height: 16px;
}
.brand-filter-tabs .item > div > a > .with-custom-loader {
    margin-right: 3px; display: inline-block; vertical-align: middle;
}
.projectlists-toggle-product button > .with-custom-loader,
.projectlists-toggle-product .custom-loader {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.modal .projectlists-toggle-product button > div.with-custom-loader {
    margin-right: 7px;
}
.favorites-toggle-product button span.fa,
.favorite-toggle {font-size: 18px; color: #A23B72;}

.compare-card-mini { margin-bottom: 15px; }
.compare-card-mini > .image { display: inline-block; width: 40px; height: 40px; margin-right: 10px; border-bottom: 0; margin-bottom: 0; vertical-align: top; }
.compare-card-mini > .image .product-image { width: 100%; height: 40px; min-height: 0; }
.compare-card-mini > .info { display: inline-block; }
.compare-card-mini > .info p { margin-bottom: 0; line-height: 1em; font-size: 15px;}
.compare-card-mini > .info .compare-toggle-product { font-size: 13px; min-width: 160px; margin-top: 2px; }
.compare-card-mini > .info .compare-toggle-product .thisbutton.without-background { color: #024268; line-height: 20px; min-height: 20px; font-weight: 400; padding-top: 3px;}


.product-stock.eq:before { content: '180'; }
.product-stock .text { margin-left: 5px; }
.products-table.configurator .product-pickup .text { display: none; visibility: hidden;}
.product-pickup .text { margin-left: 8px; }
.product-stock-0 .stockicon { color: #024268; }
.product-stock-vs03 .stockicon { color: #c9302c; }
.product-stock-vs02 .stockicon { color: #eea236; }
.product-stock-vs01 .stockicon { color: #4cae4c; }
.product-stock-1 .stockicon { color: #c9302c; }
.product-stock-2 .stockicon { color: #eea236; }
.product-stock-3 .stockicon { color: #4cae4c; }

.product-price .price { display: inline-block; color: #3EB9C0; font-weight: 700; }
.baseprice.with-slashthrough,
.price.with-slashthrough { position: relative; color: #99b3c4; margin-left: 0px; font-weight: 400; font-size: 1rem; }
.baseprice.with-slashthrough:before,
.price.with-slashthrough:before { position: absolute; content: ''; left: 0; right: 0; top: 50%; padding: 0 4px; border-top: 1px solid; border-color: inherit; transform: rotate(-20deg); }
.product-price .price .qbreak { color: #00223a82; font-weight: 400; }
.product-price-qbreaks { min-width: 180px; max-width: 235px; }
.product-price-qbreaks h2 { font-size: 16px; font-weight: 700; line-height: normal; display: inline-block; padding-right: 5px; margin-bottom: 5px; }
.page-search-results .product-price-qbreaks {max-width:100%;}
@media only print, only screen and (max-width: 959px) {
.page-search-results .product-price-qbreaks {width:100%; max-width:300px;}
.page-search-results .product-price-qbreaks table td.header.discount {padding-left:5px; padding-right:5px;}
}
.product-price-qbreaks > table { background: #FFFBEF; width: 100%; margin-bottom: 0; margin: 8px 0; }
.product-price-qbreaks > table > tbody > tr:first-child > td { padding-top: 5px; }
.product-price-qbreaks > table > tbody > tr:last-child > td { padding-bottom: 5px; }
.product-price-qbreaks > table > tbody > tr > td { font-size: 1rem; padding: 2px 0px; color: #00223A; }
.product-price-qbreaks > table > tbody > tr > td.price { padding-right: 13px; font-size: 1rem; color: #00223A; font-weight: normal; text-align: right; display: table-cell; }
.product-price-qbreaks > table > tbody > tr > td.header { font-weight: 600; color: #3EB9C0;}
.product-price-qbreaks > table > tbody > tr > td.q { padding-left: 13px;}
.product-price-qbreaks > table > tbody > tr > td.discount { text-align: center; }
.product-price-qbreaks > table > tbody > tr.is-selected > td { background: #FFFFFF; }

.product-price-net-table { max-width: 230px; }
.product-price-net-table.net-price { max-width: 140px; }
.product-price-net-table > table { margin-bottom: 0; }
.product-price-net-table > table > tbody > tr:first-child > td { padding-top: 5px; padding-bottom: 10px; }
.product-price-net-table > table > tbody > tr:last-child > td { padding-bottom: 5px; padding-top: 4px;}
.product-price-net-table > table > tbody > tr > td.q { font-weight: 700; padding-right: 5px; font-size: 12px; }
.product-price-net-table > table > tbody > tr > td.baseprice { text-align: left; }
.product-price-net-table:not(.is-net-price) > table > tbody > tr > td.discount { text-align: left; padding: 0; position: absolute; top: 2px; right: -5px; }
.product-price-net-table > table > tbody > tr > td.discount .promo { position: relative; background: #0069B4 !important; padding: 5px; line-height: 23px; font-weight: 500; font-size: 10px; }
.product-price-net-table > table > tbody > tr > td.price {  color: #0069B4; text-align: left !important; display: table-cell; padding-left: 10px; padding-right: 10px; font-size: 16px; padding-right: 10px; }
.product-price-net-table > table > tbody > tr > td.header { position: absolute; top: 0; padding: 0; font-size: 12pz; }

@media only screen and (max-width: 659px) {
    .page-article .product-price-net-table { max-width: 250px; }
    .product-card .product-price-net-table.only-s { padding-left:3px; padding-right:3px; width:108%; left:-4%; position: relative;max-width:108%;}
    div.product-price-net-table.only-s > table > tbody > tr > td { text-align: left; }
    div.product-price-net-table.only-s > table > tbody > tr > td:last-of-type { vertical-align: bottom; }
    div.product-price-net-table.only-s > table > tbody > tr:nth-of-type(1) td { padding-top:5px; padding-bottom:0px; }
    div.product-price-net-table.only-s > table > tbody > tr:nth-of-type(2) td { padding-top:6px; padding-bottom:6px; }
    div.product-price-net-table.only-s > table > tbody > tr:nth-of-type(3) td { padding-top:0px; padding-bottom:5px; }
    .product-price-net-table.only-s > table > tbody > tr > td:nth-of-type(2) { text-align:right;}
    .items-conveyor.with-gutter > .items-window > .items > .item { padding: 0 8px; min-width:140px;}
}

.product-price-base-table { min-width: 60px; max-width: 90px; padding: 0 8px; margin: 0 0 8px;}
.product-price-base-table > table { width: 100%; margin-bottom: 0; }
.product-price-base-table > table > tbody > tr:first-child > td { padding-top: 5px; }
.product-price-base-table > table > tbody > tr:last-child > td { padding-bottom: 5px; }
.product-price-base-table > table > tbody > tr > td { font-size: 0.85rem; padding: 0; color: #00223A; }
.product-price-base-table > table > tbody > tr > td.baseprice { text-align: left; font-size: 18px; font-weight: 600; padding-right: 10px; }
.product-price-base-table > table > tbody > tr > td.discount { text-align: center; }
.product-price-base-table > table > tbody > tr > td.price { font-size: 0.85rem; color: #00223A; font-weight: normal; text-align: right; display: table-cell; }
.product-price-base-table > table > tbody > tr > td.header { font-weight: 600; color: #3EB9C0;}

.product-price-promo-table {/* min-width: 213px;*/ max-width: 310px; margin: 8px 0;}
.product-price-promo-table > table { width: 100%; margin-bottom: 0; }
.product-price-promo-table > table > tbody > tr:last-child > td { padding-bottom: 5px; padding-top: 0;}
.product-price-promo-table > table > tbody > tr > td.baseprice { text-align: left;}
.product-price-promo-table > table > tbody > tr > td.discount { position: relative; }
.product-price-promo-table > table > tbody > tr > td.discount .absolute { position: absolute; right: 5px; }
.product-price-promo-table > table > tbody > tr > td.discount .promo { position: relative; background: #0069B4 !important; padding: 5px; line-height: 23px; font-weight: 500; font-size: 10px; }
.product-price-promo-table > table > tbody > tr > td.header {font-size: 12px;}
.product-price-promo-table > table > tbody > tr > td.pallet { margin-left: 5px; }

/* standard colours */
.product-price-promo-table > table > tbody > tr > td.header.price.pallet {color: #00223A;}

/* blue override colours */
.product-price-promo-table > table > tbody > tr > td.price.pallet,
.product-price-promo-table > table > tbody > tr > td.price.blue-text, 
.product-price-promo-table > table > tbody > tr > td.price.pallet.blue-text {color:#0069B4;}

.product-price-net-table > table > tbody > tr > td.price.pallet,
.product-price-net-table > table > tbody > tr > td.price.blue-text, 
.product-price-net-table > table > tbody > tr > td.price.pallet.blue-text {color:#0069B4;}

/* main override colours */
.product-price-promo-table > table > tbody > tr > td.price.main-text,
.product-price-promo-table > table > tbody > tr > td.price.pallet.main-text {color:#00223A;}

.page-order-basket .product-price-qbreaks > table {margin-top: 2px;}
.page-order-basket h1  {margin-bottom: 15px;}

/* product cards */

.product-card { position: relative; background-color: white; border-radius: 5px; padding: 15px 17px; }
.product-card {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
transition: all 0.3s ease 0s;}
.product-card:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
transition: all 0.3s ease 0s;}
.product-card a:not(.button):hover,
.product-card a:not(.button):focus,
.page-article a.js-call:not(.button):hover,
.page-article a.js-call:not(.button):focus,
.page-article a.js-link:not(.button):hover,
.page-article a.js-link:not(.button):focus { color: #A23B72; }
.product-card:hover header div.image { filter: invert(46%) sepia(16%) saturate(5764%) hue-rotate(315deg) brightness(101%) contrast(105%); }
.with-alternate-background .product-card { background: #F5F9FD; padding: 25px; }
.with-alternate-background .product-card .image-container { background: white; border-radius: 10px 10px 0 0; padding: 10px; margin-bottom: 10px; }
.with-alternate-background .product-card .image-container .favorites-toggle-product { top: 10px; right: 10px; }
.product-card .image.product-image { min-height: 205px; }
.product-card > .product-card-head-container > .image,
.product-card > .image-container > .image,
.product-card > .image { position: relative; border-bottom: 1px solid white; margin-bottom: 8px; }
.product-card > .product-card-head-container > .image > .product-promo,
.product-card > .image-container > .image > .product-promo,
.product-card > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card > .product-card-head-container > .image > .product-promo > .valid_until,
.product-card > .image-container > .image > .product-promo > .valid_until,
.product-card > .image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 1px 7px; background: rgba(255,255,255, 0.7); }
.basketitem-product > .product-card > .product-card-head-container > .image > .product-promo,
.basketitem-product > .product-card > .image-container > .image > .product-promo,
.basketitem-product > .product-card > .image > .product-promo { bottom: -45px;}
.product-card > .product-card-head-container > .image > .promo-image,
.product-card > .image-container > .image > .promo-image,
.product-card > .image > .promo-image { position: relative; }
.product-card > .product-card-head-container > .image > .promo-image > #product-subsidie,
.product-card > .image-container > .image > .promo-image > #product-subsidie {bottom:0px; }
.image > .promo-image > #product-subsidie {bottom:0px; }
.product-card > .image > .product-subsidie > button { max-width:100px; }
.product-card-info > .image > .product-subsidie { max-width: 150px; z-index: 10;}
.product-card > .product-card-head-container > .image > .promo-image > .product-promo,
.product-card > .image-container > .image > .promo-image > .product-promo,
.product-card > .image > .promo-image > .product-promo { position: absolute; left: 0; top: 45px; width: auto; height: 60px; }
.product-card > .product-card-head-container > .image > .promo-image > .product-promo > .promo,
.product-card > .image-container > .image > .promo-image > .product-promo > .promo,
.product-card > .image > .promo-image > .product-promo > .promo { display: inline-block; position: relative; top: -10px;}
.product-card > .product-card-head-container > .image > .promo-image > .product-promo > .valid_until,
.product-card > .image-container > .image > .promo-image > .product-promo > .valid_until,
.product-card > .image > .promo-image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 1px 7px; background: rgba(255,255,255, 0.7); }
/* .product-card:hover > .info > header {color: #f1e4bf7a; transition:all 0.3s ease;} */
.product-card > .product-card-head-container > .info > header:hover,
.product-card > .product-card-head-container > .info > header:focus,
.product-card > .product-card-head-container > .info > p:hover,
.product-card > .product-card-head-container > .info > p:focus,
.product-card > .info > header:hover,
.product-card > .info > header:focus,
.product-card > .info > p:hover,
.product-card > .info > p:focus,
.product-card > .info-container > .info > header:hover,
.product-card > .info-container > .info > header:focus,
.product-card > .info-container > .info > p:hover,
.product-card > .info-container > .info > p:focus,
.product-card > .info > header:hover,
.product-card > .info > header:focus,
.product-card > .info > p:hover,
.product-card > .info > p:focus { color: #0069B4; transition: all 0.3s ease 0s;}
.product-card .product-price-net-table {max-width: 100%;}
.net-only.product-price-net:not(.is-discount-price) table > tbody > tr > td.price { text-align: left;}
.page-article .price-order .product-price-net-table.net-only table > tbody > tr > td.price { text-align: left;}

.product-promo-valid_until {display: none !important;}
.product-card .product-promo-valid_until {display: none;}
.product-card .product-promo-valid_until.promo-true {display: block; margin-bottom:0; padding:0; line-height:initial;}
.product-card .product-promo-slogan {margin: 0;}

.product-promo-slogan { color: #3EB9C0; font-weight: 700 !important; font-size: 15px !important;  }
.product-card > .product-card-head-container > .info p.product-promo-slogan,
.product-card > .info-container > .info p.product-promo-slogan,
.product-card > .info p.product-promo-slogan {color: #3EB9C0; font-weight: 500 !important; font-size: 16px !important; margin-bottom: 0;}
.product-card > .product-card-head-container > .info p.product-promo-slogan.promo-true,
.product-card > .info-container > .info p.product-promo-slogan.promo-true,
.product-card > .info p.product-promo-slogan.promo-true {text-align:right;}

.page-article .item.info p.smaller > a,
.product-card > .info-container p.smaller > a { color: #0069B4; text-decoration: underline; }
.page-article .item.info p.smaller > a:hover,
.product-card > .info-container p.smaller > a:hover { color: #A23B72; }

.action-price .product-promo-slogan.promo-true {margin-top:0; color: #3EB9C0; font-weight: 500; font-size: 16px; text-align:right; line-height:initial;}

.product-card-infoprice .action .product-promo-slogan.promo-true {margin-top:0; color: #0069B4; font-weight: 500; font-size: 16px; text-align:right; line-height:initial;}

.product-card .input-combined > div { width: 100%; }
.product-card .input-combined > div,
.product-card .input-combined > input { display: inline-block; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .product-card .image.product-image { min-height: 115px; }
    .product-card-infoorder .order-add-product .form { margin-bottom: 8px; }
    .product-card-infoorder .compare-toggle-product .thisbutton { min-height: 24px; line-height: 24px; }
}

#product-subsidie .button {
    background-color: #00CA5E;
    font-size: 12px;
    line-height: normal;
    min-height: 18px;
    color: #00223A;
}

#product-subsidie .button:hover {
    color: white;
    background-color: #00223A;
}

#product-subsidie.product-dagkoers .button {
    background-color: #A23B72;
    color: white;
}

#product-subsidie.product-dagkoers .button:hover {
    background-color: #0069B4;
}

.page-article .product-icons > div.subsidie-icon {
    left: unset;
    right: 10px;
    width: 80px;
}

.product-subsidie-icon { position: relative; }
.product-subsidie-icon span.amount { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 10px; line-height: normal; width: 80%; text-align: center; font-weight: 700; }

.product-card .product-subsidie-icon { position: absolute; right: 10px; top: 10px; z-index: 1; width: 65px; }

@media only print, only screen and (max-width: 959px) {
    .page-article .product-subsidie-icon { position: absolute; top: 20px; right: 20px; z-index: 10; }
}

.relatedarticles #product-subsidie {
    display: none;
}

.page-article .items-block .item.info .group {
    padding: 20px;
}

.page-article .items-block .item.info .group.with-background {
    background-color: white;
    border-radius: 5px;
    height: auto;
}

@media only screen and (min-width: 960px) {
    .page-article .gallery .product-subsidie {
        height: 40px;
        position: unset;
        padding: 25px;
    }

    .page-article .gallery .product-subsidie .button {
        position: absolute;
        white-space: nowrap;
        top: 0;
        left: 0;
    }
}

@media only print, only screen and (max-width: 959px) {
    .page-article .gallery .product-subsidie {
        padding-bottom: 10px;
        display: inline-block;
    }
}

@media only screen and (max-width: 659px) {
    .action-price .product-promo-slogan.promo-true {max-width:310px;}
}

@media only print, only screen and (max-width: 959px) {
    .product-card > .product-card-head-container > .image > .promo-image,
    .product-card > .image > .promo-image {margin-bottom: 10px;}
}
    
.basketitem-product .product-card > .product-card-head-container > .info > header,
.basketitem-product .product-card > .info > header {font-size: 16px; margin-bottom: 0;}
.basketitem-product .product-packing,
.basketitem-product .product-stock-alt,
.basketitem-product .product-stock,
.basketitem-product .product-pickup,
.basketitem-product .product-valid_until {font-size: 13px; line-height: 20px;}
.page-order-basket .items-row.with-line > .item {border-bottom: 0;}
.basketitem-product .product-card .image.product-image { min-height: 88px;}

@media only screen and (min-width: 960px) {
    .basketitem-product .product-card .promo-wrapper { top: 100%; }
}

.product-card-info.eq:before { content: '350'; }


.product-card-infoorder > .info > .product-price-single { display: none; }
.product-card-infoorder > .action { position: relative; margin-top: 10px; padding-top: 0px; }
.product-card-infoorder > .action-price { margin: 8px 0; }
.product-card-infoorder > .action .order-add > form { margin-top: 10px; margin-bottom: 0; }
.product-card-infoorder > .action > .product-price-single { display: block; }
.product-card-infoprice.eq:before { content: '260 550'; }
.product-card-infoprice > .action { display: block; }
.product-card-infoorder > .action > a.button { font-size: 14px; width: 100%; }
.product-card-infoprice > .info-container > .action > .favorites-toggle-product { position: absolute; right: 5px; top: 5px; }

.product-card-infoorder > .info-container .product-price-base-table { width: 100%;}
.product-card-infoorder > .info-container > .action-price .order-add-product.guest .input-combined .button { width: 100%; }
.product-card-infoorder > .info-container > .action-price .order-add-product.guest .input-quantity { display: none; }

.product-card-infoorder .butto.with-alternate-colorn { width: 100%; }

.product-card-partfinder.eq:before { content: '350 380 600'; }
.product-card-partfinder[data-minwidth~='350'],
.product-card-partfinder[data-minwidth~='380'],
.product-card-partfinder[data-minwidth~='600'] { display: flex; }
.product-card-partfinder[data-minwidth~='350'] .info-container .info { padding-right: 20px; }
.product-card-partfinder[data-minwidth~='350'] > .image,
.product-card-partfinder[data-minwidth~='350'] .image-container { position: unset; margin-right: 15px; }
.product-card-partfinder[data-minwidth~='350'] .info-container { width: calc(100% - 95px); }
.product-card-partfinder[data-minwidth~='350'] > .image,
.product-card-partfinder[data-minwidth~='350'] > .image > .image,
.product-card-partfinder[data-minwidth~='350'] .image-container > .image { width: 80px; }
.product-card-partfinder[data-minwidth~='350'] .image-container:has(.image .product-subsidie-icon) { min-height: 270px; }
.product-card-partfinder[data-minwidth~='350'] .image-container .favorites-toggle-product { right: 13px; }
.product-card-partfinder[data-minwidth~='350'] .image.product-image { min-height: 120px; }
.product-card-partfinder[data-minwidth~='350'] .product-subsidie-icon { top: unset; bottom: -80px; right: unset; left: 50%; transform: translateX(-50%); }
.product-card-partfinder[data-minwidth~='350'] .comparefavorite { position: absolute; left: 10px; bottom: 10px; }
.product-card-partfinder[data-minwidth~='350'] .image > .promo-image .product-recommend, .product-card .image > .promo-image .product-recommend { top: 100px; }
.product-card-partfinder[data-minwidth~='380'] .image-container > .image { width: 120px; }
.product-card-partfinder[data-minwidth~='380'] .action-price > div { vertical-align: middle; }
.product-card-partfinder[data-minwidth~='600'] .image-container:has(.image .product-subsidie-icon) { min-height: 340px; }
.product-card-partfinder[data-minwidth~='600'] .image-container > .image { width: 190px; }
.product-card-partfinder[data-minwidth~='600'] .image.product-image { min-height: 190px; }

@media only print, only screen and (max-width: 959px) {
    .product-card.eq:before { content: '350 380 600'; }
    .product-card[data-minwidth~='350'],
    .product-card[data-minwidth~='380'],
    .product-card[data-minwidth~='600'] { display: flex; }

    .product-card[data-minwidth~='350'] .info-container .info { padding-right: 20px; }
    .product-card[data-minwidth~='350'] > .image,
    .product-card[data-minwidth~='350'] .image-container { position: unset; margin-right: 15px; }
    .product-card[data-minwidth~='350'] > .image,
    .product-card[data-minwidth~='350'] > .image > .image,
    .product-card[data-minwidth~='350'] .image-container > .image { width: 80px; }
    .product-card[data-minwidth~='350'] .image-container:has(.image .product-subsidie-icon) { min-height: 270px; }
    .product-card[data-minwidth~='350'] .image-container .favorites-toggle-product { right: 13px; }
    .product-card[data-minwidth~='350'] .image.product-image { min-height: 120px; }
    .product-card[data-minwidth~='350'] .product-subsidie-icon { top: unset; bottom: -80px; right: unset; left: 50%; transform: translateX(-50%); }
    .product-card[data-minwidth~='350'] .comparefavorite { position: absolute; left: 10px; bottom: 10px; }
    .product-card[data-minwidth~='350'] .order-add-product button > img { display: none; }
    .product-card[data-minwidth~='350'] .order-add-product button > span.text { display: inline-block; margin: 0; font-size: 13px; }
    .product-card[data-minwidth~='350'] .promo-wrapper { position: relative; }
    .product-card[data-minwidth~='350'] .image > .promo-image .product-recommend { position: relative; top: unset; height: auto; }
    .product-card-combi[data-minwidth~='350'] .alternative { position: relative; right: unset; }

    .product-card[data-minwidth~='380'] .image-container > .image { width: 120px; }
    .product-card[data-minwidth~='380'] .action-price > div { vertical-align: middle; }
    .product-card[data-minwidth~='380'] .action-price > div.container { margin-right: 0; }
    .product-card[data-minwidth~='380'] .action-price > div.product-price-promo-table { width: unset; }

    .product-card[data-minwidth~='600'] .image-container:has(.image .product-subsidie-icon) { min-height: 340px; }
    .product-card[data-minwidth~='600'] .image-container > .image { width: 190px; }
    .product-card[data-minwidth~='600'] .image.product-image { min-height: 190px; }

    .relatedarticles .product-card .order-add-product button > img { display: none; }
    .relatedarticles .product-card .order-add-product button > span.text { display: block; margin: 0; }
}

@media only screen and (max-width: 659px) {
    .product-card-combi { display: flex; }
    .product-card-combi > .image { margin-right: 15px; }
    .product-card-combi .image { width: 80px; }
    .product-card-combi .image.product-image { min-height: unset; max-height: 100px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .product-card-infoorder > .info-container .product-price-base-table { min-width: 35%;}
}

@media only print, only screen and (max-width: 959px) {
    .items-tile .product-card-infoorder {width:100%;}
}

.product-card .container:has(.with-alternate-color) .last.no-user,
.product-card .container:has(.with-alternate-color) .order-add {
    margin-bottom: 10px;
}

.product-card-infoorder .button.with-alternate-color { width: 100%; }

@media only screen and (max-width: 659px) {
    .fixed-add-order .combi-button .with-alternate-color { width: 100%; }
    .product-card .container:has(.with-alternate-color) .order-add,
    .fixed-add-order-wrapper .button.no-user,
    .fixed-add-order-wrapper .combi-button:has(.with-alternate-color) .order-add,
    .fixed-add-order-wrapper .combi-button:has(.with-alternate-color) .last.js-modal { width: 100%; max-width: unset; }
}

.product-card-infoprice[data-minwidth~='260'] { min-height: 100px; }
.product-card-infoprice[data-minwidth~='260'] > .action { display: block; }
.product-card-infoprice[data-minwidth~='260'].is-promo > .info > .product-price-single { display: none; }
.product-card-infoprice[data-minwidth~='260'] > .image { position: absolute; top: 10px; left: 10px; width: 70px; height: 100px; border: 0; margin-bottom: 0; }
.product-card-infoprice[data-minwidth~='260'] > .image .product-image { height: 100%; min-height: 0; }
.product-card-infoprice[data-minwidth~='260'] > .info { border: 0; margin-left: calc(70px + 16px); margin-top: 0; padding-top: 0; }
.product-card-infoprice[data-minwidth~='260'] > .action { border: 0; margin-left: calc(70px + 16px); margin-top: 0; padding-top: 0; }
.product-card-infoprice[data-minwidth~='550'] { min-height: 100px; display: flex; }
.product-card-infoprice[data-minwidth~='550'] > .image-container { width: 100px; }
.product-card-infoprice[data-minwidth~='550'] > .info-container { display: inline-block; width: calc(100% - 32px); margin-left: 16px; vertical-align: top; }
.product-card-infoprice[data-minwidth~='550'] > .info-container .info { display: inline-block; width: calc(100% - 230px); }
.product-card-infoprice[data-minwidth~='550'] > .info-container .action { text-align: right; display: inline-block; width: 222px; margin-left: 8px; margin-top: 0; padding-top: 0; vertical-align: top; border: 0; }
.product-card-infoprice[data-minwidth~='550'] > .info-container .action .product-price-base { line-height: 42px; }
.favoritesbasketitems .product-card-infoprice[data-minwidth~='550'] > .info-container .action,
.projectlistbasketitems .product-card-infoprice[data-minwidth~='550'] > .info-container .action { padding-right: 20px; }
.favoritesbasketitems .product-card-infoprice[data-minwidth~='550'] > .info-container .action .product-price-base,
.projectlistbasketitems .product-card-infoprice[data-minwidth~='550'] > .info-container .action .product-price-base { line-height: 24px; }

@media only print, only screen and (min-width: 660px) {
    .favoritesbasketitems .product-card-infoprice > .info-container .action .product-price-base,
    .projectlistbasketitems .product-card-infoprice > .info-container .action .product-price-base { margin-left: auto; }
}

.page-article .product-card-infoprice { min-height: 100px; }
.page-article .product-card-infoprice > .action { display: block; }
.page-article .product-card-infoprice.is-promo > .info > .product-price-single { display: none; }
.page-article .product-card-infoprice > .image { position: absolute; top: 0; left: 0; width: 85px; height: 100px; border: 0; margin-bottom: 0; }
.page-article .product-card-infoprice > .image .product-image { height: 100%; min-height: 0; }
.page-article .product-card-infoprice > .info { border: 0; margin-left: calc(70px + 16px); margin-top: 0; padding-top: 0; }
.page-article .product-card-infoprice > .action { border: 0; margin-left: calc(70px + 16px); margin-top: 9px; padding-top: 0; }
.page-groups-cataloggerarticle .product-card-infoprice > .action { border: 0; margin-left: calc(70px + 16px); margin-top: 9px; padding-top: 0; }

.product-card-full.eq:before { content: '320 470'; }
.product-card-full > .image { position: relative; border-bottom: 1px solid #FFFFFF; margin-bottom: 10px; height: 121px; }
.product-card-full > .image .product-image { width: 100%; height: 120px; min-height: 0; }
.product-card-full > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card-full > .image > .product-promo > .promo { display: inline-block; padding: 3px 5px; background: #00223A; color: white; font-weight: 600; }
.product-card-full > .image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 3px 5px; background: rgba(255,255,255, 0.7); }
.product-card-full > .info header { color: #3EB9C0; margin-bottom: 0; }
.product-card-full > .info > .product-price-single { display: none; }
.product-card-full > .action > .product-price { margin-bottom: 1rem; }
.product-card-full > .action { position: relative; }
.product-card-full > .action .order-add > form { margin-bottom: 0; }
.product-card-full > .action > .product-price-single { display: block; }

.product-card-full[data-minwidth~='320'] > .image { display: inline-block; width: calc(120px + 16px); border-bottom: 0; margin-bottom: 0; vertical-align: top; padding-right: 16px; border-right: 1px solid #FFFFFF; margin-right: 16px; }
.product-card-full[data-minwidth~='320'] > .info { display: inline-block; width: calc(100% - 32px - 120px); vertical-align: top; }
.product-card-full[data-minwidth~='320'] > .info > .product-price-single { display: block; margin-top: 10px; }
.product-card-full[data-minwidth~='320'] > .action { border: 0; margin-left: calc(120px + 1px + 32px); margin-top: 0; padding-top: 0; }
.product-card-full[data-minwidth~='320'] .button .text {display: none;}

.product-card-full[data-minwidth~='470'] > .info { display: inline-block; width: calc(100% - 32px - 120px - 140px - 16px); vertical-align: top; }
.product-card-full[data-minwidth~='470'] > .info .items-property { max-width: 240px; }
.product-card-full[data-minwidth~='470'] > .action { display: inline-block; width: 140px; vertical-align: top; border: 0; margin-left: 16px; margin-top: 0; padding-top: 0; }
.product-card-full[data-minwidth~='470'] > .action .order-add > form { margin-top: 0; }

.product-card-mini.eq:before { content: '400'; }
.product-card-mini > .image { float: left; display: inline-block; width: 40px; height: 40px; margin-right: 16px; border-bottom: 0; margin-bottom: 0; vertical-align: top; }
.product-card-mini > .image .product-image { width: 100%; height: 40px; min-height: 0; }
.product-card-mini > .info { width: calc(100% - 16px - 40px); margin-left: calc(16px + 40px); }
.product-card-mini > .info header { margin-bottom: 0; }
.product-card-mini > .info p { margin-bottom: 0; line-height: 22px;}
.product-card-mini > .info .price { font-size: 1.15rem; padding-bottom: 4px;}
.product-card-mini > .action { width: calc(100%); }
.product-card-mini > .action .order-add > form { margin-bottom: 0; }
.product-card-mini[data-minwidth~='400'] > .image { float: none; }
.product-card-mini[data-minwidth~='400'] > .info { margin-left: 0; display: inline-block; width: calc(100% - 32px - 180px); vertical-align: top; }
.product-card-mini[data-minwidth~='400'] > .action { display: inline-block; width: 140px; vertical-align: top; border: 0; margin-left: 16px; margin-top: 0; padding-top: 0; }

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .product-card-mini > .action .button { top: 0px !important; }
}
@media only screen and (max-width: 659px) {
    .product-card-mini > .action .button { top: 0px !important; }
    .product-card-mini > .action .button > span { padding-left: unset; }
}
@media screen and (max-width: 524px) {
    .product-card-mini > .action .button { text-align: start; }
}


.products-table { width: 100%; margin-top: 25px; }
.products-table > thead > tr > td { padding: 3px 0 3px 5px; vertical-align: middle; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
.products-table > tbody > tr > td { padding: 3px 0 3px 5px; vertical-align: middle; font-size: 13px; }
.products-table > thead > tr.header > td { background: #00223A; color: white; vertical-align: top; padding: 14px 5px 14px 5px;}
.products-table > tbody > tr.header > td { background: #00223A; color: white; vertical-align: top; padding: 14px 5px 14px 5px;}
.products-table > tbody > tr > td.prices { min-width: 200px; }
.products-table > thead > tr.even > td { background: #f1e4bf7a; }
.products-table > tbody > tr.even > td { background: #f1e4bf7a; }
.products-table > thead > tr > td.artnr { text-align: left; white-space: nowrap; font-weight: 600; }
.products-table > tbody > tr > td.artnr { text-align: left; white-space: nowrap; font-weight: 600; }
.products-table > thead > tr > td.artnr a { white-space: nowrap; }
.products-table > tbody > tr > td.artnr a { white-space: nowrap; }
.products-table > tbody > tr > td.artnr a.link:hover {text-decoration: none; color: #3EB9C0;}
.products-table > thead > tr > td.price {  white-space: nowrap; }
.products-table > tbody > tr > td.price {  white-space: nowrap; }
.products-table > thead > tr > td.price:last-child { padding-right: 13px; }
.products-table > tbody > tr > td.price:last-child { padding-right: 13px; }
.products-table > thead > tr > td.order .order-add-product { position: relative; top: 5px; }
.products-table > tbody > tr > td.order .order-add-product { position: relative; top: 5px; }
.products-table > thead > tr.extra-info > td { text-align: left; vertical-align: top; padding-bottom: 0px; padding-top: 0px;}
.products-table > tbody > tr.extra-info > td { text-align: left; vertical-align: top; padding-bottom: 0px; padding-top: 0px;}
.products-table .extra-info { border-top: 1px solid #FFFBEF; }
.products-table .order-add form {margin-bottom: 9px;}

.products-table .order-add-product .input-combined .button {width: 50px;}
.products-table .order-add-product .input-combined .button span.fa {left: -1px;}
    
.products-table > thead > tr.header > td.favorite {padding-left: 0;}
.products-table > thead > tr.header > td.compare {padding-left: 0;}

.products-table td {text-align: left; }
.products-table .info { width: 53px; }
.products-table .favorite { width: 53px; }
.products-table .favorite .favorites-toggle-product { width: 40px; }
.products-table .compare { width: 53px; }
.products-table .compare .compare-toggle-product { width: 40px; }
.products-table .artnr { white-space: nowrap; }
.products-table .packing { }
.products-table .stock { width: 50px; }
.products-table > tbody > tr > td.stock {  font-size: 17px;}
.products-table .stock .product-stock { text-align: center; }
.products-table .stock .product-pickup { text-align: center; }
.products-table .stock .product-pickup .stockicon { width: 20px;}
.products-table .listprice { white-space: nowrap; text-align: right; padding-right: 13px;}


.products-table .discount { width: 50px; }
.products-table .price { white-space: nowrap;  }
.products-table .order { width: 133px; }
.products-table .order .order-add-product { width: 120px; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .products-table .spec:nth-child(n+7) { display: none; } /* hide all but first 6 / includes 4 pre-spec columns */
    .products-table .items-property .item { display: none; }
    .products-table .items-property .item:nth-child(n+3) { display: block; } /* show all but first 2 */
}
@media only screen and (min-width: 1450px) {
    .products-table .spec:nth-child(n+10) { display: none; } /* hide all but first 9 / includes 4 pre-spec columns */
    .products-table .items-property .item { display: none; }
    .products-table .items-property .item:nth-child(n+6) { display: block; } /* show all but first 5 */
}

.product-card-table-extra-info.eq:before { content: '320 600 740'; }
.product-card-table-extra-info { position: relative; padding: 12px 0 8px 0;}
.product-card-table-extra-info > .image { position: relative; border-bottom: 1px solid #FFFFFF; margin-bottom: 10px; height: 121px; min-height: 0; }
.product-card-table-extra-info > .image .product-image { width: 100%; height: 120px; min-height: 0; }
.product-card-table-extra-info > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card-table-extra-info > .image > .product-promo > .promo { display: inline-block; padding: 3px 5px; background: #00223A; color: white; font-weight: 600; }
.product-card-table-extra-info > .image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 3px 5px; background: rgba(255,255,255, 0.7); }
.product-card-table-extra-info > .info { margin-bottom: 10px; }
.product-card-table-extra-info > .info header { color: #3EB9C0; margin-bottom: 0; }
.product-card-table-extra-info > .price { margin-bottom: 10px; }
.product-card-table-extra-info > .action { position: absolute; right: 0; text-align: center; background-color: #3EB9C0; padding: 10px 18px; color: white; font-size: 1.2rem; font-weight: 500; }
.product-card-table-extra-info > .action:hover, .product-card-table-extra-info > .action:focus {background-color: #00223A; transition: all 0.3s ease 0s;}
.product-card-table-extra-info > .action a {color: white;}
.product-card-table-extra-info > .action a:hover, .product-card-table-extra-info > .action a:focus {text-decoration: none;}
.product-card-table-extra-info[data-minwidth~='320'] > .image { display: inline-block; width: 120px; border: 1px solid #FFFFFF; margin-bottom: 0; vertical-align: top; margin-right: 32px; }
.product-card-table-extra-info[data-minwidth~='320'] > .info { display: inline-block; width: calc(100% - 32px - 120px); vertical-align: top; }
.product-card-table-extra-info[data-minwidth~='320'] > .price { border: 0; margin-left: calc(120px + 32px); margin-top: 0; }
.product-card-table-extra-info[data-minwidth~='320'] > .action { border: 0; margin-left: calc(120px + 32px); margin-top: 0; }
.product-card-table-extra-info[data-minwidth~='600'] > .action { display: inline-block; width: 80px; vertical-align: top; border: 0; margin-left: 16px; margin-top: 0; }
.product-card-table-extra-info[data-minwidth~='600'] > .info { display: inline-block; width: calc(100% - 32px - 120px - 260px - 32px); vertical-align: top; }
.product-card-table-extra-info[data-minwidth~='600'] > .info .items-property { max-width: 500px; }
.product-card-table-extra-info[data-minwidth~='600'] > .price { display: inline-block; width: 180px; vertical-align: top; margin-left: 16px; }
.product-card-table-extra-info[data-minwidth~='600'] > .action .order-add > form { margin-top: 0; }
.product-card-table-extra-info[data-minwidth~='740'] > .info { width: calc(100% - 32px - 120px - 400px - 32px); }
.product-card-table-extra-info[data-minwidth~='740'] > .action { width: auto; }
.product-card-table-extra-info .info .items-property .label {width: 50%;}
.product-card-table-extra-info .info .items-property .value {width: 50%;}

.accessories .product-card-info > .image,
.accessories .product-card-infoorder > .image,
.accessories .product-card-infoprice > .image { height: 130px; }


/* basketitem */
.basketitem-card-mini {}
.basketitem-card-mini > .image { display: inline-block; width: 60px; vertical-align: top; min-height: 0; }
.basketitem-card-mini > .image .product-image { width: 100%; height: 60px; min-height: 0; }
.basketitem-card-mini > .info { display: inline-block; margin-left: 16px; width: calc(100% - 16px - 60px); vertical-align: top; white-space: pre-line; }
.basketitem-card-mini > .info header { margin-bottom: 0; color: inherit; line-height: 21px; }
.basketitem-card-mini > .info p { margin-bottom: 0; }

.basketitem-card-info.eq:before { content: '280'; }
.basketitem-card-info { width: 100%; min-width: 160px; }
.basketitem-card-info > .image { margin-bottom: 10px; min-height: 0; }
.basketitem-card-info > .image .product-image { width: 100%; height: 80px; min-height: 0; }
.basketitem-card-info > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.basketitem-card-info > .image > .product-promo > .promo { display: inline-block; position: relative; top: -10px;}


.basketitem-card-info > .info header a {line-height: 1.25em;}
.basketitem-card-info > .info p { margin-bottom: 0; }
.basketitem-card-info > .info > .summary { color: #0069B4; font-weight: 600; }
.basketitem-card-info > .info > .summary > .subtotal { float: right; }

.basketitem-card-info[data-minwidth~='280'] > .image { display: inline-block; width: 100px; vertical-align: top; margin-bottom: 0; }
.basketitem-card-info[data-minwidth~='280'] > .image .product-image { width: 100%; height: 100px; }
.basketitem-card-info[data-minwidth~='280'] > .info { display: inline-block; margin-left: 16px; width: calc(100% - 16px - 100px); vertical-align: top; }

.basketitems.eq:before { content: '600'; }
.basketitems .item { display: flex; }
.basketitems .basketitem-product { display: inline-block; width: calc(100% - 245px); vertical-align: top; }
.basketitems .basketitem-controls { display: inline-block; width: 245px; vertical-align: top; text-align: right; }
.basketitems .basketitem-controls > div { display: inline-block; vertical-align: middle; }
.basketitems .basketitem-controls > div.basketitem-subtotal { width: 130px; }
.basketitems .basketitem-controls > div.basketitem-subtotal .subtotal { font-size: 1.1rem; display: inline-block; vertical-align: baseline; font-weight: 700; white-space: nowrap; color: #0069B4; }
.basketitems[data-maxwidth~='599'] .basketitem-product { display: block; width: 100%; }

.basketitems[data-maxwidth~='599'] .basketitem-product .product-card, { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 5px 5px 0 0;}
.basketitems[data-maxwidth~='599'] .basketitem-controls { display: block; width: 100%; padding: 10px 20px; background-color: #F1E4BF; border-radius: 0 0 20px 20px; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .basketitems[data-minwidth~='600'] .basketitem-product { display: block; width: 100%; }
    .basketitems[data-minwidth~='600'] .basketitem-product .product-card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 5px 5px 0 0;}
    .basketitems[data-minwidth~='600'] .basketitem-controls { display: block; width: 100%; padding: 10px 20px; background-color: #F1E4BF; border-radius: 0 0 20px 20px; }

    .product-card-infoprice[data-maxwidth~='549'] { min-height: 100px; display: flex; }
    .product-card-infoprice[data-maxwidth~='549'] > .image-container { width: 100px; }
    .product-card-infoprice[data-maxwidth~='549'] > .info-container { display: inline-block; width: calc(100% - 32px); margin-left: 16px; vertical-align: top; }
    .product-card-infoprice[data-maxwidth~='549'] > .info-container .info { display: inline-block; width: calc(100% - 253px); }
    .product-card-infoprice[data-maxwidth~='549'] > .info-container .action { text-align: right; display: inline-block; width: 245px; margin-left: 8px; margin-top: 0; padding-top: 0; vertical-align: top; border: 0; }
    .product-card-infoprice[data-maxwidth~='549'] > .info-container .action .product-price-base { line-height: 42px; }
}

.basketitems .basketitem-controls .order-update-product[data-maxwidth~='219'] .button {padding: 0;}

.projectlistbasketitems .product-packing,
.favoritesbasketitems .product-packing,
.basketitems .product-packing { display: none; }
    
@media only print, only screen and (max-width: 959px) {
    .basketitems .basketitem-controls > div.basketitem-subtotal { width: 78px; }
    .basketitems .basketitem-controls > div.basketitem-subtotal .subtotal { font-size: 1rem; }
}
@media only screen and (max-width: 659px) {
    .basketitems .item { display: block; }
}


@media only screen and (min-width: 1450px) {
    .basketitems .basketitem-controls {position: relative; top: 10px;}
}

.basket-summary .coupon { color: #00223A; padding: 0; border: none; margin-bottom: 0; background: transparent; }
.basket-summary .coupon.is-invalid { padding: 0; }
.basket-summary.items-property.with-line-below > .item > .item-stylable > .label,
.basket-summary.items-property.with-line-below > .item > .item-stylable > .value {padding: 9px 0;}
.basket-summary .item .value.free { color: #0069B4; font-weight: 700; }

.basket-summary .item.split-brand-group-header > .item-stylable { padding-top: 14px; }
.basket-summary .item.split-brand-group-header > .item-stylable > .labelvalue { font-weight: 700; font-size: 1.05em; padding-bottom: 4px; }
.basket-summary .item.split-brand-group-header:not(.is-first-group) { border-top: 1px solid #FFFFFF; }
.basket-summary .item.split-brand-group-header:not(.is-first-group) > .item-stylable { padding-top: 18px; }
.basket-summary .item.split-brand-group-total > .item-stylable > .label,
.basket-summary .item.split-brand-group-total > .item-stylable > .value { padding-top: 4px; padding-bottom: 10px; }
.basket-summary .item.split-brand-combined-total { border-top: 2px solid #FFFFFF; }
.basket-summary .item.split-brand-combined-total > .item-stylable > .label,
.basket-summary .item.split-brand-combined-total > .item-stylable > .value { font-weight: 700; font-size: 1.1em; padding-top: 12px; padding-bottom: 6px; }

.actions-projectlist-merge-order { text-align: right; }
.actions-projectlist-merge-order button { display: flex; }
.actions-projectlist-merge-order button > span { align-content: center; white-space: pre; }
.actions-projectlist-merge-order button > img { max-height: 20px; vertical-align: bottom; }

.actions.actions-projectlist-merge-order { display: flex; justify-content: end; align-items: center; margin-top: 10px; }


/* show-hide dropdown */
@media only print, only screen and (max-width: 959px) {
    .show-dropdown { margin-bottom: 0; margin-top: 0; }
    .show-category-dropdown > .hide-dropdown { margin-bottom: 10px; }
    .dropdown { margin: 0; }
    .dropdown .page { border-bottom: 1px solid #FFFBEF; padding: 4px 0; }
    .dropdown .page .is-selected { padding: 4px 0; }
    .dropdown .page .anchors { border-top: 1px solid #FFFBEF; }

    /* Sticky bottom filter button */
    .filter-sticky-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 0 15px;
        display: none;
    }

    .page-tweakwise-search-results.filter-bottom-open .search-tabs {
        display: none;
    }

    .page-tweakwise-search-results .result-container {
        display: none;
    }

    .filter-sticky-bottom.is-open {
        background: #F5F9FD;
    }

    @media only print, only screen and (max-width: 959px) {
        .filter-sticky-bottom {
            display: block;
            transform: translateY(0);
        }
        
        /* Voeg padding toe aan body zodat content niet onder sticky button verdwijnt */
        body {
            padding-bottom: 70px;
        }
    }

    .filter-sticky-bottom.is-visible {
        transform: translateY(0);
    }

    .filter-sticky-bottom .show-dropdown {
        margin: 0;
        text-align: center;
    }

    .filter-sticky-bottom .button {
        background: #00223A;
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 5px;
        font-weight: 500;
        transition: background-color 0.3s ease;
    }

    .filter-sticky-bottom .button:hover {
        background: #0069B4;
    }
    
    /* Button visibility - toon alleen de juiste button */
    .filter-sticky-bottom .filter-sticky-toggle.is-hidden {
        display: none;
    }
    
    .filter-sticky-bottom .filter-sticky-toggle:not(.is-hidden) {
        display: block;
    }

    .productfilter,
    .promosproductfilter,
    .subsidyproductfilter,
    .outletproductfilter,
    .lastchanceproductfilter,
    .brochureproductfilter,
    .site-window-content section:has(.filter-news),
    .site-window-content section:has(.filter-productfilter) {
        z-index: 9999;
    }

    /* Prevent body scroll when filter is open */
    body.filter-bottom-open,
    body.filter-top-open {
        overflow: hidden !important;
    }

    /* When filter is open from bottom, keep it at bottom */
    body.filter-bottom-open .category-dropdown {
        position: fixed;
        top: 60px;
        bottom: 70px;
        left: 0;
        right: 0;
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        background: #F5F9FD;
        box-shadow: 0 -8px 10px rgba(0, 0, 0, 0.1);
        z-index: 101;
        margin: 0;
        padding: 20px;
    }

    /* When filter is open from top, keep it at top */
    body.filter-top-open .show-category-dropdown {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 20px 30px;    
        background: #F5F9FD;
    }

    body.filter-top-open .category-dropdown {
        position: fixed;
        top: 135px;
        left: 0;
        right: 0;
        max-height: calc(100vh - 135px);
        overflow-y: auto;
        background: #F5F9FD;
        z-index: 101;
        margin: 0;
        padding: 20px;
    }
}
@media only screen and (min-width: 960px) {
    .dropdown { display: block !important; }
}

/* favorites-search */
.favorites-search .form-search { padding: 0 0 10px 10px; }
@media only screen and (max-width: 659px) {
    .favorites-search .form-search { padding: 0 0 16px 0; }
}
@media only print, only screen and (min-width: 660px) {
    .favorites-search h1 { display: inline-block; width: calc(100% - 260px); }
    .favorites-search .form-search { display: inline-block; width: 260px; }
}
@media only screen and (min-width: 1450px) {
    .favorites-search h1 { width: calc(100% - 320px); }
    .favorites-search .form-search { width: 320px; }
}

/* favorites and projectlist basketitem */
.favoritesbasketitems.eq:before { content: '600'; }
.favoritesbasketitems .item { display: flex; }
.favoritesbasketitems .basketitem-product { display: inline-block; width: calc(100% - 260px); vertical-align: top; }
.favoritesbasketitems .basketitem-controls-container { display: inline-block; width: 260px; vertical-align: top; text-align: right; }
.favoritesbasketitems .basketitem-controls { display: inline-block; width: 260px; text-align: right; }
.favoritesbasketitems .basketitem-controls > div { display: inline-block; }
.favoritesbasketitems .basketitem-controls > div.basketitem-subtotal { width: 74px; }
.favoritesbasketitems .basketitem-controls .favorites-toggle-product .thisbutton { font-size: 1.35rem; }
.favoritesbasketitems[data-maxwidth~='599'] .basketitem-product { display: block; width: 100%; }
.favoritesbasketitems[data-maxwidth~='599'] .basketitem-controls-container { display: block; width: 100%; }
.favoritesbasketitems[data-maxwidth~='599'] .basketitem-controls { display: block; width: 100%; padding-top: 10px; }

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .favoritesbasketitems .basketitem-controls .upload_cert { display: none; }
}

.favoritesbasketitems .product-price-net-table,
.favoritesbasketitems .product-price-promo-table,
.favoritesbasketitems .product-price-qbreaks > table {margin-top: 0; }


/* .favoritesbasketitems.items-row.with-line > .item {border:none;} */

@media only screen and (max-width: 659px) {
    .favoritesbasketitems .item { display: block; }
    .favoritesbasketitems .basketitem-controls > div { width: auto; vertical-align: middle; }
}

.favoritesbasketitems .favorites-toggle-product button span.fa { color: unset; font-size: inherit;}
.favoritesbasketitems .favorites-toggle-product button span.text { display: none; }

@media only screen and (min-width: 960px) {
    .favoritesbasketitems .order-add-product { width: unset; display: inline-block; }
    .favoritesbasketitems .favorites-toggle-product { display: inline-block; min-width: unset; vertical-align: bottom; margin-left: 5px; }
}
    
.projectlistbasketitems.eq:before { content: '600'; }
.projectlistbasketitems .item { display: flex; }
.projectlistbasketitems .basketitem-product { display: inline-block; width: calc(100% - 220px); vertical-align: top; }
.projectlistbasketitems .basketitem-product > .product-card-infoprice { box-shadow: none; border-radius: 5px 5px 0 0; }
.projectlistbasketitems .basketitem-product > .basketitem-controls { width: 100%; background-color: #EBF0FF; padding: 10px 20px; border-radius: 0 0 20px 20px; }
.projectlistbasketitems .basketitem-product > .basketitem-controls > div { display: inline-block; vertical-align: middle; }
.projectlistbasketitems .basketitem-controls { display: inline-block; width: 220px; vertical-align: top; text-align: right; }
.projectlistbasketitems .basketitem-controls div.basketitem-subtotal { width: 120px; }
.projectlistbasketitems .basketitem-controls div.basketitem-subtotal .subtotal { font-size: 1.3rem; display: inline-block; vertical-align: baseline; font-weight: 700; white-space: nowrap; }

.projectlistbasketitems[data-maxwidth~='599'] .basketitem-product { display: block; width: 100%; }
.projectlistbasketitems[data-maxwidth~='599'] .basketitem-controls { display: block; width: 100%; padding-top: 10px; }
.projectlistbasketitems .order-update-product {margin-left: 15px;}
.projectlistbasketitems .order-update-product button > .text { display: none; }

.projectlistbasketitems .product-price-net-table,
.projectlistbasketitems .product-price-promo-table,
.projectlistbasketitems .product-price-qbreaks > table {margin-top: 0; }

@media only screen and (max-width: 659px) {
    .projectlistbasketitems .item { display: block; }
    .projectlistbasketitems .basketitem-controls div.basketitem-subtotal .subtotal { font-size: 1rem; }
    .page-projectlists .actions.clearfix .button { width: 100%; }
}

@media only screen and (max-width: 659px) {
    .projectlist-merge-order .button { width: 100%; }
}

@media only screen and (min-width: 320px) and (max-width: 1199px)  {
    .favoritesbasketitems .basketitem-product,
    .projectlistbasketitems .basketitem-product { width: 100%; }
    .favoritesbasketitems .basketitem-controls,
    .projectlistbasketitems .basketitem-controls { display: flex; justify-content: end; align-items: center; width: 100%; }
    .favoritesbasketitems .basketitem-controls > .controls,
    .projectlistbasketitems .basketitem-controls > .controls { margin-top: 10px; }

    .favoritesbasketitems .favorites-toggle-product { position: absolute; top: 20px; right: 10px; }
    .favoritesbasketitems .favorites-toggle-product button > span.text { display: none; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .favoritesbasketitems .basketitem-product .product-card-infoprice > .info-container,
    .projectlistbasketitems .basketitem-product .product-card-infoprice > .info-container { width: calc(100% - 32px); }
    .favoritesbasketitems .basketitem-product .product-card-infoprice > .info-container .info,
    .projectlistbasketitems .basketitem-product .product-card-infoprice > .info-container .info { width: calc(100% - 253px); display: inline-block; }
    .favoritesbasketitems .basketitem-product .product-card-infoprice > .info-container .action,
    .projectlistbasketitems .basketitem-product .product-card-infoprice > .info-container .action { text-align: right; display: inline-block; width: 245px; margin-left: 8px; margin-top: 0; padding-top: 0; vertical-align: top; border: 0; padding-right: 20px; }
    .favoritesbasketitems .basketitem-product .product-card-infoprice > .image-container,
    .projectlistbasketitems .basketitem-product .product-card-infoprice > .image-container { width: 100px; margin: 0; }
    .favoritesbasketitems .basketitem-product .product-card-infoprice > .image-container .image,
    .projectlistbasketitems .basketitem-product .product-card-infoprice > .image-container .image { width: 100%; margin: 0; border: unset; min-height: 88px; }
}

@media only screen and (max-width: 659px) {
    .projectlistbasketitems .order-update-product button > .text { display: inline-block; }
}

.projectlist-actions { margin-top: 1rem; }

.page-projectlists .items-tab > .tabs > .tab { border-radius: 10px 10px 0 0; margin-right: 0; }
.page-projectlists .items-tab > .items > .item .items-property { margin-bottom: 0; }
.page-projectlists .table-plain tr > td.show-list > a { white-space: nowrap; }
.page-projectlists .table-plain tr > td.delete-list { text-align: right; }
.page-projectlists .table-plain tr > td.delete-list > form { margin-bottom: 0; }
.page-projectlists .table-plain tr > td.delete-list > form button { white-space: nowrap; }
.page-projectlists .table-plain tr > td.delete-list > form .labelvalue { padding: 0; }
.page-projectlists .table-plain tr > td.delete-list > form .form-fields { min-width: unset; }

.back-merge-order { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; }
.back-merge-order > a.button { margin-right: 10px; margin-bottom: 15px; }
.back-merge-order .projectlist-merge-order form { margin-bottom: 0;}

.basket-projectlist-rows > .paginator_bar { margin-bottom: 16px; justify-content: space-between; }
.basket-projectlist-rows > .paginator_bar > div { padding-bottom: 0; border-bottom: none; }
.basket-projectlist-rows > .search-wrapper { align-items: end; }
.basket-projectlist-rows > .search-wrapper > .search_bar,
.basket-projectlist-rows > .search-wrapper > .order-add.order-add-direct { margin-bottom: 10px; }
.basket-projectlist-rows .order-add-direct .button { background-color: #00223A; }

.form-projectlist-userlist .checkboxes .checkbox input[type=checkbox].js-toggle-unlock-user { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; margin-right: 0; cursor: pointer; margin-left: 5px; }
.form-projectlist-userlist .checkboxes .checkbox input[type=checkbox].js-toggle-unlock-user:before { content: '\f09c'; font-family: 'fontawesome'; color: unset; background: unset; width: unset; height: unset; margin-left: 2px; }
.form-projectlist-userlist .checkboxes .checkbox input[type=checkbox].js-toggle-unlock-user:checked:before { content: '\f023'; font-family: 'fontawesome'; color: #00CA5E; }

@media only screen and (max-width: 659px) {
    .basket-projectlist-rows > .search-wrapper { display: flex; flex-direction: column-reverse; width: 100%; }
    .basket-projectlist-rows > .search-wrapper > div { width: 100%; }
}

.projectlists-modal .actions { display: flex; flex-direction: column; text-align: left; gap: 5px; }
.projectlists-modal .form-inline { display: block;}
.projectlists-modal .list-container { display: flex; justify-content: space-between; align-items: center; }
.projectlists-modal .projectlists-toggle-product { max-width: unset; }
.projectlists-modal .projectlists-toggle-product .thisbutton { width: auto; }
.projectlists-list { width: calc(100% - 60px); margin: 0 auto; padding: 30px 0; }

/* shopping cart / checkout */
.steps.eq:before { content: '760'; }
.steps { background: #FFFBEF; overflow: hidden; border-radius: 5px; }
.steps > .fa { display: inline-block; width: 0; color: #00223A; line-height: 10%; font-size: 5rem; vertical-align: top; position: relative; top: 11px; left: -15px; }
.steps > .step { display: inline-block; width: 25%; padding: 5px; text-align: center; }
.steps > .step .number { font-size: 13px; font-weight: 700; background: #00223A; color: white; border-radius: 16px; width: 20px; height: 20px; line-height: 22px; display: inline-block; vertical-align: middle; text-align: center; }
.steps > .step.is-selected .number { background: #0069B4; color: white; }
.steps > .step.is-selected .text { color: #0069B4; font-weight: 700; }
.steps > .step .text { margin-left: 10px; font-size: 1rem; vertical-align: middle; font-weight: 700; }
.steps[data-maxwidth~='759'] > .step .text { display: none; }

@media only screen and (max-width: 659px) {
    .steps > .step .text { display: none; }
}

.order-basket-save .order-add .input-combined .button { min-height: 47px; }
.order-basket-save { margin-bottom: 1rem; }
.order-basket-save > .items-block > .save-order { text-align: right; }
@media only screen and (max-width: 659px) {
    .order-basket-save .save-order { margin-bottom: 1rem; }
    .order-basket-save .save-order .button { width: 100%; }
}

@media only screen and (max-width: 659px) {
    .order-remove-all .button { width: 100%; }
    .items-block .item.direct-order { width: 100% !important; }
}

@media only print, only screen and (max-width: 959px) {
    .order-add-direct.order-add .input-combined .button img { max-height: 22px; vertical-align: bottom; }
    .order-add-direct.order-add .input-combined .button .text { display: none; }
    .order-add-direct .button { width: 160px; }
}

@media only screen and (min-width: 960px) {
    .order-add-direct.order-add .input-combined .button img { display: none; }
    .order-add-direct.order-add[data-maxwidth~='399'] .input-combined .button img { display: block; padding: 8px; }
    .order-add-direct.order-add[data-maxwidth~='399'] .input-combined .button { padding: 0; width: 40px; }
}

.basket-continue { margin-bottom: 1rem; }
.page-order-basket .basket-continue { margin-bottom: 0; }
.basket-continue .button.js-call { background: #00223A; margin-right: 15px; margin-bottom: 15px; }
.basket-continue .button.with-alternate-color.oci-button { background: #f1e4bf7a; }
.basket-continue .button.with-alternate-color.oci-button:hover { background: #00223A; }
.basket-continue .add-coupon { width: 600px !important; }
.basket-continue .clear-basket { width: 400px !important; }
.basket-continue .add-coupon .basket-order-rule { position: relative; }
.basket-continue .add-coupon .basket-order-rule .coupon { width: calc(100% - 190px); }
.basket-continue .add-coupon .basket-order-rule .order-remove-coupon {width: 180px;}
.basket-continue .add-coupon .basket-order-rule .order-remove-coupon .thisbutton {background: #00223A; color: white; padding: 0 15px;}
.basket-continue .add-coupon .messages {padding-top: 10px;}
.basket-continue .item.next-step { text-align: right; }
.basket-continue .item.next-step .id-order-basket-next-step p.info { text-align: left; }
.basket-continue .item.next-step .id-order-basket-next-step ol { text-align: left; }
.basket-continue .item.next-step .id-order-basket-next-step ol li:before { content: ''; }
.basket-continue .item.next-step .id-order-basket-next-step .button { text-align: right; min-height: 47px; line-height: 30px; }
.basket-continue .next-step .form { margin-bottom: 0;}

.direct-order-coupon { padding: 0 30px; }

@media only screen and (max-width: 659px) {
    .basket-continue .add-coupon { display: block; width: 100% !important; }
    .basket-continue .clear-basket { display: block; width: 100% !important; }
    .basket-continue .item.next-step { display: block; width: 100% !important; text-align: left; }
    .basket-continue .next-step header { display: none; }
    .basket-continue .next-step .button { width: 100%; }
    .basket-continue .prev-step { display: none; }
}

.basket-continue-bottom .next-step .button { width:100%; }
.basket-continue-bottom .prev-step { display: block; width:100%; margin: 1rem 0; }

@media only print, only screen and (max-width: 959px) {
    .address-account { width: 100% !important; }
    .address-order { width: 100% !important; }
    .order-info { width: 100% !important; }
    .basket-continue .item.prev-step { width: 350px !important; }
    .page-order-basket .basket-continue .item.next-step { width: unset !important; text-align: left; }
    .page-order-basket .basket-continue .item.next-step .button { display: unset; }
    .basket-continue .clear-basket { width: calc(100% - 250px) !important; }

    @media screen and (max-width: 500px) {
        .page-order-basket .basket-continue .item.next-step .button { display: inline-flex; } 
    }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .basket-continue .item.next-step { width: calc(100% - 350px) !important; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .basket-continue .add-coupon { width: 50% !important; }
}


/* hero */

.hero-image .page-width { position: relative; height: 100%; }
.hero.image { min-height: 0; }
.hero.with-center { background-position: center center; }
.hero.with-top { background-position: center top; }
.hero.with-top-left { background-position: left top; }
.hero.with-top-right { background-position: right top; }
.hero.with-bottom { background-position: center bottom; }
.hero.with-bottom-left { background-position: left bottom; }
.hero.with-bottom-right { background-position: right bottom; }
.hero.with-left { background-position: left center; }
.hero.with-right { background-position: right center; }

.hero-h1-super { height: 320px; background-attachment: fixed; background-position: center top; }
.device-mobile .hero-h1-super { background-attachment: scroll; }

.hero-h1-super .page-width { height: 100%; display: flex; justify-content: center; align-items: center; }
.hero-h1-super .page-width .hero-block { margin: 10px; color: #00223A; border: 3px solid white; padding: 21px 28px 23px 28px; }
.hero-h1-super h1 { font-size: 1.2rem; font-weight: 300; background-color: rgba(112, 175, 196, 0.8); color: rgba(112, 175, 196, 0.8); color: white; padding: 10px 18px; }
.hero-h1-super h1 b, .hero-h1-super h1 a  { font-weight: 400; line-height: 1em; color: white; }
.hero-h1-super h1 a:hover, .hero-h1-super h1 a:focus {color: white;}
.hero-h1-super p { font-size: 0.7rem; background: rgba(255,255,255,0.9); text-align: center; line-height: 2rem; margin-bottom: 0; }
.hero-h1-super p span { line-height: 2rem; }
.hero-h1-super p span.icon { font-size: 2.8rem; line-height: 2rem; vertical-align: middle; margin: 0 5px; }
@media only print, only screen and (min-width: 660px) {
    .hero-h1-super { height: 510px; }
    .hero-h1-super .hero-block { width: 474px; }
    .hero-h1-super h1 { font-size: 2.7rem; font-weight: 300; line-height: 1em; margin-bottom: 17px;}
    .hero-h1-super p { font-size: 1.15rem; line-height: 3rem; }
    .hero-h1-super p span { line-height: 3rem; }
    .hero-h1-super p span.icon { font-size: 3rem; line-height: 3rem; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .hero-h1-super { height: 370px; }
}
@media only screen and (max-width: 659px) {
    .hero-h1-super { height: 200px; }
    .hero-h1-super .hero-block { width: 90%; }
    .hero-h1-super .page-width .hero-block { padding: 10px 12px 10px 12px; }
    .hero-h1-super h1 {margin-bottom: 0; font-size: 1.5rem; font-weight: 500; text-align: center;}
    .hero-h1-super h1 b { font-weight: 700; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .hero-h1-super { height: 370px; }
    .hero-h1-super .page-width { padding: 5px 10px; }
    .hero-h1-super .hero-block { margin-top: 10px;}
}

.hero-usps { background: white !important;}
.hero-usps .page-width { padding: 0; height: 0px; margin-bottom: 0px; background: transparent; }
.hero-usps .usps { width: calc(100% - 10px); margin: 0; text-align: left; background: transparent; color: #00223A; letter-spacing: 0.5px; font-weight: 600; position: relative; top: -25px; }
.hero-usps .usps .usp { display: inline-block; font-size: 17px; line-height: 50px; padding: 0 47px 0 0; }
.hero-usps .usps .usp .fa {color: #3EB9C0;}
.hero-usps .usps a {color: white; text-decoration: underline;}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .hero-usps .page-width { padding: 0; height: 32px; }
    .hero-usps .usps { font-size: 0.8rem; font-weight: normal; top: 0px; }
    .hero-usps .usps .usp { line-height: 33px; }
}

@media only screen and (min-width: 1450px) {
    .hero-usps .usps .usp {padding: 0 100px 0 0;}
}

@media only screen and (max-width: 659px) {
    .hero-usps.not-s {display: inline-block !important;}
}

@media only screen and (max-width: 659px) {
    .hero-usps .usps {top: 0; padding-top: 0px;}
    .hero-usps .usps .usp {line-height: 29px;}
}

.hero-h1 { height: 160px; background-attachment: scroll; background-position: center top; }
.device-mobile .hero-h1 { background-attachment: scroll; }
.hero-h1 .page-width { position: relative; height: 100%; }
@media only screen and (min-width: 960px) {
    .hero-h1 { height: 300px; }
}

.hero-header { height: 120px; background-attachment: scroll; background-position: center top; }
.device-mobile .hero-header { background-attachment: scroll; }
.hero-header .page-width { position: relative; height: 100%; }
@media only screen and (min-width: 960px) {
    .hero-header { height: 120px; }
}
@media only print, only screen and (max-width: 959px) {
    .hero-header { display: none; }
}
    
.hero-h1 h1,
.hero-header header { font-weight: 600; margin: 0; position: absolute; bottom: -0.35em; left: -24px; background: white; color: #00223A; padding: 10px 32px 0; }
.site-window-content section.with-alternate-background.hero-h1 h1,
.site-window-content section.with-alternate-background.hero-header header { background-color: #A23B72; }
.site-window-content section.with-inverted-colors.hero-h1 h1,
.site-window-content section.with-inverted-colors.hero-header header { background-color: #00223A; color: white;}

/*.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable {background: white; padding: 20px; color: #00223A;}*/
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .product-card-head-container > .info > header a,
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info > header a {color: #00223A; text-decoration: none;}
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .product-card-head-container > .info p a,
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info p a {color: #00223A; text-decoration: none;}


/* height for .hero-map comes from locally generaetd stylesheet */
.hero-map { position: relative; }
.hero-map > .map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
.hero-map > .googlemap > .map { position: absolute; height: auto; top: 0; right: 0; bottom: 0; left: 0; }
.hero-map > .page-width { pointer-events: none; }
.hero-map > .page-width > div { pointer-events: auto; }

.hero-h1-map { height: 400px; position: relative; }
.hero-h1-map > .map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.hero-h1-map > .googlemap > .map { position: absolute; height: auto; top: 0; right: 0; bottom: 0; left: 0; }
.hero-h1-map .page-width { position: absolute; right: 0; bottom: 0; left: 0; }
.hero-h1-map h1 { font-weight: 600; margin: 0; position: absolute; bottom: -0.35em; left: -24px; background: white; color: #00223A; padding: 10px 32px 0; }
.site-window-content section.with-alternate-background.hero-h1-map h1 { background-color: #A23B72; }
.site-window-content section.with-inverted-colors.hero-h1-map h1 { background-color: #00223A; color: white;}

.hero-card-hero { height: auto; background-attachment: fixed; background-position: center top; }
.device-mobile .hero-card-hero { background-attachment: scroll; }

/* height for .hero-video and .hero-video-background comes from locally generated stylesheet */
.hero-video { background-color: transparent !important; }
.hero-video .page-width { position: relative; height: 100%; }
.hero-video-background { position: absolute; width: 100%; top: 0; z-index: -1; }
.hero-video-background > .background { position: fixed; width: 100%; height: inherit; }
.hero-video-background > .background > .image,
.hero-video-background > .background > .background-video { position: absolute; left: 0; width: 100%; top: -68px; height: calc(100% + 68px); } /* make sure to cover the area that frees up after scrolling when the header becomes smaller */
.hero-video-background > .background > .background-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.device-mobile .hero-video-background > .background > .background-video.embed { display: none; }

/* card */
.card-info.eq:before { content: '660 980'; }
.card-info > .text header { color: #3EB9C0; }
.card-info > .image-link { height: 120px; text-align: center; position: relative; }
.card-info > .image-link .image-cover { min-height: 120px; }
.card-info > .image-link a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
section.with-inverted-colors .card-info > .image-link > .image { border: 1px solid rgba(255,255,255,0.8); min-height: 0; }
.card-info[data-minwidth~='660'] > .text { display: inline-block; width: 50%; vertical-align: top; margin-bottom: 0; padding-right: 16px; }
.card-info[data-minwidth~='660'] > .image-link { display: inline-block; width: 50%; height: 240px; vertical-align: top; margin-bottom: 0; padding-left: 16px; }
.card-info[data-minwidth~='980'] > .image-link { height: 180px; }
.card-info[data-minwidth~='980'] > .image-link .image-cover { min-height: 180px; }

.card-coupon.eq:before { content: '250 340'; }
.card-coupon { border: 1px solid #FFFFFF; position: relative; height: 100%; min-width: 140px;}
.card-coupon > .text { z-index: 2; width: 100%; padding: 16px; padding-right: 174px; min-height: 160px; position: relative; }
.card-coupon > .text header { color: #00223A; font-size: 1.2rem; }
.card-coupon > .text p { color: #3EB9C0; margin-bottom: 0; }
.with-inverted-colors .card-coupon > .text p { color: white; }
.card-coupon > .image { z-index: 1; position: absolute; width: 160px; top: 0; bottom: 0; right: 0; min-height: 0; }
.card-coupon > .image > .image { min-height: 0; }
.card-coupon[data-maxwidth~='339']  > .image { width: 120px; }
.card-coupon[data-maxwidth~='339']  > .text { padding-right: 134px; min-height: 120px; }
.card-coupon[data-maxwidth~='249']  > .image { position: relative; width: 100%; height: 160px; }
.card-coupon[data-maxwidth~='249']  > .image > .image { min-height: 160px; }
.card-coupon[data-maxwidth~='249']  > .text { padding-bottom: 0; padding-right: 16px; min-height: auto; }

.card-box { border: 1px solid #FFFFFF; position: relative; height: 100%; }
.card-box > .image { padding-top: 40px; min-height: 0; }
.card-box > .image > .box { border: 2px solid white; padding: 10px 10px 30px; margin: 0 16px 50px; position: relative; }
.card-box > .image > .box > .text { padding: 10px; background: rgba(255,255,255,0.9); }
.card-box > .image > .box > .text header { color: #00223A; text-align: center; margin-bottom: 0; font-size: 1.2rem; }
.card-box > .image > .box > a { white-space: nowrap; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }

.card-link-image > a { position: relative; display: block; overflow: hidden; }
.card-link-image > a > .image { min-height: 200px; }
.card-link-image > a > .image { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; border-radius: 5px; }
.card-link-image:hover > a > .image,
.card-link-image:focus > a > .image { -webkit-transform: scale(1.1); transform: scale(1.1); }
.card-link-image > a > .text { white-space: nowrap; position: absolute; bottom: 25px; left: 20px; font-size: 20px; color: white; font-weight: 300; letter-spacing: 1px; z-index: 10;}
.card-link-image{ transition:.2s all; border-radius: 5px; position: relative; overflow: hidden; }
.card-link-image:after { content: ''; background: linear-gradient(10deg, #00223A 35%, transparent 50%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; opacity: 0.5; }
.card-link-image .create-circle { position: absolute; right: 20px; bottom: 20px; width: 34px; height: 34px; line-height: 34px; font-size: 20px; text-align: center; color: white; z-index: 10; background: #3EB9C0; }

@media only print, only screen and (max-width: 959px) {
    .card-link-image > a > .text {font-size: 21px; font-weight: 500;}
}

.card-hero { margin: 60px 10px; }
.card-hero .header { color: white; }
.card-hero .header header { font-size: 2rem; line-height: 1.8rem;}
.card-hero .header .subtitle { font-size: 1.8rem; line-height: 1.8rem; margin-top: 15px;}
.card-hero p { font-size: 1.15rem; }
.card-hero .text { color: white; }
.card-hero .text a { text-decoration: underline; }
@media only print, only screen and (min-width: 660px) {
    .card-hero { margin: 80px 10px; }
    .card-hero .header { width: 50%; float: left; padding-right: 32px; }
    .card-hero .text { width: 50%; float: right; }
}

.contact-card.eq:before { content: '340'; }
.contact-card { position: relative; min-height: 120px; line-height: 1.8rem;}
.contact-card > .image { margin-bottom: 0; background-position: left bottom; min-height: 0; }
.contact-card .name { font-weight: 600; font-size: 20px; padding: 0 20px; padding-top: 7px;}
.contact-card .title {padding: 0 20px;}
.contact-card .function {padding: 0 20px;}
.contact-card .fa { margin-right: 5px; color: #00223A;}
.contact-card .tel { white-space: nowrap; padding: 0 20px; color: white;}
.contact-card .email { white-space: nowrap; padding: 0 20px; padding-bottom: 20px;}
.contact-card { padding-left: calc(120px + 10px); }
.contact-card > .image { width: auto; height: auto; position: absolute; top: -9px; left: 0; margin-bottom: 0; max-height: 120px; max-width: 120px; }

.contact-card[data-maxwidth~='339'] { padding-left: calc(100px + 10px); }
.contact-card[data-maxwidth~='339'] > .image { max-height: 100px; max-width: 100px; }

.office-card { line-height: 1.8rem; }
.office-card b {font-size: 1.11rem; font-weight: 800;}
.office-card .fa { margin-right: 5px; }
.office-card a.link {font-weight: 600;}
.office-card .link-route { color: inherit; }
.office-card .link-route .fa { color: #3EB9C0; }

.contact-company-contact { background: #0069B4; padding: 20px; margin-bottom: 20px; }
.contact-company-contact.eq:before { content: '450'; }
.contact-company-contact img { max-width: 200px; min-width: 150px; }
.contact-company-contact > .container { display: flex; }
.contact-company-contact > .container h5,
.contact-company-contact > .container li { color: white; }
.contact-company-contact > .container a { text-decoration: underline; text-underline-offset: 2px;; }
.contact-company-contact > .container .info { margin-bottom: 10px; }
.contact-company-contact > .container > .info-container { padding-left: 20px; }
.contact-company-contact > .container > .image-container { text-align: center; max-width: 50%; min-width: 175px; }
.contact-company-contact > .container > .image-container > div { padding: 0 20px; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .contact-company-contact img { max-width: 175px; }
    .contact-company-contact > .container > .image-container { max-width: 200px; }
}

@media only screen and (max-width: 659px) {
    .contact-company-contact[data-maxwidth~='449'] img { max-width: 150px; }
    .contact-company-contact[data-maxwidth~='449'] > .container { flex-direction: column; }
    .contact-company-contact[data-maxwidth~='449'] > .container > .image-container { min-width: 150px; margin: 0 auto; }
    .contact-company-contact[data-maxwidth~='449'] > .container .info,
    .contact-company-contact[data-maxwidth~='449'] > .container .contact { text-align: center; }
}

.office-card-full { line-height: 1.8rem; }
.office-card-full b {font-size: 1.11rem; font-weight: 800;}
.office-card-full .fa { margin-right: 5px; }
.office-card-full .link-route { color: inherit; }
.office-card-full .link-route .fa { color: #3EB9C0; }

.page-card.eq:before { content: '540'; }
.page-card { background: white; border: 1px solid #FFFFFF; padding: 10px; position: relative; }
.page-card:last-child { margin-bottom: 0; }
.page-card header { font-size: 1.2rem; color: #3EB9C0; }
.page-card > .image { height: 80px; line-height: 1px; margin-bottom: 10px; min-height: 0; }
.page-card > .image .image { min-height: 0; }
.page-card p { margin-bottom: 10px; }
.page-card a.read-more { display: block; font-weight: 600; }
.page-card a.read-more .fa { color: #3EB9C0; }
.page-card[data-minwidth~='540'] { padding-left: calc(40% + 40px); }
.page-card[data-minwidth~='540'] header { margin: 0; }
.page-card[data-minwidth~='540'] > .image { width: 40%; height: calc(100% - 40px); position: absolute; top: 10px; left: 10px; margin-bottom: 0; }

.page-card-search-result { padding: 20px; }
.page-card-search-result > .image { height: 100px; border-bottom: 1px solid #FFFFFF; }
.page-card-search-result header { font-size: 1.1rem; line-height: 1.2rem; margin-bottom: 8px; }
.page-card-search-result header:hover, .page-card-search-result header:focus { color: #00223A; transition: all 0.3s ease 0s; }
.page-card-search-result p { line-height: 1.4rem; font-size: 1rem; }
.search-result-page {  }
.search-result-page > .page-card { border: none; }
.search-result-page:hover, .search-result-page:focus { border-color: #3EB9C0; transition: all 0.3s ease 0s; }
@media only screen and (max-width: 659px) {
    .page-card-search-result { padding: 10px; }
}
    
/* news */

.tags { color: #00223A; font-size: 1rem; }

.page-card-newsitem.eq:before { content: '540'; }
.page-card-newsitem { margin-bottom: 32px; position: relative; border-radius: 5px; overflow: hidden; }
.page-card-newsitem:hover {transition:all 1.4s ease;}
.page-card-newsitem:hover .newscontent { transition:all 0.4s ease; background: #F1E4BF; color: #00223A; }
.page-card-newsitem:hover a.read-more { color: #0069B4; }
.page-card-newsitem:last-child { margin-bottom: 0; }
.page-card-newsitem .image-cover { min-height: 175px; }
.page-card-newsitem p { padding-bottom: 1rem; margin-bottom: 0; color: inherit; }
.page-card-newsitem header { color: inherit; }
.page-card-newsitem a.read-more { color: #3EB9C0; text-decoration: underline; text-underline-offset: 2px; }
.page-card-newsitem .newscontent {padding: 25px 30px; background: #024268; color: white; }

.page-card-newsitem .image { margin-bottom: -3px; position: relative; }


.page-newsfilter h1 {margin-bottom: 38px;}

.newsitem { padding: 0px 48px; margin-bottom: 2rem; }
.newsitem > h1 { color: #3EB9C0; margin-bottom: 0;}
.newsitem > .news-info > div { display: inline; }
.newsitem > .news-info > .tags-info { margin-left: 6px; }
.newsitem > .image-cover { height: 320px; min-height: 0; }
.newsitem p {font-size: 1.11rem; line-height: 2rem;}
.newsitem ul {font-size: 1.11rem;}
.newsitem .timestamp {font-weight: 600;}
@media only print, only screen and (max-width: 959px) {
    .newsitem { padding: 14px 17px; }
    .newsitem > .news-info > div { display: block; }
    .newsitem > .news-info > .tags-info { margin-left: 0; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
.newsitem .header-image { height: 320px; display: flex; justify-content: center;}
.newsitem .header-text { margin-top: -2% !important;}
.newsitem .header-image .image { width: unset; }
}
.newsitem .header-text{ display: flex; justify-content: center; margin-bottom: 1rem; position: relative; margin-top: -5%; }
.newsitem .header-text > .text { background: white; padding: 30px 30px 0 30px; border-radius: 25px 25px 0 0; width: 75%; text-align: center; }
.newsitem .header-text > .text > hr { border-color: #3EB9C0; margin-top: 30px; border-width: 6px; border-radius: 5px; }

@media only screen and (max-width: 659px) {
    .newsitem .header-text > .text { width: 100%; }
}

.newsfilter-browse { line-height: 40px; }
.newsfilter-browse .button.next { float: right; }
.newsfilter-browse .button.button-disabled {color: #FFFFFF;}
.newsfilter-browse .button.button-disabled:hover, .newsfilter-browse .button.button-disabled:focus { background-color: #f7f7f7; }
.newsfilter-browse .button.button-disabled.previous,
.newsfilter-browse .button.button-disabled.next { display: none; }

@media only screen and (min-width: 960px) {
.page-newsitem .site-window-content section.with-padding > .page-width {padding-top: 0;}
.newsitem > h1 {margin-bottom: 46px;}
}
/* project */

.tags { color: #00223A; font-size: 1rem; }

.page-card-projectitem.eq:before { content: '540'; }
.page-card-projectitem { background: white; border: 1px solid #f2f3f3; padding: 41px; margin-bottom: 32px; position: relative; height: 100%; }
.page-card-projectitem:last-child { margin-bottom: 0; }
.page-card-projectitem header { font-size: 16px; line-height: 26px; color: #3EB9C0; margin-bottom: 13px; padding-top: 12px; font-weight: 600; }
.page-card-projectitem > .image { margin-bottom: 12px; min-height: 0; overflow: hidden; }
.page-card-projectitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; }
.page-card-projectitem > .image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.page-card-projectitem > .image img:hover, .page-card-projectitem > .image img:focus { -webkit-transform: scale(1.1); transform: scale(1.1); }
.page-card-projectitem .projectinfo {visibility: hidden; display: none;}
.page-card-projectitem .tags { font-size: 0.8rem; margin-bottom: 10px; }
.page-card-projectitem p { margin-bottom: 18px; font-size: 15px; line-height: 26px; color: #00223A;}
.page-card-projectitem a.read-more { display: block; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; color: #0069B4;}
.page-card-projectitem a.read-more .fa { color: #00223A; padding-left: 7px; }
.page-card-projectitem[data-minwidth~='540'] { padding-left: calc(40% + 40px); }
.page-card-projectitem[data-minwidth~='540'] header { margin: 0; }
.page-card-projectitem[data-minwidth~='540'] > .image { width: 40%; height: calc(100% - 40px); position: absolute; top: 20px; left: 20px; margin-bottom: 0; }
@media only print, only screen and (max-width: 959px) {
    .page-card-projectitem { padding: 17px; }
}

.projectitem { background: white; padding: 35px 48px ; border: 1px solid #f2f3f3; margin-bottom: 2rem; }
.projectitem > h1 { color: #3EB9C0; margin-bottom: 0;}
.projectitem > .project-info > div { display: inline; }
.projectitem > .project-info > .tags-info { margin-left: 6px; }
.projectitem > .image-cover { height: 320px; min-height: 0; }
.projectitem p {font-size: 1.11rem; line-height: 2rem;}
.projectitem .timestamp {font-weight: 600;}
@media only print, only screen and (max-width: 959px) {
    .projectitem { padding: 14px 17px; }
    .projectitem > .project-info > div { display: block; }
    .projectitem > .project-info > .tags-info { margin-left: 0; }
}

.projectfilter-browse { line-height: 40px; }
.projectfilter-browse .button.next { float: right; }
.projectfilter-browse .button.button-disabled {color: #FFFFFF;}
.projectfilter-browse .button.button-disabled:hover, .projectfilter-browse .button.button-disabled:focus { background-color: #f7f7f7; }
.projectfilter-browse .button.button-disabled.previous,
.projectfilter-browse .button.button-disabled.next { display: none; }

/* filter */

.filter-brands.eq:before { content: '180 290 440 660 940'; }
.filter-brands .brand { background: white; border: 1px solid #FFFFFF; padding: 12px 28px; line-height: 1px; height: inherit; display: flex; justify-content: center; }
.filter-brands .brand > a { margin-top: auto; margin-bottom: auto; }
.filter-brands .brand > a > img { width: 100%; }
.filter-brands > .items-block > .item { width: 12.5% !important; }
.filter-brands > .items-block > .item:nth-child(n+9) { display: none; } /* hide all but first 8 */
.filter-brands[data-maxwidth~='939'] > .items-block > .item { width: 16.666666% !important; }
.filter-brands[data-maxwidth~='659'] > .items-block > .item { width: 33.333333% !important; }
.filter-brands[data-maxwidth~='289'] > .items-block > .item { width: 50% !important; }
.filter-brands[data-maxwidth~='179'] > .items-block > .item { width: 100% !important; }
.filter-brands[data-maxwidth~='939'] > .items-block.with-gutter { margin: -8px -8px calc(1rem - 8px); }
.filter-brands[data-maxwidth~='939'] > .items-block.with-gutter > .item { padding: 8px; }
.filter-brands[data-minwidth~='180'][data-maxwidth~='939'] > .items-block > .item:nth-child(n+9) { display: inline-block; } /* hide all but first 6 */
.filter-brands[data-minwidth~='180'][data-maxwidth~='939'] > .items-block > .item:nth-child(n+13) { display: none; } /* hide all but first 6 */
.filter-brands[data-maxwidth~='179'] > .items-block > .item:nth-child(n+9) { display: inline-block; } /* show all again */

@media only print, only screen and (max-width: 959px) {
    .sidebar > aside > .filter {
        padding: 0 !important;
    }
}

.sidebar > aside > .filter .fa-check-square-o:before,
.sidebar > aside > .filter .fa-check-square:before {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    content: '';
    background-image: url('checked.svg');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}
.sidebar > aside > .filter .fa-square-o:before {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    content: '';
    background-image: url('unchecked.svg');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}

.filters header {color: #00223A; margin-bottom: 2px; font-size: 16px; line-height: 1.3em; padding: 0px; }
.filters .badge-text {color: #A23B72; font-weight: 500; font-size: 13px; padding: 0;}

.filter .form { width: calc(100% - 20px); }

.filter .form .input-combined .thisbutton { background-color: transparent; color: #3EB9C0; min-height: 33px; line-height: 33px; }
.filter .form .input-combined input { width: calc(100% - 40px); min-height: 28px; max-height: 28px; margin-left: 4px; margin-right: 0; }
.filter .form .input-combined input:first-child { margin-left: 0; }
.filter .form.filter-range div.input-combined input { width: calc(50% - 22px); }

.filter-group label { padding-top: 0; padding-bottom: 0; }
.filter-group { margin-bottom: 32px; }
.filter-group:last-child { margin-bottom: 0; }

.filter-item { text-indent: -1.5em; padding-left: 1.5em; font-weight: 500; font-size: 14px; line-height: 26px;}
.filter-item * { text-indent: 0; }
.filter-item.is-inactive { color: #024268; }
.filter-item span {color: #0069B4; font-size: 14px;}
.filter-with-header {border-bottom: 1px solid #FFFBEF; padding-bottom: 6px; margin-bottom: 19px;}
.filter-with-header:last-child {margin-bottom: 0; padding-bottom: 0; }

.filter-boolean .filter-item { text-indent: 0; padding-left: 0; display: inline-block; margin-left: 10px; }
.filter-boolean .filter-item:first-child { margin-left: 0; }

.filter-checkboxes .filter-item,
.filter-list .filter-item { text-indent: 0; padding-left: 0; padding-right: 0; }
.filter-checkboxes .filter-item > a,
.filter-list .filter-item > a { display: flex; align-items: center; width: 100%; }
.filter-checkboxes .filter-item > a > span.fa:last-child,
.filter-list .filter-item > a > span.fa:last-child { margin-left: auto; flex-shrink: 0; width: auto; padding-left: 5px; }
.filter-checkboxes .filter-item > a > .filter-text,
.filter-list .filter-item > a > .filter-text { flex: 1; min-width: 0; }
.filter-checkboxes .filter-item > a > .filter-text > .badge-text,
.filter-list .filter-item > a > .filter-text > .badge-text { display: inline; white-space: nowrap; margin-left: 0.25em; }
.filter-list .filter-item > a > .product-stock { flex: 1; min-width: 0; }
.filter-list .filter-item > a > .product-stock .text { word-wrap: break-word; overflow-wrap: break-word; }
.filter-list .filter-item .product-stock { padding-bottom: 0; }

.filtercontrols .thisbutton { background-color: transparent; padding: 0; color: #A23B72; width: auto; text-align: left; line-height: 17px; min-height: 21px; font-size: 15px; text-decoration: underline;}
.filtercontrols .thisbutton:hover, .filtercontrols .thisbutton:focus { background-color: inherit; color: #00223A; }

.filter-summary {border-bottom: 1px solid #eeeff0; padding-bottom: 16px; margin-bottom: 19px;}
.filter-summary > header { line-height: 1.5rem; }
.filter-summary > header > .reset { color: #00223A; font-size: 0.9rem; float: right; position: relative; top: 1px; text-decoration: underline; }
.filter-summary-item { margin-top: 5px; line-height: 2rem; position: relative; padding-right: 30px; white-space: nowrap; }
.filter-summary-item .label-value { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.filter-summary-item .label:after { content: ': '; }
.filter-summary-item .reset { color: #00223A; font-size: 1.5rem; position: absolute; top: 0; right: 0; }
.filter-summary-item .reset:hover { color: #00223A; }

@media only screen and (min-width: 960px) {
    .filter-summary-item { line-height: 1.5rem; }
    .filter-summary-item .reset { font-size: 1.2rem; }
}

@media only print, only screen and (max-width: 959px) {
    .category-dropdown .form.form-orderby { display: block; width: unset; margin-bottom: 19px; }
    .category-dropdown .form.form-orderby header { display: unset; }
}
/* product-stock (after filter-item to ensure correct stock icon color) */

/* slider */
.slider-range { position: relative; height: 40px; width: calc(100% - 60px); }
.slider-range .thumb-rail { z-index: 1; position: absolute; width: 100%; height: 4px; border-radius: 2px; left: 10px; top: 17px; border: 1px solid #00223A; }
.slider-range .thumb { position: absolute; width: 20px; height: 20px; top: 9px; border-radius: 5px; border: 1px solid #00223A; background: white; }
.slider-range .thumb-min { z-index: 2; left: 0; }
.slider-range .thumb-max { z-index: 3; left: calc(100% - 90px); }

/* icon */
.info-icon { font-size: 0.8em; color: #00223A; background-color: #FFFBEF; border-radius: 5px; margin-left: 5px; transition: all 0.3s ease 0s;}
.info-icon:hover, .info-icon:focus {background-color: #3EB9C0; color: white;}

/* coupon */

.coupon.eq:before { content: '420'; }
.coupon {background-color: white; padding: 15px 15px 10px 15px; margin-bottom: 35px; border: 2px dotted #00223A; }
.coupon .coupon-image {display: inline-block; margin-right: 15px; }
.coupon .coupon-image img {width: 210px;}
.coupon .info {display: inline-block; position: relative; top: -8px;}
.coupon .info b {color: #00223A;}
.coupon[data-maxwidth~='419'] .coupon-image { margin-right: 0; margin-bottom: 10px;  }
    
/* catalog */

.catalog-card-group { background: white; padding: 0px; position: relative; height: 100%; border-radius: 5px; text-align: center; }
.catalog-card-group:hover a.read-more, .catalog-card-group:focus a.read-more {color: #3EB9C0; transition: all 0.3s ease 0s; }
.catalog-card-group header,
.catalog-card-group h1,
.catalog-card-group h2,
.catalog-card-group h3,
.catalog-card-group h4,
.catalog-card-group h5,
.catalog-card-group h6 { font-size: 16px; margin-bottom: 10px; line-height: 20px; color: #00223A; letter-spacing: 0.2px; hyphens: auto; }
.catalog-card-group:hover header, .catalog-card-group:focus header,
.catalog-card-group:hover h1, .catalog-card-group:focus h1,
.catalog-card-group:hover h2, .catalog-card-group:focus h2,
.catalog-card-group:hover h3, .catalog-card-group:focus h3,
.catalog-card-group:hover h4, .catalog-card-group:focus h4,
.catalog-card-group:hover h5, .catalog-card-group:focus h5,
.catalog-card-group:hover h6, .catalog-card-group:focus h6
{ transition: all 0.3s ease 0s; color: #3EB9C0;}
.catalog-card-group > .image { height: 275px; padding: 0px; margin: 0; width: 100%; margin-bottom: 10px; min-height: 0; }

@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .catalog-card-group > .image {
        height: 220px;
    }
}
@media only screen and (max-width: 659px) {
    .catalog-card-group > .image {
        height: 200px;
    }
}
.catalog-card-group > .image .image { min-height: 0; border-radius: 5px 0 0 0; }
.catalog-card-group p { margin-bottom: 10px; }
.catalog-card-group a.read-more { display: block; font-weight: 600; margin-bottom: 30px;}
.catalog-card-group a.read-more:hover, .catalog-card-group a.read-more:focus { color: #3EB9C0; transition: all 0.3s ease 0s; }
.catalog-card-group a.read-more .fa { color: #3EB9C0; vertical-align: middle; }

.catalog-card-group.card-sale { background-color: #00223A; }
.catalog-card-group.card-sale header { color: white; }
.catalog-card-group.card-sale.plum-text { background-color: #A23B72; }
.catalog-card-group.card-sale.plum-text header { color: #00223A; }
.catalog-card-group.card-sale:not(.plum-text):hover { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }

.catalog-card-group:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); transition: all 0.3s ease 0s; }

.basketitems .product-card:hover {box-shadow: none; }
.products-table .product-card:hover {box-shadow: none; }
.compare-products .product-card:hover {box-shadow: none; }

/* catalog text over image */

.text-on-image { position: relative; }
.text-on-image p { position: absolute; left: 32px; max-width: 345px; bottom: 1px; background: white; padding: 25px 35px 0 35px; font-size: 1.3rem; margin-bottom: 0; bottom: 0; font-weight: 300; }
.text-on-image .image-contain { min-height: 220px; border: 1px solid #FFFBEF; }
@media only screen and (max-width: 659px) {
    .text-on-image p { position: relative; max-width: 100%; padding: 0; font-size: 1rem; left: 0; bottom: 0; font-weight: 400; }
}
@media only print, only screen and (max-width: 959px) {
    .text-on-image .image-contain { min-height: 120px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .text-on-image p { left: 10px; max-width: 218px; bottom: -5px; padding: 18px 12px 0 12px; font-size: 1rem; }
}


p.catalogger-group-description { margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #f0f0f0; font-size: 15px;}

.cataloggerarticlegroup h1 {line-height: 1.1em; margin-bottom: 30px;}
.cataloggerarticlegroup h2  { color: #00223A; margin-bottom: 9px; font-size: 19px; font-weight: 600;}
.cataloggerarticlegroup .as-h3  {margin-bottom: 9px; font-size: 19px; font-weight: 600;}
.cataloggerarticlegroup ul {list-style: none; margin-left: 0; padding-left: 1.2em; text-indent: -1.2em;}
.cataloggerarticlegroup li {line-height: 1.65em;}
.cataloggerarticlegroup li:before {content: '\2022'; display: block; float: left; width: 1.2em; color: #5d5d5e;}
.cataloggerarticlegroup .brand { width: 86px;}
.cataloggerarticlegroup .items-block > .gallery { width: 600px !important; }
.cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 500px; }
.cataloggerarticlegroup .items-block > .gallery > .image.large { height: 500px; min-height: 0; }
.cataloggerarticlegroup .items-block > .info { width: calc(100% - 600px) !important; }
.cataloggerarticlegroup .items-block > .info hr {display: none;}
@media only screen and (max-width: 659px) {
    .cataloggerarticlegroup .items-block > .gallery { width: 100% !important; }
    .cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticlegroup .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticlegroup .items-block > .info { width: 100% !important; }
}
@media only print, only screen and (max-width: 959px) {
    .cataloggerarticlegroup .below-articles .items-block > .gallery { width: 100% !important; }
    .cataloggerarticlegroup .below-articles .items-block > .info { width: 100% !important; }
    .cataloggerarticlegroup .brand {margin-top: 15px;}
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .cataloggerarticlegroup .items-block > .gallery { width: 240px !important; }
    .cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticlegroup .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticlegroup .items-block > .info { width: calc(100% - 240px) !important; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .cataloggerarticlegroup .items-block > .gallery { width: 55% !important; }
    .cataloggerarticlegroup .items-block > .info { width: 45% !important; }
}

.cataloggerarticle h1, .cataloggerarticle h1 span {margin-bottom: 3px;}
.page-groups-cataloggerarticle h1 {font-size: 29px; line-height: 42px;}
.cataloggerarticle p sub {font-size: 15px;}
.cataloggerarticle ul {margin-bottom: 29px;}
.cataloggerarticle ul {list-style: none; margin-left: 0; padding-left: 1.2em; text-indent: -1.2em;}
.cataloggerarticle li {line-height: 1.65em;}
.cataloggerarticle li:before {content: '\2022';  display: block; float: left; width: 1.2em; color: #5d5d5e;}
.cataloggerarticle.cataloggerarticle-info .price-order-info { background: white; padding: 19px 20px 19px 23px; margin-bottom: 24px; border: 1px solid #eceaea;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .order-add-product .input-combined input {background: white; border: 1px solid #FFFFFF;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-packing { margin-bottom: 0; }
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-stock {font-size: 16px;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-packing {font-size: 16px;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-price-qbreaks > table {background: transparent;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-price-qbreaks > table > tbody > tr > td.q {padding-left: 0;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-price.large-price {width: 100%; display: block; margin-bottom: 12px;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .order-add-product {width: 100%; display: block;}
.cataloggerarticle.cataloggerarticle-info .product-price .price-final { font-size: 20px; }
.cataloggerarticle.cataloggerarticle-info .product-price .price-final .qbreak { font-size: 1.3rem; }
.cataloggerarticle.cataloggerarticle-info .quote-request {padding-top: 0; margin-bottom: 0; display: inline-block; padding: 0; border-radius: 2px;}
.cataloggerarticle.cataloggerarticle-info .quote-request .link {padding: 3px 0;}
.cataloggerarticle.cataloggerarticle-info .quote-request .link:hover {text-decoration: none; transition:all 0.3s ease; color: #f1e4bf7a;}
.cataloggerarticle.cataloggerarticle-info .quote-request:hover {background: transparent; color: #f1e4bf7a; transition:all 0.3s ease;}
.cataloggerarticle.cataloggerarticle-info .order-add-product input {min-height: 38px;}
/*.cataloggerarticle.cataloggerarticle-info .promo-image {width: 140px; float: right; position: absolute; right: 8px; z-index: 12;}*/
.cataloggerarticle.cataloggerarticle-info .product-promo-slogan {padding-bottom: 4px;}
.cataloggerarticle.cataloggerarticle-info .promodescription {font-weight: 500 !important; font-size: 14px !important; padding-bottom: 4px;}
.cataloggerarticle.cataloggerarticle-info .promodescription a {text-decoration-line: underline; cursor: pointer; display: none;}
.product-promo-valid_until {font-weight: 500 !important; font-size: 14px !important; padding-bottom: 4px;}
.cataloggerarticle.cataloggerarticle-info .stock-packing {width: 100%; font-size: 16px; margin-bottom: 28px; margin-top: 25px;}
.cataloggerarticle.cataloggerarticle-info .stock-packing .product-stock { margin-bottom: 3px; }
.cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 360px; }
.cataloggerarticle .items-block > .gallery > .image.large { height: 360px; min-height: 0; }
.page-article .items-gallery .items-conveyor { height: 145px; }
.page-article .site-window-content section.breadcrumbs-fullwidth hr.only-lxl {margin-bottom:0.5rem;}

.cataloggerarticle .qa > .question { color: #00223A; font-size: 1.2rem; font-weight: 500; padding-bottom: 7px;}
.cataloggerarticle .qa > .question:hover {color: #3EB9C0;}

.page-account-quote-place h3,
.page-account-quote-place header.as-h3,
.page-order-basket h3,
.page-order-basket header.as-h3,
.page-order-info h3,
.page-order-info header.as-h3,
.page-order-place h3,
.page-order-place header.as-h3 {margin-bottom: 8px; color: #00223A; font-size: 18px; font-weight: 500;}
.page-account-quote-place .address-account header.as-h3,
.page-account-quote-place .address-order header.as-h3,
.page-order-place .address-account header.as-h3,
.page-order-place .address-order header.as-h3 {margin-bottom: 8px; color: #0069B4; font-size: 18px; font-weight: 500;}
.page-order-basket .basket-summary {font-size: 16px;}
.page-order-basket .product-card > .product-card-head-container > .info p,
.page-order-basket .product-card > .info p {font-size: 16px;}
/* .page-order-basket .product-promo-slogan {font-size: 16px !important;} */
.page-account-quote-place .items-property > .item > .item-stylable > .label,
.page-account-quote-place .items-property > .item > .item-stylable > .value > div,
.page-order-place .items-property > .item > .item-stylable > .label,
.page-order-place .items-property > .item > .item-stylable > .value > div  {line-height: 24px; padding: 0; }
.page-account-quote-place .basketitem header,
.page-order-place .basketitem header {font-size: 16px;}
.page-account-quote-place .basketitem p,
.page-order-place .basketitem p {font-size: 12px; color: #888787;}
.page-account-quote-place .basketitem .product-packing,
.page-order-place .basketitem .product-packing {font-size: 13px; line-height: 20px;}

.page-order-info .order-info .form-fields[data-minwidth~='450'] label {line-height: 23px;}
.page-order-info .address-order .id-order-address-billing,
.page-order-info .address-order .id-delivery_pickup-address .id-order-address-shipping {margin-bottom: 7px;}
.id-delivery_pickup-background { background-color: white; padding: 30px; border-radius: 5px; }
.id-delivery_pickup .items-property.with-line-below > .item { border-color: #00223A; }
.items-property .item.total { font-weight: bold; }
.id-delivery_pickup-address { background: #F1E4BF; border-radius: 5px; padding: 20px; margin-bottom: 20px; }
.id-delivery_pickup-address .edit_button { margin-top: 20px; }
.delivery_pickup_image { display: inline-block; }
.delivery_pickup_image.image { height: 25px; width: auto; max-width: 35px; vertical-align: sub; margin-right: 20px; }
.id-delivery_pickup .delivery_pickup_image { font-size: 20px; margin-bottom: 0; }
.id-delivery_pickup .pickup-distance .subheader { font-size: 18px; }
.id-delivery_pickup .pickup-select > a.link { color: #0069B4; text-decoration: underline; }
@media only screen and (min-width: 960px) {
    .id-delivery_pickup .pickup-distance .subheader {
        width: calc(100% - 80px);
    }

    .page-account-quote-place .item.right-column,
    .page-order-place .item.right-column { margin-top: 16px; }
}

.page-order-finished .items-property > .item > .item-stylable > .label { font-weight: 700; margin-right: 6px; }

.page-order-finished .items-property > .item > .item-stylable > .label,
.page-order-finished .items-property > .item > .item-stylable > .value { float: left; width: unset; }

.page-order-finished .with-padding.snippet > .page-width { padding-top: 25px; }
.page-order-finished .order-more > .item-stylable > p { margin: 1rem 0; }

.id-delivery_pickup .pickup-distance { position: relative; }
.id-delivery_pickup .pickup-distance .distance { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; }
.id-delivery_pickup .pickup-distance .distance.link { display: block; cursor: pointer; color: #A23B72; text-decoration: underline; }
.id-delivery_pickup .pickup-distance .distance.link:hover { color: #3EB9C0; }

@media only print, only screen and (max-width: 959px) {
    .delivery_pickup .pickup-distance header.subheader { margin-bottom: 10px; }
    .id-delivery_pickup .pickup-distance .distance{position: relative; margin-bottom: 10px; }
}

.form-fields .labelvalue .id_complete_shipping { width: 100%; margin-top: -15px; }
.form-fields .labelvalue .id_complete_shipping h3 { width: 78%; display: inline-block; position: relative; }
.form-fields .labelvalue .id_complete_shipping .radio-content { width: calc(22% - 16px); margin-left: 16px; display: inline-block; position: relative; }

@media only screen and (max-width: 659px) {
    .form-fields { padding-bottom: 10px; }
    .cataloggerarticle.cataloggerarticle-info .order-add-product .button .fa { padding-right: 0;}
    .cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticle .items-block > .gallery > .image.large { height: 240px; }
    .form-fields .labelvalue .id_complete_shipping h3 { width: 100%; margin-bottom: 0; }
    .form-fields .labelvalue .id_complete_shipping .radio-content { width: 100%; margin-left: 0; }
    .id-delivery_pickup .pickup-distance:not(:has(.link)) header.subheader { width: calc(100% - 60px); }
    .id-delivery_pickup .pickup-distance .distance.link { position: relative; padding-bottom: 10px; }
}
@media only print, only screen and (max-width: 959px) {
    .items-block .expander {margin-bottom: 0;}

}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticle .items-block > .gallery > .image.large { height: 240px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .form-fields .labelvalue .id_complete_shipping h3 { width: 55%; }
    .form-fields .labelvalue .id_complete_shipping .radio-content { width: calc(31% - 16px); }
    .field-delivery_pickup .parts_delivery_element { margin-bottom: 0; }
}


.popup-gallery .image-contain {min-height: 380px; margin-bottom: 0px;}

.promodescription {margin-bottom: 0;}
.page-article header.articlenumber { color: #A23B72; margin-bottom: 10px; font-size: 16px; font-weight: 700; }
.page-article .cataloggerarticle.cataloggerarticle-info .promo:not(.discount) {float: right; margin-top: 6px; position: absolute; right: 8px; z-index: 12;}
.page-article .product-packing {font-weight: 500;}
.page-article .product-price-qbreaks {padding-top: 0; max-width: unset; width: 100%;}
.page-article .product-price-qbreaks .qbreak { padding-bottom: 5px; }
.page-article .accessories {padding-top: 5px;}
.page-article .items-property {margin-bottom: 40px; font-size: 14px;}
.page-article .info .comparefavorite .compare-toggle-product {min-width: 125px;}
.page-article .comparefavorite .fa {font-size: 18px; color: #b1acac;}
.page-article .comparefavorite .thisbutton { margin-right: 10px;}
.page-article .gallery .items-block .item.icons > div {height: 300px;}

@media only screen and (min-width: 960px) {
    .page-article .product-icons { position: relative; }
    .page-article .product-icons > div { position: absolute; left: 10px; top: 10px; z-index: 10; width: 125px; }
}
@media only print, only screen and (max-width: 959px) {
    .page-article .product-icons { position: relative; bottom: 0; width: 100%; margin-top: -20px; z-index: 10; background: white; border-radius: 0 0 20px 20px; padding: 20px; }
    .page-article .product-icons > div { width: 100%; }
    .page-article .product-icons > div > .product-recommend { min-width: 125px; }
    .page-article .product-icons > div > .product-recommend > .image { min-height: unset; }
    .page-article .product-icons > div > .product-recommend,
    .page-article .product-icons > div > .brandimage { max-width: 125px; display: inline-block; margin-bottom: 0; margin-right: 5px; vertical-align: middle; }
    .page-article .product-icons > div > .items-tile { width: auto; display: inline-block; vertical-align: middle; }
    .page-article .product-icons > div > .items-tile .item { width: unset; padding-right: 5px; }
    .page-article .product-icons > div > .items-tile .image { width: 40px; height: 40px; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-groups-cataloggerarticle .items-gallery > .items, .page-article .items-gallery > .items {height: 300px;}
    .popup-gallery .image-contain { min-height: 300px; }
}

.segmentedinfo .popup-gallery .image-contain {min-height: 125px; margin-bottom: 0; }

.promo { font-size: 13px; padding: 0px 0px; background: #f1e4bf7a; color: white; font-weight: 600; border-radius: 18px; height: 28px; width: 61px; line-height: 29px; text-align: center; position: absolute; top: 0px; }
.promo-bespaar.recommend { font-size: 13px; padding: 0px 0px; color: white; font-weight: 600; border-radius: 18px; height: 28px; width: 100px; line-height: 29px; text-align: center; position: absolute; top: 45px; }
.promo-bespaar { font-size: 13px; padding: 0px 0px; color: white; font-weight: 600; border-radius: 18px; height: 28px; width: 100px; line-height: 29px; text-align: center; position: absolute; top: 0px; }

.segmentedinfo .answer,
.segmentedinfo .answer p { line-height: 24px; font-size:15px; }

.segmentedinfo-block { height: 100%; background: white; padding: 40px; border-radius: 5px; }

/* compare */

.compare-products.eq:before { content: '640 940'; }
.compare-products[data-minwidth~='940'] .productthumbs { display: none; }
.compare-products[data-minwidth~='640'][data-maxwidth~='939'] .products { display: none; }
.compare-products[data-maxwidth~='939'] .orderproducts-top { display: none; }
.compare-products[data-minwidth~='940'] .orderproducts-bottom { display: none; }
.compare-products label { padding: 0; }
.compare-products[data-maxwidth~='639'] .productthumbs { z-index: 100; position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px; background: white; border-top: 1px solid #FFFFFF; }
.compare-products .productthumbs .productthumb { border: 1px solid #FFFFFF; padding: 0; width: 25%; float: left; min-height: 1px; }
.compare-products .productthumbs .productthumb .product-image { height: 60px; min-height: 0; border-bottom: 0; }
.compare-products .fields-window { width: 100%; overflow: hidden; }
.compare-products .fields-window .fields { width: calc(400% + 128px); position: relative; left: 0; margin-bottom: 10px; }
.compare-products .fields-window .fields .field { width: 25%; padding: 0 32px 0 0; float: left; min-height: 1px;  }
.compare-products.field-0-active .fields { left: 0; }
.compare-products.field-1-active .fields { left: calc(-100% - 32px); }
.compare-products.field-2-active .fields { left: calc(-200% - 64px); }
.compare-products.field-3-active .fields { left: calc(-300% - 96px); }
.compare-products .products .label { display: none; }
.compare-products .product-tile { border: 1px solid #FFFFFF; margin-bottom: 10px; }
.compare-products .property .label,
.compare-products .property .field { padding: 5px; }
.compare-products .property .label { display: inline-block; float: left; color: #024268;}
.compare-products .property .field { display: inline-block; float: right; }
.compare-products .property .field { display: none; }
.compare-products.field-0-active .property .field-0 { display: inline-block; }
.compare-products.field-1-active .property .field-1 { display: inline-block; }
.compare-products.field-2-active .property .field-2 { display: inline-block; }
.compare-products.field-3-active .property .field-3 { display: inline-block; }
.compare-products.field-0-active .productthumbs .field-0 .productthumb { border: 1px solid #00223A; }
.compare-products.field-1-active .productthumbs .field-1 .productthumb { border: 1px solid #00223A; }
.compare-products.field-2-active .productthumbs .field-2 .productthumb { border: 1px solid #00223A; }
.compare-products.field-3-active .productthumbs .field-3 .productthumb { border: 1px solid #00223A; }
.compare-products .orderproducts .order-add-product { max-width: none; }
.compare-products .orderproducts .form .compare-toggle-product { margin-bottom: 0; display: inline; }
.compare-products .orderproducts .compare-add-product { max-width: none; }
.compare-products .orderproducts .compare-remove-product { max-width: none; }
.compare-products .orderproducts .product-price { margin-bottom: 10px; }
.compare-products .orderproducts .compare-order { margin-top: 18px; }
.compare-products .orderproducts-bottom { margin-top: 16px; }
.compare-products[data-minwidth~='640'][data-maxwidth~='939'] .productthumbs .productthumb { margin-bottom: 16px; }
.compare-products[data-minwidth~='640'][data-maxwidth~='939'] .productthumbs .productthumb .product-image { height: 100px; min-height: 0; }
.compare-products[data-minwidth~='640'][data-maxwidth~='939'] .fields-window { width: 50%; position: relative; left: 50%; }
.compare-products[data-minwidth~='640'][data-maxwidth~='939'] .property .field { width: 50%; }
.compare-products[data-minwidth~='940'] .fields-window { width: 80%; }
.compare-products[data-minwidth~='940'] .fields-window .fields { width: 100%; left: 0; }
.compare-products[data-minwidth~='940'] .fields-window .fields .field { padding: 0 0 0 32px; }
.compare-products[data-minwidth~='940'] .thumb { height: 140px; }
.compare-products[data-minwidth~='940'] .label { width: 20%; float: left; min-height: 1px; display: block; }
.compare-products[data-minwidth~='940'] .field { width: 20%; padding-left: 32px; float: left; min-height: 1px; }
.compare-products[data-minwidth~='940'] .property .label { display: block; color: #00223A; }
.compare-products[data-minwidth~='940'] .property .field { display: block; }
.compare-products .property.even { background: #f1e4bf7a; }

.compare-products .toggle-diffs { margin-top: 10px; }
.compare-products .clear-compare { display: inline-block; margin-top: 10px; }

.compare-products .toggle-diffs > .compare-diffs { display: inline-block; }
.compare-products .toggle-diffs > .compare-all { display: none; }
.compare-products.compare-diffs .toggle-diffs > .compare-diffs { display: none; }
.compare-products.compare-diffs .toggle-diffs > .compare-all { display: inline-block; }
.compare-products.compare-diffs .no-diffs { display: none; }
.compare-products.compare-diffs .property.even { background: transparent; }
.compare-products.compare-diffs .property.diffs-even { background: #f1e4bf7a; }
.js-compare-activate { cursor: pointer; }
    
/* vertical space */
.vertical-space { }
.vertical-space.half { padding: 0 0 0.5rem; }
.vertical-space.single { padding: 0 0 1rem; }
.vertical-space.double { padding: 0 0 2rem; }
.vertical-space.triple { padding: 0 0 3rem; }
.vertical-space.quadruple { padding: 0 0 4rem; }
.vertical-space.gutter { padding: 0 0 32px; }
.vertical-space.halfgutter { padding: 0 0 16px; }
.vertical-space.quartergutter { padding: 0 0 8px; }
.vertical-space.doublegutter { padding: 0 0 64px; }

@media only screen and (max-width: 659px) {
    .vertical-space.doublegutter {padding: 0 0 32px;}
    .vertical-space.quadruple {padding: 0 0 32px;}
    .vertical-space.double {padding: 0 0 1rem;}
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .vertical-space.doublegutter {padding: 0 0 32px;}
    .vertical-space.quadruple {padding: 0 0 32px;}
    .vertical-space.double {padding: 0 0 1rem;}
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .vertical-space.doublegutter {padding: 0 0 22px;}
    .pageid-home .with-alternate-background .vertical-space.doublegutter {padding: 0 0 53px;}
}

/* vertical/horizontal scroll */
.vertical-scroll { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.horizontal-scroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

/* address */
.address { line-height: 1.8rem; }

.address-card-address-contact .address-header { position: absolute; right: 0; }

/* toggle-groups-articles */
.toggle-groups-articles { float: right; }
.toggle-groups-articles .thisbutton {background-color: white; color: #024268; border: 1px solid #FFFFFF; margin-left: 7px;}
.toggle-groups-articles .thisbutton.button-disabled {background-color: white; color: #00223A; border: 1px solid #00223A; margin-left: 7px; cursor: default; }
.toggle-groups-articles .thisbutton:hover, .toggle-groups-articles .thisbutton:focus {background-color: white; color: #00223A; border: 1px solid #00223A;}
.toggle-groups-articles .thisbutton span {font-size: 1.7rem; vertical-align: middle;}

/* table-plain */
.table-plain { width: 100%; }
.table-plain tr > th { padding: 5px 10px; }
.table-plain tr > td { padding: 5px 10px; vertical-align: top; font-size: 12px; }
.table-plain tr > th:first-child,
.table-plain tr > td:first-child { padding-left: 0; }
.table-plain tr > th:last-child,
.table-plain tr > td:last-child { padding-right: 0; }
.table-plain tr > th.action-who img,
.table-plain tr > td.action-who img { width: 15px; }
.table-plain tr.header > th,
.table-plain tr.header > td { color: #0069B4; }
.table-plain tr.even > td { }

/* segmented-links */
.segmented-links a:hover, .segmented-links a:focus { text-decoration: underline; color: #00223A; }
.segmentedinfo .image-contain {min-height: 125px; padding: 10px;}

/* segmented-images */
.inline-thumb { display: inline-block; width: 120px; height: 80px; min-height: 0; background-color: white; margin-right: 10px; border: 1px solid #eeeff0;}
@media only print, only screen and (max-width: 959px) {
    .inline-thumb { width: calc(50% - 10px); margin-right: 10px; }
}

/* id-account-users-table */
.id-account-users-table-sales .users-table.eq:before,
.id-account-users-table .users-table.eq:before { content: '700' }
.id-account-users-table-sales .users-table tr > .orderlimit,
.id-account-users-table .users-table tr > .orderlimit { text-align: center; }
.id-account-users-table-sales .users-table tr > .is_active,
.id-account-users-table-sales .users-table tr > .is_mainuser,
.id-account-users-table .users-table tr > .is_active,
.id-account-users-table .users-table tr > .is_mainuser { text-align: center; }
.id-account-users-table-sales .users-table tr > .email,
.id-account-users-table .users-table tr > .email { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.id-account-users-table-sales .users-table tr > .phone,
.id-account-users-table .users-table tr > .phone { white-space: nowrap; }
.id-account-users-table-sales .users-table tr > .action,
.id-account-users-table .users-table tr > .action { text-align: right; }
.id-account-users-table-sales .users-table[data-maxwidth~='699'] .action .text,
.id-account-users-table .users-table[data-maxwidth~='699'] .action .text { display: none; }
.id-account-users-table-sales .user-is-active,
.id-account-users-table-sales .user-is-mainuser,
.id-account-users-table .user-is-active,
.id-account-users-table .user-is-mainuser { color: #0069B4; }
.id-account-users-table-sales .user-not-active,
.id-account-users-table-sales .user-not-mainuser,
.id-account-users-table .user-not-active,
.id-account-users-table .user-not-mainuser { color: #0069b41c; }

.id-account-users-table-sales .users-list .user,
.id-account-users-table .users-list .user { position: relative; }
.id-account-users-table-sales .users-list .user .is_active,
.id-account-users-table-sales .users-list .user .is_mainuser,
.id-account-users-table .users-list .user .is_active,
.id-account-users-table .users-list .user .is_mainuser { position: absolute; top: 5; right: 0;  }
.id-account-users-table-sales .users-list .user header,
.id-account-users-table .users-list .user header { color: #3EB9C0; margin-bottom: 5px; padding-right: 20px; }
.id-account-users-table-sales .users-list .user div.action,
.id-account-users-table .users-list .user div.action { margin-top: 5px; }

.sales-pages .horizontal-scroll,
.page-account-quotes .horizontal-scroll,
.id-account-users-table-sales .horizontal-scroll,
.id-account-users-table .horizontal-scroll { padding-top: 30px; padding-bottom: 10px; background-color: white; border-radius: 5px; margin-bottom: 20px; }

.page-group_account-overview .horizontal-scroll .table-plain,
.sales-pages .horizontal-scroll .table-plain,
.page-account-quotes .horizontal-scroll .table-plain,
.id-account-users-table-sales .horizontal-scroll .table-plain,
.id-account-users-table .horizontal-scroll .table-plain { margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); }

.modal .id-account-users-table .horizontal-scroll { padding: 0; }
.modal .id-account-users-table-sales .horizontal-scroll { padding: 0; }
.modal .id-account-users-table .horizontal-scroll .table-plain { margin: 0; width: 100%; }

/* orderhistory-table */
.page-account-invoicesoverview .table-plain th a.orderby { display: inline-flex; align-items: center; }
.page-account-invoicesoverview .table-plain th a.orderby > * { flex-shrink: 0; }

.orderhistory-table tr > .reference { max-width: 150px; }
.orderhistory-table tr > th.total,
.orderhistory-table tr > td.total { white-space: nowrap; text-align: left; }

.orderhistory-table tr {border-bottom: 1px solid #FFFBEF;}
.orderhistory-table tr:hover, .orderhistory-table tr:focus {background-color: #0069b41c;}

.table-plain.orderhistory-table tr > th:last-child,
.table-plain.orderhistory-table tr > td:last-child { padding-right: 10px; }

.orderhistory-table .actions { text-align: right; }

/* Download: show text by default, icon only from @media only print, only screen and (max-width: 959px) */
.page-account-invoicesoverview .orderhistory-table .actions a.link .download-icon { display: none; }
@media only print, only screen and (max-width: 1449px) {
    .page-account-invoicesoverview .orderhistory-table .actions a.link .download-icon { display: inline; }
    .page-account-invoicesoverview .orderhistory-table .actions a.link .text { display: none; }
}

.orderhistory-list .orderhistory-basket header { color: #00223A; margin-bottom: 5px; }
.orderhistory-list .orderhistory-basket div.action { margin-top: 5px; text-align: right; }

.orderhistory-table .actions a.link,
.orderhistory-list .action a.link { color: #A23B72; }
.orderhistory-table .actions a.link:hover,
.orderhistory-list .action a.link:hover { color: #A23B72; text-decoration: underline; }

.orderhistory-orderby { border: 1px solid #FFFFFF; padding: 10px; }
.orderhistory-orderby .fa-sort { display: none; }

/* orderhistory-detail */
.basket-orderhistory-rows.eq:before { content: '600'; }
.basket-orderhistory-rows .item { }
.basket-orderhistory-rows .item > .item-stylable > div { width: 100%; display: flex; }

.basket-orderhistory-rows form { margin-bottom: 0; }
.basket-orderhistory-rows .basket-orderhistory-line .basketitem { display: inline-block; width: 100%; vertical-align: top; }
.basket-orderhistory-rows .basket-orderhistory-line-order .product-card { width: calc(100% - 195px); vertical-align: top; }
.basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo { display: inline-block; width: 120px; margin-left: 10px; vertical-align: top; text-align: right; }
.basket-orderhistory-rows .basket-orderhistory-line .basketitem .product-promo { position: absolute; left: 0;  bottom: 15px;}

.basket-orderhistory-rows .basketitem-controls > div { display: flex; justify-content: flex-end; }
.basket-orderhistory-rows .basketitem-controls div.basketitem-subtotal { width: 120px; }
.basket-orderhistory-rows .basketitem-controls div.basketitem-subtotal .subtotal { font-size: 1.3rem; display: inline-block; vertical-align: baseline; color: #3EB9C0; font-weight: 700; white-space: nowrap; }
.basket-orderhistory-rows .basketitem-controls div.order-add-product { margin-left: 20px; }

.basket-orderhistory-rows[data-maxwidth~='599'] .basketitem-product { display: block; width: 100%; }
.basket-orderhistory-rows[data-maxwidth~='599'] .basketitem-controls { display: block; width: 100%; padding-top: 10px; }
.basket-orderhistory-rows .order-update-product {margin-right: 15px;}

@media only screen and (max-width: 659px) {
    .page-account-orderhistory-detail-erp .basket-orderhistory-rows .items-row .item .item-stylable {
        grid-template-columns: 1fr;
    }
    .basket-orderhistory-rows .item > .item-stylable > div { display: block; }
    .basket-orderhistory-rows .basket-orderhistory-line-order .product-card { width: 100%; }
    .basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo { display: block; width: 100%; margin-left: 0; }
    .basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo .order-add-product .button { width: 120px; }
    .basket-orderhistory-rows .basketitem-controls > div { display: block; }
    .basket-orderhistory-rows .basketitem-controls div.basketitem-subtotal .subtotal { font-size: 1rem; }
    .basket-orderhistory-rows .actions .button {width: 100%; margin-bottom: 8px;}
}

.no-history-message { padding: 0px 20px; }

/* basketactions */
.basketactions { background: #f1e4bf7a; padding: 21px 32px; margin-bottom: 30px; }
.basketaction { position: relative; }
.basketaction > .form { float: left; width: 180px; margin-bottom: 0;}
.basketaction > .form .form-fields { min-width: 0; }
.basketaction > .form .button { width: 100%; }
.basketaction > .info { margin-top: 5px; margin-left: calc(180px + 32px); }
.basketaction .button {background-color: #3EB9C0;}
.basketaction .button.with-alternate-color { background-color: #0069B4; }

@media only print, only screen and (max-width: 959px) {
    .basketaction > .info { margin-top: 5px; margin-left: 0; }
    .basketaction > .form { float: none; width: 100%;}
    .basketaction {margin-top: 20px;}
    .basketaction:first-child {margin-top: 0px;}
}




/* ***** modals.css ***** */

/* base modal */
.mfp-bg { background: #00223A; opacity: 0; transition: all 0.25s ease-in-out 0s; }
.mfp-hide { left: -10000px !important; position: absolute !important; top: 0; }
.mfp-figure::after { background: white; border-radius: 5px 5px 0 0; top:0; bottom:10px; }
.mfp-image-holder .mfp-close { color: #00223A; top: 0; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.4; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
button.mfp-close { color: #00223A; height: 43px; }
.mfp-close { opacity: 1; filter: alpha(opacity=100); font-size: 43px; }
.mfp-close:active { top: 0; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0; padding-right: 0; text-align: center; top: 0px; width: 44px; }
.mfp-figure:after { box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); }
.mfp-bottom-bar { background: white; padding: 4px; border-radius: 0 0 5px 5px; margin: 0; position: relative; }
.mfp-bottom-bar:after { box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); }
.mfp-title { color: #00223A; }
.mfp-counter { top: 4px; right: 4px; }
.mfp-zoom-out-cur { cursor: default; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }
.stentor-arrow { position: absolute; margin: 0; top: 50%; margin-top: -16px; padding: 0; width: 34px; height: 34px; background: transparent; -webkit-tap-highlight-color: transparent; background: #3EB9C0; border-radius: 500px; }
.stentor-arrow:hover,
.stentor-arrow:focus { background: #00223A; }
.stentor-arrow:after, .stentor-arrow .mfp-a { font-family: 'FontAwesome'; content: '\f141'; display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; color: white; padding-top: 2px; font-size: 1rem; line-height: 34px; vertical-align: center; position: absolute; max-height: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* ellipsis-h */
.stentor-arrow-left { left: -18px; }
.stentor-arrow-left:after { content: ''; background-image: url('../media/icons/chevron-left.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } /* chevron-left */
.stentor-arrow-right { right: -18px; }
.stentor-arrow-right:after { content: ''; background-image: url('../media/icons/chevron-right.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } /* chevron-right */

@media only screen and (max-width: 659px) {
    .mfp-figure::after { top: 0; bottom: 0; border-radius: 5px; }
    .mfp-image-holder .mfp-close { top: -40px; color: white; }
    .stentor-arrow-left { left: 25%; top: unset; bottom: -40px; z-index: 1; }
    .stentor-arrow-right { right: 25%; top: unset; bottom: -40px; z-index: 1; }
}

.chevron-right { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.chevron-right > img { width: 12px; vertical-align: middle; }

.modal { background: white; border-radius: 5px; border: 1px solid #00223A; text-align: left; margin: 0 auto; position: relative; min-height: 10px; }
.modal > header { font-size: 24px; line-height: 26px; font-weight: 500; color: #00223A; margin-right: 20px; margin-bottom: 1rem; }
.modal { width: calc(100% - 20px); padding: 24px; }
@media only print, only screen and (min-width: 660px) {
    .modal { width: 720px; padding: 25px 37px 36px 37px; }
    .modal > header { margin-right: 0; }
    .modal.modal-small { max-width: 480px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .modal { width: 90%; max-width: 900px; }
}



.form-login input[type='checkbox'] {top: 1px; left: -3px;}
.form-login .button {width: 100%;}

@media only screen and (max-width: 659px) {
    .form-login .button {width: 100%;}
}

.stocklocations-modal { width: 75%; max-height: 80vh; overflow-y: auto; }
.stocklocations-modal .item-note .note { display: flex; background-color: #e8faff; padding: 20px; }
.stocklocations-modal .item-cards .stock { color: #4cae4c; }
.stocklocations-modal .item-cards .stock-orange { color: #eea236; }
.stocklocations-modal .item-cards .button { max-height: unset; padding: 3px 15px; min-height: 47px; }
.stocklocations-modal .item-cards .button.last { margin-right: 10px; }
.stocklocations-modal .item-cards .button > span.text { display: none; }
.stocklocations-modal .item-cards .distance { position: absolute; top: 15px; right: 15px; display: flex; flex-direction: column; align-items: center; }
.stocklocations-modal .item-cards input[name='location'] { margin-right: unset; vertical-align: top; }
.stocklocations-modal .form-office-locator .offices-map { margin: 0; }
.stocklocations-modal .form-office-locator .offices-cards > .offices { margin: unset; }
.stocklocations-modal .items-tile .office-card { display: flex; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .stocklocations-modal { width: 90%; }
}

@media only print, only screen and (max-width: 959px) {
    .stocklocations-modal { width: 90%; }
    .stocklocations-modal .items-block > .item { display: block; }
    .stocklocations-modal .form-office-locator .item-cards input { width: 200px; }
    .stocklocations-modal .item-cards .button.js-location > .text { display: inline-block;}
}

@media only screen and (max-width: 659px) {
    .stocklocations-modal .item-cards .button.js-location { display: block; margin-top: 10px; }
    .stocklocations-modal .item-product .product-card-pickuplocations { display: block; }
}

.product-card-pickuplocations { display: flex; justify-content: space-between; }
.product-card-pickuplocations > .image { width: 100px; margin-bottom: 0; }
.product-card-pickuplocations > .image .image.product-image { min-height: 100px; }
.product-card-pickuplocations > .info { width: 250px; }
.product-card-pickuplocations > .action .product-price-net-table { margin-top: 0; }
.product-card-pickuplocations > .action .order-add-product .form.with-feedback-popover { margin-bottom: 0; }

@media only print, only screen and (min-width: 660px){ 
    .product-card-pickuplocations { flex-direction: row !important; }
    .product-card-pickuplocations > .image-container { width: 35%; padding-right: 15px; }
    .product-card-pickuplocations > .info-container { width: 65%; }
}

/* order-add-product-success */

#modal-order-add-product-success > header {color: #00223A; border-bottom: 1px solid #FFFFFF; padding-bottom: 16px;}
#modal-order-add-product-success .item-basketitem .info header {color: #00223A; border: none; line-height: 21px; }
#modal-order-add-product-success .item-basketitem { width: 100%; }
#modal-order-add-product-success .item-basketitem > .basketitem { padding: 10px; border: 1px solid #FFFFFF; }
#modal-order-add-product-success .item-basketsummary { width: 100%; }
#modal-order-add-product-success .item-basketsummary .item {border: none; font-size: 1.05rem;}
#modal-order-add-product-success .item-basketsummary .item .label {padding: 0 8px 0 0;}
#modal-order-add-product-success .item-basketsummary .item .value {padding: 0 8px 0 0;}
#modal-order-add-product-success .item-basketsummary .items-property {margin-bottom: 14px;}
#modal-order-add-product-success .item-basketsummary header.alt { color: #3EB9C0; margin-bottom: 0; font-size: 1.25rem;}
#modal-order-add-product-success .item-basketsummary .button.with-alternate-color {margin-bottom: 5px;}
#modal-order-add-product-success .item-basketsummary .button.with-alternate-color:hover, #modal-order-add-product-success .item-basketsummary .button.with-alternate-color:focus {background-color: #00223A;}
#modal-order-add-product-success .basketitem-card-info > .info > .summary {font-size: 17px;}
#modal-order-add-product-success .basketitem-card-info > .info > .product-packing {font-size: 16px; margin-bottom: 5px;}
#modal-order-add-product-success .related-articles h3 {color: #00223A;}

@media only print, only screen and (min-width: 660px) {
    #modal-order-add-product-success .item-basketitem { width: 60%; }
    #modal-order-add-product-success .item-basketsummary { width: 40%; }
    #modal-order-add-product-success .related-articles h3 {font-size: 1.25rem; padding-bottom: 0; }
    #modal-order-add-product-success .related-articles .product-card > .product-card-head-container > .image,
    #modal-order-add-product-success .related-articles .product-card > .image {height: 205px;}
    #modal-order-add-product-success .related-articles .items-conveyor { height: 220px; width: calc(100% + 80px); left: -40px; }
    #modal-order-add-product-success .related-articles .items-conveyor > .items-window > .items > .item > .item-stylable > .product { background: white; padding: 0 10px; }
    #modal-order-add-product-success .related-articles .info header {padding-bottom: 0; border: none;}
}


@media only screen and (min-width: 1450px) {
#modal-order-add-product-success {width: 900px;}
}



/* datepicker */
.modal-datepicker .items-conveyor { width: calc(100% + 48px); left: -24px; height: 321px; }
@media only print, only screen and (min-width: 660px) {
    .modal-datepicker .items-conveyor { width: calc(100% + 74px); left: -37px; }
    .modal-datepicker .items-conveyor header { margin-left: 4px;  }
}

.modal .field.field-orders { border-top: 1px solid #FFFFFF; margin-top: 10px; padding-top: 10px; }
    
/* ***** pages.css ***** */

.account-geluidslabel-info,
.account-account-info,
.account-roles-info,
.account-price-info,
.account-login-info,
.account-personal-logo,
.account-cert-info,
.account-emailsettings,
.account-shipping-addresses,
.account-billing-addresses {padding-bottom: 36px; margin-bottom: 29px; font-size: 16px;}

.account-shipping-addresses { margin-bottom: 20px; padding-bottom: 0px; }

.form-priceselect { display: flex; margin: 0; line-height: 32px; }
.form-priceselect .button {display: none;}

/* .page-account-address .sidebar > div .item-1, .page-account-address.sidebar > div  .item-3 {border-left: 1px solid #FFFBEF;} */
@media only print, only screen and (min-width: 660px) {
    .page-account-address .sidebar > div .item:nth-child(even) { border-left: 1px solid #FFFBEF; }
}
.page-account-address h1 {margin-bottom: 25px;}
.page-account-address hr {margin: 30px 0;}
.page-account-address .image-cover {margin-bottom: 27px;}
.page-account-address .id-shipping-addresses .item-1 {border-left: 0;}
.page-account-address .items-column.with-line-between > .item-1 {border: none;}
.page-account-address .address {font-size: 16px; line-height: 28px;}
.page-account-address .address b {font-size: 16px;}
.page-account-address .actions {font-size: 16px; font-weight: 600;}
.page-account-address .info {font-size: 16px;}
.page-account-address .link {font-size: 16px; font-weight: 600;}
.page-account-address header.as-h3 {margin-bottom: 10px; font-size: 23px;}
@media only screen and (max-width: 659px) {
    .page-account-address .items-column > .item:first-child:nth-last-child(2),
    .page-account-address .items-column > .item:first-child:nth-last-child(2) ~ .item { display: inline-block; width: 100% !important; }
}

@media only screen and (min-width: 960px) {
    .page-projectlists .sidebar aside,
    .page-favorites .sidebar aside { padding-right: 35px; }
}

.page-group_account-overview .result-pages-search .form-search .input-combined button.button {background: transparent; color: #3EB9C0; position: relative; top: -44px; float: right;}
.page-favorites .favorites-search .form-search .input-combined button.button {background: transparent; color: #3EB9C0; position: relative; top: -44px; float: right;}
.page-projectlists .projectlistbasketitems .order-remove button.button {position: relative; top: -7px;}

.id-order-basket-summary {font-size: 16px;}

.page-account-address .sidebar header.strong {font-size: 20px;}
.page-account-address .pagelinks .page .pagelink a {font-size: 16px; line-height: 30px;}
.page-account-address .pagelinks .page .pagelink.is-selected a {font-weight: 600;}

.page-articles-cataloggerarticlegroup h1,
.page-groups-cataloggerarticlegroup h1,
.page-groups-cataloggercategory h1,
.page-articles-cataloggercategory h1 { line-height: 40px; margin-bottom: 0; }

.page-groups-cataloggerarticle h3, 
.cataloggerarticle .qa > .question {padding-bottom: 7px; color: #00223A; font-size: 20px;}

.page-articles-cataloggerarticlegroup .paginator,
.page-articles-cataloggercategory .paginator {margin-bottom: 30px;}

.page-groups-cataloggergroup .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggercategory .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggermaingroup .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggerarticlegroup .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggerproductgroup .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggergroup .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggercategory .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggerarticlegroup .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggerarticle .site-window-content section.with-mini-padding > .page-width {padding-top:6px;}

.page-articles-cataloggerarticle .site-window-content > section.with-mini-padding > .page-width .sidebar div.in-flow .top-snippet .page-width {width:100%;}
.page-articles-cataloggerarticle .site-window-content > section.with-mini-padding > .page-width .sidebar div.in-flow .top-snippet {margin-top:0;}

.page-groups-cataloggergroup .catalog-card-group p {display: none;}
.page-groups-cataloggercategory .catalog-card-group p {display: none;}

.page-groups-cataloggercategory .productcategories.snippet,
.page-groups-cataloggermaingroup .productcategories.snippet,
.page-groups-cataloggerarticlegroup .productcategories.snippet {display: none;}

.page-article .cataloggerarticle .items-block>.gallery hr {margin-bottom: 0;}
.page-article .site-window-content section.with-mini-padding.cataloggerarticle-info {border: none;}
.article-accessories .page-width {border-top: 1px solid #eeeff0;}
.article-related .page-width {border-top: 1px solid #eeeff0;}

@media only print, only screen and (max-width: 1449px) {
    .page-groups-cataloggergroup .items-block > .productcategories { margin: 0; }
    .page-groups-cataloggergroup .spacing > .vertical-space { padding: 0; }
}


.page-newsfilter .filter .form,
.page-newsitem .filter .form {width: 100%;}
.page-newsfilter .filter .form .input-combined input,
.page-newsitem .filter .form .input-combined input {width: 100%; min-height: 44px; padding-right: 40px;}
@media only screen and (min-width: 960px) {
    .page-newsfilter .filter-news form.filter > .input-combined { width: 455px; }
}
.page-newsfilter .filter-news form.filter > .input-combined { position: relative;}

.page-newsfilter .filter .form .input-combined .thisbutton,
.page-newsitem .filter .form .input-combined .thisbutton {position: absolute !important; background: transparent; color: #00223A; font-size: 19px; position: relative; right: 4px; top: 4px; z-index: 999;}

.page-newsfilter .filter .form .input-combined .button-icon span { border-left: 1px solid #FFFFFF; padding-left: 8px;}
.page-newsfilter .filter-with-header,
.page-newsitem .filter-with-header {border:none;}
.page-newsfilter .filter-with-header {margin-bottom: 0;}
.page-newsfilter .filter-with-header header,
.page-newsitem .filter-with-header header {display: none;}
.page-newsfilter .filter,
.page-newsitem .filter {display: block;}
.page-newsfilter .filter .filter-item span.fa,
.page-newsitem .filter .filter-item span.fa {position: relative; top: 1px; }
.page-newsfilter .filter .filter-item,
.page-newsitem .filter .filter-item {display: inline-block; background: white; border: 1px solid #0069B4; border-radius: 5px; padding: 8px 6px 8px 7px; margin-right: 11px; margin-bottom: 13px; font-size: 16px; text-indent: 0;}
.page-newsfilter .filter .filter-item .badge-text,
.page-newsitem .filter .filter-item .badge-text {font-size: 13px; font-weight: 400;}
.page-newsfilter .filter .filter-item.is-selected { }
.page-newsfilter .filter .filter-item:hover,
.page-newsitem .filter .filter-item:hover {background: #00223A; color: white; transition:all 0.3s ease;}
.page-newsfilter .filter .filter-item:hover .badge,
.page-newsitem .filter .filter-item:hover .badge {color: white;}
.page-newsfilter .filter .filter-item:hover span.fa,
.page-newsitem .filter .filter-item:hover span.fa  {color: white;}

.page-newsitem .link-back { margin: 8px 0; }
.page-newsitem .link-back .button { background: transparent; color: #00223A; line-height: unset; height: unset; min-height: unset; }
.page-newsitem .link-back .button:hover { color: #f1e4bf7a; }

.page-article .items-property.with-oddeven > .item:nth-child(2n+1) {background-color: #edebeb;}

.page-projectfilter .site-window-content section,
.page-projectitem .site-window-content section { background-color: #FFFFFF; }
.page-projectfilter .site-window-content .hero-h1 h1
.page-projectitem .site-window-content .hero-header header { background-color: #FFFFFF; }

.page-newsfilter .sidebar aside header,
.page-newsitem .sidebar aside header {color: #00223A; font-size: 1.25rem; font-weight: 500; margin-bottom: 5px;}
.page-newsfilter .sidebar aside .filter,
.page-newsitem .sidebar aside .filter {margin-bottom: 20px;}

.page-projectfilter .sidebar aside header,
.page-projectitem .sidebar aside header {color: #00223A; font-size: 1.25rem; font-weight: 500; margin-bottom: 5px;}
.page-projectfilter .sidebar aside .filter,
.page-projectitem .sidebar aside .filter {margin-bottom: 20px;}

@media only screen and (min-width: 1450px) {
.page-newsitem .sidebar > aside, .pageid-news .sidebar > aside { width: 370px; padding-right: 100px;}
.page-projectitem .sidebar > aside, .pageid-project .sidebar > aside { width: 370px; padding-right: 100px;}
}

.page-news .sidebar > aside header { color: #00223A; margin-bottom: 0.5rem; }
.page-news .social { margin-top: 1rem; }

.page-project .sidebar > aside header { color: #00223A; margin-bottom: 0.5rem; }
.page-project .social { margin-top: 1rem; }

.link-back .thisbutton {color: #00223A; background-color: transparent; padding: 0; text-align: left;}
.link-back .thisbutton .fa {color: #00223A;}


.items-block.home-groep > .item { width: 50% !important; }
@media only screen and (min-width: 960px) {
    .items-block.home-groep > .home-groep3 { width: 33.333333% !important; }
    .items-block.home-groep > .home-groep4 { width: 33.333333% !important; }
    .items-block.home-groep > .home-groep5 { width: 33.333333% !important; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .items-block.home-groep > .home-groep1 { width: 100% !important; }
    .items-block.home-groep > .home-groep4 { width: 100% !important; }
    .items-block.home-groep > .home-groep7 { width: 100% !important; }
}
@media only screen and (max-width: 659px) {
    .items-block.home-groep > .item { width: 100% !important; }
}
.items-block.home-groep.with-gutter { margin: -8px -8px; }
.items-block.home-groep.with-gutter.in-flow { margin-bottom: calc(1rem - 8px); }
.items-block.home-groep.with-gutter > .item { padding: 8px; }

.pageid-quoterequest .product-card-info[data-minwidth~='350'] > .image {border: none;}
.pageid-quoterequest .product-card-info[data-minwidth~='350'] > .info {vertical-align: middle; padding-top: 73px;}

/* contact page */
.page-contact .items-block > .main-office { width: 100% !important; }
.page-contact .items-block > .contact-form { width: 100% !important; }
@media only print, only screen and (min-width: 660px) {
    .page-contact .items-block > .main-office { width: 40% !important; }
    .page-contact .items-block > .contact-form { width: 60% !important; }
}

.pageid-contact .item.contact-information-block { }
.pageid-contact .item.contact-form {background-color: white; border: 1px solid #FFFBEF;}
.pageid-contact .form-contact .label {padding-bottom: 0; padding-top: 7px; width: 30%;}
.pageid-contact .form-contact .value {padding-bottom: 0; padding-top: 7px; width: 70%;}
.pageid-contact .form-contact .labelvalue {padding-bottom: 0; padding-top: 7px; width: 70%;}
.pageid-contact .items-tile .office-card {margin-bottom: 23px;}
.pageid-contact .contact-form .labelvalue {width: 70%;}
.pageid-contact .contact-form .checkbox {margin-left: 0;}
.pageid-contact .contact-form .checkbox input[type='checkbox'] {top: 1px;}
.pageid-contact .contact-form .radio {margin-left: 0;}
.pageid-contact .contact-form .radio input[type='radio'] {top: 1px; margin-right: 2px;}
@media only screen and (max-width: 659px) {
    .pageid-contact .item.contact-form { margin-left: 16px; margin-right: 16px; width: 90%; }
    .pageid-contact .form-contact .value,
    .pageid-contact .form-contact .label,
    .pageid-contact .contact-form .labelvalue {width: 100%;}
}
@media only screen and (min-width: 1450px) {
    .pageid-contact .hero-h1 { height: 400px;}
    .pageid-contact .item.contact-information-block {width: 30%; padding-top: 30px; }
    .pageid-contact .item.contact-form {width: 70%; padding: 30px 40px; }
    .pageid-contact .with-alternate-background .page-width {padding: 65px 10px;}
}

.pageid-about p {font-size: 1.1rem; margin-bottom: 0; line-height: 1.9rem;}
.pageid-about .footersnippet p { font-size: 29px; margin-bottom: 1rem; line-height: 32px; }
@media only screen and (min-width: 960px) {
    .pageid-about .item.our-company {padding-right: 80px; padding-top: 30px; padding-bottom: 30px;}
}

.page-group_account-overview .show-hide { margin-bottom: 1rem; }

.payment-logo { display: inline-block; width: 50px; height: auto; max-height: 40px; line-height: 18px; vertical-align: middle; }
.payment-logo svg { width: 100%; height: 100%; position: relative; left: 50%; top: -3px; }


#browser-navigation { background: rgba(255, 255, 255, 0.9); color: #474646; font-family: '-apple-system', 'HelveticaNeue', 'Segoe UI', Tahoma, sans-serif; }
#browser-navigation { z-index: 200; padding: 0; position: fixed; bottom: 0; left: 0; height: 40px; border-top: 1px solid #ddd; white-space: nowrap; overflow: hidden; box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.2);}
#browser-navigation-sticky-margin { height: 40px; background: white; }
#browser-navigation .browser-navigation-button { padding: 0; width: 40px; height: 40px; line-height: 38px; min-height: 40px; border-radius: 0; }
#browser-navigation .browser-navigation-button { background: transparent; color: inherit; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; }
#browser-navigation .browser-navigation-button:hover { background: #f1efef; }

#swe.admin-blue #swe-bar { background: rgba(201, 224, 242, 0.9); }
#swe.admin-green #swe-bar { background: rgba(224, 242, 201, 0.9); }
#swe.admin-orange #swe-bar { background: rgba(253, 231, 191, 0.9); }
#swe.admin-red #swe-bar { background: rgba(242, 201, 204, 0.9); }

#swe .stn-cookies-sticky-margin { display: none; }
#swe .stn-cookies { position: relative; }
#swe-content section > .half-width { width: calc(100% / 2); margin: 0 auto; padding: 0 10px; }
#swe-content @media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .half-width { width: calc(660px / 2); }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .half-width { width: calc(960px / 2); }}
#swe-content @media only screen and (min-width: 1450px) { section > .half-width { width: calc(1450px / 2); }}

#swe-content section > .quarter-width { width: calc(100% / 4); margin: 0 auto; padding: 0 10px; }
#swe-content @media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .quarter-width { width: calc(660px / 4); }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .quarter-width { width: calc(960px / 4); }}
#swe-content @media only screen and (min-width: 1450px) { section > .quarter-width { width: calc(1450px / 4); }}

#swe-content section > .sidebar-width { width: 267px; margin: 0 auto; padding: 0 10px; }
#swe-content @media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .sidebar-width { width: 267px; }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .sidebar-width { width: 267px; }}
#swe-content @media only screen and (min-width: 1450px) { section > .sidebar-width { width: 267px; }}
    
    
.pageid-home .hero-hero .group.with-inverted-colors { margin-top: 80px; }
.hero-hero .group.with-inverted-colors {width: 840px; padding: 45px 60px; background-color: rgba(0, 65, 107, 0.89); position: relative; top: 94px;}
.hero-hero h1 {font-weight: 300;}

@media only screen and (max-width: 659px) {
    .pageid-home .hero-hero .group.with-inverted-colors {margin-top: 20px; width: 100%; padding: 13px 20px; }
    .pageid-home .hero-hero h1 {font-size: 26px; line-height: 32px; margin-bottom: 3px;}
}

@media only print, only screen and (max-width: 959px) {
.pageid-faq .site-window-content section.with-padding > .page-width .items-tile.with-gutter .item-0 {padding-bottom: 0px;}
.pageid-faq .site-window-content section.with-padding > .page-width .items-tile.with-gutter .item-1 {padding-top: 0px;}
}

.cols-40-60.items-tile.xl-2 > .item.item-0 {width: 40%;}
.cols-40-60.items-tile.xl-2 > .item.item-1 {width: 60%;}

.cols-60-40.items-tile.xl-2 > .item.item-0 {width: 60%;}
.cols-60-40.items-tile.xl-2 > .item.item-1 {width: 40%;}

@media only print, only screen and (max-width: 959px) {
    .cols-40-60.items-tile.xl-2 > .item.item-0 {width: 100%; min-height: 300px;}
    .cols-40-60.items-tile.xl-2 > .item.item-1 {width: 100%; min-height: 300px;}

    .cols-60-40.items-tile.xl-2 > .item.item-0 {width: 100%; min-height: 300px;}
    .cols-60-40.items-tile.xl-2 > .item.item-1 {width: 100%; min-height: 300px;}
    .hero.image { min-height: 300px;}
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .hero.image {min-height: 450px;}
}

.items-row.centered {text-align: center;}

.remove-order .input-combined {display: none;}
.remove-order .comparefavorite {display: none;}
.remove-order .product-card > .product-card-head-container > .info p,
.remove-order .product-card > .info p {display: none;}
.remove-order .product-card-infoorder > .action {margin-top: 0; padding-top: 5px;}

.id-badge-listsmenu {display: none; visibility: hidden;}

.is-hidden.id-menu-catalog-dropdown { pointer-events: none; display: block !important; }
.id-menu-catalog-dropdown { position: fixed; z-index: 15; top: 205px; left: 0; right: 0; bottom: 0; transition: all 0.25s linear; }
.id-menu-catalog-dropdown .catalog-container { position: relative; background: #F5F9FD; color: #00223A; font-size: 16px; border: 1px solid #0069B4; border-top: unset; border-radius: 0 0 5px 5px; }
.is-hidden.id-menu-catalog-dropdown .catalog-container { display: none; }
.id-menu-catalog-dropdown .catalog-container { width: 100%; margin: 0 auto; min-height: 460px;}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .id-menu-catalog-dropdown .catalog-container { width: calc(960px - 20px); min-height: 400px; max-height: 400px; }
    .id-menu-catalog-dropdown .catalog-groups { max-height: 395px; }

    /* adding extra breakpoint */
    @media screen and (min-width: 1200px) {
        .id-menu-catalog-dropdown .catalog-container { width: calc(1200px - 20px)!important; } 
    }
}
@media only screen and (min-width: 1450px) { .id-menu-catalog-dropdown .catalog-container { width: calc(1450px - 20px); }}

.id-menu-catalog-dropdown .catalog-groups { padding: 10px 0; width: 265px; transition: all 0.25s linear;}
.id-menu-catalog-dropdown .catalog-group { color: #00223A; font-size: 18px; font-weight: 400; }
.id-menu-catalog-dropdown .catalog-group:hover, .id-menu-catalog-dropdown .catalog-group.is-active {background: #f5f7f9 !important; transition: all 0.25s linear; color: #3EB9C0;}
.id-menu-catalog-dropdown .catalog-group-item { padding: 10px 40px; font-weight: 700; }
.id-menu-catalog-dropdown .is-selected .catalog-group-item { color: #0069B4; }
.id-menu-catalog-dropdown .catalog-subgroup { display: none; position: absolute; left: 265px; top: 0; right: 0; bottom: 0; padding: 20px; background-color: white; overflow-y: auto; border-bottom-right-radius: 5px; }
.id-menu-catalog-dropdown .catalog-subgroupimages { background: #A23B72; position: absolute; right: 0; top: 0; bottom: 0; width: 400px; }
.id-menu-catalog-dropdown .catalog-subgroup-image { position: absolute; right: 0; top: 0; bottom: 0; width: 400px; z-index: 1; opacity: 0; transition: all 0.4s linear; }
.id-menu-catalog-dropdown .catalog-subgroup-item { padding: 10px 39px; width: 370px; color: #00223A; z-index: 2; }
.id-menu-catalog-dropdown .is-selected.catalog-subgroup-item { color: #f1e4bf7a; }
.id-menu-catalog-dropdown .item-category .catalog-category-item { padding-bottom: 5px; font-size: 14px; line-height: 16px; }
.id-menu-catalog-dropdown .item-category .catalog-category-item.header { font-size: 16px; padding: 0 0 8px 0; font-weight: 700; }
.id-menu-catalog-dropdown .item-category .catalog-category-item:hover a { color: #3EB9C0; text-decoration: underline; text-underline-offset: 2px; }
.id-menu-catalog-dropdown .catalog-subgroup-item:hover { color: #f1e4bf7a; }
.id-menu-catalog-dropdown .is-active.catalog-subgroup { display: block; }
.id-menu-catalog-dropdown .is-active.catalog-subgroup-image { opacity: 1; }


.is-hidden.id-quicksearch-dropdown { pointer-events: none; display: block !important; background-color: rgba(0,0,0,0.0); }
.id-quicksearch-dropdown { position: fixed; z-index: 998; top: 55px; left: 1px; right: 0; bottom: 0; transition: all 0.25s linear; }
.id-quicksearch-dropdown .quicksearch { position: relative; background: white;
                    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.25);
                    -moz-box-shadow:    0px 5px 11px 0px rgba(50, 50, 50, 0.25);
                    box-shadow:         0px 5px 11px 0px rgba(50, 50, 50, 0.25);}
.is-hidden.id-quicksearch-dropdown .quicksearch { display: none; }
.id-quicksearch-dropdown .quicksearch { width: 100%; margin: 0 auto; min-height: 280px;}


.quicksearch .price.with-slashthrough:before {top: 39%; }
.quicksearch .price.with-slashthrough {font-size: 14px !important;}

@media only print, only screen and (max-width: 959px) {
    .id-quicksearch-dropdown { top: 120px;}
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .id-quicksearch-dropdown .quicksearch { width: 660px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .id-quicksearch-dropdown .quicksearch { width: 960px; }
}
@media only screen and (min-width: 1450px) {
    .id-quicksearch-dropdown .quicksearch { width: 1450px; }
}

/* custom scrollbar */
.custom-scrollbar { overflow-y: auto; max-height: 100%; padding-right: 5px; }

.modal .custom-scrollbar { max-height: 90vh; }
@media only print, only screen and (max-width: 959px) {
    .modal .custom-scrollbar { max-height: 90vh; }
}

/* Firefox scrollbar styling */
* {
    scrollbar-width: thin;
    scrollbar-color: #0069B4 #F5F9FD;
}

/* Webkit browsers (Chrome, Edge, Safari) scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    margin-left: -5px;
}
::-webkit-scrollbar-track {
    background: #F5F9FD;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background: #3EB9C0;
    border-radius: 5px;
}

.site-window-content .intro section.with-padding > .page-width {padding: 110px 221px}
.intro h1 {font-size: 37px; color: #00223A; margin-bottom: 3px;}
.intro header {font-size: 29px; line-height: 42px; font-weight: 300; color: #0069B4; letter-spacing: 0.7px; margin-bottom: 21px;}
.intro p {font-size: 16px; line-height: 43px; font-weight: 700;}

.indent {margin-left: 55px;}
.indent h2 {font-size: 37px; color: #00223A; margin-bottom: 3px;}
.indent header {font-size: 29px; line-height: 42px; font-weight: 300; color: #0069B4; width: 70%; letter-spacing: 0.7px; margin-bottom: 45px;}

@media only print, only screen and (max-width: 959px) {
    .indent {margin-left: 18px;}
    .indent header {width: 96%; font-size: 21px; line-height: 29px; margin-bottom: 17px;}
    .site-window-content .intro section.with-padding > .page-width {padding: 50px 30px;}
    .intro h1 {line-height: 40px;}
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .site-window-content .intro section.with-padding > .page-width {padding: 100px 150px;}
}

.card-only-title .info p {display: none; visibility: hidden;}
.card-only-title .product-card > .product-card-head-container > .image,
.card-only-title .product-card > .image {border: none;}
.card-only-title header a {color: #00223A; }
.card-only-title header {font-size: 16px; line-height: 23px; font-weight: 700;}
.card-only-title .product-card > .product-card-head-container > .image
.card-only-title .product-card > .image {height: 235px;}
.card-only-title .product-card {padding: 20px 25px; padding-top: 0;}

.card-only-title .button {font-size: 22px; line-height: 27px; color: #0069B4; text-align: center;}
.card-only-title .button:hover {color: #3EB9C0;}
.card-only-title .button .fa {font-size: 29px; color: #00223A; display: block; text-align: center; margin: 0 auto;}
.card-only-title .button:hover .fa {color: #3EB9C0;}

.card-only-title .items-tile.xl-4 > .item {width: 28%;}
.card-only-title .items-tile.xl-4 > .item.item-3 {width: 16%;}

.page-content h2 { font-size: 37px; font-weight: 500; line-height: 46px;}

@media only print, only screen and (max-width: 959px) {
    .page-content h2 {font-size: 30px; line-height: 35px; }
    .card-only-title .items-tile.xl-4 > .item {width: 100%;}
    .card-only-title .items-tile.xl-4 > .item.item-3 {width: 100%; text-align: center;}
    .card-only-title .items-tile.xl-4 > .item.item-3 .text {margin: 0;}
    .visualnav {padding: 0 10px 10px 10px !important;}
    .group.with-padding {padding: 10px;}
    .form-fields .label label {padding-bottom: 5px;}
}

.site-window-content section.hero-usps {background: transparent;}
.homebanner .hero.image { height: 400px; }
.homebanner .button.with-alternate-color { margin-left: 650px; }


/* docfinder styling */
.page-docfinder-results .sidebar aside header,
.page-docfinder-results .sidebar aside .filter-text,
.page-docfinder-results .sidebar aside .filter-text input,
.page-docfinder-results .sidebar aside .filter-text button,
.page-docfinder-results .sidebar aside .filter-text input::placeholder,

.page-card-docfinder { padding:10px;  width: 100%; height: 100%; border-radius: 2px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16); box-shadow: 0 3px 6px rgba(0,0,0,.16); text-decoration: none;}
.page-card-docfinder header { font-size: 1.4rem;  line-height: 2.2rem; font-weight: 500; }
.page-card-docfinder header span.icon { color: #00223A; font-size: 26px;  position: absolute; right: 20px; top: 20px;}
.page-card-docfinder header span.name { margin-right: 25px; }
.page-card-docfinder header span.name:hover { color: #3EB9C0; }
.page-card-docfinder p { font-size: 1.2rem; color: #3EB9C0; margin-right: 25px; margin-top: 10px; }

.page-card-docfinder ul.languages { margin-top: 20px; margin-bottom: 0; padding:0; }
.page-card-docfinder ul.languages li { overflow: visible; display: inline-block; font-size: 1.2rem; padding: 3px 10px; margin: 2px 5px 2px 0; border: 1px solid #cccccc; border-radius: 3px; background-color: white;}
.page-card-docfinder ul.languages li div.info { display: none; position: absolute; z-index: 999; left: 0; background-color: white; border-radius: 2px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16); box-shadow: 0 3px 6px rgba(0,0,0,.16); margin-left: auto; margin-right: auto;}
.page-card-docfinder ul.languages li div.info div {  padding:5px;   position: relative; float: left; }
.page-card-docfinder ul.languages li div.info .name { color: #00223A; width: 100%; float: left;}
.page-card-docfinder ul.languages li div.info .description { color: #00223A; width: 100%; float: left;}

.page-card-docfinder ul.languages li:hover { background: #00223A; color: white; }
.page-card-docfinder ul.languages li:hover a { color: white; }
.page-card-docfinder ul.languages li a {color:#00223A;}

/* .filter-docfinder .dropdown.category-dropdown.in-flow.filters { margin-top: -5.8rem; } */
.filter-docfinder {text-align: left;}
.filter-docfinder .filter-item {padding-left: 1.25em;}
.filter-docfinder .filter-item a {color: #00223A; padding: 4px 0; font-size: 14px; border:none; font-weight: 400;}
.filter-docfinder header {color: black !important; font-size: 15px; font-weight: 600;}
/*.filter-docfinder .filter {border-bottom: 1px solid #FFFFFF; padding-bottom: 22px; margin-bottom: 16px;}*/
.filter-docfinder .searchchecklist .filter-item.folded { display: none; }
.filter-docfinder .searchchecklist .searchcheck-more { display: none; }
/*.filter-docfinder .filters .badge-text {color: #a7a8a8;}*/
/*.filter-docfinder input {margin: 5px 0;}*/
input[name='searchcheck'].searchcheck-input::-webkit-input-placeholder {
    color: #00223A;
}
input[name='searchcheck'].searchcheck-input:-moz-placeholder { /* Firefox 18- */
    color: #00223A;
}
input[name='searchcheck'].searchcheck-input::-moz-placeholder {  /* Firefox 19+ */
    color: #00223A;
}
input[name='searchcheck'].searchcheck-input:-ms-input-placeholder {
    color: #00223A;
}

@media only screen and (max-width: 659px) {

}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {

}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-card-docfinder header { font-size: 1.6rem;}
}
@media only screen and (min-width: 1450px) {
    .page-card-docfinder header { font-size: 1.6rem;}
}

@media only print, only screen and (min-width: 960px) {
    .items-tile.xl-2 > .item.item-0.info { width: 70%; }
    .items-tile.xl-2 > .item.item-1.image { width: 30%; }
}

.page-card-newsitem .nieuwslabel {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    line-height: 1.2;
}
    
@media only print, only screen and (min-width: 1300px) {
    .items-tile.xl-2 > .item.item-0.info2 { width: 80%; }
    .items-tile.xl-2 > .item.item-1.image2 { width: 20%; }
}

.image2 .image-cover { height: 237px !important; }

/* .page-groups-cataloggerarticlegroup .snippet,
.page-articles-cataloggerarticlegroup .snippet {
    margin-top: 16px;
}
.page-groups-cataloggerarticlegroup .snippet.bottom-snippet,
.page-articles-cataloggerarticlegroup .snippet.bottom-snippet {
    margin-bottom: 16px;
} */

.projects-map .gm-style .gm-style-iw-c { padding: 0px; }
.projects-map .gm-style .gm-style-iw-d { overflow: unset !important; }
.projects-map .gm-ui-hover-effect { color: white; }
.projects-map .map { height: 700px; }
.projects-map .items-block { background-color: #00223A; color: white;}
.projects-map .items-block .item { margin-bottom: -3px;}
.projects-map .gm-style .gm-style-iw-t::after { background: linear-gradient(45deg,rgba(0,65,107,1) 53%,rgba(0,65,107,0) 51%,rgba(0,65,107,0) 100%); }
.projects-map .project-card header { padding-top: 10px; line-height: 30px }
.projects-map .project-card p { padding-right: 20px; line-height: 21px; font-size: 14px; font-weight: unset; }
.projects-map .project-card button { background: #3EB9C0; border-radius: 5px; }
.projects-map .project-card button a.link { color: white; }
.projects-map button img { -webkit-filter: invert(1); filter: invert(1); }

.gm-ui-hover-effect { opacity: 1 !important; }

@media only screen and (max-width: 659px) {
.projects-map .project-card header { margin-left: 10px; }
.projects-map .project-card p { margin-left: 10px; }
.projects-map .project-card button { margin-left: 10px; }
.projects-map .gm-style .gm-style-iw-c { max-width: 300px !important; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
.items-block .item .projects-map .project-card header { margin-left: 10px; }
.items-block .item .projects-map .project-card p { margin-left: 10px; }
.items-block .item .projects-map .project-card button { margin-left: 10px; }
.items-block .item .projects-map .items-block .item { width: 100% !important; }
.items-block .item .projects-map .gm-style .gm-style-iw-c { max-width: 350px !important; }
}

/*.hero.overlay-blue {background-color: #00416b; background-blend-mode: multiply;}*/



.hero.image .page-width {
    z-index: 999;
}
.hero.overlay-blue:after {/* Permalink - use to edit and share this gradient: https:/colorzilla.com/gradient-editor/#00223a+8,00223a+8,00223a+36,00223a+60,00223a+93&1+7,0.35+36,0.35+59,1+93 */
background: -moz-linear-gradient(left,  rgba(0,34,58,1) 7%, rgba(0,34,58,0.98) 8%, rgba(0,34,58,0.35) 36%, rgba(0,34,58,0.35) 59%, rgba(0,34,58,0.37) 60%, rgba(0,34,58,1) 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,34,58,1) 7%,rgba(0,34,58,0.98) 8%,rgba(0,34,58,0.35) 36%,rgba(0,34,58,0.35) 59%,rgba(0,34,58,0.37) 60%,rgba(0,34,58,1) 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,34,58,1) 7%,rgba(0,34,58,0.98) 8%,rgba(0,34,58,0.35) 36%,rgba(0,34,58,0.35) 59%,rgba(0,34,58,0.37) 60%,rgba(0,34,58,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00223a', endColorstr='#00223a',GradientType=1 ); /* IE6-9 */
display: block; position: relative;  margin-top: -700px; height: 700px; width: 100%; content: '';
}

.extra-styling .image {border-radius: 8px;}
.extra-styling .with-inverted-colors a {text-decoration: none;}
.extra-styling header {font-size: 23px;}
.extra-styling .items-conveyor > .nav {background: white;border-radius: 30px;width: 37px;padding: 4px 0;font-size: 19px; color: #00416b;}
.extra-styling .items-conveyor > .nav:hover {color: #f1e4bf7a;}
.extra-styling h1 {font-size: 43px; line-height: 55px;}
.extra-styling .group.with-padding { padding: 17px 13px;}


.button.without-background {line-height: 27px;min-height: 34px;}
.group.extradarkblue .button.without-background {color: #f5f7f9;}



.link-m-coolmark {box-shadow: none !important;}

.lesspadding .group.extradarkblue {padding: 20px !important;}

.items-conveyor.with-gutter .group-link:hover {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition: all 0.3s ease 0s;}
.items-conveyor.with-gutter .group-link:hover header {color: #00223A; transition: all 0.3s ease 0s;}
.items-conveyor.with-gutter .group-link { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.items-conveyor.with-gutter .group-link:hover {-webkit-transform: translateY(-8px); transform: translateY(-8px); transition: 0.4s;}

.product-card .image > .promo-image .product-recommend,
.product-card .image > .promo-image .product-recommend { position: absolute; left: 0; top: -1px; width: auto; height: 60px; }
.product-card .image > .promo-image .product-recommend .image,
.product-card .image > .promo-image .product-recommend .image { width: 80px; }

.customcard .group {background: white;}

.product-stock > .icon {
    width: 25px;
    display: inline-block;
    min-height: 22px;
    vertical-align: top;
    margin-top: -4px;
    margin-left: -2px;
}

.product-pickup .stockicon {
    display: inline-block;
    min-height: 22px;
    vertical-align: top;
    min-height: unset!important;
}

.filter-productfilter .product-stock > .icon,
.filter-promosproductfilter .product-stock > .icon {
    margin-top: -1px;
    margin-left: 0;
}

.sidebar > aside > .filter { background: white; padding: 20px 10px 20px 15px; border-radius: 5px; }

@media only print, only screen and (max-width: 959px) {
    .filter-promosproductfilter {
        padding: 0;
    }
    .show-dropdown {
        padding: 20px;
    }
    .show-dropdown.small-padding {
        padding: 5px 0;
    }
    .filter-productfilter {
        background: transparent;
        padding: 0;
    }
}

/* Filter dropdown always visible on lxl screens */
@media only screen and (min-width: 960px) {
    .category-dropdown.only-lxl-visible {
        display: block !important;
    }
}

.accountmenu.icon {
    width: 18px;
    position: relative;
    display: inline-block;
    margin-right: 7px;
    vertical-align: text-bottom;
}

.cataloggerarticle .brand.product-recommend {
    position: absolute;
    top: 30px; z-index: 99;
}
.with-alternate-background-2 .form-user-login label { color: white;}

@media only screen and (min-width: 960px) {
.top-snippet .item-1 .image.image-cover:before {background-image: url('../style/coolmark_edge.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%; left: -2px;}
}

.nieuwsbrief {color: #00223A !important;}

/* sales module */
.sales-navigator {
    margin-bottom: 10px;
    border-bottom: 1px solid #EBF0FF;
}

.sales-navigator header {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 700;
}

.sales-navigator .anchorlink { display: block; }
.sales-navigator .anchorlink > a { font-size: 16px; }
.sales-navigator .anchorlink::after { content: ''; }
.sales-navigator .pagelinks .page { position: relative; }
.sales-navigator .pagelinks .page .anchors a:before { content: ''; width: 23px; }

.page-sales-dashboard .site-window-content section.with-padding-top > .page-width,
.page-sales-accounts .site-window-content section.with-padding-top > .page-width,
.page-sales-accounts-detail .site-window-content section.with-padding-top > .page-width,
.page-sales-quotes .site-window-content section.with-padding-top > .page-width,
.page-sales-quotes-detail .site-window-content section.with-padding-top > .page-width {
    padding-top: 37px;
}

.quote-discount-create .button-remove { margin-right: 10px; }

.quotelog { margin-top: 10px; }
.quotelog .quotelog-entry { margin-bottom: 10px; }
.quotelog .quotelog-entry .header { padding: 4px 5px; background-color: #FFFFFF; }
.quotelog .quotelog-entry .header .action { font-weight: 700; margin-right: 10px; }
.quotelog .quotelog-entry .header .on { font-size: 0.8em; }
.quotelog .quotelog-entry .header .by { display: block; font-size: 0.8em; }
.quotelog .quotelog-entry .data { padding: 4px 5px; }
.quotelog .quotelog-entry .data .items-property { margin-bottom: 0; }

.sales_quotes-table .not-owner a, .sales_quotes-list .not-owner a { color: #0069B4; }
.sales_quotes-table .is-active, .sales_quotes-list .is-active { background-color: #3EB9C0; color: white; transition: all 0.15s ease-in-out 0s; text-align: center; border-radius: 5px; padding: 0 5px; }
.sales_quotes-table .is-active:hover, .sales_quotes-list .is-active:hover { background-color: #00223A; }
.sales_quotes-table .is-active a, .sales_quotes-list .is-active a { color: white;}

.page-sales-dashboard .message div,
.page-account-dashboard .message div {font-weight: 400; font-size: 14px; line-height: 19px; width: 100%;}
.page-sales-dashboard .message div.notification-content,
.page-account-dashboard .message div.notification-content {display: inline; margin-left: 5px;}
.page-sales-dashboard .message a,
.page-account-dashboard .message a {padding-left: 4px; font-size: 13px;}
.page-sales-dashboard .message a:hover,
.page-account-dashboard .message a:hover {color: #3EB9C0;}
.page-sales-dashboard .message header,
.page-account-dashboard .message header {margin-bottom: 9px;}
.page-sales-dashboard .actions,
.page-account-dashboard .actions {margin-top: 6px;}

.id-sales-order-customer-orderinfo .items-property,
.id-sales-quote-customer-orderinfo .items-property {line-height: 1.8rem;}
.page-sales-orders-detail header.as-h3,
.page-sales-quotes-detail header.as-h3 {margin-bottom: 5px;}

.quote-discount-rule p {font-size: 14px; margin-bottom: 8px;}
.quote-discount-rule .form.js-form-submit {margin-bottom: 0;}
@media only screen and (min-width: 960px) {
    .quote-discount-rule .form-fields .label {width: 15%;}
    .quote-discount-rule .form-fields .value  {width: 85%;}
}

@media only screen and (max-width: 659px) {
    .quote-discount-rule .actions .right {float: left; margin-left: 0; width: 100%;}
    .quote-discount-rule .actions button.button {width: 100%;}
}

.page-sales-quotes div a.button {margin-top: 10px;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-sales-quotes .table-plain > tbody > tr > td {font-size: 12px;}
}

@media only print, only screen and (max-width: 959px) {
    .sales_quotes-list header,
    .page-sales-accounts header,
    .page-sales-orders header,
    .page-sales-accounts-detail .id-account-users-table .users-list .user header,
    .page-sales-accounts-detail .orderhistory-list .orderhistory-basket header {color: #00223A; font-size: 16px; padding-bottom: 6px; margin-bottom: 0;}
    
    .page-sales-accounts .action a.link {font-weight: 600; background-color: #00223A; color: white; padding: 10px 15px; width: 100%; display: block;}
    .page-sales-accounts .action a.link:hover {background: #3EB9C0; text-decoration: none;}
    
    .page-sales-orders .action a.link {font-weight: 600; background-color: #00223A; color: white; padding: 10px 15px; width: 100%; display: block; border-radius: 5px;}
    .page-sales-orders .action a.link:hover {background: #3EB9C0; text-decoration: none;}
    
    .sales_quotes-list.only-sm .action.is-active a.link {background-color: #3EB9C0; }
    .sales_quotes-list.only-sm .action.is-active a.link:hover {background-color: #00223A; }
    .sales_quotes-list.only-sm .action a.link {font-weight: 600; background-color: #00223A; color: white; padding: 10px 15px; width: 100%; display: block; border-radius: 5px;}
    .sales_quotes-list.only-sm .action a.link:hover {background: #3EB9C0; text-decoration: none;}
    .sales_quotes-list.only-sm .action.not-owner a.link {font-weight: 600; background-color: #f1e4bf7a; color: white; padding: 10px 15px; width: 100%; display: block;}
    .sales_quotes-list.only-sm .action.not-owner a.link:hover {background: #3EB9C0; text-decoration: none;}
    
    .sales_quotes-list.only-sm .sales_quote {margin-bottom: 25px;}
    
    .sales_quotes-list.only-sm .action {padding: 5px 0;}
    
    .page-sales-dashboard .notifications .message.is-info {margin-top: 0;}
    .page-sales-dashboard .notifications .message.is-warning {margin-bottom: 0;}
    
    .page-sales-dashboard .actions .button {margin-bottom: 8px;}
}

.quote-discount-create .field-discount .input-combined > div { display: inline-block; }
.quote-discount-create .field-discount .input-combined > div input { text-align: right; width: 89px; margin-right: 4px; }
.quote-discount-create .field-discount .input-combined > div.or { margin: 0 10px; }
.price-with-currency { white-space: nowrap; }
.quote-discount-create input.is-error { background-color: #ffe3e3; }

.quote-discount-create .or { position: relative; top: -14px; }

/* ### Partfinder begin ### */

.pageid-partfinder .loader-container {
    text-align: center;
}

.pageid-partfinder .loader-container .loader {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pageid-partfinder .loader {
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    display: table;
    margin: 0 auto;
    background-image: url('loader.svg');
    background-size: 60px 60px;
    background-repeat: no-repeat;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pageid-partfinder .partfinder-content > .loader {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 112px;
    display: none;
}

.pageid-partfinder .partfinder-content .items-conveyor { min-height: 300px; }

@media only screen and (min-width: 960px) {
    .pageid-partfinder .drawing .productscontainer {
        border-left: 1px solid #D3D2D2;
        padding-left: 6px;
    }

    .pageid-partfinder .drawing .productscontainer {
        height: 75vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.pageid-partfinder .drawing .productscontainer .product-card.highlight {
    background: #F2F5F5;
}

.pageid-partfinder .drawing .productscontainer .product-card.highlight .hotspot_pos {
    color: #3EB9C0;
    border: 1px solid #3EB9C0;
    background: #fff;

}

.pageid-partfinder .drawing svg .pcg_hotspot { cursor: pointer; stroke: #00223a82; }
.pageid-partfinder .drawing svg .pcg_hotspot.available { stroke: #00CA5E }
.pageid-partfinder .drawing svg .pcg_hotspot.not-in-stock { stroke: #3EB9C0 }
.pageid-partfinder .drawing svg .pcg_hotspot.not-available { stroke: red }

.pageid-partfinder .legend {
    display: flex;
    z-index: 9999;
    position: absolute;
    top: 11px;
    right: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
}

.pageid-partfinder .legend-item {
    margin-right: 5px;
    font-size: 11px;
    color: #00223A;
}

.pageid-partfinder .legend-item.available span.fa {
    color: #00CA5E;
}

.pageid-partfinder .legend-item.not-in-stock span.fa {
    color: #3EB9C0;
}

.pageid-partfinder .legend-item.not-available span.fa {
    color: red;
}

.pageid-partfinder .drawing .svgcontainer { height: 75vh; background: #fff; }
.pageid-partfinder .drawing .svgcontainer svg {
    height: 89vh;
    cursor: move;
    top: -70px;
    position: relative;
    left: -32px;
    display: none;
}

.pageid-partfinder .drawing .item-0 { width: 60%; }
.pageid-partfinder .drawing .item-1 { width: 40%; }

.pageid-partfinder .drawing svg .pcg_hotspot.highlight {
    stroke: #00223A;
    fill: rgba(20, 87, 159, 0.1);
}

.pageid-partfinder .site-window-content section > .page-width {
    padding-top: 35px;
    padding-bottom: 35px;
    min-height: 220px;

}

.pageid-partfinder .site-window-content section.hero > .page-width {
    padding-bottom: 0;
}

.product-switch.has-variant-dropdown .select2-container .select2-selection--single,
.product-switch.article_dropdown_links .select2-container .select2-selection--single,
body:has(.combi-groups) .select2-container .select2-selection--single,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single,
.pageid-partfinder .select2-container .select2-selection--single {
    min-height: 56px;
    border-color: #00223A;
}

body:has(.combi-groups) .select2-container--disabled .select2-selection--single,
body:has(.product-switch.has-variant-dropdown) .select2-container--disabled .select2-selection--single,
body:has(.product-switch.article_dropdown_links) .select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #eaf0fe;
}

body:has(.combi-groups) .select2-container .select2-selection--single:hover,
body:has(.combi-groups) .select2-container .select2-selection--single:active,
body:has(.combi-groups) .select2-container .select2-selection--single:focus,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single:hover,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single:active,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single:focus,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single:hover,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single:active,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single:focus,
.pageid-partfinder .select2-container .select2-selection--single:hover,
.pageid-partfinder .select2-container .select2-selection--single:active,
.pageid-partfinder .select2-container .select2-selection--single:focus {
    border-color: #00223A;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

body:has(.combi-groups) .select2-container--open .select2-dropdown--below,
body:has(.product-switch.has-variant-dropdown) .select2-container--open .select2-dropdown--below,
body:has(.product-switch.article_dropdown_links) .select2-container--open .select2-dropdown--below,
.pageid-partfinder .select2-container--open .select2-dropdown--below {
    border-color: #00223A;
}

body:has(.combi-groups) .select2-container .select2-selection--single .select2-selection__rendered,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single .select2-selection__rendered,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single .select2-selection__rendered,
.pageid-partfinder .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 56px;
    color: #00223A;
}

body:has(.combi-groups) .select2-container .select2-selection--single .select2-selection__rendered:after,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single .select2-selection__rendered:after,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single .select2-selection__rendered:after,
.pageid-partfinder .select2-container .select2-selection--single .select2-selection__rendered:after {
    content: '\f078';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  float: right;
  color: #3EB9C0;
  font-size: 14px;
  line-height: 52px;
}

.product-switch.has-variant-dropdown .select2-container .select2-selection--single .select2-selection__rendered,
.product-switch.article_dropdown_links .select2-container .select2-selection--single .select2-selection__rendered,
body:has(.combi-groups) .select2-container .select2-selection--single .select2-selection__rendered,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single .select2-selection__rendered,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single .select2-selection__rendered,
.pageid-partfinder .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 800;
    font-size: 16px;
    padding: 0 21px 0 22px;
}

body:has(.combi-groups) .select2-container--default .select2-search--dropdown .select2-search__field,
body:has(.product-switch.has-variant-dropdown) .select2-container--default .select2-search--dropdown .select2-search__field,
body:has(.product-switch.article_dropdown_links) .select2-container--default .select2-search--dropdown .select2-search__field,
.pageid-partfinder .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0px;
    outline: none;
    border-bottom: 1px solid #3EB9C0;
    border-radius: 0;
    width: calc(100% - 44px);
    left: 22px;
    position: relative;
    color: #3EB9C0;
    padding-bottom: 0px;
}

body:has(.combi-groups) .select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
body:has(.product-switch.has-variant-dropdown) .select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
body:has(.product-switch.article_dropdown_links) .select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
.pageid-partfinder .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: #3EB9C0;
}

body:has(.combi-groups) .select2-container--default .select2-selection--single .select2-selection__placeholder,
body:has(.product-switch.has-variant-dropdown) .select2-container--default .select2-selection--single .select2-selection__placeholder,
body:has(.product-switch.article_dropdown_links) .select2-container--default .select2-selection--single .select2-selection__placeholder,
.pageid-partfinder .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #00223A;
}

body:has(.combi-groups) .select2-container--default .select2-search--dropdown:after,
body:has(.product-switch.has-variant-dropdown) .select2-container--default .select2-search--dropdown:after,
body:has(.product-switch.article_dropdown_links) .select2-container--default .select2-search--dropdown:after,
.pageid-partfinder .select2-container--default .select2-search--dropdown:after {
    content: '\f002';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 0px;
    position: absolute;
    position: relative;
    color: #3EB9C0;
}

body:has(.combi-groups) .select2-results__option,
body:has(.product-switch.has-variant-dropdown) .select2-results__option,
body:has(.product-switch.article_dropdown_links) .select2-results__option,
.pageid-partfinder .select2-results__option {
    padding-right: 21px;
    padding-left: 22px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    padding: 14px 28px;
}

.select2-container--default .select2-results__group {
    padding-left: 22px;
    font-weight: 800;
    color: #00223A;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 33px;
}

body:has(.combi-groups) .select2-container--default .select2-results__option--highlighted[aria-selected],
body:has(.product-switch.has-variant-dropdown) .select2-container--default .select2-results__option--highlighted[aria-selected],
body:has(.product-switch.article_dropdown_links) .select2-container--default .select2-results__option--highlighted[aria-selected],
.pageid-partfinder .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00223A;
}

body:has(.combi-groups) .select2-container .select2-selection--single .select2-selection__arrow,
body:has(.product-switch.has-variant-dropdown) .select2-container .select2-selection--single .select2-selection__arrow,
body:has(.product-switch.article_dropdown_links) .select2-container .select2-selection--single .select2-selection__arrow,
.pageid-partfinder .select2-container .select2-selection--single .select2-selection__arrow {
    display: none;
}

body:has(.combi-groups) .select2-search--dropdown,
body:has(.product-switch.has-variant-dropdown) .select2-search--dropdown,
body:has(.product-switch.article_dropdown_links) .select2-search--dropdown,
.pageid-partfinder .select2-search--dropdown {
    padding-bottom: 12px;
}

.pageid-partfinder .site-window-content section > .page-width .items-tile.with-gutter {
    margin: -6px -6px;
}

.pageid-partfinder .site-window-content section > .page-width .items-tile.with-gutter > .item {
    padding: 7px;
}

@media only screen and (min-width: 1450px) {
        .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-0,
        .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-1,
        .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-2
        {
            width: 30% !important;
        }

        .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-3 {
            width: 10% !important;
        }

    .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-3 .button {
        width: 100%;
        position: relative;
        top: 10px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-0,
    .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-1,
    .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-2
    {
        width: 28.333333% !important;
    }

    .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-3 {
        width: 15% !important;
    }
}

@media only screen and (min-width: 960px) {
    .pageid-partfinder .site-window-content section > .page-width .partfinder-filter .items-tile.with-gutter > .item.item-3 .button {
        width: 100%;
        position: relative;
        top: 10px;
    }
}


.pageid-partfinder button.link {
    float: right;
    color: #00223A;
    font-size: 13px;
    position: relative;
    top: 11px;
    z-index: 1;
}

@media only print, only screen and (max-width: 959px) {
    .pageid-partfinder button.link {
        top: -10px;
    }
}

.pageid-partfinder #modal-partfinder-drawing .drawing > button.quote {
    display: none;
}

.pageid-partfinder .drawingtree {
    position: relative;
}

.pageid-partfinder .drawingtree,
.pageid-partfinder .drawing {
    margin-top: 45px;
}

.pageid-partfinder .drawing {
    position: relative;
}

.pageid-partfinder #modal-partfinder-drawing .drawingtree,
.pageid-partfinder #modal-partfinder-drawing .drawing {
    margin-top: -10px;
}

.pageid-partfinder .drawingtree-item {
    border-radius: 12px;
    padding: 7px 9px;
    background: #fff;
}

.pageid-partfinder .drawingtree-item:hover, .pageid-partfinder .drawingtree-item.selected {
    border-color: #00223A;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    -webkit-box-shadow: 2px 1px 5px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 1px 5px 3px rgba(0,0,0,0.2);
    box-shadow: 2px 1px 5px 3px rgba(0,0,0,0.2);
}

.pageid-partfinder .drawingtree-item .image-contain {
    min-height: 110px;
}

.pageid-partfinder .drawingtree-item .name {
    font-size: 16px;
    font-weight: 800;
    padding: 12px 0px;
    text-align: center;
}

.pageid-partfinder .drawingtree-item:hover .name,  .pageid-partfinder .drawingtree-item.selected .name {
    color: #00223A;
    border-color: #00223A;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

@media only screen and (min-width: 960px) {
    .pageid-partfinder .drawing .items-tile {
        border:1px solid #D3D2D2;
        border-radius: 3px;
        background: #fff;
    }
}

.pageid-partfinder .site-window-content section > .page-width .drawing .items-tile.with-gutter {
    margin: -2px 1px;
}

.pageid-partfinder .drawing .toolbar {
    z-index: 9999;
    position: absolute;
    top: 11px;
    left: 12px;
}

.pageid-partfinder #modal-partfinder-drawing .drawing .toolbar {
    top: -58px;
    left: 0px;
}

.pageid-partfinder #modal-partfinder-drawing .drawing .items-tile.with-gutter {
    margin: unset;
}

.pageid-partfinder .drawing .toolbar .button {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background-color: #F2F5F5;
    color: #00223A;
    padding: 7px 9px;
    margin-right: 4px;
}

.pageid-partfinder .drawing .toolbar .button span.fa {
    position: relative;
    top: 3px;
}

.pageid-partfinder .drawing .toolbar .button:hover {
    background: #00223A;
    color: white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.pageid-partfinder .productlist > .product-card {
    border:none;
    border-bottom: 1px solid #D3D2D2;
    box-shadow: none;
    border-radius: 0;
    padding: 14px 12px;
}

.pageid-partfinder .product-card .info > header,
.pageid-partfinder .product-card .info > header:hover
 {
    font-size: 16px;
    font-weight: 800;
    color: #00223A;
    padding-bottom: 5px;
    max-width: 95%;
}


.pageid-partfinder .product-card > .image {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    top: 12px;
}

.pageid-partfinder .partfinder-content .product-card > .image .image-contain {
    min-height: 120px !important;
}

.pageid-partfinder .card-comparefavorite {
    display: none;
}

.pageid-partfinder .product-card .hotspot_pos {
    position: absolute;
    z-index: 999;
    font-size: 16px;
    font-weight: 800;
    border: 1px solid #D3D2D2;
    display: inline-block;
    left: 5px;
    top: 14px;
    color: #838383;
    padding: 1px 5px;
    border-radius: 3px;
    background-color: white;
}


.pageid-partfinder .product-card > .info p,
.pageid-partfinder .product-card .showpreferredstock {
    font-size: 13px !important;
    color: #00223A !important;
}

.pageid-partfinder .product-card .product-price .price {
    font-size: 16px;
}

.pageid-partfinder .product-card .showpreferredstock .info-icon {
    display: none;
}

.pageid-partfinder .product-card .showpreferredstock {
    text-decoration: underline;
    padding-top: 5px;
}

.pageid-partfinder .product-card p {
    padding-top: 0px;
    line-height: normal;
}

.pageid-partfinder .product-card .price-unit {
    float: unset;
    bottom: unset;
}



.pageid-partfinder .order-add-product .button img {
    top: 0px;
}

/* .order-add-product .button .text {
    top: -7px;
} */

.pageid-partfinder .partfinder-filter .loader,
.pageid-partfinder .drawingtree .loader {
    position: relative;
    width: 30px;
    height: 30px;
    background-size: 30px, 30px;
    left: 10px;
    display: none;
}

.pageid-partfinder .titlebox {
    display: inline-flex;
}

@media only screen and (min-width: 960px) {
    .pageid-partfinder .select2-container--default .select2-results > .select2-results__options {
        max-height: 350px;
    }
}

.pageid-partfinder .product-card.quote header,
.pageid-partfinder .product-card.quote p,
.pageid-partfinder .product-card.quote > div > a,
.pageid-partfinder button.quote {
    width: fit-content;
    position: relative;
    /* left: 135px; */
}

.pageid-partfinder .product-card.quote button.quote {
    display: none;
}


.pageid-partfinder .product-card.quote > div > a {
    margin-top: 5px;
}

.pageid-partfinder input[disabled] {
    background-color: lightgrey;
    cursor: not-allowed;
}

.pageid-partfinder #modal-partfinder-quoteform {
    min-width: 50%;
}

.pageid-partfinder #modal-partfinder-quoteform .items-conveyor {
    overflow: hidden;
    padding-bottom: 10px;
}

.pageid-partfinder #modal-partfinder-quoteform .product-card .action-price,
.pageid-partfinder #modal-partfinder-quoteform .product-card button.quote
{
    display: none;
}

.pageid-partfinder .product-card-infoorder .checkbox {
    position: absolute;
    right: 15px;
    z-index: 10;
}

.pageid-partfinder.no-user .product-card-infoorder .checkbox {
    /* since favorites is missing */
    top: 14px; 
}

.explodedview-button {
    margin-bottom: -15px;
}

.explodedview-button a{
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 400px) {
    .explodedview-button {
        margin-top: 35px;
    }
}

@media only print, only screen and (min-width: 660px) {
    .pageid-partfinder .drawing-header {
        display: flex;
    }
}

.pageid-partfinder .drawing-header .quote-confirm-container, 
.pageid-partfinder .drawing-header button.quote {
    position: absolute;
    right: 0px;
    top: 0px;
}

@media only print, only screen and (max-width: 959px) {
    .pageid-partfinder .drawing .quote-confirm-container, 
    .pageid-partfinder .drawing > button.quote {
        left: 5px;
        right: unset;
        top: 112px;
        z-index: 1;
    }

    .pageid-partfinder .drawing .item-1 {
        padding: 0px;
    }
}

.pageid-partfinder .drawing-header button.quote-confirm {
    margin-right: 5px;
}

.pageid-partfinder .drawing-header button.quote-confirm.with-alternate-background {
    background: grey;
    color: white;
    cursor: not-allowed;
}

.pageid-partfinder #modal-partfinder-quoteform .favorites-toggle-product {
    display: none;
}

.pageid-partfinder #modal-partfinder-quoteform .product-card.quote { border: 2px solid #0069b41c; }

.pageid-partfinder #modal-partfinder-quoteform .product-card.quote header,
.pageid-partfinder #modal-partfinder-quoteform .product-card.quote p,
.pageid-partfinder #modal-partfinder-quoteform .product-card.quote > div > a,
.pageid-partfinder #modal-partfinder-quoteform .product-card.quote .input-quantity-container {
    position: relative;
    left: 42px;
}

.pageid-partfinder .product-card.quote .input-quantity {
    width: 37px;
    text-align: center;
}

.pageid-partfinder .spllink {
    font-size: 8px;
    fill: #00223a82;
}

@media only screen and (max-width: 659px) {
    .pageid-partfinder h2, .pageid-partfinder header.as-h2 {
        font-size: 26px;
    } 

    .pageid-partfinder h1, .pageid-partfinder header.as-h1 {
        font-size: 36px
    }

}

.pageid-partfinder h1 {
    position: relative;
    left: -3px;
}

.items-property.partfinder-properties-drawinglist.with-oddeven > .item:nth-child(odd) .label {
    font-weight: bold;
}

.items-property.partfinder-properties-drawinglist.with-oddeven > .item:nth-child(even) .label {
    width: 0%;
    display: none;
}

.items-property.partfinder-properties-drawinglist.with-oddeven > .item:nth-child(even) .value {
    width: 100%;
    max-height: 336px;
    overflow-y: auto;
}

.items-property.partfinder-properties-drawinglist.with-oddeven > .item:nth-child(even) .value a {
    text-decoration: underline;
    width: calc(40% + 12px);
    display: inline-block;
}

@media only print, only screen and (max-width: 959px) {
    .items-property.partfinder-properties-drawinglist.with-oddeven > .item:nth-child(even) .value a {
        width: calc(55% + 12px);
    }
}

@media only screen and (min-width: 960px) {
    .page-article .partfinder-button {
        float: right;
    }
}

.page-article .fixed-add-order .partfinder-button {
    margin-top: 10px;
    width: 100%;
}

.page-article .info .partfinder-button-container {
    width: 100%;
    display: inline-block;
}


@keyframes pulse {
    0% { 
        transform: scale(1); 
        opacity: 0.7; 
        box-shadow: 0 0 0 0 rgba(66, 153, 225, 0);
    }
    50% { 
        transform: scale(1.1); 
        opacity: 1; 
        box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.4);
    }
    100% { 
        transform: scale(1); 
        opacity: 1; 
        box-shadow: 0 0 0 0 rgba(66, 153, 225, 0);
    }
}

/* .animate-checkbox input[type='checkbox'] {
    animation: pulse 0.5s ease-in-out;
} */

body.fixed-partfinder-bar section.partfinder-bar {
    bottom: 0px;
}

section.partfinder-bar {
    position:fixed;
    left:0;
    right:0;
    background-color: #F1E4BF;
    z-index: 999999;
    bottom: -130px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    transition:.25s ease;
}

section.partfinder-bar .page-width {
    min-height: unset !important;
    height: 100%;
    padding: 20px 10px !important
}

section.partfinder-bar .page-width h2 {
    margin-bottom: 0px;
}

.fixed-partfinder-bar-wrapper { 
    display:flex;
    justify-content: space-between;
    height:100%;
    position: relative;
}

.page-article .expanderapplication.partfinder-properties-drawinglist {
    height: 380px;
}

.pageid-partfinder .product-card-infoorder.quote .image-container .info header{
    padding-top: 35px;
}

.pageid-partfinder .drawingcontainer .product-card-infoorder.quote .input-quantity-container {
    display: none;
}

@media only print, only screen and (max-width: 959px) {
    .pageid-partfinder .partfinder-filter .item {
        width: 100%;
    }

    .pageid-partfinder .tabs {
        padding-bottom: 76px;
        display: inline-block;
        position: relative;
        left: 5px;
    }

    .pageid-partfinder .tabs .loader {
        width: 16px;
        height: 16px;
        position: absolute;
        border: 2px solid #f3f3f3;
        border-top: 2px solid #00223A;
        display: inline;
        right: 8px;
        top: 14px;
    }

    .pageid-partfinder .tabs button {
        border: 1px solid #D3D2D2;
        padding: 12px 28px;
        margin-right: 10px;
        font-size: 15px;
        font-weight: 800;
        position: relative;
        border-radius: 3px;
    }

    .pageid-partfinder  .tabs button.is-selected {
        border: 1px solid #00223A;
        color: #00223A;
    }

    .pageid-partfinder .drawing h2 span {
        display: none;
    }

    .pageid-partfinder .drawing h2 {
        top: 10px;
        position: relative;
        padding-bottom: 1rem;
        display: none;
    }

    .pageid-partfinder .drawing .item-0 {
        width: 100%;
        padding: 0px !important;
    }

    .pageid-partfinder .drawing .item-1 {
        width: 100%;
        padding: 0px !important;
    }

    .pageid-partfinder .product-card-infoorder .action-price button.quote {
        left: 0px;
        margin-top: 10px;
        display: none;
    }

    .pageid-partfinder .product-card button.quote,
    .pageid-partfinder .product-card.quote button.quote {
        display: block;
    }

    .pageid-partfinder .drawing .item-1 {
        padding-top: 10px !important;
    }

    .pageid-partfinder .drawingcontainer .drawing-header button {
        display: none;
    }

    .pageid-partfinder .drawing .svgcontainer { height: 75vh; background: #fff; }
    /* .pageid-partfinder .drawing .svgcontainer svg {
        height: 53vh;
        cursor: move;
        top: -70px;
        position: relative;
        left: -32px;
        display: none;
    } */

    section.partfinder-bar .page-width {
        padding: 42px 35px;
    }

    /* .pageid-partfinder .partfinder-bar h2 {
        display: none;
    } */

    .pageid-partfinder .partfinder-bar button.quote {
        display: none;
    }

    .pageid-partfinder .drawing-header .quote-confirm-container, .pageid-partfinder .drawing-header button.quote {
        position: relative;
        padding-top: 5px;
    }

    .pageid-partfinder .legend {
        bottom: 0px;
        top: unset;
    }

    .pageid-partfinder .legend-item {
        font-size: 10px;
    }

    .pageid-partfinder .partfinder-bar h2 {
        font-size: 100%;
    }

    .pageid-partfinder .drawingtree, .pageid-partfinder .drawing {
        margin-top: 20px;
    }

    .pageid-partfinder .drawingtree {
        padding-bottom: 20px;
    }

    .page-article .info .partfinder-button-container a {
        width: 100%;
        margin-top: 10px;
    }

    .pageid-partfinder .productscontainer {
        background-color: #fff;
    }

    .pageid-partfinder .loader-container {
        padding: 20px 0px;
    }

    .fixed-partfinder-bar-wrapper {
        display: block;
        text-align: center;
    }

    .pageid-partfinder .back-to-drawing {
        margin-bottom: 5px;
    }

    .pageid-partfinder .drawing-header {
        justify-content: center;
    }

    .pageid-partfinder .drawing-header button.copy-url {
        top: -5px;
    }

    .pageid-partfinder .drawing-header button.copy-url img {
        height: 15px;
    }

    .pageid-partfinder .drawing-header button.copy-url span {
        font-size: 16px;
    }
}

@media only screen and (max-width: 659px) {
    .page-article .fixed-add-order .partfinder-button,
    .page-article .button.request-price
     {
        width: 100%;
    }
}

.pageid-partfinder button.copy-url {
    background: none;
    position: relative;
    top: -10px;
    left: -5px;
    color: #3EB9C0;
}

.pageid-partfinder button.copy-url img {
    height: 20px;
}

.pageid-partfinder button.copy-url span {
    font-size: 20px;
}

@media only print, only screen and (max-width: 959px) {
    .page-partfinder-article .fixed-add-order-wrapper .order-add-product {
        max-width: unset;
    }
}

.pageid-partfinder .partfinder-content-loader {
    height: 282px;
    background: #F5F9FD;
}

.pageid-partfinder .partfinder-content-loader .loader {
    position: relative;
    top: calc(50% - (60px / 2));
}

/* ### Partfinder end ### */

hr.with-light-color {border-color: #e0e7ea;}
hr.with-white {border-color: white;}
hr.with-main-color {border-color: #00223A;}
hr.with-comp-color {border-color: #3EB9C0;}
hr.border-double {border-style: double;}
hr.border-dashed {border-style: dashed;}
hr.border-dotted {border-style: dotted;}
hr.border-2px {border-width: 2px;}
hr.border-3px {border-width: 3px;}
hr.border-4px {border-width: 4px;}



.create-round-image {clip-path: circle(40% at 50% 50%);}

.product.product-stock-alt .stockicon { min-height: 18px; vertical-align: top; position: relative;top: -2px; width: 10%; max-width: 20px; }
.product.product-pickup .stockicon { min-height: 18px; vertical-align: top; position: relative;top: -2px; width: 10%; max-width: 20px; }
.product-card .product-stock .icon { min-height: 21px; vertical-align: top; position: relative;top: 0; width: 10%; left: 2px; max-width: 20px; }
.product.product-stock-alt span.text {padding-left: 9px; line-height: 18px; display: inline-block; width: 90%;}
.product-card .product-stock span.text { padding-left: 10px; line-height: 18px; display: inline-block; width: 90%; margin-left: 0;}
.product-card .product-pickup span.text { padding-left: 10px; line-height: 18px; display: inline-block; width: 90%; margin-left: -2px;}

.product-card-infoorder .action-price { margin-bottom: 1rem;}


.page-article .product.product-card-combi .stockicon { width: 10%;}

@media only screen and (max-width: 659px) {
.nieuwsbrief img {display: none;}
}


.edge-fullwidth img.image {width: 101vw; position: relative;left: -3px; bottom: -4px; }

@media only screen and (min-width: 960px) {
    .page-article .mfp-gallery .mfp-content {
        min-width: 960px;
        max-width: 960px;
    }
}

img.mfp-img {
    padding: 50px;
    max-height: calc(100vh - 100px) !important; /* 50px boven + 50px onder */
    object-fit: contain;
    width: auto;
    height: auto;
}

@media only print, only screen and (max-width: 959px) {
    img.mfp-img {
        padding: 30px;
        max-height: 70vh !important; /* 70vh zodat er altijd ruimte is */
    }
}

@media only screen and (min-width: 960px) {
    .edge-fullwidth img.image {top: 10px; margin-bottom: -4px;}
}

span.icon_login { display: none; }
.page-configurator span.icon_login { display: block; }

span.login_text { display: block; }
.page-configurator span.login_text { display: none; }

.product-price-net-table>table>tbody>tr>td.price {
    text-align: right;
    display: table-cell;
}

.site-websiteinfo { position: fixed; bottom: 0; left: 40px; z-index: 100; width: 450px; padding: 10px; background-color: #00223A; border-radius: 6px 6px 0 0; }
.site-websiteinfo .close { position: absolute; right: 10px; top: 10px; color: white; }
.site-websiteinfo.hide { bottom: -100%; transition: all 2s ease-in-out 0s; }
.site-websiteinfo .white { color: white; }

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .site-websiteinfo { padding-top: 30px; }
}

.cataloggerarticle.cataloggerarticle-info .product-composition  .order-add-product .button .text { font-size: 1rem; }
.items-tab.as-steps > .tabs > .tab {
    width: 24%;
}
.items-tab.as-steps .items .item {
    padding: 15px 20px;
}
@media only print, only screen and (max-width: 959px) {
    .items-tab.as-steps > .tabs > .tab {
        width: 0;
        visibility: hidden;
    }
    .items-tab.as-steps > .tabs > .tab > span {
        visibility: visible;
    }
    .items-tab.as-steps > .tabs > .tab.is-selected {
        visibility: visible;
        width: 60%;
    }
    .items-tab.as-steps > .tabs > .tab.is-selected span{
        visibility: hidden;
    }
}

.anchorlinks { display: flex; justify-content: left; flex-wrap: wrap; line-height: 38px; padding: 10px 0; }
.anchorlinks .anchors { display: inline-block; width: calc(100% - 125px); }
.anchorlinks .anchorheader { line-height: 38px; font-weight: 600; display: inline-block; width: 125px; vertical-align: top; }
.anchorlink { padding: 0 20px 0 2px; display: inline-block; }
.anchorlink a:hover {text-decoration: none; color: #3EB9C0;}
.anchorlink:after { font-family: 'FontAwesome'; content: '\f105'; display: inline-block; padding-right: 3px; font-weight: 400; padding-left: 10px; }
.anchorlink .fa {display: none;}
.anchor_title {white-space: nowrap;}

@media only screen and (max-width: 659px) {
    .anchorlink {margin-left: 0; width: 100%; padding-left: 0;}
    .anchorlinks {display: inline-block;}
    .anchorlinks .anchors { width: 100%; }
    .anchorlinks .anchorheader { display: block; }
}

.expanderapplication .item { margin-top: 0; }

.expanderapplication .control-collapse { display: none; }
.expanderapplication > .is-expanded .control-expand { display: none; }
.expanderapplication > .is-expanded .control-collapse { display: block; }


/* expander, hide last section of content with button to expand (and collapse) */
.expanderapplication { height: 200px; transition: height 0.5s ease-in-out 0s; } /* just a default to see -something- */
.expanderapplication { position: relative; overflow: hidden; padding-bottom: 32px; margin-bottom: 10px;}
.expanderapplication > .controls { z-index: 2; position: absolute; left: 0; width: 100%; bottom: 0; padding-top: 16px;
                        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(193,193,193,1) 100%);
                        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(193,193,193,1) 100%);
                        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(193,193,193,1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c1c1c1',GradientType=0 );}
.expanderapplication > .controls > .control { height: 32px; line-height: 32px; font-weight: 600; text-align: center; vertical-align: middle; background: white; color: #0069B4; border-top: 1px solid #FFFFFF; text-decoration: underline; text-underline-offset: 2px; }
.expanderapplication > .controls > .control-collapse { display: none; }
.expanderapplication.is-expanded { height: auto; padding-bottom: 0; }
.expanderapplication.is-expanded > .controls { display: none; }
.expanderapplication.is-expanded.with-collapse { padding-bottom: 32px; }
.expanderapplication.is-expanded.with-collapse > .controls { display: block; padding-top: 0; background: white; }
.expanderapplication.is-expanded.with-collapse > .controls > .control-expand { display: none; }
.expanderapplication.is-expanded.with-collapse > .controls > .control-collapse { display: block; }
.expanderapplication.is-not-expandable { height: auto !important; padding-bottom: 0 !important; }
.expanderapplication.is-not-expandable > .controls { display: none !important; }
.js-expander-application { cursor: pointer; }

.lastupdate {font-size: 12px; color: #1D1D1D; line-height: normal;}
.page-article .product-packing {font-size: 12px; color: grey;}
.page-article .order-add-product .form.with-feedback-popover {margin-bottom: 0px;}

.page-article .cataloggerarticle .info li::before {display: block;content: '';width: 17px;height: 17px;left: -24px;position: relative;top: 4px;background: transparent url('checked.svg') no-repeat;padding-right: 10px;}
.page-article .cataloggerarticle .info li {padding-left: 7px;}
.page-article .cataloggerarticle .info ul {font-size: 15px; color: #233744; margin-bottom: 16px;}
.page-article .items-property {color: #233744;}

.page-article section.anchorlinks-section.is-floating {
    z-index: 15;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    background-color: #F1E4BF;
}

.page-article .site-window-content section.with-alternate-background {border: none}

.page-article .imagesgallery {padding-bottom: 17px;}

.page-article .cataloggerarticle .qa > .question {font-size: 16px; color: #233744; padding-left: 0; font-weight: 400;}
.page-article .qa > .question > span.icon-expanded,
.page-article .qa > .question > span.icon-collapsed {display: none;}
.page-article .qa > .answer {padding-left: 0;}
.page-article .files .file {font-size: 15px;}
.page-article .segmented-links {font-size: 15px; line-height: 24px;}


.page-article .expanderapplication .item .product-properties {margin-top: -13px;}
.page-article .expanderapplication {height: 130px;}
.page-article .product-promo-slogan {font-weight: 500 !important;}

.product-composition .product-price-base-table {border: none; padding: 0; margin: 0;}
.product-composition .product-card-composition-info {display: block; border-radius: 5px; width: 100%; height: 100%;}
.product-composition .product-card-composition-info .image-container {position: relative;}
.product-composition .product-card-composition-info .info-container {width: 100%;}
.product-composition .product-card-composition-info .info > p {color: #233744; margin-bottom: 0;}
.product-composition .product-card-composition-info .product-stock {margin-top: 6px; margin-bottom: 4px; font-size: 12px;}
.product-composition .product-card-composition-info .not-in-assortment {color: #024268; font-size: 0.85em;}
.product-card-infoorder .product-price-base-table {border: none; padding: 0; margin: 0;}
.product-card-infoorder .action p.is-warning { margin-bottom: 0; font-size: 12px; }

.order-container { margin: 0 -17px -15px; background: #0069b41c; border-radius: 0 0 5px 5px; padding: 17px; }
.page-article .order-container { margin: 0 -20px -20px; padding: 20px; }
.price-order { display: flex; justify-content: space-between; margin-bottom: 20px; }
.price-order .order-add-product {width: auto; display: inline-block; margin-right: 12px;}
.price-order .product-price-qbreaks table {margin-top:0;}
.price-order .product-price-qbreaks table td.header {padding-left:13px; padding-right:13px;}
.price-order:has(.qbreaks) { display: block; }
.price-order:has(.qbreaks) .order-add-product,
.price-order:has(.qbreaks) .product-price-net-table,
.price-order:has(.qbreaks) .product-price-promo-table { vertical-align: middle; }

.with-alternate-background .product-card .order-container { margin: 0 -25px -25px; padding: 25px; }

.product-price-promo-table,
.product-price-net-table {margin: 0; height: auto; border-radius: 5px; display: inline-block; font-size: 16px; position: relative; padding-top: 5px;}
.product-price-net-table:not(.is-net-price) { padding-top: 20px; }
.product-price-promo-table.row > table > tbody > tr > td { padding-right: 10px; }
.product-price-promo-table.row > table > tbody > tr > td.header { padding-left: 5px; padding-bottom: 0; }

.page-article .price-info {display: inline-flex; font-size: 13px; margin-bottom: 5px;}
.page-article .price-info .product-promo-slogan {margin-right: 40px; font-size: 13px !important;}
.page-article .price-info .product-promo-valid_until {margin-right: 12px; font-size: 13px !important;}

.page-article h1 { font-size: 28px;line-height: 30px; }

@media only screen and (max-width: 659px) {
    .page-article .price-order .order-add-product {width:100%;}
}

.page-article .product-card-infoorder.product-card .comparefavorite { display: none; }

.page-article .price-order .order-add-product { margin: auto 0; }
.page-article .price-order .product-price-net-table,
.page-article .price-order .product-price-promo-table { margin-right: 5px; }
.page-article .price-order .product-price-promo-table { padding-top: 0; }

.product-switch {
    margin-bottom: 8px;
    display: inline-block;
    min-width: 50%;
}
.product-switch .label {
    margin-bottom: 8px;
    font-weight: 700;

}
.product-switch .value .item {
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 1px transparent;
    text-align: center;
    -webkit-box-shadow: 0px 0px 2.5px 0px #0069B4;
    -moz-box-shadow: 0px 0px 2.5px 0px #0069B4;
    box-shadow: 0px 0px 2.5px 0px #0069B4;
    transition: all 0.3s ease 0s;
}
.product-switch.article_image_links .value .item { border-radius: 5px; overflow: hidden; }
.product-switch .value .item.is-selected {
    border: solid 1px #0069B4;
}
.product-switch .value .item:hover, .product-switch .value .item:focus {
    border: solid 1px #0069B4;
}
.product-switch.article_color_links .value .item {
    width: auto;
    border-radius: 5px;
    margin-bottom: 36px;
}
.product-switch.article_text_links .value .item {
    padding: 7px 13px;
    width: auto;
    border-radius: 5px;
}
.product-switch.has-variant-dropdown .value select,
.product-switch.article_dropdown_links .value select {
    width: 100%;
    max-width: 100%;
    padding: 7px 13px;
    border: solid 1px #0069B4;
    border-radius: 5px;
    background-color: white;
    font: inherit;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 2.5px 0px #0069B4;
    -moz-box-shadow: 0px 0px 2.5px 0px #0069B4;
    box-shadow: 0px 0px 2.5px 0px #0069B4;
}
.product-switch.has-variant-dropdown .value select:focus,
.product-switch.article_dropdown_links .value select:focus {
    border-color: #0069B4;
    outline: none;
}
.product-switch.has-variant-dropdown .value select option:disabled {
    color: #BCC8E5;
}
.product-variant-option {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
}
.product-variant-option__image {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}
.product-variant-option__label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-variant-option__price {
    flex-shrink: 0;
    margin-left: auto;
    font-weight: 700;
    white-space: nowrap;
}
.product-switch.has-variant-dropdown .value,
.product-switch.article_dropdown_links .value {
    width: 100%;
}
.product-switch.has-variant-dropdown .select2-container,
.product-switch.article_dropdown_links .select2-container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}
.product-switch .select2-container .select2-selection--single {
    min-height: 48px;
    position: relative;
}
.product-switch.has-variant-dropdown .select2-container .select2-selection--single .select2-selection__arrow,
.product-switch.article_dropdown_links .select2-container .select2-selection--single .select2-selection__arrow {
    display: none;
}
body:has(.product-switch.has-variant-dropdown) .select2-results__option:has(.product-variant-option),
body:has(.product-switch.article_dropdown_links) .select2-results__option:has(.product-variant-option),
.select2-results__option:has(.product-variant-option) {
    padding: 8px 12px;
}
.product-switch.has-variant-dropdown .select2-container .select2-selection--single .select2-selection__rendered,
.product-switch.article_dropdown_links .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding: 8px 36px 8px 12px;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
}
.product-switch.has-variant-dropdown .select2-container .select2-selection--single .select2-selection__rendered:after,
.product-switch.article_dropdown_links .select2-container .select2-selection--single .select2-selection__rendered:after {
    content: '\f078';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #3EB9C0;
    font-size: 14px;
    line-height: 1;
    z-index: 3;
    pointer-events: none;
}
.select2-results__option .product-variant-option,
.product-switch .select2-selection__rendered .product-variant-option {
    max-width: 100%;
    box-sizing: border-box;
}
.select2-results__option .product-variant-option {
    min-height: 44px;
}
.product-switch .select2-selection__rendered .product-variant-option--selection {
    min-height: 40px;
    padding-right: 0;
}
.product-switch .select2-selection__rendered .product-variant-option--selection .product-variant-option__label {
    flex: 0 1 auto;
}
.select2-results__option:has(.product-variant-option):before {
    content: none !important;
    display: none;
    padding-right: 0;
}
.product-switch.has-variant-dropdown .select2-container .select2-selection--single .select2-selection__rendered,
.product-switch.article_dropdown_links .select2-container .select2-selection--single .select2-selection__rendered,
.product-switch .select2-selection__rendered .product-variant-option__label {
    color: #00223A;
}
.select2-results__option:has(.product-variant-option) .product-variant-option__label,
.select2-results__option:has(.product-variant-option) .product-variant-option__price {
    color: #00223A;
}
.select2-results__option:has(.product-variant-option)[aria-selected='true'] {
    color: #00223A;
    background-color: transparent;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:has(.product-variant-option),
.select2-container--default .select2-results__option--highlighted[aria-selected]:has(.product-variant-option) .product-variant-option__label,
.select2-container--default .select2-results__option--highlighted[aria-selected]:has(.product-variant-option) .product-variant-option__price {
    color: white !important;
    background-color: #00223A;
}
.product-switch.article_color_links .value .item.is-selected,
.product-switch.article_text_links .value .item.is-selected {
    color: white;
    background-color: #024268;
}
.product-switch.article_image_links .value .item .title {
    display: none;
    transition: all 0.3s ease 0s;
}
.product-switch.article_image_links .value .item:hover .title {
    position: absolute;
    width: 100%;
    background-color: #0069B4;
    color: white;
    padding: 2px 0;
    bottom: 0;
    opacity: 0.9;
    display: block;
    transition: all 0.3s ease 0s;
}

@keyframes disabledX {
    from {
        background-color: #BCC8E5;
    }
    to {
        background-color: #A23B72;
    }
}

.product-switch .item.is-disabled { background-color: #BCC8E5; }
.product-switch .item.is-disabled:hover { border: solid 1px #A23B72; }
.product-switch .item.is-disabled .color:before,
.product-switch .item.is-disabled .color:after { content: ''; position: absolute; top: 50%; left: -5px; width: 125%; height: 3px; background-color: #BCC8E5; transform: rotate(45deg) translateY(-50%); transform-origin: center; z-index: 10; }
.product-switch .item.is-disabled .color:after { transform: rotate(-45deg); }
.product-switch .item.is-disabled .color:hover:before,
.product-switch .item.is-disabled .color:hover:after { animation: disabledX 0.3s ease-in-out forwards 0s;  }
.page-article .popup-gallery {width: 100%; background: white; padding: 15px; border-radius: 5px; margin-bottom: 20px;}
.page-article .popup-gallery:has(.items-gallery) { background: unset; padding: 0; }
form.form-check-add {margin-bottom: 0;}
.product-switch.article_image_links { margin-bottom: 0; width: 100%;}

.product-switch .color { height: 30px; width: 30px; border-radius: 5px; overflow: hidden; position: relative; }

.color-switch .color-name,
.product-switch .color-name {
    display: none;
}

.product-switch .value .item.is-selected .color-name {
    display: block;
    background: #00223A;
    color: white;
    border-radius: 5px;
    font-weight: 600;
    margin-top: 5px;
    position: absolute;
    padding: 2px 7px;
    font-size: 12px;
    white-space: nowrap;
}

.product-card .action-price { position: relative; min-height: 41px; }
.product-card .action-price .request-price,
.product-card .action .request-price { display: inline-block; background: #3EB9C0; color: white; margin-bottom: 10px; }
.page-article .price-order .request-price { margin-bottom: 20px; background: #3EB9C0; color: white; }

.product-card .action-price > div { display: inline-block; margin-bottom: 5px; margin-right: 20px; }
.product-card .action-price > div.container { margin-right: 0; width: 100%; }
.product-card .action-price > div:has(.js-select) a.last { margin-bottom: 1rem; }
.product-card .max_order { font-size: 14px; }
.product-card .action-price .price { padding-left: 0; padding-right: 0; display: table-cell; font-size: 16px; color: #00223A; }

@media only screen and (max-width: 659px) {
    .product-card .action-price > div { width: 100%; margin-right: 0; }
}

@media only print, only screen and (max-width: 959px) {
    .page-article .popup-gallery { position: relative; }
}

.page-article .comparefavorite .favorites-toggle-product { display: none; }

.feedback-save-list > .message { margin-bottom: 1rem; }
.edit-header > h1,
.list-header > h1,
.list-header > .button { display: inline-block; margin-bottom: 1rem; }
.list-header > .button { vertical-align: bottom; }

.edit-header > a.link { margin-left: 10px; font-size: 16px; }

@media only screen and (min-width: 960px) {
    .list-header > h1 { width: calc(100% - 200px); }
}

.edit-header > h1 { display: inline-block; }
.edit-header > a.link { margin-left: 10px; font-size: 16px; }

.product-card .product-price-qbreaks .qbreaks .qbreak { font-size: 14px; padding: 5px 0; }
.product-price-qbreaks .qbreaks .qbreak.is-selected { background: #FFFFFF; }
.product-price-qbreaks header > .image { width: 20px; min-height: 30px; display: inline-block; vertical-align: bottom; float: unset !important; }
.page-article .product-price-qbreaks header > .image { min-height: 25px; width: 20px; vertical-align: top; }
.product-card-pickuplocations .product-price-qbreaks header { display: none; }


.price-request-modal .form-fields .labelvalue { width: 100%; }
.product-price.product-request { margin-right: 10px; }

.product-price .qbreaks .qbreak span.price.with-slashthrough { color: inherit; font-size: inherit; margin-left: 0; margin-right: 5px; }

.select2-container--default .select2-results > .select2-results__options { max-height: 450px;}

pgfsubtitel{
    font-weight: bold; line-height: 30px; padding-top: 10px; margin-bottom: -10px; display: block;
}

.select2-container--default .select2-results > .select2-results__options { max-height: 450px;}

.form-fields .field-delivery_pickup .labelvalue,
.form-fields [class*='_complete_shipping'] .labelvalue { width: 100%; float: unset; padding: 0; }
.form-fields .field-delivery_pickup .labelvalue > label { text-indent: 0; width: 100%; margin: 0; border-radius: 5px; border: 1px solid #00223A; padding: 10px; margin-bottom: 10px; background-color: white; transition: all 0.25s ease-in-out 0s; }
.form-fields .field-delivery_pickup .labelvalue > label h3 { transition: all 0.25s ease-in-out 0s; }
.form-fields .field-delivery_pickup .labelvalue label.selected-radio { background: #00223A; color: white; }
.form-fields .field-delivery_pickup .labelvalue label.selected-radio h3,
.form-fields .field-delivery_pickup .labelvalue label.selected-radio p { color: white; }
.form-fields .field-delivery_pickup .labelvalue > label p { margin: 0; padding-left: 25px; }
.form-fields .field-delivery_pickup .labelvalue > label span.fa { position: absolute; }
.form-fields .field-delivery_pickup .labelvalue > label h3 { background: transparent; }
.form-fields .field-delivery_pickup .labelvalue > label:hover:not(.selected-radio) { cursor: pointer; }
.form-fields .field-delivery_pickup .labelvalue input { display: none; }
.form-fields .field-delivery_pickup .labelvalue > label:hover:not(.selected-radio) span.fa:before { content: '\f14a'; }

.page-order-info .items-block .item.order-info { width: 45% !important; }
.page-order-info .items-block .item.order-basket { width: 45% !important; border-radius: 5px; background: white; margin: 10px 0; }
.page-order-info .items-block .item.order-basket .id-order-basket-rows { max-height: 430px; overflow: auto; }
.page-order-info .items-block .item.white-space { width: 10% !important; }

@media only print, only screen and (max-width: 959px) {
    .page-order-info .items-block .item.order-info { width: 100% !important; }
    .page-order-info .items-block .item.order-basket { display: none; }
    .page-order-info .items-block .item.white-space { display: none; }
}
/* social-share */
.social-share-container {display:flex;align-items:center;}
.social-share-container h4 {
    margin-bottom:7px;
    margin-right:5px;
    font-size:16px;
    font-weight:700;
}
.social-share-container > .social-share-button {
    font-size: 20px; 
    width: 40px; 
    height: 40px; 
    text-align: center; 
    color: white; 
    margin-right: 5px; 
    margin-bottom: 5px;
    background: #0069B4;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

.social-share-container > .social-share-button:hover {
    background: #3EB9C0;
}

.social-share-container > .social-share-button .share-button img {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 40px;
    padding: 5px;
}
.social-share-container > .social-share-button:last-child {margin-right:0;}
.social-share-container > .social-share-button span.fa {font-size:24px; line-height: 39px;}

.page-newsitem .social-share-container {margin-bottom: 20px;}

.page-article .generatepdf { margin-right: 20px; display: inline-block; }
.page-article .generatepdf .labelvalue { width: 100%; float: unset; }

header.subheader { line-height: 20px; padding-top: 10px; }
.delivery_pickup .pickup-distance:first-of-type header.subheader { padding-top: 0; }
.parts_delivery_element { margin-bottom: 20px; }
.parts_delivery_element h3 { margin-bottom: 0; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .parts_delivery_element .button { margin-top: -15px; margin-bottom: 20px; }
    .form-fields [class*='_complete_shipping'] { margin-bottom: 15px; }
}

@media only screen and (max-width: 659px) {
    .parts_delivery_element .button { margin-top: -15px; margin-bottom: 20px; }
    .form-fields [class*='_complete_shipping'] { margin-bottom: 15px; }
}

.radio-content {
    position: relative;
}

.id_complete_shipping {
  font-size: 3em;
    position: relative;
    display: inline-block !important;      
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-switch__radio {
    display: none;
}
.btn-switch__label {
    vertical-align: top;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5 !important;
    color: white;
  cursor: pointer;
    transition: color .2s ease-in-out;
    min-height: 30px !important;
    margin-top: 15px;
}

.btn-switch__label.disabled {
    cursor: default;
}
.btn-switch__radio_true:checked ~ .btn-switch__label.disabled:before {
    background: lightgray;
}

.btn-switch__label + .btn-switch__label {
  padding-right: .75em;
    padding-left: 0;
}
.btn-switch__txt {
    position: relative;
    left: 1em;
    z-index: 2;
  display: inline-block;
   min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
    min-height: 30px;
    line-height: 30px;
}
.btn-switch__radio_email:checked ~ .btn-switch__label_download .btn-switch__txt,
.btn-switch__radio_download:checked ~ .btn-switch__label_email .btn-switch__txt,
.btn-switch__radio_false:checked ~ .btn-switch__label_true .btn-switch__txt,
.btn-switch__radio_true:checked ~ .btn-switch__label_false .btn-switch__txt {
    opacity: 0;
}
.btn-switch__label:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1em;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2em;
    background: #3EB9C0;
    border-radius: 1.5em;
    box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
    transition: background .2s ease-in-out;
    max-width: 90px;
}
.btn-switch__label_email .btn-switch__txt {
    left: -2em;
}
.btn-switch__label_download  .btn-switch__txt {
    left: 2em;
}
.btn-switch__radio_download:checked ~ .btn-switch__label:before,
.btn-switch__radio_true:checked ~ .btn-switch__label:before {
    background: #00CA5E;
}
.btn-switch__label_email:after,
.btn-switch__label_false:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 1.5em;
    bottom: .5em;
    left: .5em;
    width: 1em;
    height: 1em;
    background: #fff;
    border-radius: 1em; 
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
    transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_download:checked ~ .btn-switch__label_email:after {
    left: calc(130px - 1.5em);
    background: #fff;
}
.btn-switch__radio_true:checked ~ .btn-switch__label_false:after {
    left: calc(90px - 1.5em);
    background: #fff;
}
.btn-switch__radio_download:checked ~ .btn-switch__label_email:before,
.btn-switch__radio_email:checked ~ .btn-switch__label_download:before,
.btn-switch__radio_true:checked ~ .btn-switch__label_false:before,
.btn-switch__radio_false:checked ~ .btn-switch__label_true:before {
    z-index: 1;
}
.field-download_email .btn-switch__label:before {
    max-width: 130px;
}

.field-download_email .helptext { padding-top: 5px; }

@media only screen and (min-width: 960px) {
    .order-basket-options { display: flex; }
    .order-basket-options > div { display: inline-flex; padding-left: 20px; padding-bottom: 20px; }
    .order-basket-options > div:first-of-type { margin-left: auto; }
}

@media only print, only screen and (max-width: 959px) {
    .order-basket-options { display: block; text-align: left; }
    .order-basket-options > div { display: block; margin: 10px 0; }
}

.id_complete_shipping { display: none; }
.id_complete_shipping.selected { display: block; }

.helptext-delivery_time,
.helptext-shipping_date { padding-top: 5px; color: #f1e4bf7a; }

div.sls_label span { background: #0069B4; color: white; padding: 5px; font-size: 10px; border-radius: 5px; }

@media only screen and (min-width: 960px) {
    #modal-part_delivery_modal { width: 80%; }
}

@media only print, only screen and (max-width: 959px) {
    #modal-part_delivery_modal { width: calc(100% - 20px); }
}

#modal-part_delivery_modal .items-tile.with-line-between > .item { border: unset; }
#modal-part_delivery_modal .item > .item-stylable { background-color: #0069b41c; padding: 10px; border-radius: 5px; }
#modal-part_delivery_modal .item > .item-stylable > .products > .product { margin-bottom: 5px; margin-top: 5px; padding-top: 5px; }
.product-card-infoprice.parts_delivery { width: calc(100% - 100px); display: inline-block; min-height: 130px; }
.parts_delivery.quantity { width: 100px; text-align: center; margin-top: 20px; float: right; }
.parts_delivery.quantity > div { padding: 5px 15px; background: #00223A; color: white; border-radius: 5px; margin-left: auto; width: 65px; }
.parts_delivery.product_header { display: inline-block; font-weight: bold; margin-bottom: 10px; }
.parts_delivery.quantity_header { display: inline-block; font-weight: bold; float: right; }
.parts_delivery.products { max-height: 400px; overflow: auto; margin-bottom: 20px; }
.parts_delivery.products > .product > .product-card,
.parts_delivery.products > .product > .product-card:hover { box-shadow: unset; background: white; }
.parts_delivery_element { padding-bottom: 10px; }

.form.form-orderby { display: flex; align-items: baseline; }
.form.form-orderby header { margin-right: 5px; }
.form.form-orderby > form { min-width: 250px; }
@media only print, only screen and (max-width: 1449px) {
    .form.form-orderby header { display: none; }
}

@media only screen and (max-width: 659px) {
    #modal-part_delivery_modal .product-card-infoprice { min-height: 80px; }
    #modal-part_delivery_modal .product-card-infoprice > .info { border: 0; margin-left: calc(80px + 16px); margin-top: 0; padding-top: 0; }
    #modal-part_delivery_modal .product-card-infoprice > .info > header { display: none; }
    #modal-part_delivery_modal .product-card-infoprice > .image { position: absolute; top: 5px; left: 5px; width: 80px; height: 80px; border: 0; margin-bottom: 0; }
}

div.asap-trigger { padding-top: 20px; }

div.password { position: relative; }
div.password .password-eye { position: absolute; top: 25%; right: 10px; font-size: 20px; cursor: pointer; color: #00223A; }

.countdown-timer { font-size: 75px; text-align: center; }
.countdown-timer > div { display: inline-block; padding-right: 30px; }
.countdown-timer > div > span { display: block; }
.countdown-timer > div > span.text { font-size: 20px; text-transform: uppercase; }
.countdown-timer.with-accent-colors { color: #00223A; background: transparent; }
.countdown-timer.with-alternate-color { color: #3EB9C0; background: transparent; }

.form-emailsettings .buttonbar button {
    display: none;
}

@media only print, only screen and (max-width: 959px) {
    section.fixed-add-order {
        bottom: 0;
    }
}

@media only screen and (min-width: 960px) {
    section.fixed-add-order {
        bottom:-200px;
    }
}

/* Schuif header soepel uit beeld (zelfde top-transition als .sticky) */
body.fixed-cart-bar .site-window-header-lxl .section-usps,
body.fixed-cart-bar .site-window-header-lxl .section-user {
    top: -50px;
}

body.fixed-cart-bar:not(.sticky) .site-window-header-lxl .section-logo {
    top: -145px;
}

body.fixed-cart-bar:not(.sticky) .site-window-header-lxl .section-mainmenu {
    top: -205px;
}

body.fixed-cart-bar.sticky .site-window-header-lxl .section-logo {
    top: -95px;
}

body.fixed-cart-bar.sticky:not(.pageid-home) .site-window-header-lxl .section-mainmenu {
    top: -95px;
}

body.fixed-cart-bar.sticky.pageid-home .site-window-header-lxl .section-mainmenu {
    top: -155px;
}

body.has-app-install-banner.fixed-cart-bar:not(.sticky) .site-window-header-lxl .section-logo {
    top: -205px;
}

body.has-app-install-banner.fixed-cart-bar.sticky .site-window-header-lxl .section-logo {
    top: -155px;
}

.fixed-cart-bar section.fixed-add-order {
    bottom: 0;
}

section.fixed-add-order {
    position:fixed;
    left:0;
    right:0;
    background-color: #F1E4BF;
    z-index: 999999;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    transition: all 0.3s ease-in-out;
}


section.fixed-add-order .page-width {height:100%;}

.fixed-add-order-wrapper { 
    display:flex;
    justify-content: space-between;
    height:100%;
    padding: 10px 0;
}

section.fixed-add-order .mfp-close.fixed-add-order-close {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    padding: 0;
}

body.fixed-add-order-dismissed section.fixed-add-order {
    display: none;
}

@media only print, only screen and (max-width: 959px) {
    body.fixed-add-order-dismissed.page-article .cataloggerarticle-info .fixed-add-order-fallback.only-lxl {
        display: block !important;
    }
    body.fixed-add-order-dismissed.page-article .cataloggerarticle-info .compare-combi.fixed-add-order-fallback.only-lxl {
        display: flex !important;
    }
    body.fixed-add-order-dismissed.page-article .cataloggerarticle-info .compare-combi.fixed-add-order-fallback .comparefavorite {
        display: none !important;
    }
}
.fixed-add-order-wrapper .container.left {
    display:flex;
    align-items: center;
}
.fixed-add-order-wrapper .container.left .image {
    min-height: 0px;
    height: 60px;
    width:unset;
    aspect-ratio:1/1;
    padding: 10px;
    margin: 0px 30px 0px 0;
    border-radius: 5px;
    background-color: white;
}

.fixed-add-order-wrapper .container .information {max-width: 500px;}
.fixed-add-order-wrapper .container .information header {font-size: 16px; font-weight:500; line-height:18px;}
.fixed-add-order-wrapper .container .information span {color:#233744;}

.fixed-add-order-wrapper .container.right.user {display: flex; align-items:center;}
.fixed-add-order-wrapper .container.right .combi-button:has(.no-user) { position: relative; top: 50%; transform: translateY(-50%);}
.fixed-add-order-wrapper .container.right .combi-button:has(.no-user) a { width: 100%; }
.fixed-add-order-wrapper .container.right .product-price { max-width: unset; margin-right: 16px; white-space: nowrap; }
.fixed-add-order-wrapper .container.right .order-add-product {width:unset;margin-left: auto;}
.fixed-add-order-wrapper .container.right .order-add-product .form.with-feedback-popover {margin-bottom:0;}
.fixed-add-order-wrapper .container.right .order-add-product .input-combined  {display: flex;}
.fixed-add-order-wrapper .container.right .order-add-product .input-combined .button {
    width:unset;
}

.fixed-add-order-wrapper .combi-button .last.js-modal { margin-right: 10px; }
.product-card .container:has(.js-select) .order-add,
.fixed-add-order-wrapper .combi-button:has(.js-select) .order-add,
.fixed-add-order-wrapper .combi-button:has(.js-select) .last.js-modal { margin-bottom: 10px; }

@media only screen and (max-width: 659px) {
    .fixed-add-order-wrapper .container.right.user { display: block; }
    .fixed-add-order-wrapper .container .information {display:none;}
    .fixed-add-order-wrapper .container.right .product-price {padding-bottom:0; display: inline-block; width: auto; vertical-align: top; padding-right: 5px;}
    .fixed-add-order-wrapper .container.right td {padding-left:5px; padding-right:5px;}
    .fixed-add-order-wrapper .container.right span.login_text.only-s {display:none !important;}
    .fixed-add-order-wrapper .container.right span.login_text.only-mlxl {display:block !important}
    .fixed-add-order-wrapper .container.right .order-add-product .input-combined .button {
        width:calc(100% - 42px);
    }
    .fixed-add-order-wrapper .order-add-product button > img { display: none; }
    .fixed-add-order-wrapper .order-add-product button > span.text { display: block; }

    .price-order.fixed-add-order-fallback .order-add-product button > img { display: none; }
    .price-order.fixed-add-order-fallback .order-add-product button > span.text { display: block; }
}

@media only print, only screen and (max-width: 959px) {
    section.fixed-add-order { padding: 10px 0; }
    .fixed-add-order-wrapper .container.right { width: 100%; justify-content: space-between; }
    .fixed-add-order-wrapper .container.left { display: none; }
    .fixed-add-order-wrapper .container .information header {font-size:14px;line-height: 20px;margin-bottom:5px;}
    .fixed-add-order-wrapper .container .information span {font-size:13px; }
    .fixed-add-order-wrapper .container.right .product-price { order:2; margin:0;padding-bottom:0;}
    .fixed-add-order-wrapper .container.right .product-price-qbreaks { order:3; white-space: normal; }
    .fixed-add-order-wrapper .container.right td {padding-left:5px; padding-right:5px;}
}

@media only screen and (max-width: 659px) {
    .fixed-add-order-wrapper .container.right .product-price-qbreaks { max-width: 200px; }
    .fixed-add-order-wrapper .container.right .order-add-product { margin-left: unset; }
    .fixed-add-order-wrapper .container.right .order-add-product .input-combined .button { width: 100%; }

    .order-add-product .input-combined .button { width: calc(100% - 53px); }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .fixed-add-order-wrapper .container.right { flex-direction: row-reverse; }
    .fixed-add-order-wrapper .container.right .product-price-qbreaks { max-width: 250px; }
    .fixed-add-order-wrapper .container.right .order-add-product .input-combined .button {padding-left:35px; padding-right:35px;}
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .fixed-add-order-wrapper .container .information { max-width: 325px; }
    .fixed-add-order-wrapper .container.right .combi-button .button.js-call { margin-top: 10px; }
}

@media only screen and (min-width: 1450px) {
    .fixed-add-order-wrapper .container.right .combi-button { margin-left: 10px; }
}

.page-configurator .products-table>tbody>tr>td.description,
.page-configurator .products-table>thead>tr>td.description {
    max-width: 400px;
    word-break: break-word;
}
.page-configurator .button span.text {
    display: none;
}
.page-configurator .product-card-full > .info header {
    word-break: break-word;
}
.page-configurator .order-add-product .input-combined { display:flex; }

/* product pakket selectie */
.modal-alsobought,
.modal-combi-products { width: 75%; }
.modal-combi-products form { margin-bottom: 20px; }
.modal-combi-products .id-alternatives-modal > header { font-size: 1.7rem; font-weight: 500; color: #00223A; margin-right: 20px; margin-bottom: 1rem; }
.modal-combi-products .checkboxes .item .product-card,
.modal-combi-products .item .alternative-article .product-card { border: 1px solid transparent; }
.cross-sell-alternatives .item.selected .product-card,
.modal-combi-products .checkboxes .item.selected .product-card,
.modal-combi-products .item.selected .alternative-article .product-card { border: 1px solid #00223A; box-shadow: 0px 0px 5px 0px #00223A; }
.modal-combi-products .form-combi-select .plus-icon { width: 26px; height: 26px; right: -14px; }
.modal-combi-products .item .alternative-article .product-card .action-price { margin-bottom: 10px; }
.modal-combi-products .item .alternative-article .product-card .order-container { margin: 0 -17px -15px; padding: 17px; }

.plus-icon { width: 40px; height: 40px; text-align: center; z-index: 10; border-radius: 50%; background: #3EB9C0; color: white; }
.plus-icon .fa { position: relative; top: 50%; transform: translateY(-50%); }

.modal-combi-products .form-combi-select .combination > div { display: inline-block; }
.form-combi-select > .submit-buttom { margin-top: 15px; }
.form-combi-select a.js-select { text-decoration: underline; text-underline-offset: 2px; }
.form-combi-select .field-combi_articles .labelvalue { width: 100% !important; padding: 0; }
.form-combi-select .field-combi_articles .labelvalue .checkboxes .checkbox { position: relative; padding: 0; text-indent: 0; margin: 0; width: 100% }
.form-combi-select .field-combi_articles .labelvalue .checkboxes .checkbox .input-combi,
.form-combi-select .field-combi_articles .labelvalue .checkboxes .checkbox .input-aircotool { position: absolute; top: 10px; left: 17px; z-index: 10; }
.form-combi-select .add_to_card { margin-top: 30px; background: #0069b41c; padding: 20px; border-radius: 5px; max-width: unset; width: unset; display: inline-block; }
.form-combi-select .add_to_card > div { display: inline-block; }
.form-combi-select .add_to_card > div.price-text { display: block; }
.form-combi-select .add_to_card > div.product-price { margin-right: 30px; }
.form-combi-select .add_to_card span.text { display: block; }
.form-combi-select .add_to_card .price.with-slashthrough { margin-right: 10px; }
.form-combi-select .original_combi { width: 20%; }
.form-combi-select .original_combi:has(div.only_image) { width: 76px; }
.form-combi-select .original_combi .product-card { box-shadow: unset; }
.form-combi-select .product-card.only_image { padding: 3px; height: 80px; width: 80px; border-radius: 5px; }
.form-combi-select .product-card.only_image .image { min-height: 70px; width: 70px; margin: 0; background-position: center center; }
.form-combi-select .product-card .action-price { margin-bottom: 10px; }
.form-combi-select .product-card .order-container { margin: 0 -17px -15px; padding: 17px; }
.cross-sell-combi-articles .is-danger,
.modal-combi-products .is-danger,
.form-combi-select .is-danger { color: #c9302c; }
.form-combi-select .plus-icon { position: absolute; top: 50%; transform: translateY(-50%); right: -20px; border-radius: 50%; }

@media only print, only screen and (min-width: 660px) {
    .form-combi-select .alternatives_combi .items-tile { margin: -16px; }
    .form-combi-select .alternatives_combi .items-tile .item { padding: 16px; min-width: 110px; }
}

@media only screen and (max-width: 659px) {
    .form-combi-select .add_to_card > div { display: block; }
    .form-combi-select .original_combi { width: 100%; }
    .form-combi-select .plus-icon {
        bottom: -45px;
        top: 30px;
        right: unset;
        left: 50%;
        transform: translate(-50%, -50%);
        position: relative;
    }
    .form-combi-select .alternatives_combi .item { padding-bottom: 10px; }
    .form-combi-select .product-card.only_image { height: 68px; width: 68px; }
    .form-combi-select .product-card.only_image .image { min-height: 60px; width: 60px; }

    .modal-combi-products .form-combi-select .plus-icon { right: -3px; left: unset; bottom: unset; position: absolute; top: 50%; transform: translateY(-50%); }
    .modal-combi-products .form-combi-select > header { display: none; }
    .modal-combi-products .form-combi-select .item > .item-stylable > header { display: none; }
    .modal-combi-products .form-combi-select .form-fields { width: 100%; }
    .modal-combi-products .form-combi-select .alternatives_combi .item:has(div.only_image) { width: unset; padding-right: 10px; }
    .modal-combi-products .form-combi-select .alternatives_combi .item:has(div.only_image):first-child { padding-right: 20px; }
    .modal-combi-products .form-combi-select .add_to_card { max-width: 100%; }
    .modal-combi-products .form-combi-select .add_to_card > div { display: block; }
    .modal-combi-products .form-combi-select .add_to_card > div.product-price { margin-bottom: 5px; }
}

.product-card .alternative a.js-call:hover, .product-card .alternative a.js-call:focus { color: #A23B72; }

@media only screen and (min-width: 960px) {
    .product-card .alternative { position: absolute; top: 10px; right: 17px; }
    .product-card .alternative a.js-call { text-decoration: underline; text-underline-offset: 2px; }
}

@media only screen and (max-width: 659px) {
    .product-card-combi { flex-direction: row !important; }
}

@media only print, only screen and (max-width: 959px) {
    .modal-alsobought,
    .modal-combi-products { width: 98%; }
    .modal-combi-products .form-combi-select > h2 { display: none; }
}

.basketitem-card-combi.eq:before { content: '280'; }
.basketitem-card-combi { width: 100%; min-width: 160px; padding-top: 10px;}
.basketitem-card-combi > .image { margin-bottom: 10px; min-height: 0; }
.basketitem-card-combi > .image .product-image { width: 100%; height: 80px; min-height: 0; }
.basketitem-card-combi > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.basketitem-card-combi > .image > .product-promo > .promo { display: inline-block; position: relative; top: -10px;}
.basketitem-card-combi > .info header,
.basketitem-card-combi > .info header a {line-height: 20px; font-size: 15px;}
.basketitem-card-combi > .info .quantity { margin-bottom: 20px; }
.basketitem-card-combi > .info .product-packing { margin-bottom: 5px; }
.basketitem-card-combi > .info p { margin-bottom: 0; font-size: 15px; }
.basketitem-card-combi > .info > .summary { color: #3EB9C0; font-weight: 600; }
.basketitem-card-combi > .info > .summary > .subtotal { float: right; }
.basketitem-card-combi[data-minwidth~='280'] > .image { display: inline-block; width: 100px; vertical-align: top; margin-bottom: 0; }
.basketitem-card-combi[data-minwidth~='280'] > .image .product-image { width: 100%; height: 100px; }
.basketitem-card-combi[data-minwidth~='280'] > .info { display: inline-block; margin-left: 16px; width: calc(100% - 16px - 100px); vertical-align: top; }

.combi-groups {
    display: block;
    margin-bottom: 15px;
}

.combi-groups .combi-group {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #0069B4;
    cursor: pointer;
    background-color: white;
}

.combi-groups .combi-group.selected {
    background-color: #0069B4;
    color: white;
    cursor: default;
}

.custom-loader {
    width: 60px;
    height: 60px;
    animation: fa-spin 1s linear infinite;
    background-image: url('loader.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.brandimage { width: auto; margin-bottom: 10px; }
.item.icons { padding-right: 10px; }

span.js-modal.fa-question-circle:hover {
    color: #3EB9C0;
    cursor: pointer;
}

.field-save_delivery_address {
    padding-bottom: 5px;
}

.left-fields .buttonbar {
    width: 100% !important;
}

/* aircotool styling */
.pageid-aircotool .site-window-content {
    position: relative;
}

.pageid-aircotool .site-window-content section {
    position: relative;
}

.pageid-aircotool .site-window-content section > .page-width {
    padding-top: 10px;
    padding-bottom: 20px;
}

.pageid-aircotool .aircotool-result .button_bar {
    text-align: right;
}

.pageid-aircotool header { font-size: 16px; }

.pageid-aircotool .steps {
    background: unset;
}

.pageid-aircotool .steps .items-tab > .tabs { background: #F5F9FD; }

.pageid-aircotool .steps .items-tab > .tabs > .tab {
    text-align: center;
}

.pageid-aircotool .steps .step {
    width: 100%;
    text-align: left;
    height: 100%;
    padding: 20px;
    border-bottom: 2px solid #00223A;
    min-height: 500px;
}

.pageid-aircotool .steps .step:last-child {
    border-bottom: unset;
}

.pageid-aircotool .steps .step.result {
    height: 100%;
    min-height: 100vh;
}

.pageid-aircotool .as-h1,
.pageid-aircotool .as-h2,
.pageid-aircotool .as-h3,
.pageid-aircotool .as-h4,
.pageid-aircotool .as-h5,
.pageid-aircotool .as-h6 {
    background: unset !important;
}

.pageid-aircotool .steps .step .distribution,
.pageid-aircotool .steps .step .cooling_capacity,
.pageid-aircotool .steps .step .chamber_name {
    width: 300px;
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .pageid-aircotool .steps .step .distribution,
    .pageid-aircotool .steps .step .cooling_capacity,
    .pageid-aircotool .steps .step .chamber_name {
        width: 275px;
    }
}

.pageid-aircotool .steps:not(.total-1) .product-card .image.product-image {
    min-height: 110px;
}

.pageid-aircotool .extra-artnrs ul li {
    line-height: 15px;
    font-size: 13px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}

.pageid-aircotool .extra-artnrs ul li:before {
    position: absolute;
}

.pageid-aircotool .show-hide .dropdown {
    margin-bottom: 0;
}

.distribution .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 20px;
  vertical-align: top;
  top: 5px;
}

.distribution .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.distribution .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.distribution .slider:before {
  position: absolute;
  content: '';
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.distribution .slider .on {
    display: none;
}

.distribution .slider .on,
.distribution .slider .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
}

.distribution input:checked + .slider .on {
    display: block;
}

.distribution input:checked + .slider .off {
    display: none;
}

.distribution input:checked + .slider {
  background-color: #00CA5E;
}

.distribution input:focus + .slider {
  box-shadow: 0 0 1px #00CA5E;
}

.distribution input:checked + .slider:before {
  -webkit-transform: translateX(39px);
  -ms-transform: translateX(39px);
  transform: translateX(39px);
}

/* Rounded sliders */
.distribution .slider.round {
  border-radius: 34px;
}

.distribution .slider.round:before {
  border-radius: 50%;
}

.pageid-aircotool .result-filters > .filter {
    width: 200px;
    display: inline-block;
    padding-right: 20px;
}

@media only screen and (max-width: 659px) {
    .pageid-aircotool .result-filters > .filter {
        width: 100%;
    }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .pageid-aircotool .result-filters > .filter {
        width: 50%;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .pageid-aircotool .result-filters > .filter {
        width: 50%;
    }
}

.pageid-aircotool .compare-toggle-product {
    font-size: 12px;
}

.pageid-aircotool .product-card-infoorder > .action-price {
    margin-top: 0;
}

.pageid-aircotool input[name='chambers'] {
    display: none;
}
.pageid-aircotool span.selected {
    background: #3EB9C0;
}

.pageid-aircotool .product-card .properties {
    padding-top: 10px;
}

.pageid-aircotool .product-card .properties .property {
    border-bottom: 1px solid #0069b41c;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.pageid-aircotool .product-card .properties .property:last-child {
    border-bottom: unset;
    margin-bottom: 0;
    padding-bottom: 0;
}

.pageid-aircotool .product-card .properties .property > .label {
    width: 100%;
    font-weight: bold;
}
.pageid-aircotool .product-card .properties .property > .value {
    margin-top: 3px;
    width: 100%;
}
.pageid-aircotool .product-card .properties .property > .label,
.pageid-aircotool .product-card .properties .property > .separator,
.pageid-aircotool .product-card .properties .property > .value {
    display: inline-block;
    font-size: 12px;
    line-height: normal;
}

.pageid-aircotool .steps .items-block {
   margin-right: 0;
}

.pageid-aircotool .steps .items-block .item.right {
    padding-left: 0;
}

.pageid-aircotool .overview {
    padding: 20px;
    border: 1px solid #00223A;
    border-radius: 5px 0 0 5px;
    width: 360px;
    top: 20px;
    position: relative;
    max-height: calc(100vh - 33.33333%);
    overflow-y: auto;
}

.pageid-aircotool.sticky .overview {
    position: fixed;
}

@media only screen and (min-width: 1450px) {
    .pageid-aircotool.sticky .overview {
        top: 210px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .pageid-aircotool.sticky .overview {
        top: 260px;
    }
}

@media only print, only screen and (max-width: 959px) {
    .pageid-aircotool .overview {
        display: none !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .pageid-aircotool .overview {
        width: 310px;
    }
}

.pageid-aircotool .overview .chamber_info {
    border-bottom: 1px solid #00223A;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}
.pageid-aircotool .overview .chamber_info:last-child {
    border-bottom: unset;
    padding-bottom: unset;
    margin-bottom: unset;
}
.pageid-aircotool .overview .chamber_info:last-child .link {
    bottom: 0;
}

.pageid-aircotool .overview .chamber_info .name {
    font-weight: bold;
    font-size: 17px;
}
.pageid-aircotool .overview .chamber_info .description {
    font-weight: bold;
}
.pageid-aircotool .overview .chamber_info .artnr {
    padding-bottom: 5px;
}
.pageid-aircotool .overview .chamber_info .link {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.pageid-aircotool .js-aircotool-group {
    cursor: pointer;
}

.pageid-aircotool .step-1 .active-link .button {
    cursor: pointer;
    margin-right: 10px;
}

.pageid-aircotool .update-aircotool .results {
    font-size: 25px;
}

.pageid-aircotool .update-aircotool .results .result-cooling {
    font-size: 20px;
    color: #3EB9C0;
}

.pageid-aircotool .product-card {
    background-color: white;
    cursor: pointer;
}

.pageid-aircotool .product-card,
.pageid-aircotool .js-aircotool-group {
    transition: unset;
    box-shadow: unset;
    border: 3px solid #0069b41c;
    border-radius: 5px;
}

.pageid-aircotool .product-card:hover,
.pageid-aircotool .js-aircotool-group:hover {
    box-shadow: unset;
}

.pageid-aircotool .js-aircotool-group header {
    text-align: center;
}

.pageid-aircotool .product-card:hover header,
.pageid-aircotool .js-aircotool-group:hover header {
    box-shadow: unset;
    color: #00223A;
}

.pageid-aircotool .product-card.selected,
.pageid-aircotool .js-aircotool-group.selected {
    border: 3px solid #00223A;
}

.pageid-aircotool .product-card.selected:hover,
.pageid-aircotool .js-aircotool-group.selected:hover {
    cursor: default;
}

.pageid-aircotool .product-card:not(.selected):not(.product-card-combi):hover,
.pageid-aircotool .js-aircotool-group:not(.selected):not(.product-card-combi):hover {
    border-bottom: 3px solid #3EB9C0;
}

.pageid-aircotool .js-current-chamber,
.pageid-aircotool .js-select-all-accessories,
.pageid-aircotool .js-aircotool-select-multisplit {
    cursor: pointer;
}

@media only screen and (max-width: 659px) {
    .pageid-aircotool .step-1 label {
        margin-bottom: 5px;
    }

    .pageid-aircotool .modal-alsobought .content .plus-icon,
    .pageid-aircotool .modal-alsobought .content .original .product-card {
        display: none;
    }

    .modal-alsobought .content .original {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: right;
    }
}

@media only screen and (min-width: 960px) {
    .pageid-aircotool #modal-aircotool-capacityinfo {
        width: 70%;
    }
}

.pageid-aircotool #modal-aircotool-capacityinfo .label.best {
    display: inline-block;
    padding: 8px;
    border-radius: 0 0 15px 0;
    color: white;
}

.pageid-aircotool .product-card.js-aircotool-select-multisplit > .label {
    position: absolute;
    z-index: 1;
    left: -3px;
    top: -3px;
    padding: 8px;
    border-radius: 5px 0 5px 0;
    color: white;
}

.pageid-aircotool #modal-aircotool-capacityinfo .label.best,
.pageid-aircotool .product-card.js-aircotool-select-multisplit > .label.best {
    background: #00CA5E;
}

.pageid-aircotool #modal-aircotool-capacityinfo .label.related,
.pageid-aircotool .product-card.js-aircotool-select-multisplit > .label.related {
    background: #da5f38;
}

.pageid-aircotool .product-card.js-aircotool-select-article:has(.layover),
.pageid-aircotool .product-card.js-aircotool-select-article:has(.layover):hover,
.pageid-aircotool .product-card.js-aircotool-select-multisplit:has(.layover),
.pageid-aircotool .product-card.js-aircotool-select-multisplit:has(.layover):hover {
    border: unset;
    cursor: default;
}

.pageid-aircotool .product-card.js-aircotool-select-article .layover,
.pageid-aircotool .product-card.js-aircotool-select-article .layover:hover,
.pageid-aircotool .product-card.js-aircotool-select-multisplit .layover,
.pageid-aircotool .product-card.js-aircotool-select-multisplit .layover:hover {
    position: absolute;
    z-index: 1;
    background: rgba(26, 70, 112, 0.7);
    height: 100%;
    width: 100%;
    margin: -10px -12px;
    color: white;
}

.pageid-aircotool .product-card.js-aircotool-select-article .layover .text,
.pageid-aircotool .product-card.js-aircotool-select-multisplit .layover .text {
    position: relative;
    top: 50%;
    text-align: center;
    transform: translate(0%, -50%);
}

.pageid-aircotool .product-card.js-aircotool-select-article:hover .layover header,
.pageid-aircotool .product-card.js-aircotool-select-multisplit:hover .layover header {
    color: white;
}

.pageid-aircotool .capacity-info .content,
.pageid-aircotool .capacity-info .header {
    display: flex;
}

.pageid-aircotool .capacity-info .content > *,
.pageid-aircotool .capacity-info .header > * {
    display: flex;
    width: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.pageid-aircotool .capacity-info .content > *:first-child,
.pageid-aircotool .capacity-info .header > *:first-child {
    padding-left: 0;
}

.pageid-aircotool .capacity-info .content > *:last-child,
.pageid-aircotool .capacity-info .header > *:last-child {
    border-right: unset;
}

.pageid-aircotool .extra-artnrs {
    font-size: 14px;
}
.pageid-aircotool .extra-artnrs header.as-h4 {
    font-size: 16px;
}

.pageid-aircotool .items-tile .item.original .plus-icon {
    position: absolute;
    top: 125px;
    right: -8px;
}

@media only screen and (max-width: 659px) {
    .pageid-aircotool .items-tile .item.original .plus-icon {
        display: none;
    }
}

.pageid-aircotool a.calculator {
    line-height: 36px;
}
.pageid-aircotool a.calculator:hover {
    text-decoration: underline;
}

.pageid-aircotool .product-card-head-container > .image {
    min-height: 125px;
    margin-top: 20px;
}

.pageid-aircotool p.disclaimer {
    font-size: 12px;
}

.pageid-aircotool .anchor {
    width: 100%;
    position: relative;
}

@media only print, only screen and (max-width: 959px) {
    .pageid-aircotool .anchor {
        top: -54px;
    }
}

@media only screen and (min-width: 960px) {
    .pageid-aircotool .anchor {
        top: -60px;
    }
}

.modal-alsobought button.button {
    margin-left: auto;
    margin-top: 10px;
    display: block;
}

.modal-alsobought .content {
    display: flex;
}

.modal-alsobought .content .original {
    width: 200px;
}

.modal-alsobought .content .original .product-card .image.product-image {
    min-height: 170px;
}

.modal-alsobought .content .plus-icon {
    width: 50px;
    margin-top: 50px;
    text-align: center;
}

.modal-alsobought .content .accessories-items {
    width: calc(100% - 50px - 200px);
}

.modal-alsobought .content .input-accessories {
    position: absolute;
    top: 50%;
    z-index: 10;
}

.modal-alsobought .content .product-card {
    margin-left: 10px;
    border: 3px solid transparent;
}

#modal-delete-confirmation .modal-actions {
    display: flex;
    justify-content: space-between;
}

@media only print, only screen and (max-width: 959px) {
    .modal-alsobought .content {
        flex-direction: column;
    }
    .modal-alsobought .content .original {
        width: 100%;
    }
    .modal-alsobought .content .original .product-card {
        margin-left: 0;
    }
    .modal-alsobought .content .original .product-card .image.product-image {
        width: 170px;
    }
    .modal-alsobought .content .plus-icon {
        width: 100%;
        margin-top: 0;
    }
    .modal-alsobought .content .accessories-items {
        width: 100%;
    }
}

.item-category { min-height: 235px; padding-right: 15px; }
.page-order-basket .product-price-qbreaks { text-align: left; }
h2.bottom { color: #0069B4; }

.product-card header h2 { line-height: 12px; font-size: 16px; }

.js-remove-customer-logo { cursor: pointer; }

.company_address .customer_logo {
    display: inline-block;
    margin-top: 5px;
    vertical-align: top;
}

.company_address .customer_logo .logo-text {
    padding-top: 10px;
}

.company_address .customer_logo:has(.text),
.company_address .customer_logo:has(img),
.account-personal-logo .customer_logo:has(img) {
    max-width: 300px;
    border: 1px solid #FFFFFF;
    padding: 15px;
    margin-bottom: 10px;
}

.company_address .checkbox {
    width: 100%;
    cursor: pointer;
}

.account-personal-logo .customer_logo > a {
    padding-top: 20px;
    font-size: 12px;
}

.account-personal-logo .customer_logo > form {
    margin-top: 1rem;
    margin-bottom: 0;
}

#send-download-pdf form {
    max-height: 75vh;
    overflow: auto;
    padding-right: 10px;
}
/* width */
#send-download-pdf form::-webkit-scrollbar {
  width: 5px;
}

/* Track */
#send-download-pdf form::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
#send-download-pdf form::-webkit-scrollbar-thumb {
  background: #FFFFFF; 
  border-radius: 5px;
}

form.send-download-pdf .field-personal_coolmark,
form.send-download-pdf .field-download_email {
    width: 100%;
}

.form-fields .field-personal_coolmark .labelvalue { width: 100%; }
.form-fields .field-personal_coolmark .labelvalue > h3 { width: 100%; }
.form-fields .field-personal_coolmark .labelvalue > label { text-indent: 0; position: relative; width: 100%; margin: 0; border-radius: 5px; border: 1px solid #00223A; padding: 10px; margin-bottom: 10px; background-color: white; transition: all 0.25s ease-in-out 0s; }
.form-fields .field-personal_coolmark .labelvalue label.selected-radio { background: #00223A; color: white; }
.form-fields .field-personal_coolmark .labelvalue label.selected-radio p { color: inherit; }
.form-fields .field-personal_coolmark .labelvalue > label p { margin: 0; padding-left: 25px; }
.form-fields .field-personal_coolmark .labelvalue > label span.fa { position: absolute; }
.form-fields .field-personal_coolmark .labelvalue > label h3 { background: transparent; }
.form-fields .field-personal_coolmark .labelvalue input { display: none; }
.form-fields .field-personal_coolmark .labelvalue > p { line-height: 20px; font-size: 14px; }
.form-fields .field-personal_coolmark .labelvalue > label.selected-radio span.fa:before { content: '\f14a'; }
.form-fields .field-personal_coolmark .labelvalue > label:not(.selected-radio) span.fa:before { content: '\f096'; }
.form-fields .field-personal_coolmark .labelvalue > label:hover:not(.selected-radio) { cursor: pointer; }
.form-fields .field-personal_coolmark .labelvalue > label:hover:not(.selected-radio) span.fa:before { content: '\f14a'; }

.form-fields .field-alternative_address .labelvalue { width: 100%; }
.form-fields .field-alternative_address .labelvalue > label { margin-left: 0; }

.js-hide-company-address,
.js-show-company-address {
    cursor: pointer;
}
.js-hide-company-address:hover,
.js-show-company-address:hover {
    text-decoration: underline;
}

.company_address > .address {
    display: inline-block;
    padding: 10px;
    border: 1px solid #FFFFFF;
    margin-top: 5px;
    margin-right: 20px;
}

.email_download {
    position: relative;
}

.email_download .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  vertical-align: top;
  top: 5px;
}

.email_download .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.email_download input[disabled] + .slider {
  cursor: not-allowed;
}

.email_download .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.email_download .slider:before {
  position: absolute;
  content: '';
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.email_download input:checked + .slider {
  background-color: #2196F3;
}

.email_download input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.email_download input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.email_download .slider.round {
  border-radius: 34px;
}

.email_download .slider.round:before {
  border-radius: 50%;
}

  .basketitem-product .product-price-base {
    line-height: unset !important;
  }



.switch-wrapper{
  margin-top: -5px;
  margin-left: 5px;
  width: 70px;
  height: 2em;
  position: relative;
  cursor: pointer;
}

.switch-wrapper input[type='checkbox']{
  width: 70px;
  height: 2em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #3EB9C0;
  border-radius: 1.5em;
  position: relative;
  outline: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.switch-wrapper input[type='checkbox']:after{
  position: absolute;
  content: '';
  top: 12.5%;
  left: 5%;
  width: 1.5em;
  height: 1.5em;
  box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
  background: #fff;
  z-index: 2;
  border-radius: 1em;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.switch-wrapper span{
  color: white;
  font-weight: 700;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  fill: #fff;
  -webkit-transition: all .35s;
  transition: all .35s;
  z-index: 1;
  cursor: pointer;
}

.switch-wrapper .is_checked{
  color: white;
  width: 18px;
  left: 18%;
  -webkit-transform: translateX(0) translateY(-50%) scale(0);
          transform: translateX(0) translateY(-50%) scale(0);
}

.switch-wrapper .is_unchecked{
  width: 20px;
  right: 30%;
  -webkit-transform: translateX(0) translateY(-50%) scale(1);
          transform: translateX(0) translateY(-50%) scale(1);
}

.switch-wrapper input[type='checkbox']:checked + .is_checked{
    -webkit-transform: translateX(0) translateY(-50%) scale(1);
            transform: translateX(0) translateY(-50%) scale(1);
  }
  
  .switch-wrapper input[type='checkbox']:checked ~ .is_unchecked{
    -webkit-transform: translateX(-190%) translateY(-50%) scale(0);
            transform: translateX(-190%) translateY(-50%) scale(0);
  }

/* Checked State */
.switch-wrapper input[type='checkbox']:checked{
  background: #A23B72;
}

.switch-wrapper input[type='checkbox']:before {
    display: none;
}

.switch-wrapper input[type='checkbox']:checked:after{
  left: calc(100% - 28px);
}

html input[disabled] { cursor: not-allowed; background: #edebeb; }

label:has(input[disabled]) span { color: gray; }

.inspiremap {
    position: relative;
}

.inspiremap.with-round-corners .image {
    border-radius: 5px;
}

.inspiremap-image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.inspiremap-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.inspiremap-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only print, only screen and (max-width: 959px) {
    .inspiremap-content { overflow: hidden; }
}

section:has(.inspiremap-content) {
    position: relative;
    z-index: 998;
}

.inspire-container {
    position: relative;
    max-width: 280px;
    width: auto;
    text-align: left;
    z-index: 999;
}

.inspire-container-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1001;
    cursor: pointer;
    font-size: 20px;
    color: #00223A;
    line-height: 1;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    transition: opacity 0.2s, background-color 0.2s;
}

.inspire-container-close:hover {
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 1);
}
.site-window-content > .inspire-container .inspire-item,
.inspiremap-content .inspire-container .inspire-item {
    display: none;
    box-shadow: none;
}
.site-window-content > .inspire-container .inspire-item.is-selected,
.inspiremap-content .inspire-container .inspire-item.is-selected {
    position: absolute;
    top: -20px;
    width: 100%;
    left: 0px;
    z-index: 1000;
    display: block;
    padding-top: 15px;
    padding-left: 15px;
}
.site-window-content > .inspire-container .inspire-item.is-selected .inspire-item-content,
.inspiremap-content .inspire-container .inspire-item.is-selected .inspire-item-content {
    padding: 20px;
    border-radius: 5px;
    background-color: white;
}
.site-window-content > .inspire-container .inspire-item.is-selected .inspire-item-content .image-container .no-user,
.inspiremap-content .inspire-container .inspire-item.is-selected .inspire-item-content .image-container .no-user {
    display: none;
}
.site-window-content > .inspire-container .inspire-item.right,
.inspiremap-content .inspire-container .inspire-item.right {
    left: -260px;
    padding-right: 15px;
    padding-left: unset;
}
.site-window-content > .inspire-container .inspire-item.left,
.inspiremap-content .inspire-container .inspire-item.left {
    left: 15px;
    padding-left: 15px;
    padding-right: unset;
}
.site-window-content > .inspire-container .inspire-item.bottom,
.inspiremap-content .inspire-container .inspire-item.bottom {
    padding-top: unset;
    padding-bottom: 15px;
}
.inspiremap .dot {
    width: 25px;
    height: 25px;
    position: absolute;
    background-color: #3EB9C0;
    border-radius: 50%;
    cursor: pointer;
    line-height: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 960px) {
    .inspiremap .dot {
        width: 39px;
        height: 39px;
    }
    .inspiremap .dot .fa {
        font-size: 17px !important;
    }
    .inspiremap .dot.is-selected .fa::before {
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0;
    }

    .inspiremap-content .inspire-container .inspire-item.is-selected {
        padding-top: 30px !important;
        padding-left: 30px !important;
    }   
}

@media only print, only screen and (max-width: 959px) {
    .inspiremap .dot:hover .fa,
    .inspiremap .dot.is-selected .fa {
        font-size: 15px !important;
    }
    .inspiremap .dot:hover .fa:before,
    .inspiremap .dot.is-selected .fa:before {
        width: 17px !important;
        height: 17px !important;
        flex-shrink: 0;
    }
}

.inspiremap .dot .fa {
    color: white;
    padding: 0;
    margin: 0;
    font-size: 11px;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inspiremap .dot:hover .fa,
.inspiremap .dot.is-selected .fa {
    font-size: 20px;
}

.inspiremap .dot:hover .fa:before,
.inspiremap .dot.is-selected .fa:before {
    content: '';
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
}

/* Inspiremap button styling */
.inspiremap-button-container {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    cursor: pointer;
}

.inspiremap-modal .inspiremap-button-container {
    display: none;
}

.inspiremap-modal .product-card-inspire > .info-container > .info header {
    padding: 0;
    margin-right: 0;
    font-size: 16px;
}

.js-hide-inspire {
    display: none;
}

@media only print, only screen and (min-width: 660px) {
    .inspiremap-content .inspire-container .inspire-item.right .inspire-item-content:before {
        left: 270px;
    }
    .inspiremap-content .inspire-container .inspire-item.left .inspire-item-content:before {
        left: -10px;
    }
}


.inspire-item-content > h3 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 5px;
}
.inspire-item-content > a,
.inspire-item-content > p {
    font-size: 13px;
    line-height: 18px;
}

.inspire-item-content > a:has(.fa) {
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 34px;
    height: 34px;
    background: #3EB9C0;
    border-radius: 500px;
    padding: 8px;
    color: white;
}

.inspiremap .product-card-inspire .image-container .image { 
    display: none;
}

.inspiremap .product-card-inspire .order-add-product {
    display: none;
}

.inspiremap .product-card-inspire .action-price {
    display: none;
}

.inspiremap .product-card-inspire .no-user { display: none; }

.inspiremap-modal .product-card-inspire .form .input-combined .first {
    display: none;
}
.inspiremap-modal .product-card-inspire .info-container .no-user { display: none; }


@media only print, only screen and (max-width: 959px) {
    .inspiremap-modal .product-card-inspire .order-add-product .input-combined .button { width: 100%; }
}

.inspiremap-modal .product-card-inspire .form {
    margin-bottom: 0;
}

.product-card-inspire:hover,
.product-card-inspire {
    box-shadow: unset;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    padding-left: 0;
}
.inspiremap-modal .product-card-inspire > .image-container > .image .image.product-image {
    min-height: 100px;
}

@media only print, only screen and (min-width: 660px) {
    .inspiremap-modal .product-card-inspire > .image-container {
        width: 145px;
        display: inline-block;
        vertical-align: top;
    }
    .inspiremap-modal .product-card-inspire > .info-container {
        display: inline-block;
        padding-left: 10px;
        width: calc(100% - 145px);
        vertical-align: top;
    }
}

@media only screen and (min-width: 960px) {
    .modal-large.inspiremap-modal { max-height: 90vh; overflow: hidden; }
}

.product-card-inspire > .info-container > .info header {
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 5px;
}
.product-card-inspire > .info-container > .info p {
    line-height: 20px;
    font-size: 14px;
    margin: 0;
}

.inspire-item-content .product-card { padding: 0; margin-bottom: 0; }
.inspire-item-content .product-card > .info-container { width: 100%; padding-left: 0; }
.inspire-item-content .product-card > .info-container > .info > .product-stock { width: calc(100% - 35px); margin-top: 5px; }

@keyframes fadeInInspire {
    0% {
        background-color: transparent;
        opacity: 0;
    }
    100% {
        background-color: #333333;
        opacity: 0.7;
    }
}

@keyframes fadeOutInspire {
    100% {
        background-color: transparent;
        opacity: 1;
    }
}

@keyframes fadeInInspireItem {
    0% {
        bottom: -100vh;
    }
}

@media only screen and (max-width: 659px){
    .site-window-content > .inspire-container,
    .inspiremap .inspire-container,
    .inspiremap-content .inspire-container {
        top: auto !important;
        left: 0 !important;
        width: 100%;
        height: 100vh;
        position: relative;
        bottom: 0;
        z-index: -1;
    }
    .site-window-content > .inspire-container::before,
    .inspiremap .inspire-container::before,
    .inspiremap-content .inspire-container::before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        animation: fadeOutInspire 1s ease-in-out forwards;
    }
    .site-window-content > .inspire-container.active,
    .inspiremap .inspire-container.active,
    .inspiremap-content .inspire-container.active {
        z-index: 9999999;
        position: fixed;
    }
    .site-window-content > .inspire-container.active::before,
    .inspiremap .inspire-container.active::before,
    .inspiremap-content .inspire-container.active::before {
        animation: fadeInInspire 1s forwards;
    }
    .site-window-content > .inspire-container.active .inspire-item,
    .inspiremap .inspire-container.active .inspire-item,
    .inspiremap-content .inspire-container.active .inspire-item {
        background-color: white;
        border-radius: 5px 5px 0 0;
        animation: fadeInInspireItem 0.5s ease-in-out forwards;
    }
    .site-window-content > .inspire-container .inspire-item.is-selected,
    .site-window-content > .inspire-container .inspire-item.right,
    .inspiremap .inspire-container .inspire-item.is-selected,
    .inspiremap .inspire-container .inspire-item.right,
    .inspiremap-content .inspire-container .inspire-item.is-selected,
    .inspiremap-content .inspire-container .inspire-item.right {
        left: 0;
        position: fixed;
    }
    .js-hide-inspire {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 11;
        color: #00223A;
        cursor: pointer;
        display: block;
        font-size: 20px;
    }
    .site-window-content > .inspire-container .inspire-item.is-selected,
    .inspiremap .inspire-container .inspire-item.is-selected,
    .inspiremap-content .inspire-container .inspire-item.is-selected {
        top: unset;
        bottom: 0;
    }
    .inspire-container {
        max-width: 100vw;
    }
    .form-with-steps .next-step .button{ font-size: 14px; padding: 3px 5px; }
    .form-with-steps .next-step { width: 62%!important; padding: 15px 10px!important;}
    .form-with-steps .prev-step .button{ font-size: 14px; padding: 3px 5px; }
    .form-with-steps .prev-step { width: 38%!important; padding: 15px 10px!important; }
    .field-koudetechniek .value,
    .field-airconditioning .value,
    .field-warmtepompen .value { display: grid; } 
    .form-with-steps .next-step .form-fields { min-width: 0px; }
    .items-tab.as-steps > .tabs > .tab.is-selected { display: block; }
    .items-tab.as-steps > .tabs > .tab { display: none; }
}
.form-with-steps .tab.disabled { pointer-events: none; }
.form-with-steps .tab.disabled:hover { cursor: not-allowed; }

.modal-xrlink { width: calc(100vw - 10%); height: calc(100vh - 100px); }
.modal-xrlink p { line-height: 10px; font-size: 12px; }
.modal-xrlink .brand_image { max-height: 50px; width: auto; max-width: 100%; background-position: left; }
.modal-xrlink .projectimage_image { background-position: left; }
.modal-xrlink .image.qrcode { height: 125px; width: auto; }
.modal-xrlink .items-block > .item.info > .item-stylable { overflow-y: auto; max-height: calc(100vh - 30%); padding-left: 5px; }
.modal-xrlink .order-add-product .form.with-feedback-popover { margin-bottom: 0; }
.modal-xrlink .action .product-price { padding-bottom: 0; }
.modal-xrlink .action:has(.product-price) .product-price { margin-top: -0.5rem; }
.modal-xrlink button.mfp-close { background: transparent; }

@media only print, only screen and (max-width: 959px) {
    .button.xrlink { margin-bottom: 10px; margin-left: 0; margin-right: 10px; }
    .page-article .generatepdf { margin-bottom: 0; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .modal-xrlink .image.qrcode { height: 100px; }
}

.modal-website-notification table { width: 100%; }

.pageid-klant-worden .value:has(.feedback .is-error){
    position: relative;
}
.pageid-klant-worden .value:has(.feedback .is-error) > span {
   border: 1px solid #c9302c;
   border-radius: 5px;
}

.pageid-klant-worden .value:has(.feedback .is-error) .helptext {
   display: none;
}
 
.pageid-klant-worden .value:has(.feedback .is-error) .file,
.pageid-klant-worden .value:has(.feedback .is-error) .textbox {
    border: 1px solid #c9302c;
}

.pageid-klant-worden .value:has(.feedback .is-error) .is-error::before {
    content: '\f06a';
    font-family: 'fontawesome';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 22px;
    right: 10px;
    color: red;
}

.pageid-klant-worden .value:has(.feedback .is-error) .feedback-fgassencertificaatupload .is-error::before,
.pageid-klant-worden .value:has(.feedback .is-error) .feedback-persoonlijkfgassencertificaatupload .is-error::before {
    content: '\f06a';
    font-family: 'fontawesome';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 22px;
    right: 48px;
    color: red;
}

.pageid-klant-worden .feedback:has(.is-error) .is-error {
   color: #c9302c;
   padding: 0px;
   border: 0px;
}
input.required.valid,
textarea.required.valid {
    border: 1px solid green!important;
}
select.required.valid ~ span.select2 {
    border: 1px solid green!important;
    border-radius: 5px;
}

input.required.invalid,
select.required.invalid,
textarea.required.invalid {
    border: 1px solid #c9302c;
}

.modal-buttonbar {
    display: flex;
    justify-content: space-between;
}

.product-price-lower {
    margin-right: 10px;
}

.product-price-lower p {
    color: #00223A;
    margin-bottom: 0;
}

.product-price-lower .price-base.with-slashthrough {
    margin-left: unset;
    margin-right: 10px;
}

.service-pros-cons input {
    margin-top: 4px;
    margin-right: 10px;
    display: inline-block;
    min-width: 13px;
}

.device-mobile .service-pros-cons input {
    margin-top: 0;
}

.service-pros-cons .service {
    border: 1px solid #00223A;
    border-radius: 5px;
    padding: 10px 100px 10px 15px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: start;
}

.service-pros-cons .service.is-selected {
    border: 1px solid #3EB9C0;
}

.service-pros-cons .service.is-selected:has(.service-price) {
    padding: 10px 100px 45px 15px;
}
.page-article .item.info .service-pros-cons .service.is-selected:has(.service-price) {
    padding: 10px 100px 10px 15px;
}

.service-pros-cons .service-items {
    padding-top: 10px;
    font-weight: normal;
}

.service-pros-cons .service-price {
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.service-pros-cons .is-selected .service-price {
    bottom: 20px;
    top: unset;
    transform: unset;
    color: #3EB9C0;
}

.page-article .item.info .service-pros-cons .is-selected .service-price {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
}

.service-pros-cons label {
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    width: calc(100% - 30px);
}

.service-pros-cons .service-pros .fa {
    background-color: #00CA5E;
}

.service-pros-cons .service-cons .fa {
    background-color: #D62828;
}

.service-pros-cons .service-item > * {
    vertical-align: middle;
}

.service-pros-cons .service-item .fa {
    border-radius: 50%;
    color: white;
    font-size: 8px;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.includes-service {
    color: #3EB9C0;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
}

.product-card .service-pros-cons .service.is-selected:has(.service-price),
.product-card .service-pros-cons .service {
    padding: 10px 15px 10px 15px;
}

.product-card .service-pros-cons .service-price {
    position: relative;
    transform: unset;
    right: unset;
    top: unset;
    bottom: unset;
    text-align: right;
    padding-top: 10px;
}

.product-card .service-pros-cons .service-items {
    display: none;
}

.page-cross-sell .site-window-content .product-card-alternative .green-text {
    font-size: 13px;
}

.page-cross-sell .site-window-content .cross-sell-articles > .service-pros-cons {
    display: flex;
}

.page-cross-sell .site-window-content .cross-sell-articles > .service-pros-cons .service {
    width: 100%;;
    max-width: 400px;
    margin-right: 20px;
    background-color: white;
    padding-bottom: 40px;
    padding-right: 10px;
}

.page-cross-sell .site-window-content .cross-sell-articles > .service-pros-cons .service-price {
    top: unset;
    bottom: 15px;
    transform: unset;
}

.page-article .item.info .service-pros-cons .service-items {
    display: block !important;
}

.page-cross-sell .site-window-content .items-conveyor {
    margin-bottom:20px;
}

@media only print, only screen and (max-width: 959px) {
    .page-cross-sell .site-window-content .main-product[data-minwidth~='350'] {
        display: block;
    }

    .page-cross-sell .site-window-content .main-product[data-minwidth~='350'] .image-container {
        margin-right: 15px;
        display: inline-block;
    }

    .page-cross-sell .site-window-content .main-product[data-minwidth~='350'] .info-container {
        display: inline-block;
        width: calc(100% - 95px);
        vertical-align: top;
    }

    .page-cross-sell .site-window-content .main-product[data-minwidth~='380'] .info-container {
        width: calc(100% - 135px);
    }
    
    .page-cross-sell .site-window-content .main-product[data-minwidth~='600'] .image-container {
        margin-right: 15px;
        display: inline-block;
    }
    
    .page-cross-sell .site-window-content .main-product[data-minwidth~='600'] .info-container {
        display: inline-block;
        width: calc(100% - 205px);
        vertical-align: top;
    }
    
    .page-cross-sell .site-window-content .main-product[data-minwidth~='380'] .action {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 960px) {
    .page-cross-sell .site-window-content .main-product > .card {
        display: flex;
    }

    .page-cross-sell .site-window-content .main-product > .card .image-container > .image {
        width: 190px;
    }

    .page-cross-sell .site-window-content .main-product > .card .info-container {
        display: inline-block;
        width: calc(100% - 130px);
        vertical-align: top;
    }

    .page-cross-sell .site-window-content .main-product > .card .info-container .action-price {
        display: inline-block;
    }

    .page-cross-sell .site-window-content .main-product > .card .image-container {
       margin-right: 15px;
       display: inline-block;
    }
}

.cross-sell-summary {
    position: fixed;
    bottom: 30px;
    right: 30px;
    max-width: 300px;
    background-color: #F5F9FD;
    z-index: 100;
    border: 1px solid #3EB9C0;
    border-radius: 5px;
}

.cross-sell-summary .articles {
    max-height: 365px;
    overflow-y: auto;
    margin: 10px 10px 15px;
    padding-right: 10px;
}

.cross-sell-summary .title > a {
    padding: 15px 30px;
    width: 300px;
    border: unset;
    border-radius: 8px;
}

.cross-sell-summary .title > a:hover {
    background-color: #3EB9C0;
    color: white;
}

.cross-sell-summary .button {
    width: 100%;
}

.cross-sell-summary:has(.articles.is-hidden) {
    border: unset;
}

.cross-sell-summary .articles .product-card {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 10px;
}

.cross-sell-summary .articles .product-card .image-container > .image {
    width: 80px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.cross-sell-summary .articles .product-card .image-container > .image .product-image {
    min-height: 80px;
}

.cross-sell-summary .articles .product-card .image-container > .info {
    display: inline-block;
    width: calc(100% - 90px);
}

.cross-sell-summary .articles .product-card .image-container > .info header {
    font-size: 14px;
    line-height: 16px;
    padding-right: 5px;
}

.cross-sell-summary .articles .product-card .image-container > .info p {
    font-size: 12px;
    line-height: 14px;
}

.cross-sell-summary .articles .product-card .action-price {
    margin-bottom: 0;
}

.cross-sell-summary .articles .product-card .order-update-product {
    margin-right: 10px;
    min-width: unset;
}

.cross-sell-summary .articles .product-card .order-update-product form {
    margin-bottom: unset;
}

.cross-sell-summary .icon-container {
    position: relative;
    padding: 10px;
}

.cross-sell-summary .icon-container .plus-icon {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.cross-sell-summary .delete-article {
    position: absolute;
    top: -10px;
    right: -5px;
    cursor: pointer;
    padding: 5px;
}

.cross-sell-articles .heading > div {
    display: inline-block;
    vertical-align: baseline;
}

.cross-sell-articles .heading > div.counter {
    border-radius: 50%;
    background-color: #00223A;
    color: white;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    margin-right: 10px;
}

.page-cross-sell .site-window-content .cross-sell-articles .product-card .action-price > div > a.with-alternate-color { display: none; }

@media only print, only screen and (max-width: 959px) {
    .page-cross-sell .site-window-content .product-card .alternative a.js-call {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}

@media only screen and (max-width: 659px) {
    .page-cross-sell .site-window-content .cross-sell-articles > .service-pros-cons {
        display: block;
    }

    .items-conveyor.bottom-arrows,
    .page-cross-sell .site-window-content .items-conveyor {
        margin-bottom: 50px;
    }

    .items-conveyor.bottom-arrows .items-window,
    .page-cross-sell .site-window-content .items-conveyor .items-window {
        left: 0;
        width: 100%;
        overflow: hidden;
    }

    .items-conveyor.bottom-arrows > .items-window > .items,
    .page-cross-sell .site-window-content .items-conveyor.with-gutter > .items-window > .items {
        margin: 0;
        padding: 2px 0;
    }

    .items-conveyor.bottom-arrows > .items-window > .items > .item,
    .page-cross-sell .site-window-content .items-conveyor.with-gutter > .items-window > .items > .item {
        padding: 0 2px;
    }

    .items-conveyor.bottom-arrows > .nav-right,
    .items-conveyor.bottom-arrows > .nav-left,
    .page-cross-sell .site-window-content .items-conveyor > .nav-right,
    .page-cross-sell .site-window-content .items-conveyor > .nav-left {
        top: unset;
        bottom: -60px;
    }

    .items-conveyor.bottom-arrows > .nav-right,
    .page-cross-sell .site-window-content .items-conveyor > .nav-right {
        right: unset;
        left: calc(50% + 5px);
    }

    .items-conveyor.bottom-arrows > .nav-left,
    .page-cross-sell .site-window-content .items-conveyor > .nav-left {
        left: calc(50% - 34px - 5px);
    }
}

@media only screen and (min-width: 960px) {
    .page-cross-sell .site-window-content .cross-sell-combi-articles .product-subsidie-icon { top: 20px; }
}

.cross-sell-articles .heading {
    margin-bottom: 10px;
}

.cross-sell-articles .heading > div {
    vertical-align: middle;
}

.cross-sell-articles .heading > div.text {
    width: calc(100% - 50px);
}

.cross-sell-articles .heading > div.text h4 {
    margin: 0;
}

.product-summary-group { margin-bottom: 10px; }
.product-summary-group:last-child { margin-bottom: 0; }
.product-summary-group-title { font-weight: bold; }
.product-summary-item { display: block; padding-bottom: 10px; }
.product-summary-item > div { display: inline-block; vertical-align: top; }
.product-summary-item > div.description { width: 300px; padding-left: 5px; }
.product-summary-item > div.price { width: 100px; padding-left: 20px; }
.product-summary-item > div.quantity { width: 75px; }

@media only screen and (max-width: 659px) {
    .product-summary-item > div.icon {
        width: 25px;
        text-align: left;
    }
    .product-summary-item > div.description {
        width: calc(100% - 25px);
        padding-left: 0;
    }
    .product-summary-item > div.price {
        padding-left: 25px;
    }
}

.quicksearch-container {
    position: relative;
    margin-top: 75px;
    margin-bottom: 20px;
}

.quicksearch .product-card > .product-card-head-container > .image, .quicksearch .product-card > .image, .quicksearch .product-card .image.product-image {
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
}

.quicksearch .vertical-space {
    display: none;
}

.quicksearch .product-card-infoorder > .action-price {
    margin: 0;
}

.quicksearch .product-price-base-table > table > tbody > tr:first-child > td {
    padding-top: 0;
}

.quicksearch .product-price-base-table > table > tbody > tr:last-child > td { 
    padding-bottom: 0;
}

.quicksearch-item-container-1 {
    width: 30%;
    padding-right: 30px;
}

.quicksearch-item-container-2 {
    width: 70%;
}

.quicksearch .vertical-scroll {
    display: flex;
}

.quicksearch .product-card { 
    background: white;
    box-shadow: none;
}

.quicksearch .quicksearch-products-header {
    display: flex;
    margin-bottom: 14px;
}

.quicksearch .quicksearch-products-header .products-title {
    width: 50%;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.quicksearch .quicksearch-products-header .products-link {
    width: 50%;
    font-size: 14px;
    text-decoration: underline;
    text-align: right;
}

.quicksearch .quicksearch-suggestions-header:not(:first-of-type) {
    margin-top: 12px;
}

.quicksearch .quicksearch-suggestions-header .suggestions-title {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.quicksearch .suggestion-list .suggestion-item a {
    font-weight: normal;
    display: block;
    width: calc(100% - 25px);
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quicksearch .suggestions-container {
    height: unset !important;
}

.quicksearch .snippet-container {
    height: unset !important;
    margin-top: 50px;
    text-align: center;
    background: #0069b41c;
    padding: 16px 0px;
    font-size: 13px;
}
.quicksearch .snippet-container header { 
    font-weight: bold;
    font-size: 13px;
}

.quicksearch .snippet-container .link {
    font-weight: normal;
    font-size: 13px;
}

.quicksearch .snippet-container .button-icon {
    font-size: 28px;
}

.quicksearch .snippet-container p {
    line-height: 1.5em;
}

.quicksearch .snippet-container-no-results { margin-top: auto; }

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

    .quicksearch .container {
        width: 100%;
        min-width: 100%;
        margin-bottom: 10px;;
        display: flex;
    }
    
    body.no-user .quicksearch .container form:not(.form-check-add) {
        order: 1;
        width: 100%;
    }

    .quicksearch .container form {
        margin-bottom: 0 !important;
    }
}

.quicksearch .product-card .product-stock-alt span.text,
.quicksearch .product-card .product-stock span.text {
    width: auto;
}

.quicksearch .product-card .product-stock .icon {
    display: inline-block;
}

.quicksearch .product-card .product-promo-slogan, .quicksearch .product-valid_until {
    display: none; 
}

.quicksearch .product-card > .image-container > .image > .promo-image > .product-promo {
    top: 0px !important;
    width: 75px;
    display: none;
}

.quicksearch .comparefavorite {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block !important;
}

.quicksearch .comparefavorite .thisbutton {
    margin-right: 0;
}

.quicksearch .comparefavorite .thisbutton .text {
    display: inline-block;
}

.quicksearch .comparefavorite .favorites {
    position: absolute;
    top: 0px;
    left: 125px;
}

.quicksearch .comparefavorite .favorites span.text {
    display: none;
}

.quicksearch .comparefavorite .compare {
    position: absolute;
    top: 110px;
    left: 10px;
}

@media only screen and (max-width: 659px) {
    .quicksearch .product-card[data-minwidth~='350'] .comparefavorite .compare {
        top: unset;
        bottom: 10px;
    }
}

.quicksearch .product-stock, .quicksearch .product-stock-alt, .quicksearch .product-pickup {
    padding-bottom: 0;
}

.quicksearch .pages {
    margin-top: 10px;
}

.quicksearch .pages header {
    font-size: 14px;
    font-weight: bold;
}

.quicksearch .pages .pagedoc {
    padding-right: 25px;
}

.quicksearch .pages .pagedoc a {
    position: relative;
    left: 25px;
}

.quicksearch .pages .pagedoc span {
    position: absolute;
}

.quicksearch .icon_login {
    display: block;
}

.quicksearch .login_text {
    display: none;
}

body.no-user .quicksearch .container {
    margin-top: 10px;
}

@media only print, only screen and (max-width: 959px) {
    .quicksearch-item-container-1 {
        width: 100%;
    }

    .quicksearch-item-container-2 {
        width: 100%;
    }

    .quicksearch .vertical-scroll {
        display: block;
        padding: 0px;
    }

    .quicksearch .suggestions-container,
    .quicksearch .pages {
        padding: 0 0 0 20px;
    }

    .quicksearch .quicksearch-container {
        margin-top: 20px;
        padding: 0 5px;
    }

    .quicksearch .snippet-container {
        margin-top: unset;
    }
}

.quicksearch .info-container {
    margin-top: 30px;
}

.quicksearch #product-subsidie .button {
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
}


.form-search > form > .input-combined .closebtn .thisbutton {
    background: unset;
    position: absolute;
    top: 4px;
    right: 20px;
    z-index: 1000;
    color: #5e5e5e;
    font-size: 14px;
}

@media only print, only screen and (max-width: 959px) {
    .form-search > form > .input-combined .closebtn .thisbutton {
        top: 2px;
        right: 72px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .form-search > form > .input-combined .closebtn .thisbutton { 
        right: -100px;
    }
}

.page-tweakwise-search-results .search-results-header {
    position: relative;
}

.page-tweakwise-search-results .search-results-header p {
    text-align: center;
    font-size: 14px;
    color: #b0b5b7;
    margin-bottom: 0px;
}

.page-tweakwise-search-results .search-results-header h1 {
    text-align: center;
    text-transform: uppercase;
    color: #3EB9C0;
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 26px;
}

.page-tweakwise-search-results .search-results-header h1:after {
    content: '';
    display: block;
    border-bottom: 1px solid #000;
    width: 3.25rem;
    margin: 0 auto;
    bottom: 0;
    margin-top: 10px;
}

.page-tweakwise-search-results .search-tabs {
    padding: 5px 0px 5px 0px;
    margin: 0 auto;
    left: 0px;
    z-index: 1000;
    width: 50%;
    top: 0;
}

.page-tweakwise-search-results section.with-padding-top > .page-width {
    padding-top: 20px;
}

.page-tweakwise-search-results .search-tabs .item {
    padding: 0px 8px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 960px) {
    .page-tweakwise-search-results .search-tabs {
        position: absolute;
        width: 305px;
        top: 30px;
    }

    .page-tweakwise-search-results .search-tabs .item {
        padding: 0px 4px;
    }

    .page-tweakwise-search-results .search-results-news,
    .page-tweakwise-search-results .search-results-content {
        padding-top: 10px;
    }

    .page-tweakwise-search-results section:not(.sidebar) .search-results-article .page-width {
        padding: 0px;
    }
}

@media only print, only screen and (max-width: 959px) {
    .page-tweakwise-search-results .search-tabs {
        width: 100%;
    }
}

@media only print, only screen and (max-width: 959px) {
    .page-tweakwise-search-results .search-tabs {
        position: relative;
        top: unset;
    }

    .result-pages-paginator-container .result-pages {
        display: none;
    }

    .page-tweakwise-search-results .sortcontainer {
        max-width: calc(50% - 16px);
    }
}

@media only screen and (max-width: 659px) {
    .page-tweakwise-search-results .result-pages-paginator-container {
        display: none;
    }

    .page-tweakwise-search-results .result-container .sortcontainer {
        display: inline;
        width: 100%;
    }
}

.page-tweakwise-search-results .search-tabs .item .item-stylable {
    background: #fff;
    text-align: center;
    /* width: calc(33.333333% - 10px); */
    position: relative;
    border: 1px solid #FFFFFF;
    padding: 4px 16px;
    transition: background 0.1s ease-in;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    border: 2px solid #fff;
}

.page-tweakwise-search-results .search-tabs .items-tile {
    text-align: center;
    margin: unset;
}

@media only screen and (max-width: 659px) {
    .page-tweakwise-search-results .search-tabs {
        position: relative;
        width: 100%;
    }
}

.page-tweakwise-search-results .search-tabs .item.is_selected .item-stylable, .page-tweakwise-search-results .search-tabs .item .item-stylable:hover {
    border: 2px solid #00223A;
    background: #fbfdff;
}

.page-tweakwise-search-results .page-width {
    position: relative;
}

.page-tweakwise-search-results .filters header { 
    font-size: 14px;
}

.page-tweakwise-search-results .search-results-news .page-card .image {
    width: 100%;
    height: 100px !important;
    position: relative !important;
    top: unset;
    left: unset;
    margin-bottom: 25px;
    border-bottom: 1px solid #FFFBEF;
}

.page-tweakwise-search-results .search-results-news .page-card, .page-tweakwise-search-results .search-results-content .page-card {
    padding-left: 20px;
}

.page-tweakwise-search-results .search-results-news .page-card {
    background: white;
    margin-bottom: 32px;
    position: relative;
    border: 2px solid #FFFFFF;
    padding: 0px;
    padding-bottom: 20px;
}

.page-tweakwise-search-results .search-results-news .page-card header,
.page-tweakwise-search-results .search-results-news .page-card p,
.page-tweakwise-search-results .search-results-news .page-card > a {
    padding: 0 20px; 
}

.page-tweakwise-search-results .search-results-news .items-tile { position: relative; left: -10px; }

.page-tweakwise-search-results .result-pages-paginator-container {
    border-bottom: 0px;
}



.page-tweakwise-search-results section:not(.sidebar) .search-results-article .itemcount .thisbutton {
    padding: 0px;
}

.page-tweakwise-search-results .search-results-content .page-card-search-result {
    border-bottom: 1px solid #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
}

.page-tweakwise-search-results .search-results-content .page-card-search-result:first-of-type {
    padding-top: 0px;
}

.search-notification-title {
    color: #3EB9C0;
    font-weight: bold;
}

.quicksearch-container .search-notification-title,
.quicksearch-container .search-notification p {
    font-size: 14px;
}

.page-tweakwise-search-results .sortcontainer {
    /* position: relative;
    height: 60px;
    width: 25%;
    position: absolute;
    right: 0; */
}

@media only print, only screen and (min-width: 660px) {
    .page-tweakwise-search-results .result-container { 
        display: flex;
        justify-content: space-between;
    }
}

.page-tweakwise-search-results .result-container .sortcontainer {
    order: 2;
    position: relative;
    top: -6px;
}

@media only print, only screen and (max-width: 959px) {
    .page-tweakwise-search-results .sortcontainer {
        width: 100%;
        top: -50px;
    }
}

.page-tweakwise-search-results .search-results-news .sortcontainer, .page-tweakwise-search-results .search-results-content .sortcontainer{
    display: none;
}

.brand-filter-tabs { display: flex; align-items: center; }
.brand-filter-tabs > header { margin-right: 30px; }

.brand-filter-tabs .item .item-stylable {
    background: #fff;
    text-align: center;
    position: relative;
    padding: 6px 10px 4px 6px;
    transition: background 0.1s ease-in;
    cursor: pointer;
    border-radius: 5px;
    font-size: 15px;
    border: 1px solid #00223A;
}

.brand-filter-tabs .item .item-stylable .badge-text {
    font-weight: normal;
    padding: 0;
    margin-left: 0;
}

.brand-filter-tabs .item .item-stylable:hover {     
    background: #00223A; 
    color: white;
}

.brand-filter-tabs .item .item-stylable:hover .badge-text {
    color: white !important;
}

.brand-filter-tabs > .items-tile { display: flex; overflow-x: auto; width: calc(100% - 50px); }
.brand-filter-tabs > .items-tile > .item { width: unset; }
.brand-filter-tabs > .items-tile.with-gutter > .item { margin: 0px -12px; white-space: nowrap; }

@media only print, only screen and (max-width: 959px) {
    .brand-filter-tabs { display: none; }
}

.quicksearch .product-card-infoorder[data-minwidth~='350'] .promo-bespaar { top: 0px;}
.quicksearch .product-card-infoorder[data-minwidth~='350'] .product-promo { top: 0px !important; }
.quicksearch .product-card-infoorder[data-minwidth~='350'] .product-subsidie { top: 0px }
.quicksearch .product-card-infoorder[data-minwidth~='350'] .product-recommend { top: 0px !important; display: none; }
.quicksearch .promo-bespaar {
    width: 82px; display: none;
}

.quicksearch #product-subsidie {
    position: absolute;
    top: 0px;
    width: 82px;
    display: none;
}

.quicksearch .promo-wrapper {
    display: none;
}

.quicksearch .product-card .product-stock .icon {
    width: 20px;
    height: 20px;
}

.quicksearch .product-card .product-stock-alt .stockicon {
    width: 20px;
    height: 20px;
}

.quicksearch .product-stock,
.quicksearch .product-stock-alt {
    display: inline-block;
    width: 50%;
}

.quicksearch .product-stock:has(.blue),
.quicksearch .product-stock-alt:has(.blue .alternatives-link) {
    width: 100%;
}

.quicksearch .product-stock .green,
.quicksearch .product-stock-alt .green {
    color: #4cae4c;
}

.page-tweakwise-search-results .filter input.filter-search{
    min-height: 32px;
    font-size: 14px;
    margin-bottom: 5px;
}

@media only print, only screen and (max-width: 1449px) {
    .page-tweakwise-search-results h1, .page-tweakwise-search-results header.as-h1 { font-size: clamp(20px, 7vw, 30px); line-height: clamp(20px, 7vw, 30px); }
    .page-tweakwise-search-results .site-window-content section.with-padding-top > .page-width { padding-top: 10px; }
    .page-tweakwise-search-results .search-tabs { padding: 10px 0px 10px 0px; }
}

.quicksearch .product-card-infoorder:[data-minwidth~='350']:not(.js-aircotool-select-article) { display: flex; flex-direction: row !important;}
.quicksearch .product-card-infoorder[data-minwidth~='350'] .image-container { width: 30%; }
.quicksearch .product-card-infoorder[data-minwidth~='350'] .image-container > .image { max-height: 88px; }
.quicksearch .product-card-infoorder[data-minwidth~='350'] .info-container { width: calc(70% - 16px); margin-left: 16px; }
.quicksearch .product-card-infoorder[data-minwidth~='350'] .promo-wrapper { top: 100%; }
.quicksearch .product-card[data-minwidth~='350'] { flex-direction: row !important; display: flex; }
.quicksearch .product-card-infoorder[data-minwidth~='350'] .comparefavorite { position: absolute; left: 10px; bottom: 5px; }

@media only print, only screen and (min-width: 660px) {
    .search-wrapper { display: flex; justify-content: space-between; }
}
.search-wrapper > .paginator_bar > .paginator .thisbutton { display: none; }
.search-wrapper .result-pages { padding-bottom: unset; border-bottom: unset; }
@media only screen and (min-width: 1450px) {
    .search-wrapper > .paginator_bar { margin-bottom: 1rem; }
}
.search-wrapper > .paginator_bar .thisbutton { margin-bottom: 0; border-radius: 4px; }
.search-wrapper > .paginator_bar .thisbutton,
.search-wrapper > .paginator_bar .thisbutton a { margin-bottom: 0; color: rgba(13, 51, 127, 0.5) !important; }

.filter-item .colorcircle {
    height: 14px;
    width: 14px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 2px;
}

.filter-item.is-selected {
    font-weight: bold;
}
.field-cert .label {
    width: 40%!important;
    float: left!important;
}
.field-cert .value {
    width: 60%!important;
    float: right!important;
}

.max-rows .row {
    position: relative;
}

.max-rows .items-block {
    width: calc(100% - 20px);
    display: inline-block;
}

.max-rows .delete-row {
    width: 20px;
    display: inline-block;
    position: absolute;
    top: calc(50% + 6px);
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
}

.max-rows .copy-container .delete-row {
    display: none;
}

.page-account-users a.js-modal.link.left,
.page-account-addresses .button.delivery a.js-modal.link.left {
    text-align: center;
    color: white;
    margin: auto;
    text-decoration: none;
}
.buttons.right {
    display: grid;
}
a.button.retour {
    margin-left: 10px;
}
a.button.right{
    margin-bottom: 10px;
}
a.right.email {
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
}
.sales-navigator .pagelinks .pagelink > a,
nav.user-sidemenu div.user-sidemenu .js-link{
    font-size: 16px;
    margin: 10px 0px;
    font-weight: 700;
    position: relative;
}

nav.user-sidemenu div.user-sidemenu > .js-link.with-icon {
    margin-left: 28px;
}

nav.user-sidemenu div.user-sidemenu > .js-link.logout {
    font-weight: 400;
}

.sales-navigator .pagelinks .page:has(.anchors) .pagelink::after {
    font-family: 'FontAwesome';
    content: '\f077';
    margin-left: 5px;
    color: #3EB9C0;
    position: absolute;
    right: 15px;
    font-size: 16px;
    font-weight: 700;
}

nav.user-sidemenu div.user-sidemenu .js-link.js-dropmenu-toggle::after {
    font-family: 'FontAwesome';
    content: '\f078';
    margin-left: 5px;
    color: #3EB9C0;
    position: absolute;
    right: 15px;
}

nav.user-sidemenu div.user-sidemenu .js-link.js-dropmenu-toggle.is-active-dropmenu::after {
    content: '\f077';
}

nav.user-sidemenu div.user-sidemenu .js-link.with-icon img {
    width: auto;
    height: 15px;
    position: absolute;
    left: -28px;
    max-width: 22px;
    top: 1px;;
}

nav.user-sidemenu div.user-sidemenu .submenu {
    margin-left: 28px;
    font-weight: 400;
    position: relative;
}

nav.user-sidemenu div.user-sidemenu .submenu a {
    font-weight: 400;
}
nav.user-sidemenu .js-link > a > img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0;
}
nav.user-sidemenu .js-link > a > span {
    vertical-align: top;
}

.product-card-infoorder-compact .product-card-head-container {
    display: flex;
}
.product-card-infoorder-compact.product-card .image.product-image {
    min-height: 90px;
}
.product-card-infoorder-compact .product-card-head-container .info a {
    font-size: 12px;
}
.actions .buttons.right .form {
    margin-bottom: 0;
}

.page-account-dashboard .newsitem{
    border: 0px;
}
.page-account-dashboard .page-card-newsitem[data-minwidth~='540'] > .image {
    left: 0px;
    top: 0px;
    width: 100%;
}
.page-account-dashboard .page-card-newsitem[data-minwidth~='540'] {
    padding-left: 0px;
}
.page-account-dashboard .eq.equal-height.page-card-newsitem.js-link {
    margin-top: 20px;
}
table.address-row {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 18px;
    text-align: left;
}

.buttons.right .buttonbar button {
    margin-left: 7px;
}

.address-account .item .value,
.order-info .item .value {
    float: left!important;
    margin-left: 5px;
}
.address-account .item .label,
.order-info .item .label {
    font-weight: 600;
}

section.top-snippet .page-width {
    width: calc(100%);
    padding: 0px;
}
.id-shipping-addresses {
    margin-top: 20px;
}
.most_ordered .items-conveyor {
    margin-top: 20px;
}
.basket-orderhistory-line-order .product-card-infoprice {
    display: ruby!important;
}
.basket-orderhistory-line-order .product-card .image.product-image {
    min-height: 100px!important;
}
.basket-orderhistory-line-order .product-card-infoprice[data-minwidth~='550'] > .info-container {
    width: calc(90% - 32px);
}

.basket-orderhistory-line-status {
    padding: 20px 0;
}

.page-account-orderhistory-detail-erp .erp-status-icon .image {
    width: 22px;
}

.page-account-orderhistory-detail-erp .erp-status-icon {
    padding-right: 16px;
}

.page-account-orderhistory-detail-erp .documents-container p {
    font-weight: bold;
    text-align: left;
}

.page-account-orderhistory-detail-erp .documents-container .document-name {
    font-weight: normal;
    position: relative;
    margin-left: 5px;
}

.page-account-orderhistory-detail-erp .documents-container .document-icon {
    font-size: 16px;
}

.page-account-orderhistory-detail-erp .documents-container .document-icon img {
    width: 12px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.page-account-orderhistory-detail-erp .documents-container {
    background: white;
    border-radius: 5px;
    padding: 25px;
}

.page-account-orderhistory-detail-erp .documents-list {
    position: relative;
}

/* Product cards (basketitem-card): white blocks with border and shadow - match design */
.page-account-orderhistory-detail-erp .basket-orderhistory-rows .items-row .item .item-stylable {
    display: grid;
    gap: 16px;
}

.page-account-orderhistory-detail-erp .basket-orderhistory-rows .basket-orderhistory-line-status {
    grid-column: 1 / -1;
}

.page-account-orderhistory-detail-erp .basket-orderhistory-rows .basket-orderhistory-line .basketitem-card {
    background: white;
    border-radius: 5px;
    padding: 20px;
}

/* Quote tabs styling */
.page-sales-quotes .quote-tabs.items-tile.with-gutter {
    width: 90%;
    margin: 0 auto;
}

.page-sales-quotes .quote-tabs .button {
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #EBF0FF;
    color: #00223A;
    text-align: left;
}

.page-sales-quotes .quote-tabs .button.alternate-color {
    background-color: #3EB9C0;
    color: white;
}

.page-sales-quotes .quote-tabs .button.is-active {
    background-color: #00223A;
    color: white;
}

.page-sales-quotes .quote-tabs.items-tile.with-gutter > .item {
    padding: 0;
}

@media only screen and (max-width: 659px){
    .page-account-orderhistory-detail .actions {
        text-align: left;
        display: inline-grid;
    }
    .page-account-orderhistory-detail .actions .right,
    .page-account-orderhistory-detail a.button.retour {
        margin-left: 0px;
    }

    .address-account header:not(.no-toggle),
    .address-order header:not(.no-toggle),
    .order-info header:not(.no-toggle) {
        cursor: pointer;
    }
    .address-account header:not(.no-toggle) + .in-flow,
    .address-order header:not(.no-toggle) + .in-flow,
    .order-info header:not(.no-toggle) + .in-flow {
        display: none; /* Verberg de tekst standaard */
        margin: 0;
    }
    td.address-street_streetnr,
    td.address-city {
        padding-left: 20px;
    }
    td.address-edit {
        padding-left: 100%;
        float: right;
        width: 100%;
    }
    .page-account-orderhistory-detail aside.in-flow {
        display: none;
    }
    .address-account,
    .address-order {
        padding-bottom: 0px!important;
    }
    a.with-icon-left.left.pageback {
        margin-bottom: 20px;
        font-size: 17px;
    }
    .account-account-info .actions {
        text-align: left;
    }
    .page-account-dashboard .eq.equal-height.product.product-card.product-card-infoorder-compact{
        margin-left: 23px;
    }
    .most_ordered .items-conveyor {
        overflow: hidden;
    }
}
.addresses-list .address header.end-flow {
    font-weight: 600;
}
.address-card-account-user span.fieldlabel {
    font-weight: 600;
}
.addresses-list .address header{
    color: #3EB9C0;
}
.account-login-info span.fieldlabel {
    font-weight: 600;
}
.page-account-dashboard .company_image {
    margin-bottom: 20px;
}
.id-account-users-table .users-table .action {
    font-size: 14px;
}

.id-order-add-remove-coupon .qa > .question { display: flex; padding-left: unset; }
.id-order-add-remove-coupon .qa > .question > span { position: relative; top: 6px; }
.id-order-add-remove-coupon .qa.is-expanded > .answer { padding-left: 0;}

@media only print, only screen and (max-width: 959px) {
    .id-order-add-remove-coupon .qa > .question { margin-top: 32px; }
}
h2.search-results.no-results {
    text-align: center;
}
p.search-results.no-results {
    text-align: center;
    font-size: 18px;
}
span.search-result {
    color: #3EB9C0;
}
.search-results-snippet.no-results.only-s {
    height: unset !important;
    margin-top: 50px;
    text-align: center;
    background: #EBF0FF;
    padding: 16px 0px;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    min-width: 240px;
    max-width: 500px;
}
@media only screen and (max-width: 659px) {
    h2.search-results.no-results {
        text-align: center;
    }
}

/* Inspiremap Modal Styling */
.modal-large.inspiremap-modal {
    max-width: 1200px;
    display: flex;
}

.inspiremap-modal .modal-content-left {
    flex: 1;
    min-width: 0;
}

@media only screen and (min-width: 960px) {
    .inspiremap-modal .modal-content-left {
        margin-right: 32px;
        align-content: center;
    }
    .modal-large.inspiremap-modal {
        width: 75%;
    }
}

.inspiremap-modal .modal-content-right {
    flex: 1;
    min-width: 0;
    border-left: 1px solid #FFFFFF;
}

.inspiremap-modal .modal-content-right header {
    font-size: 1.7rem;
    font-weight: 700;
    color: #00223A;
    margin-right: 20px;
    margin-bottom: 1rem;
    padding: 24px 24px 0 24px;
}

@media only screen and (min-width: 960px) {
    .inspiremap-modal .modal-content-right .modal-content {
        padding: 0;
        max-height: 70vh;
        overflow-y: auto;
    }
    .inspiremap-modal .modal-content-right .modal-body {
        margin: 0 20px;
    }
}

.inspiremap-modal .modal-content-right .inspiremap-package-header {
    font-weight: 700;
    font-size: 20px;
    padding: 0;
}

.inspiremap-modal .modal-content-right .modal-body p {
    margin: 0 0 15px 0;
    line-height: 1.6;
    color: #666;
}

/* Loading and error states */
.inspiremap-modal-left-content .loading-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.inspiremap-modal-left-content .loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #00223A;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.inspiremap-modal-left-content .error-message {
    padding: 40px 20px;
    text-align: center;
    color: #e74c3c;
    background-color: #fdf2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    margin: 20px;
}

/* Mobile responsive */
@media only print, only screen and (max-width: 959px) {
    .modal-large.inspiremap-modal {
        flex-direction: column;
    }
    
    .inspiremap-modal .modal-content-right {
        border-left: none;
        border-top: 1px solid #FFFFFF;
    }
    
    .inspiremap-modal .modal-content-right header {
        padding: 20px 20px 0 20px;
    }
}

.is-selected:has(.product-card-inspire) {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.inspiremap-modal .product-card-inspire {
    margin: 16px 4px;
}

.inspiremap-modal .inspiremap-package-section {
    padding: 20px;
    border-radius: 5px;
    background: #f1e4bf7a;
}

@media only screen and (min-width: 960px) {
    .inspiremap-modal .inspiremap-package-section .package-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.inspiremap-modal .inspiremap-package-section .package-total {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    padding-right: 10px;
    color: #00223A;
}

.inspiremap-modal .inspiremap-package-section .inspiremap-package-form .package-quantity {
    margin-right: 5px;
    width: 37px;
    text-align: center;
    min-height: 38px;
}
.inspiremap-modal .inspiremap-package-section .inspiremap-package-form { margin-bottom: 0;}

.basketitem-remarks-section { font-size: 13px; }
.basketitem-remarks-section .basketitem-sales-remarks > .label,
.basketitem-remarks-section .basketitem-remarks > .label { font-weight: 600; }
.basketitem-remarks-section .basketitem-sales-remarks > .value,
.basketitem-remarks-section .basketitem-remarks > .value { font-style: italic; }

/* Chat Container Styling */
.chat-container-sticky,
.chat-container {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
}
.chat-header h3 {
    margin: 0;
    color: #333;
    font-size: 18px;
    padding: 10px 20px;
}
.chat-messages {
    height: 250px;
    overflow-y: auto;
    padding: 20px;
}
@media only screen and (min-width: 1450px) {
    .chat-messages {
        height: 400px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .chat-messages {
        height: 325px;
    }
}
.chat-container-sticky .message,
.chat-container .message {
    display: flex;
    margin-bottom: 15px;
    align-items: flex-start;
    padding: 0;
    background: transparent;
    border: none;
}
.chat-container-sticky .message {
    margin-bottom: 8px;
}
.chat-container-sticky .message-avatar,
.chat-container .message-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #007bff;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    flex-shrink: 0;
}
.chat-container-sticky .message.current-user .message-avatar,
.chat-container .message.current-user .message-avatar {
    margin-right: 0;
    margin-left: 10px;
}
.chat-container-sticky .current-user-avatar,
.chat-container .current-user-avatar {
    background: #28a745 !important;
}
.chat-container-sticky .message-content,
.chat-container .message-content {
    flex: 1;
    background: white;
    padding: 12px 16px;
    border-radius: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
}
.chat-container-sticky .message-content {
    padding: 5px 10px;
    border-radius: 5px;
}
.chat-container-sticky .message.current-user .message-content,
.chat-container .message.current-user .message-content {
    background: #e3f2fd;
    border: 1px solid #bbdefb;
}
.chat-container-sticky .message-text,
.chat-container .message-text {
    margin: 0;
    line-height: 1.4;
    color: #333;
}
.chat-container-sticky .message-time,
.chat-container .message-time {
    font-size: 11px;
    color: #999;
    margin-top: 4px;
}
.chat-container-sticky .file-message,
.chat-container .file-message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}
.chat-container-sticky .file-icon,
.chat-container .file-icon {
    font-size: 20px;
}
.chat-container-sticky .file-info,
.chat-container .file-info {
    flex: 1;
}
.chat-container-sticky .file-name,
.chat-container .file-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 2px;
}
.chat-container-sticky .file-size,
.chat-container .file-size {
    font-size: 12px;
    color: #666;
}
.chat-container-sticky .file-download,
.chat-container .file-download {
    background: #007bff;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    transition: background 0.2s;
}
.chat-container-sticky .chat-input-container > header {
    display: none;
}
.chat-input-container {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    border-radius: 0 0 20px 20px;
}
.chat-input-container > header {
    padding-bottom: 10px;
}
.chat-input-container .form-fields .value {
    padding: 0 0 5px 0;
}
.chat-input-container .label-input-file {
    width: calc(100% - 50px);
}
.chat-input-container form {
    position: relative;
}
.chat-input-container form .buttonbar .feedback-form {
    position: absolute;
    right: 0;
    bottom: -15px;
}
.chat-input-container form button[type='submit'] {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.chat-input-container .form-fields .labelvalue {
    padding: 0;
}
.chat-container-sticky form,
.chat-container form {
    margin-bottom: 0;
}
.chat-container-sticky form > .form-fields > .field > .label,
.chat-container form > .form-fields > .field > .label {
    display: none;
}
.form-chat textarea {
    width: 100%;
    min-height: 40px;
    max-height: 120px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    resize: vertical;
    font-family: inherit;
    font-size: 14px;
}
.form-chat textarea:focus {
    outline: none;
    border-color: #007bff;
}
.form-chat input[type='file'] {
    display: none;
}
.chat-sticky {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    max-width: 450px;
}
.chat-sticky-content {
    display: none;
    background: white;
    border-radius: 5px;
    border: 1px solid;
    padding: 20px;
}
.chat-sticky-content.is-active {
    display: block;
}
.chat-sticky .chat-messages {
    padding: 10px 5px 10px 0;
    max-height: min(30vh, 325px);
    height: auto;
}
.chat-sticky .chat-header h3 {
    padding: 0 0 10px;
}
.chat-sticky .chat-input-container {
    padding: 10px 0 0;
}
.chat-sticky-logo {
    position: relative;
    height: 45px;
}
.chat-sticky-logo .icon {
    position: absolute;
    height: 35px;
    width: 35px;
    padding: 10px;
    background: #3EB9C0;
    border-radius: 50%;
    color: white;
    font-size: 20px;
    top: 10px;
    right: 0;
    cursor: pointer;
}
.chat-sticky-logo .icon:hover {
    background: #A23B72;
}
.chat-sticky-logo .icon span.fa {
    position: relative;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.form-sales_quote-placeplace .js-modal { color: #3EB9C0; text-decoration: underline; }

.product-vvp-container { display: block; }
.action.allow-price-changes { padding-right: 20px; }
.vvp-change-price-container > .change-price { position: relative; display: inline-block; }
.vvp-change-price-container > .change-price > .js-call { position: absolute; right: -25px; bottom: 10px; }
.change-price .labelvalue { width: 100% !important; }
.change-subtotal .labelvalue { width: 100% !important; }
.basket-summary .item .value > .js-call.change-subtotal { margin-left: 6px; cursor: pointer; }
.basket-summary .item .value > .js-call.toggle-deliverycost { margin-left: 6px; cursor: pointer; }

.order-basket-options > .order-basket-header,
.order-basket-header { display: flex; justify-content: space-between; }
.order-basket-header .form-show-hide-vvp { display: flex; }

.page-account-quote-place h1,
.page-order-basket h1,
.page-order-info h1,
.page-order-place h1,
.page-order-finished h1 { font-size: 26px; line-height: 27px; }

.fa-question-circle:before,
.fa-question:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -0.125em;
    background: url('../media/icons/info-icon.svg') center / 16px 16px no-repeat;
    margin-left: 5px;
    cursor: pointer;
}

.product.product-switch.article_text_links.has-variant-dropdown,
.product.product-switch.article_dropdown_links.has-variant-dropdown { min-width: 55%; margin-right: 5%; }

.type-switch-group > .product-switch.article_dropdown_links.has-variant-dropdown:only-child,
.type-switch-group > .product-switch.has-variant-dropdown.article_dropdown_links:only-child {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
}

@media only screen and (max-width: 544px) {
    .product.product-switch.article_text_links.has-variant-dropdown,
    .product.product-switch.article_dropdown_links.has-variant-dropdown { width: 100%; }
}


/*.form-retour {
	color:#FFF;
}
*/
.form-retour {
	color:#00416b;
}

.contact-company-contact[data-minwidth~='340'] > .image {
	width:140px;
	height:180px;
}

.wall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wall-nav {
	position: absolute;
	top: 45%;
	width: 40px;
	height: 40px;
	color: #eee;
	display: inline-block;
	font-size: 32px;
	text-shadow: 2px 0px 5px rgba(0,0,0,0.6);
}

.wall-back {
	left: 10%;
}

.wall-next {
	right: 10%;
}

/* .promo{background:url('/media/icons/winterdeals-sm.jpg') no-repeat !important; width:114px !important;height:50px !important} */

.contact-company-contact[data-minwidth~='340']>.image{margin-bottom:20px !important;}
.center-button {
	left:40%;
}
.verberg-tekst .label {display: none;}

@media only screen and (min-width: 960px) {
.coolmark-edge:before {background-image: url('../style/coolmark_edge.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;}
.with-lightblue .coolmark-edge:before {background-image: url('../style/coolmark_edge_lightblue.svg'); content: ' ';}
.coolmark-edge-mirror:before {background-image: url('../style/coolmark_edge_mirror.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;background-position: right;right:-2px;}
.with-lightblue .coolmark-edge-mirror:before {background-image: url('../style/coolmark_edge_lightblue_mirror.svg'); content: ' ';}
.coolmark-curve:before {background-image: url('../style/coolmark_curve.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;}
.with-lightblue .coolmark-curve:before {background-image: url('../style/coolmark_curve_lightblue.svg'); content: ' ';}
.coolmark-curve-mirror:before {background-image: url('../style/coolmark_curve_mirror.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;background-position: right;right:-2px;}
.with-lightblue .coolmark-curve-mirror:before {background-image: url('../style/coolmark_curve_lightblue_mirror.svg'); content: ' ';}
}
.vert-ralph {background:#668da6;}
.vert-robert {background:#00416b;}
.vert-alex {background:#336789;}
.vert-coolmark {background:#00416b;}
.vert-mathieu {background:#336789;}
.vert-julian {background:#668da6;}
.vert-nils {background:#99b3c4;}

.vert-klimaat-veld1{background: #00416B;}
.vert-klimaat-veld2{background: #336699;}
.vert-klimaat-veld3{background: #6685A4;}
.vert-klimaat-veld4{background: #98B4D6;}
.vert-klimaat-veld5{background: #336699;}

.cat-strong {font-weight: bold;}
.termsmenu .onderdelenmenu-footer {display:none !important;}
@media all and (max-width: 960px) {
	.form-training-id {width:10%; float:left;}
	.form-training-voornaam {width:90%; float:left;}
	.form-training-achternaam {width:100%; float:left;}
	.form-training-email {width:100%; float:left;}
	.form-training-kledingmaat {padding-bottom:10px !important;width:100%; float:left;}
}
@media all and (min-width: 961px) {
	.form-training-id {width:4%; float:left;}
	.form-training-voornaam {width:20%; float:left;}
	.form-training-achternaam {width:20%; float:left;}
	.form-training-email {width:35%; float:left;}
	.form-training-kledingmaat {padding-bottom:10px !important;width:21%; float:left;}
}



#admin-bar { font-family: '-apple-system', 'HelveticaNeue', 'Segoe UI', Tahoma, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#admin-bar.admin-blue { background: rgba(201, 224, 242, 0.9); }
#admin-bar.admin-green { background: rgba(224, 242, 201, 0.9); }
#admin-bar.admin-orange { background: rgba(253, 231, 191, 0.9); }
#admin-bar.admin-red { background: rgba(242, 201, 204, 0.9); }
#admin-bar * { font-size: 13px; line-height: 1.5em; }

#admin-bar { z-index: 200; padding: 10px 0 10px 10px; position: fixed; bottom: 0; left: 0; height: 60px; background: rgba(255, 255, 255, 0.9); color: #474646; border-top: 1px solid #ddd; white-space: nowrap; overflow: hidden; box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.2);}
#admin-bar-sticky-margin { height: 60px; background: white; }

#admin-bar .admin-input-combined { display: inline-block; max-height: 40px; white-space: nowrap; vertical-align: top; margin-right: 10px; border-radius: 0; overflow: hidden; }
#admin-bar .admin-input-combined .admin-button { max-height: 40px; white-space: nowrap; vertical-align: top; margin: 0; border-radius: 0; }
#admin-bar .admin-input-combined .admin-button:hover { background: #6292cd; }
#admin-bar .admin-input-combined .admin-button-inactive:hover { background: #3d77bf; }

#admin-bar .admin-button { padding: 0 20px; line-height: 38px; min-height: 40px; border-radius: 0; margin-right: 10px; }
#admin-bar .admin-button { background: #6292cd; color: white; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; }
#admin-bar .admin-button:hover { background: #3d77bf; }
#admin-bar .admin-button-icon { padding: 0; width: 40px; height: 40px; }
#admin-bar .admin-button-text { background: transparent; color: inherit; padding: 0; cursor: default; }
#admin-bar .admin-button-text:hover { background: transparent; }
#admin-bar .admin-button-inactive { background: #eee; color: #474646; }
#admin-bar .admin-button-inactive:hover { background: #3d77bf; color: white; }

#admin-bar .admin-button-switch { background: #fdd517; color: #474646; }
#admin-bar .admin-button-switch:hover { background: #fdc417; }

#admin-bar .admin-logo { width: 35px; height: 40px; line-height: 40px; margin-right: 10px; vertical-align: top; }
#admin-bar .admin-title { min-width: 160px; text-align: left; }
#admin-bar .admin-button-subscript { position: absolute; font-size: 8px; left: 0; bottom: 0; text-align: right; white-space: nowrap; }

#admin-seo-report { max-width: 960px; margin: 1em auto; padding: 10px; }
#admin-seo-report > div { border: 1px solid white; margin-bottom: 2px; }
#admin-seo-report > div.severity-S { border-color: #3c763d; background-color: #dff0d8; }
#admin-seo-report > div.severity-I { border-color: #31708f; background-color: #d9edf7; }
#admin-seo-report > div.severity-W { border-color: #8a6d3b; background-color: #fcf8e3; }
#admin-seo-report > div.severity-E { border-color: #a94442; background-color: #f2dede; }
#admin-seo-report > div.severity-X { border-color: #a94442; background-color: #e4e0e0; }
#admin-seo-report > div > span { padding: 2px 5px; display: inline-block; vertical-align: top; }
#admin-seo-report > div > span.severity { width: 40px; text-align: center; }
#admin-seo-report > div > span.name { width: 200px; }
#admin-seo-report > div > span.note { width: calc(100% - 240px); background-color: white; overflow-wrap: break-word; }

#admin-seo-report-button.severity-W { border-color: #8a6d3b; color: #8a6d3b; background-color: #fcf8e3; }
#admin-seo-report-button.severity-W:hover { border-color: #8a6d3b; color: #8a6d3b; background-color: #faebcc; }
#admin-seo-report-button.severity-E { border-color: #a94442; color: #a94442; background-color: #f2dede; }
#admin-seo-report-button.severity-E:hover { border-color: #a94442; color: #a94442; background-color: #ebccd1; }
#admin-seo-report-button.severity-X { border-color: #a94442; color: #a94442; background-color: #e4e0e0; }
#admin-seo-report-button.severity-X:hover { border-color: #a94442; color: #a94442; background-color: #d4d0d0; }

.modal-demo header { margin-bottom: 0; }
.modal-demo a { text-decoration: underline; }
@media only print, only screen and (min-width: 660px) {
    .modal-demo { width: 540px; }
}

a.button {
	text-decoration: none !important;	
}
/* Adjust height of read-more in block items */
.cm-height {
	height:50px !important;
	margin-bottom:15px !important;
}
.cm-height img {
  object-fit: scale-down;
  width: auto;
  max-width:150px;
  height: 50px;
}

.items-block .note {
	height: auto;
	overflow:hidden;
}

.items-block .note a {
	bottom: 0px;
}

/* REMOVE THE SUBITEMS FROM WEBSHOP */
/*
.mainmenusubsubitems {
	display:none;
}
*/

/* De afbeelding met class link-styling-coolmark voorzien van een schaduw effect en een mouse-over */ 
.link-styling-coolmark {
	width:220px !important;
	height:220px !important;
	display:block;
	border-radius:20px;
	margin:auto;
	webkit-box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);	
	transition:all 0.6s ease;
}

.link-styling-coolmark:hover {
	-webkit-filter:brightness(50%); /* Safari 6.0 - 9.0 */
	filter: brightness(50%);

}

/* De afbeelding met class link-styling-coolmark voorzien van een schaduw effect en een mouse-over */ 
.link-sm-coolmark, .link-pc-coolmark, .link-mob-coolmark {
	width:100px !important;
	height:100px !important;
	display:block;
	border-radius:20px;
	margin:auto;
	webkit-box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);	
	transition:all 0.6s ease;
}

.link-m-coolmark {
	width:150px !important;
	height:150px !important;
	display:block;
	border-radius:20px;
	margin:auto;
	webkit-box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 18px -3px rgba(0,0,0,0.75);	
	transition:all 0.6s ease;
}
.link-m-coolmark:hover, .link-sm-coolmark:hover, .link-pc-coolmark:hover {
	-webkit-filter:brightness(50%); /* Safari 6.0 - 9.0 */
	filter: brightness(50%);

}


.link-mob-coolmark {
    display: none;
}

@media only screen and (max-width: 767px) {
  .link-mob-coolmark {
    display: block;
  }
}

.link-pc-coolmark {
    display: block;
}

@media only screen and (max-width: 767px) {
  .link-pc-coolmark {
    display: none;
  }
}

/* de tekst centreren met de class .center*/
.center {
	text-align: center;
}

.addnewitem, .deleteitem {
	cursor: pointer;	
}

.deleteitem {
	position: absolute; 
	margin:5px 0px 0px 5px;
}
.story-width {
	background:#fff !important;
}

.as-h1 {
	background:#fbfbf9 !important;
}
.nieuwsbrief {
	background:#000 !important;
}

.promo{background:none no-repeat !important; width:114px !important;height:50px !important}

.contact-company-contact[data-minwidth~='340']>.image{margin-bottom:20px !important;}
.center-button {
	left:40%;
}
.verberg-tekst .label {display: none;}
/*
deze code is in site.css geplaatst, omdat daar al de 1e stappen waren voor de edge. Die is nu gespiegeld
En uitgebreid met de curve en curve gespiegeld
*/
@media only screen and (min-width: 960px) {
.coolmark-edge:before {background-image: url('../style/coolmark_edge.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;}
.with-lightblue .coolmark-edge:before {background-image: url('../style/coolmark_edge_lightblue.svg'); content: ' ';}
.coolmark-edge-mirror:before {background-image: url('../style/coolmark_edge_mirror.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;background-position: right;right:-2px;}
.with-lightblue .coolmark-edge-mirror:before {background-image: url('../style/coolmark_edge_lightblue_mirror.svg'); content: ' ';}
.coolmark-curve:before {background-image: url('../style/coolmark_curve.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;}
.with-lightblue .coolmark-curve:before {background-image: url('../style/coolmark_curve_lightblue.svg'); content: ' ';}
.coolmark-curve-mirror:before {background-image: url('../style/coolmark_curve_mirror.svg'); content: ' ';position: absolute; background-repeat: no-repeat;top: 0;width: 100%;height: 100%;background-position: right;right:-2px;}
.with-lightblue .coolmark-curve-mirror:before {background-image: url('../style/coolmark_curve_lightblue_mirror.svg'); content: ' ';}
}
.vert-ralph {background:#668da6;}
.vert-robert {background:#00416b;}
.vert-alex {background:#336789;}
.vert-coolmark {background:#00416b;}
.vert-mathieu {background:#336789;}
.vert-julian {background:#668da6;}
.vert-nils {background:#99b3c4;}

.vert-klimaat-veld1{background: #00416B;}
.vert-klimaat-veld2{background: #336699;}
.vert-klimaat-veld3{background: #6685A4;}
.vert-klimaat-veld4{background: #98B4D6;}
.vert-klimaat-veld5{background: #336699;}

.cat-strong {font-weight: bold;}
.termsmenu .onderdelenmenu-footer {display:none !important;}
@media all and (max-width: 960px) {
	.form-training-id {width:10%; float:left;}
	.form-training-voornaam {width:90%; float:left;}
	.form-training-achternaam {width:100%; float:left;}
	.form-training-email {width:100%; float:left;}
	.form-training-kledingmaat {padding-bottom:10px !important;width:100%; float:left;}
}
@media all and (min-width: 961px) {
	.form-training-id {width:4%; float:left;}
	.form-training-voornaam {width:20%; float:left;}
	.form-training-achternaam {width:20%; float:left;}
	.form-training-email {width:35%; float:left;}
	.form-training-kledingmaat {padding-bottom:10px !important;width:21%; float:left;}
}


.filter-configuratorfilter .filter-with-header { border-bottom: 0; padding-bottom: 0; }
.filter-configuratorfilter .filter-with-header header { padding: 0 5px; }

.products-table.configurator .order-add-product .input-combined .text { display: none; visibility: hidden; }
.products-table.configurator .product-stock .text { display: none; visibility: hidden; }
.products-table.configurator .product-stock-alt .text { display: none; visibility: hidden; }
.products-table.configurator .product-stock-alt img { width: 100%; }
.products-table.configurator .product-stock-alt > div { text-align: center; }
.products-table.configurator .order-add-product .input-combined .button { width: calc(100% - 53px); }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .products-table.configurator .spec:nth-child(n+3) { display: none; } /* hide all but first 6 / includes 4 pre-spec columns */
    .products-table.configurator .items-property .item { display: none; }
    .products-table.configurator .items-property .item:nth-child(n+3) { display: block; } /* show all but first 2 */
}
@media only screen and (min-width: 1450px) {
    .products-table.configurator .spec:nth-child(n+6) { display: none; } /* hide all but first 9 / includes 4 pre-spec columns */
    .products-table.configurator .items-property .item { display: none; }
    .products-table.configurator .items-property .item:nth-child(n+5) { display: block; } /* show all but first 5 */
}

.filter-disable .disable-text { 
    padding: 0 25px 0 10px;
    line-height: 40px;
    display: block;
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    height: 28px;
    -webkit-user-select: none;
}

.filter-gallery .item > .item-stylable .filter-item { border-bottom: 3px solid transparent }
.filter-gallery .item > .item-stylable .filter-item.is-selected { border-bottom: 3px solid #00223A }
.filter-gallery .item > .item-stylable .filter-item:hover,
.filter-gallery .item > .item-stylable .filter-item:active { border-bottom: 3px solid #3EB9C0 }
.filter-configuratorfilter .items-block > .item.reset { margin: 30px 0; }
.filter-configuratorfilter .items-block > .item.reset .filter-reset { margin: 0 10px; }
.page-configurator .select2-container li::before { content: unset;}
.page-configurator table.configurator { margin-top: 0; }


.filter-configuratorfilter {padding: 16px 12px 0 18px;}
.filter-configuratorfilter header {font-weight: 500; color: #00223A;}
.filter-configuratorfilter .select2-container {width: 97%;}
.filter-configuratorfilter .filter-disable {width: 97%;}
.filter-configuratorfilter .filter-disable .disable-text {background: #BCC8E5;}
.filter-configuratorfilter .filter-gallery .item > .item-stylable .filter-item {background: white; margin: 10px 10px 20px;}
.filter-configuratorfilter .filter-gallery .item > .item-stylable .filter-item div.title {font-family: 'November Heavy'; font-size: 15px; padding-bottom: 5px; }
.filter-configuratorfilter .filter-gallery .item > .item-stylable .filter-item.is-selected {border: 3px solid #00223A;}
.page-configurator .info header.bold {font-family: 'DIN'; font-size: 30px; font-weight: 500; margin-top: 20px; margin-bottom: 12px;}
.page-configurator .order-add-product .input-combined .button {padding: 0 10px; width: 50px;} 
.products-table.configurator .order-add-product .input-combined .button {width: 50px !important;}
.page-configurator .footersnippet {margin-top: 40px;}


/* DEBUG */
.eqsizer { width: 50%; background: #fff8f5; position: relative; margin: 0 0 1rem; }
.eqsizer > .sizer { cursor: ew-resize; background: rgba(255,115,1, 0.8); color: white; border-left: 5px solid white; position: absolute; top: 0; height: 100%; width: 40px; right: -40px; text-align: center; font-size: 10px; padding: 5px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

section.test { border: 2px dashed rgba(255,115,1, 1); border-left: 0; border-right: 0; }
section.test > .page-width { padding-top: 2rem; padding-bottom: 2rem; border-left: 1px dashed rgba(255,115,1, 1); border-right: 1px dashed rgba(255,115,1, 1); }
section.test div.test-header { font-size: 1.0rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0; }
section.test div.test-image { width: 120px; height: 120px; border: 1px solid #FFFFFF; background: rgba(255,115,1, 0.05); display: inline-block; margin-right: 1rem; margin-bottom: 1rem; overflow: hidden; }
section.test div.test-image .image { min-height: 0;}
section.test div.test-product { border: 1px solid #FFFFFF; background: rgba(255,115,1, 0.05); margin-bottom: 1rem; padding: 1rem; }

section.test .container { background: rgba(255,115,1, 0.05); padding: 0.5rem; }

section.test .items-accordion > .item > header > .container > span { color: #024268; }
section.test .items-accordion > .item.is-selected > header > .container > span { color: #00223A; }

section.test .items-block > .item { background: #fff8f5; }
section.test .items-block.debug-column-widths > .item-0 { width: 20% !important; }
section.test .items-block.debug-column-widths > .item-1 { width: 50% !important; }
section.test .items-block.debug-column-widths > .item-2 { width: 30% !important; }
section.test .items-block.debug-column-widths > .item-3 { width: 100% !important; }

section.test .items-block.debug-eq-column-widths:before { content:'400 800';}
section.test .items-block.debug-eq-column-widths > .item-0 { width: 15% !important; }
section.test .items-block.debug-eq-column-widths > .item-1 { width: 35% !important; }
section.test .items-block.debug-eq-column-widths > .item-2 { width: 35% !important; }
section.test .items-block.debug-eq-column-widths > .item-3 { width: 15% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='799'] > .item-0 { width: 30% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='799'] > .item-1 { width: 70% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='799'] > .item-2 { width: 70% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='799'] > .item-3 { width: 30% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='399'] > .item-0 { width: 100% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='399'] > .item-1 { width: 100% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='399'] > .item-2 { width: 100% !important; }
section.test .items-block.debug-eq-column-widths[data-maxwidth~='399'] > .item-3 { width: 100% !important; }

section.test .items-carousel > .items > .item { background: #fff8f5; }

section.test .items-column > .item { background: #fff8f5; }
section.test .items-column.debug-column-widths > .item-0 { width: 20% !important; }
section.test .items-column.debug-column-widths > .item-1 { width: 50% !important; }
section.test .items-column.debug-column-widths > .item-2 { width: 30% !important; }

section.test .items-conveyor { background: #fff8f5; }

section.test .items-gallery > .items > .item { background: #fff8f5; }
section.test .items-gallery > .thumbs > .thumb { background: #fff8f5; }
section.test .items-gallery > .thumbs > .thumb > .container > span { color: #024268; }
section.test .items-gallery > .thumbs > .thumb.is-selected > .container > span { color: #00223A; }

section.test .items-property > .item { background: #fff8f5; }
section.test .items-property > .item > .label,
section.test .items-property > .item > .value,
section.test .items-property > .item > .labelvalue { background: rgba(255,115,1, 0.05); }

section.test .items-row > .item { background: #fff8f5; }

section.test .sidebar > aside { background: #fff8f5; }
section.test .sidebar > div { background: #fff8f5; }

section.test .items-tab > .tabs > .tab > .container > span { color: #024268; }
section.test .items-tab > .tabs > .tab.is-selected > .container > span { color: #00223A; }

section.test .items-tile > .item { background: #fff8f5; }