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

@font-face {
  font-family: 'FontAwesomeNew';
  src: url('fonts/fontawesome-new.eot?v=4.7.0');
  src: url('fonts/fontawesome-new.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-new.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-new.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-new.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-new.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 {
  font-family: 'FontAwesomeNew';
  content: '\e61a';
}
.fa-stn-facebook-square:before {
  content: '\f082';
}
.fa-vkontakte-square:before {
  content: '\f189';
}
.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 {
  font-family: 'FontAwesomeNew';
  content: '\e61b';
}
.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-close-btn-in .mfp-close {
  color: #333; }

.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; }


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

/*

This is just an example

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

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-MediumItalic.eot');
    src: local('GothamSSm Medium Italic'), local('GothamSSm-MediumItalic'),
        url('fonts/gotham/GothamSSm-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-MediumItalic.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-MediumItalic.woff') format('woff'),
        url('fonts/gotham/GothamSSm-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-Book.eot');
    src: local('GothamSSm Book'), local('GothamSSm-Book'),
        url('fonts/gotham/GothamSSm-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-Book.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-Book.woff') format('woff'),
        url('fonts/gotham/GothamSSm-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-XLight.eot');
    src: local('GothamSSm ExtraLight'), local('GothamSSm-XLight'),
        url('fonts/gotham/GothamSSm-XLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-XLight.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-XLight.woff') format('woff'),
        url('fonts/gotham/GothamSSm-XLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-LightItalic.eot');
    src: local('GothamSSm Light Italic'), local('GothamSSm-LightItalic'),
        url('fonts/gotham/GothamSSm-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-LightItalic.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-LightItalic.woff') format('woff'),
        url('fonts/gotham/GothamSSm-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-Medium.eot');
    src: local('GothamSSm Medium'), local('GothamSSm-Medium'),
        url('fonts/gotham/GothamSSm-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-Medium.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-Medium.woff') format('woff'),
        url('fonts/gotham/GothamSSm-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-BookItalic.eot');
    src: local('GothamSSm Book Italic'), local('GothamSSm-BookItalic'),
        url('fonts/gotham/GothamSSm-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-BookItalic.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-BookItalic.woff') format('woff'),
        url('fonts/gotham/GothamSSm-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-Black.eot');
    src: local('GothamSSm Black'), local('GothamSSm-Black'),
        url('fonts/gotham/GothamSSm-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-Black.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-Black.woff') format('woff'),
        url('fonts/gotham/GothamSSm-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-BlackItalic.eot');
    src: local('GothamSSm Black Italic'), local('GothamSSm-BlackItalic'),
        url('fonts/gotham/GothamSSm-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-BlackItalic.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-BlackItalic.woff') format('woff'),
        url('fonts/gotham/GothamSSm-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-XLightItalic.eot');
    src: local('GothamSSm ExtraLight Italic'), local('GothamSSm-XLightItalic'),
        url('fonts/gotham/GothamSSm-XLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-XLightItalic.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-XLightItalic.woff') format('woff'),
        url('fonts/gotham/GothamSSm-XLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-Light.eot');
    src: local('GothamSSm Light'), local('GothamSSm-Light'),
        url('fonts/gotham/GothamSSm-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-Light.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-Light.woff') format('woff'),
        url('fonts/gotham/GothamSSm-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-Bold.eot');
    src: local('GothamSSm Bold'), local('GothamSSm-Bold'),
        url('fonts/gotham/GothamSSm-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-Bold.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-Bold.woff') format('woff'),
        url('fonts/gotham/GothamSSm-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/gotham/GothamSSm-BoldItalic.eot');
    src: local('GothamSSm Bold Italic'), local('GothamSSm-BoldItalic'),
        url('fonts/gotham/GothamSSm-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/gotham/GothamSSm-BoldItalic.woff2') format('woff2'),
        url('fonts/gotham/GothamSSm-BoldItalic.woff') format('woff'),
        url('fonts/gotham/GothamSSm-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* ***** 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 { height: 100%; scroll-behavior: smooth; }
body { 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: 1.5em;} /* 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, .js-imagetoggle { cursor: pointer; }

/* base */

html { font-family: 'GothamSSm', sans-serif; font-weight: 400; font-size: 14px; overflow-y: scroll !important; margin-right: 0px !important; } /* 14px is 1rem, scroll & margin-right is for popup */
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; margin-bottom: 29px; } /* 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;}
#swe-content header.as-h1, h1, header.as-h1 { font-size: 2.875rem; font-weight: 300; line-height: 3rem;}
#swe-content header.as-h2, h2, header.as-h2 { font-size: 1.938rem; font-weight: 300; }
#swe-content header.as-h3, h3, header.as-h3 { font-size: 1.313rem; font-weight: 300; margin-bottom: 0.5rem;}
#swe-content header.as-h4, h4, header.as-h4 { font-size: 1rem; font-weight: 300; }
#swe-content header.as-h5, h5, header.as-h5 { font-size: 1rem; font-weight: 300; }
#swe-content header.as-h6, h6, header.as-h6 { font-size: 1rem; font-weight: 300; }
header { font-size: 1.188rem; font-weight: 300; }
header.strong { font-size: 1.188rem; }


table { border-collapse: collapse; border-spacing: 0; }
hr { border: 1px solid #eeeff0; border-bottom: 0; line-height: 1px; }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.75em; }
sub { top: 0.4em; }
p, ul, ol, dl { font-size: .9375rem; line-height: 1.9; }
.h2-subtitle h2 {font-size: 17px !important;}
p.smaller {font-size: 14px;}

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

p { position: relative; }
span.style-code {
    font-family: 'Courier New', Courier, monospace;
    font-weight: 200;
    padding: 0.1em 0.3em;
    background: #eeecec;
}
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: #dd042b;
    color: white;
    border: 1px solid #ed1c24;
    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: 500; }
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; }

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


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

sup, .fraction-sup {
    top: -0.5em;
}

sub, .fraction-sub {
    bottom: -0.25em;
}

/* base form */
input, button, .button, select, textarea, div.input { display: inline-block; background: white; color: #5d5d5e; }
.mktoForm textarea.mktoField { width: 100% !important; }
input[type='text'], input[type='search'], input[type='phone'], input[type='tel'], input[type='date'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], select, textarea, div.input
                { padding: 0 10px; min-height: 40px; border: 1px solid #eeecec; border-radius: 0; width: 100%;
                -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.07);
                -moz-box-shadow:    inset 0px 0px 5px 0px rgba(50, 50, 50, 0.07);
                box-shadow:         inset 0px 0px 5px 0px rgba(50, 50, 50, 0.07);}
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;}

.button { padding: 0 20px 2px 20px; line-height: 38px; min-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; }

textarea { min-height: 80px; resize: vertical; line-height: inherit; padding-top: 9px; }
.select2-container { width: 100%; }
.select2-results__options { font-size: inherit; }
.select2-container .select2-selection--single { border: 1px solid #eeecec; border-radius: 0px; 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 #eeecec; border-radius: 0px; 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 #eeecec;}

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

/* base colors */
body { background: white; color: #5d5d5e; } /* set body background to last section background (footer) */
h1, h2, header.as-h1, header.as-h2 { color: #dd042b; }
h3, header.as-h3 { color: #272727; }
::selection { background: #272727; color: white; }
::-moz-selection { background: #272727; color: white; }

/* button */
.button { padding: 0 22px; line-height: 39px; min-height: 40px; font-size: 16px; font-weight: 600; border-radius: 2px; position: relative;top: 1px;}
.button { background: #dd042b; color: white; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; border-radius: 0px; transition: all 0.15s ease-in-out 0s; }
.button:disabled { background: #eeecec; }
.button.button-icon { padding: 0; width: 40px; }
.button:hover, .button:focus { background: #272727; }
.button:disabled:hover, .button:disabled:focus { background: #eeecec; }
.button.with-alternate-color { background: #272727; }
.button.with-alternate-color:hover, .button.with-alternate-color:focus { background: #dd042b; }
.button.with-inverted-colors { background: #dd042b; color: white; }
.button.with-inverted-colors a { text-decoration: none; }
.button.with-inverted-colors:hover, .button.with-inverted-colors:focus { background: #272727; color: white; }
.button.without-background { background: transparent; color: #5d5d5e; padding: 0; }
.button.without-background:hover, .button.without-background:focus { background: inherit; color: #dd042b; }
.button .text, .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.with-button-right { margin-right: 10px; }

.button.with-border { color: #5d5d5e !important; text-decoration: none; font-weight: 600; background: white; padding: 8px 24px; border: 2px solid #dd042b !important; display: inline-block; transition: all 0.4s ease 0s;}
.button.with-border:hover { color: white !important; background: #dd042b; border-color: #dd042b !important; transition: all 0.4s ease 0s;}
.button.with-alternate-border { color: #5d5d5e !important; text-decoration: none; font-weight: 600; background: white; padding: 8px 24px; border: 2px solid #272727 !important; display: inline-block; transition: all 0.4s ease 0s;}
.button.with-alternate-border:hover { color: white !important; background: #272727; border-color: #272727 !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: #dd042b;}
.with-accent-colors .button.with-border:hover {background: #dd042b;}

/* 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: #272727; letter-spacing: 0.4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); box-shadow: 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.4s ease 0s;}
.button.with-alternate-color.effect-grow:hover {font-size: 20px; background: #dd042b; letter-spacing: 0.4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); box-shadow: 5px 40px -10px 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: #5d5d5e !important; }

.button.effect-float { box-shadow: 0 0 1px 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.4); border-radius: 0px; transform: translateY(-6px); }

.button.effect-slide { position: relative; overflow: hidden; border: 0; }
.button.effect-slide .hovercontent { background: #272727; 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: #dd042b; color: white; }
.with-inverted-colors .button.effect-slide .hovercontent { background: #272727; }
.with-inverted-colors-2 .button.effect-slide .hovercontent { background: #dd042b; color: white; }
.with-accent-colors .button.effect-slide .hovercontent { background: #dd042b; 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: #dd042b; transform: rotateX(0deg) translateZ(20px); transform-style: preserve-3d; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.button.effect-roll .hovercontent { background: #272727; 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: #272727; color: white; }
.with-alternate-color.button.effect-roll .hovercontent { background: #dd042b; color: white; }
.with-inverted-colors .button.effect-roll .content { background: white; color: #5d5d5e; }
.with-inverted-colors .button.effect-roll .hovercontent { background: #272727; color: #5d5d5e; }
.with-inverted-colors-2 .button.effect-roll .content { background: white; color: #5d5d5e; }
.with-inverted-colors-2 .button.effect-roll .hovercontent { background: #dd042b; color: white; }
.with-accent-colors .button.effect-roll .content { background: white; color: #5d5d5e; }
.with-accent-colors .button.effect-roll .hovercontent { background: #dd042b; color: white; }

/* thisbutton, used for specific components, like searchbox and paginator */
.thisbutton { display: inline-block; background: white; color: #5d5d5e; padding: 0 20px; line-height: 38px; min-height: 40px; }
.thisbutton { background: #dd042b; color: white; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; border-radius: 0px; transition: all 0.15s ease-in-out 0s; }
.thisbutton:disabled { background: #eeecec; }
.thisbutton.button-icon { padding: 0; width: 40px; }
.thisbutton:hover, .thisbutton:focus { background: #dd042b; }
.thisbutton:disabled:hover, .thisbutton:disabled:focus { background: #eeecec; }
.thisbutton.with-alternate-color { background: #272727; }
.thisbutton.with-alternate-color:hover, .thisbutton.with-alternate-color:focus { background: #272727; }
.thisbutton.with-inverted-colors { background: #eeecec; color: #5d5d5e; }
.thisbutton.with-inverted-colors a { text-decoration: none; }
.thisbutton.with-inverted-colors:hover, .thisbutton.with-inverted-colors:focus { background: #272727; color: white; }
.thisbutton.without-background { background: transparent; color: #5d5d5e; padding: 0; }
.thisbutton.without-background:hover, .thisbutton.without-background:focus { background: inherit; }
.thisbutton .text, .thisbutton.with-icon-left .text { margin: 0 0 0 2px; }
.thisbutton.with-icon-right .text { margin: 0 5px 0 0; }
.thisbutton.fit-width { width: 100%; }
.thisbutton.with-button-right { margin-right: 10px; }

/* 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 { position: relative; visibility: hidden; top: -25px; } /* top will be changed by javascript to account for height of dynamic header */

.with-alternate-background { background-color: #f8f8f8; }
.with-alternate-background hr {border-color: white; margin-top: 13px;}
.with-inverted-colors { background-color: #dd042b; color: white; }
.with-inverted-colors-2 { background-color: #272727; color: white; }
.with-accent-colors { background-color: #52565C; color: white; }
.with-opacity {opacity: 0.9;}
.with-inverted-colors h1,
.with-inverted-colors h2,
.with-inverted-colors h3,
.with-inverted-colors h4,
.with-inverted-colors h5,
.with-inverted-colors h6,
.with-inverted-colors header.as-h1,
.with-inverted-colors header.as-h2,
.with-inverted-colors header.as-h3,
.with-inverted-colors header.as-h4,
.with-inverted-colors header.as-h5,
.with-inverted-colors header.as-h6,
.with-inverted-colors .link,
.with-inverted-colors .link:hover,
.with-inverted-colors .link:focus,
.with-inverted-colors .xref,
.with-inverted-colors .xref:hover,
.with-inverted-colors .xref:focus,
.with-inverted-colors header,
.with-inverted-colors p,
.with-inverted-colors a,
.with-inverted-colors .qa > .question
{ color: white; }
.with-inverted-colors a { text-decoration: underline; }
.with-inverted-colors .button { background: #ed1c24; }
.with-inverted-colors-2 .button { background: white; color: #5d5d5e; }
.with-accent-colors .button { background: white; color: #5d5d5e; }
.with-inverted-colors .button:hover,
.with-inverted-colors .button:focus { background: #272727; }
.with-inverted-colors-2 .button:hover,
.with-inverted-colors-2 .button:focus { background: #dd042b; color: white; }
.with-accent-colors .button:hover { background: #dd042b; color: white; }

.with-inverted-colors .button.without-background {background: transparent;}
.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-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: 8px;}
.create-circle {border-radius: 1000px;}

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

.strong { color: #272727; }
.inverted { color: white; }
.strong.inverted { color: white; }
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: white; padding: 13px 15px; display: inline-block;}

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: #f8f8f8; 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-background.inverted { background-color: #dd042b; color: white; }
.with-background.strong.inverted { background-color: #272727; color: white; }

.with-alternate-background.inverted { background-color: #dd042b; color: #f8f8f8; }
.with-alternate-background.inverted a {color: white;}
.with-alternate-background.strong.inverted { background-color: #272727; color: #f8f8f8; }

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

h1.with-background.inverted, .as-h1.with-background.inverted { background-color: #272727; color: white; }
h1.strong, .as-h1.strong { color: #dd042b; }
h1.strong.with-background.inverted, .as-h1.strong.with-background.inverted { background-color: #dd042b; color: white; }


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

/* 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; }
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 (max-width: 959px) { section > .page-width { padding: 0 25px; }}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .page-width { width: 660px; padding: 0 25px; }}
@media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .page-width { width: 960px; padding: 0 17px; }}
@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; }
}
.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: white; }
.site-window-content section.with-alternate-background { background-color: #f8f8f8; }
.site-window-content section.with-inverted-colors { background-color: #dd042b; color: white;}
.site-window-content section.with-accent-colors { background-color: #52565C; }
.site-window-content section.with-inverted-colors-2 { background-color: #272727; color: white;}
.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; }
@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: 35px; padding-bottom: 26px; }
    .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;}
}

.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-account-orderhistory .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;}

/* 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 { border-right: 4px solid #dd042b; overflow: hidden; position: relative; min-height: 1px; width: 325px; padding: 0; display: table-cell; vertical-align: top; text-align: right;  }
.sidebar > div { position: relative; min-height: 1px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar.with-gutter > aside { padding-right: 30px; }
.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 #eeecec; }
.sidebar-right > aside { left: calc(100% - 256px); }
.sidebar-right > div { left: -256px; }
.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 #eeecec; }

@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%; border:none; }
    .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; }
}

/* 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; }
.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-middle-alignment > .item { vertical-align: middle; }
.items-tile.with-bottom-alignment > .item { vertical-align: bottom; }
@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%; }
}
@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 #eeeff0; }
.items-row.with-line > .item:first-child { border-top: 1px solid #eeeff0; }
.items-row.with-line.with-gutter { margin-top: 0; margin-bottom: 1rem; }
.items-row.with-line-below > .item { border-bottom: 1px solid #eeecec; }
.items-row.with-line-below.with-gutter { margin-bottom: 1rem; }
.items-row.with-line-above > .item { border-top: 1px solid #eeecec; }
.items-row.with-line-above.with-gutter { margin-top: 0; }
.items-row.with-line-between > .item { border-top: 1px solid #eeecec; }
.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: #f9f8f8; }
.items-row.with-oddeven > .item:nth-child(even) { background-color: transparent; }

/* propertylist */
.items-property { margin-bottom: 20px;}
.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: 60%; float: left; padding: 2px 0; }
.items-property > .item > .item-stylable > .value { width: 40%; 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.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 #eeecec; }
.items-property.with-line > .item:first-child { border-top: 1px solid #eeecec; }
.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 #eeecec; }
.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 #eeecec; }
.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 #eeecec; }
.items-property.with-line-between > .item:first-child { border-top: 0; }
.items-property.with-oddeven > .item > .item-stylable > .label { padding: 6px 12px 6px 0; }
.items-property.with-oddeven > .item > .item-stylable > .value { padding: 6px 12px; }
.items-property.with-oddeven > .item > .item-stylable > .labelvalue { padding: 6px 12px; }
.items-property.with-oddeven > .item:nth-child(odd) > .item-stylable { background-color: transparent; border-bottom: 1px solid #eeecec; }
.items-property.with-oddeven > .item:nth-child(even) > .item-stylable { background-color: transparent;  border-bottom: 1px solid #eeecec; }

.items-property > .item > .item-stylable > .value > .runout { font-weight: 600; color: #dd042b;}

.items-property.cataloggerarticlegroup > .item > .item-stylable > .label { width: 65%;  }
.items-property.cataloggerarticlegroup > .item > .item-stylable > .value { width: 35%;  text-align: right;}
.items-property > .item > .item-stylable > .label div.header1 { display: inline-block; width: 80%; position: relative; float: left; }
.items-property > .item > .item-stylable > .label div.header2 { display: inline-block; width: 20%; position: relative; float: right; }

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


/* 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 #eeeff0; 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: 50% !important; }
.items-block.items-50-50-100 .item:nth-child(3n+3) { width: 100% !important; }

/* tabs, non-selected items are not visible, select by clicking on tab */
.items-tab { padding: 0; }
.items-tab > .tabs { z-index: 2; line-height: 1px; }
.items-tab > .tabs > .tab { display: inline-block; padding: 22px !important; font-size: 19px; text-transform: uppercase; font-weight: 600; }
.items-tab > .tabs > .tab:hover {background-color: #dd042b; color: white; transition:all 0.3s ease;}
.items-tab > .tabs > .tab.is-selected {}
.items-tab > .items { z-index: 1; overflow: hidden; }
.items-tab > .items > .item { display: none; padding: 15px 22px 22px 22px;}
.items-tab > .items > .item.is-selected { display: block; }
.js-tab { cursor: pointer; }

/* 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: #5d5d5e; padding: 10px; }
.items-carousel > .dots > .dot.is-selected { color: #5d5d5e; }
.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; background: transparent; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.items-carousel > .items > .item.is-selected { z-index: 2; left: 0; display: block; }
.items-carousel.with-alternate-background > .items > .item { background-color: #f8f8f8; }
.items-carousel.with-main-background > .items > .item { background-color: #dd042b; }
.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 .hero-hero {background-attachment: initial !important;}

/* 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: #5d5d5e; position: absolute; width: 17px; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.items-conveyor > .nav.is-disabled { color: #5d5d5e; }
.items-conveyor > .nav-left { left: 0; width: 24px; }
.items-conveyor > .nav-right { right: 0px; width: 24px; }
.items-conveyor > .items-window { z-index: 1; position: absolute; left: 40px; top: 0; width: calc(100% - 80px); height: 100%; overflow: hidden; }
.items-conveyor > .items-window > .items { white-space: nowrap; position: relative; padding-top: 13px;}
.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 16px; }
.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; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .compare-toggle-product .thisbutton .text { font-size: 10px !important;}
}

@media only print, only screen and (max-width: 959px) {
    .items-conveyor > .items-window > .items > .item {width: 100% !important;}
    /*.cataloggerarticlegroup .items-conveyor {height: 340px !important;}*/
}

@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: 288px; } /* 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; }
.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: left; }
.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: 0; 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%; }

/* 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: #dd042b; 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 #eeecec; }
.table.with-grid-lines > tbody > tr > td { border: 1px solid #eeecec; }
.table.with-column-lines > tbody > tr > td { border: 1px solid #eeecec; border-top: 0; border-bottom: 0; }
.table.with-row-lines > tbody > tr > td { border: 1px solid #eeecec; border-left: 0; border-right: 0; }
.table.with-odd-even > tbody > tr:not(.table-row-header):nth-child(even) > td { background: #f9f8f8; }

/* expander, hide last section of content with button to expand (and collapse) */
.expander { height: 200px; 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 #eeecec; }
.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: #f8f8f8; }

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

/* group, generic container */
.group { display: block; height: inherit; }
.group.with-border { border: 1px solid #eeecec; }
.group.with-padding { padding: 32px; }
.group.with-large-padding { padding: 90px 130px; }
.group.with-medium-padding { padding: 60px 80px; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .group.with-large-padding { padding: 50px 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 screen and (max-width: 659px) {
    .group.with-large-padding { padding: 32px; }
    .group.with-medium-padding { padding: 32px; }
}

/* 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: 15; 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: 288px; bottom: 0; top: 0; background: white; overflow: hidden; }
.site-sidemenu > .sidemenu { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.site-sidemenu > .sidemenu > header { position: relative; height: 44px; line-height: 44px; margin-bottom: 0; }
.site-sidemenu > .sidemenu > header > .button { position: absolute; right: 0; background: transparent; color: inherit; display: inline-block; width: 44px; height: 44px; }
.site-sidemenu > .sidemenu > .sidemenu-scroller { height: calc(100% - 44px); padding-bottom: 44px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.site-sidemenu-main { left: -288px; border-right: 1px solid #272727; }
.site-sidemenu-user { right: -288px; border-left: 1px solid #272727; }
.site-sidemenu-basket { right: -288px; border-left: 1px solid #272727; background: #272727; }
.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; }

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


/* sidemenu */

.sidemenu > header { background: #dd042b; color: white; font-size: 22px; padding: 0 15px; }
.sidemenu nav > div { padding: 0; border-bottom: 1px solid #eeecec; position: relative; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.sidemenu .catalogmenu { background: #fcfcf6; }
.sidemenu nav > div .catalogitemlink { padding: 15px 20px 15px 15px; }
.sidemenu nav > div .catalogitemlink.is-active { padding-bottom: 0; }
.sidemenu nav > div .togglemenu { padding: 7px 15px; }
.sidemenu nav > div .togglemenu .catalogsubitem { padding: 7px 0px; position: relative; color: #ed1c24; font-size: 16px; }
.sidemenu nav > div .togglemenu .catalogsubitem .next { top: 7px; right: 0;font-size: 16px; }
.sidemenu nav > div .togglemenu > .groupimage { padding-top: 7px; line-height: 1px; }
.sidemenu .mainmenu { background: white; }
.sidemenu nav > div .mainmenuitemlink { padding: 15px 20px 15px 15px; }
.sidemenu nav > div .mainmenuitemlink.is-active { padding-bottom: 0; }
.sidemenu nav > div .togglemenu .mainmenusubitem { padding: 7px 0px; position: relative; color: #ed1c24; }
.sidemenu nav > div .togglemenu .mainmenusubitem .next { top: 7px; right: 0; }

.sidemenu .usermenu { background: #fcfcf6; }
.sidemenu .next { position: absolute; right: 15px; top: 15px; color: #272727; }
.sidemenu .basketmenu { background: #272727; color: white; padding: 15px; }
.sidemenu .basketmenu .button { background: #272727; }



.sidemenu .footermenu > div,
.sidemenu .usermenu > div { padding: 15px; }
.sidemenu .languages > div { padding: 8px 15px; }
.sidemenu .languages a > span > .thisbutton { margin-left: 5px; padding: 0 15px; background-color: white; border: 1px solid #eeecec;}
.sidemenu .languages a > span > .thisbutton:hover, .sidemenu .languages a > span > .thisbutton:focus { background-color: #272727; color: white;}

.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; }
.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: 400px; top: 30%; background: transparent; }
.site-sideslideout { right: -460px; }
.is-active-sideslideout .site-sideslideout { right: -109px; }
.site-sideslideout { transition: all 0.25s ease-in-out 0s; }

.sideslideout .pulltab { border: 2px solid #fff; border-radius: 6px 6px 0 0; font-weight: 400; font-size: 14px; position: relative; left: -154px; width: 150px; height: 40px; line-height: 40px; background: #dd042b; color: white; font-size: 20px; padding: 0 13px;
                         -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.sideslideout .slideout {position: relative; right: 60px; top: -95px; height: 150px; width: 351px; background: #5d5d5e; color: white; font-size: 16px; font-weight: 600; padding: 20px 27px; }

.sideslideout .pulltab { font-weight: 600; 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 .slideout address {margin-bottom: 0; line-height: 28px; font-weight: 600;}
.sideslideout .slideout address a.link {color: white !important;}
.sideslideout .slideout address span.fa {margin-right: 10px; color: #99b3c4;}
.sideslideout .slideout address p {font-size: 15px; line-height: 26px;}

.sideslideout .slideout .office-card-footer {position: absolute; top: 53%; transform: translateY(-50%);}
.sideslideout .pulltab .phone {font-family: 'GothamSSm', sans-serif; font-weight: 600; font-size: 18px; text-align: center;}
.sideslideout .pulltab .phone span {padding-right: 6px;}
.sideslideout .pulltab.is-active .phone span.fa-arrow-circle-up {display: none;}
.sideslideout .pulltab .phone span.fa-arrow-circle-down {display: none;}
.sideslideout .pulltab.is-active .phone span.fa-arrow-circle-down {display: inline-block;}
.sideslideout .slideout address {margin-bottom: 0; line-height: 28px; font-weight: 700;}
.sideslideout .slideout address a.link {color: white !important;}
.sideslideout .slideout address span.fa {margin-right: 10px; color: #787879;}

/* compareslideout base & transitions */

.site-compareslideout { pointer-events: none; position: fixed; width: 1450px; right: calc(50% - 650px); height: 347px; background: transparent; }
.site-compareslideout { bottom: -307px; }
.is-active-compareslideout .site-compareslideout { bottom: 0; }
.site-compareslideout { transition: all 0.25s ease-in-out 0s; }

/* compareslideout pulltab & content */

.compareslideout { pointer-events: auto; }
.compareslideout .pulltab { border-radius: 6px 6px 0 0; font-weight: 400; font-size: 14px; position: absolute; top:0; right: 0; width: 160px; height: 40px; line-height: 40px; background: #52565C; color: white; font-size: 20px; padding: 0 13px; }
.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: absolute; right: 0; top: 40px; height: 310px; min-width: 200px; max-width: 100%; background: white; color: #5d5d5e; 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: 4px 0 0 0 ; }
.compareslideout .slideout .link-compare { position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); }
.compareslideout .slideout .link-compare .button { font-size: 18px; }


@media only print, only screen and (max-width: 959px) {
    .site-compareslideout { width: calc(100% - 20px); right: 10px; height: 300px; bottom: -260px; }
    .compareslideout .slideout { padding: 10px; height: 260px; }
    .compareslideout .slideout .link-compare { bottom: 10px; left: 10px; width: calc(100% - 20px); }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .site-compareslideout { width: 960px; right: calc(50% - (960px / 2)); }
}

/* header & search on small & medium */

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

.section-menubar { background: white; border-bottom: 1px solid #eeecec; color: white; position: fixed; width: 100%; height: 50px; z-index: 20; top:48px; }
@media only screen and (max-width: 659px) {
    div.section-menubar {
        top:36px;
    }
    div.section-search {
        top:79px;
    }
}
.section-menubar > .page-width { position: relative; padding: 0; text-align: center; }
.section-menubar .button { background: transparent; color: #dd042b; display: inline-block; width: 44px; height: 44px; border-radius: 0; }
.section-menubar .button:hover, .section-menubar .button:focus { background: #272727; color: #5d5d5e; }
.section-menubar .button .fa-bars {font-size: 35px; margin-top: -2px;}
.section-menubar .button span {font-size: 1.3rem;}
.section-menubar .logo { width: 114px; height: 44px; display: inline-block; position: relative;  top: 7px;}
.section-menubar .logo img { max-width: 205px; max-height: 50px; }
.section-menubar .menu { float: left; }
.section-menubar .search { float: left; opacity: 0; }
.section-menubar .call-us { float: right; }
.section-menubar .account { float: right; }
.section-menubar .basket { float: right; }
.section-menubar .badge { position: absolute; top: 0.2em; right: 0.2em; }
.section-menubar .is-active { background: #fcfcf6; color: #5d5d5e; }
.section-menubar .search button span {color: #5d5d5e;}

.section-menubar .logo.meibes { width: 169px; }

@media only print, only screen and (max-width: 959px) {
    .section-menubar .basket .badge {display: none; visibility: hidden;}
    .section-menubar .account .badge {display: none; visibility: hidden;}
    .section-menubar .account .button span,
    .section-menubar .basket .button span {background-color: transparent; width: 35px;padding: 4px;}
    .section-menubar .button:hover, .section-menubar .button:focus { background: transparent; color: #272727; }
    .section-menubar .search button:hover, .section-menubar .search button:focus { background-color: white; color: #5d5d5e; }

    .section-menubar .call-us .button span { background-color: transparent; width: 35px; padding: 4px;}
}

@media only screen and (min-width: 960px) {
    .section-logo div.searchbox { display: none; opacity: 0; width: 0; right: 0px; position: absolute; padding: 10px; }
    .section-logo div.searchbox.is-active {padding-bottom: 30px; display: block; position: absolute; z-index: 999; border-radius: 10px; top: 18px;}
}

@media only screen and (min-width: 960px) {

.searchbox .form-search input { background: white; }
.searchbox .form-search { width: calc(100% - 40px); display: inline-block; }
.searchbox .js-toggle-search-hide {position: relative; left: 9px; line-height: 40px; float: right; background-color: white; }
.searchbox .js-toggle-search-hide span.fa { color: #5d5d5e; }
.section-mainmenu .mainmenu .js-toggle-search-show { padding: 0 10px; }
.js-toggle-search-show.is-active:hover {cursor: pointer;}
.js-toggle-search-hide.is-active:hover {cursor: pointer;}

}

.js-toggle-search-show {
  z-index: 100;
  position: relative;
  float: right;
  top: 35px;
}

.dropdown-language {
    float: right;
}


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

@media only screen and (max-width: 659px) {
    .section-menubar {top:36px;}
    .section-search {top:79px;}
}

@media only screen and (max-width: 659px) {
    div.section-menubar {
        top:36px;
    }
    div.section-search {
        top:79px;
    }
}

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


.section-search {
  background: white;
  position: fixed;
  top: 80px;
  width: 100%;
  height: 63px;
  z-index: 10;
  border-bottom: 1px solid #eeecec;
}

.section-search .searchbox {
  width: 100%;
  margin: 0 auto;
  height: 40px;
}

.section-search > .page-width {
  padding: 10px;
}

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

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

.section-usps { background: #dd042b; color: white; position: fixed; width: 100%; height: 42px; z-index: 30; }
.section-usps .usps { float: left; margin: 0 -15px; }
.section-usps .usps .usp { display: inline-block; padding: 9px 15px; }

.section-user { background: transparent; color: white; position: fixed; width: 100%;  top: 0; z-index: 40; }
.section-user .usermenu { position: absolute; right: 0; top: 0; }
.section-user .usermenu .fa {color: #d7d7d7;}
.section-user .usermenu > div { display: inline-block; position: relative; padding: 10px 15px; }
.section-user .usermenu > div:hover, .section-user .usermenu > div:focus { background: #ed1c24; color: white; }
.section-user .usermenu > div.is-active-dropmenu { background: #ed1c24; color: white; }
.section-user .usermenu .dropmenu { position: absolute; left: 0; top: 41px; padding: 7px 0; background: #ed1c24; }
.section-user .usermenu .dropmenu > div { padding: 7px 15px; white-space: nowrap; }
.section-user .usermenu .dropmenu-basket .basket-items .item { border: 0; padding-bottom: 0; padding-top: 8px; }
.section-user .usermenu .dropmenu-basket .basket-items .item-0 { padding-top: 13px; }
.section-user .usermenu .dropmenu-basket hr {border-color: #70afc4;}
.section-user .usermenu .dropmenu-basket { left: auto; right: 0; width: 288px; }
.section-user .usermenu .dropmenu-basket .basket-items { max-height: 240px; overflow-y: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px;}
.section-user .usermenu .dropmenu-basket .button {background-color: #5d5d5e; font-weight: 500; font-size: 1.17rem; }
.section-user .usermenu .dropmenu-basket .button:hover, .section-user .usermenu .dropmenu-basket .button:focus {background-color: #272727;}
.section-user .usermenu .dropmenu-basket .button-icon {background-color: transparent; color: white;}
.section-user .usermenu .dropmenu-basket .fa {color: white;}
.section-user .usermenu .dropmenu-basket .order-remove button:hover, .section-user .usermenu .dropmenu-basket .order-remove button:focus {background-color: transparent;}
.section-user .usermenu .dropmenu-account {min-width: 125px;}
.section-user .usermenu .dropmenu-basket .basket-summary {margin-bottom: 14px;}
.js-dropmenu-toggle { cursor: pointer; }

.section-logo { position: fixed; top: 46px; width: 100%; height: 100px; background: white; z-index: 20; }
.section-logo .logo {z-index: 999; float: left; position: relative; top: 8px; /*left: -10px;*/ overflow: hidden; width: 256px; height: 90px; }
.section-logo .logo img { width: auto; height: 65px; position: relative; top: 47%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.section-mainmenu .searchbox { float: left; position: relative; top: 10px; margin-left: 0px; width: 340px; line-height: 40px; }
.section-mainmenu .searchbox > .form > form > .input-combined input.textbox {font-weight: 300; font-family: 'Gotham Book'; margin-right: 0; font-size: 16px; padding-right: 40px; }
.section-logo .call-us { float: left; opacity: 1; color: black; font-size: 1.1rem; font-weight: 500; width: 200px; 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: #272727;}
.section-logo .languages { 
    float: right;
    position: relative;
    top: 37px;
    margin-left: 30px;
    opacity: 1;
    margin-right: 26px;
}
.section-logo .languages > div { display: inline-block; }
.section-logo .languages a > span > button.button { margin-left: 5px; padding: 0 8px; background-color: #ededf0; color: black; font-weight: 700; min-height: 31px; line-height: 29px; border-radius: 17px; font-size: 16px;}
.section-logo .languages a > span > button.button:hover, .section-logo .languages a > span > button.button:focus { background-color: #272727; color: white;}

.section-logo .logo.meibes { overflow: visible; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-mainmenu .searchbox { width: 300px; }
    .section-logo .searchbox { width: 244px; }
    .section-logo .logo img { height: 60px;}
    .section-logo .js-toggle-search-show {top: 40px;}
    .section-logo .languages { 
    margin-left: 10px;
    margin-right: 10px;
    top: 42px;
}
 }

/*.section-logo { background: #f8f8f8; border-bottom: 4px solid #dd042b; color: #5d5d5e; position: fixed; font-weight: 700; width: 100%; top: 89px; z-index: 10; font-size: 17px; }*/
/*.section-logo .catalogmenu { margin-left: -14px; }
.section-logo .catalogmenu > div { display: inline-block; padding: 0; }
.section-logo .catalogmenu .catalogitem > div.catalogitemlink { padding: 18px 19px; }
.section-logo .catalogmenu .catalogitem > div.catalogitemlink:hover,
.section-logo .catalogmenu .catalogitem > div.catalogitemlink:focus { color: white; background-color: #dd042b;}
.section-logo .catalogmenu > div.promo { padding: 18px 16px; float: right; background: transparent; position: relative; left: 10px; }
.section-logo .catalogmenu .catalogitem.is-active-dropmenu > div.catalogitemlink { background: transparent; color: #272727; }
.section-logo .catalogmenu .catalogitem { position: relative; z-index: 1; }
.section-logo .catalogmenu .catalogitem.is-active-dropmenu { z-index: 2; }

.section-logo .catalogmenu .catalogitem .dropmenu { position: absolute; left: 0; top: 56px; padding: 9px; background: white; color: #272727; white-space: nowrap;
                                                        -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.25);
                                                        -moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.25);
                                                        box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.25);}
.section-logo .catalogmenu .catalogitem .dropmenu > div { padding: 7px 0; }
.section-logo .catalogmenu .catalogitem .dropmenu > .catalogsubitems { display: inline-block; vertical-align: top; }
.section-logo .catalogmenu .catalogitem .dropmenu > .groupimage { display: inline-block; padding: 15px; vertical-align: top; line-height: 1px; }
.section-logo .catalogmenu .catalogitem .dropmenu > .groupimage > .image { width: 160px; border: 1px solid #dd042b;}
.section-logo .catalogmenu .catalogitem .catalogsubitem { padding: 3px 15px; font-size: 1.1rem;}
.section-logo .catalogmenu .catalogitem .catalogsubitem:hover,
.section-logo .catalogmenu .catalogitem .catalogsubitem:focus { color: #dd042b; }
.section-logo .catalogmenu .catalogitem .catalogsubitem.is-selected { color: #ed1c24; }
.section-logo .catalogmenu .catalogitem .catalogsubitem.is-selected:hover,
.section-logo .catalogmenu .catalogitem .catalogsubitem.is-selected:focus { color: #ed1c24; }

.section-logo .catalogmenu .catalogitem .catalogsubitem-all { color: #5d5d5e; }
.section-logo .catalogmenu .catalogitem.is-active-dropmenu > .dropmenu { display: block !important; }*/

/*.section-logo .dropmenu-catalogmenu .vertical-scroll { margin: 0 auto; }
.section-logo .catalogmenu .is-active { color: #dd042b;  transition: all 0.3s ease 0s;}
.section-logo .catalogmenu .catalogmenu-submenus { display: inline-block; width: 430px; white-space: normal; padding-bottom: 10px; }
.section-logo .catalogmenu .catalogmenu-submenus > .submenu { border-top: 1px solid #eeecec; padding: 6px 0; }
.section-logo .catalogmenu .catalogmenu-submenus > .submenu:first-child { border-top: 0; }
.section-logo .catalogmenu .catalogmenu-submenus > .submenu .filterlink { padding:9px 15px; letter-spacing: 0.4px; }
.section-logo .catalogmenu .catalogmenu-submenus > .submenu .filterlink > a { display: block; position: relative; padding-right: 20px; }
.section-logo .catalogmenu .catalogmenu-submenus > .submenu .filterlink > a .fa {transition: all 0.5s ease; position: absolute; top: 0; right: 0; color: rgb(206, 202, 202); line-height: 1.1em;}

.section-logo .catalogmenu .catalogitem .dropmenu .vertical-scroll > div.catalogmenu { color: #ed1c24; position: relative; font-weight: 400; font-size: 1rem; line-height: 2.1em; padding: 10px 0 0 18px; }
.section-logo .catalogmenu .catalogmenu-filtered-items { display: inline-block; vertical-align: top; min-height: 100%; white-space: normal; z-index: 2; position: relative; }
.section-logo .catalogmenu .catalogmenu-items { padding: 10px 25px 20px 25px; min-height: 100%; width: 600px; }
.section-logo .catalogmenu .catalogmenu-items a:hover { color: #272727; transition: all 0.5s ease;}
.section-logo .catalogmenu .catalogmenu-items .itemlink > div { color: #5d5d5e; font-size: 0.8rem; line-height: 1.2em; position: relative; top: -5px; }

.catalogmenu-items .itemlink {padding: 9px 0px;}

.dropmenu-catalogmenu {background: white !important; color: #5d5d5e !important; border-bottom: 4px solid #dd042b; border-top: 4px solid #dd042b;}
.dropmenu-catalogmenu header { color: #dd042b; font-size: 18px; border-bottom: 1px solid white; font-weight: 600; line-height: 1.5em; padding-bottom: 7px; }
.dropmenu-catalogmenu a:hover { color: #dd042b !important; transition: all 0.3s ease 0s !important;}
.dropmenu-catalogmenu .catalogmenu .catalogmenu-submenus > .submenu .filterlink {padding-left: 0 !important; font-size: 16px; font-weight: 600; transition: all 0.5s ease; text-transform: initial !important;}
.dropmenu-catalogmenu .catalogmenu-items .itemlink { font-size: 16px; font-weight: 400 !important; text-transform: initial !important;}

.dropmenu-catalogmenu .catalogmenu .catalogmenu-submenus > .submenu .filterlink:hover .fa {color: #dd042b; transition: all 0.5s ease;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-logo .catalogmenu .catalogitem > div.catalogitemlink { padding: 18px 12px; }
    .section-logo .catalogmenu .catalogitem:nth-child(2) > div.catalogitemlink { padding-left: 15px; }
    .section-logo { font-size: 15px; }
    .section-logo .catalogmenu .catalogitem .dropmenu { top: 55px; }
    .section-logo .catalogmenu .catalogitem:last-child .dropmenu { left: auto; right: 0; }
}


.section-logo .mainmenu > .mainmenuitem {text-transform: uppercase;}
.section-logo .mainmenu { margin-left: -14px; position: relative; z-index: 1; }
.section-logo .mainmenu > div { display: inline-block; padding: 0; }
.section-logo .mainmenu > div:hover, .section-logo .mainmenu > div:focus { }
.section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 18px 19px; }
.section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink:hover, .section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink:focus { background: #272727; }
.section-logo .mainmenu > div.promo { padding: 18px 16px; float: right; background: #272727; position: relative; left: 10px; }
.section-logo .mainmenu > div.promo:hover, .section-logo .mainmenu > div.promo:focus { background: #272727; }
.section-logo .mainmenu > div.promo.is-selected { background: #272727; }
.section-logo .mainmenu > div.promo.is-selected:hover, .section-logo .mainmenu > div.promo.is-selected:focus { background: #272727; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu > div.mainmenuitemlink { background: #272727; color: white; }
.section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink.is-selected { background: #dd042b; color: white; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu > div.mainmenuitemlink { background: #dd042b; color: white; }
.section-logo .mainmenu .mainmenuitem {transition: all 0.5s ease; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu { z-index: 2; transition: all 0.5s ease;}
.section-logo .mainmenu .mainmenuitem .dropmenu {transition: all 0.5s ease; position: fixed; left: 0; right: 0; background: #dd042b; color: white; min-width: 320px; padding: 6px 10px; }
.section-logo .mainmenu .mainmenuitem .dropmenu.dropmenu-catalogmenu {text-transform: none !important;}
.section-logo .mainmenu .mainmenuitem .dropmenu.dropmenu-catalogmenu .filterlink {text-transform: none !important;}
.section-logo .mainmenu .mainmenuitem .dropmenu.dropmenu-catalogmenu .filterlink a {text-transform: none !important;}
.section-logo .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems { margin: 0 auto; transition: all 0.5s ease;}
.section-logo .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems > .mainmenusubitemgroup{ display: inline-block; transition: all 0.5s ease;}
.section-logo .mainmenu .mainmenuitem .mainmenusubitem { padding: 18px 15px; display: inline-block; color: white; transition: all 0.5s ease;}
.section-logo .mainmenu .mainmenuitem .mainmenusubitem:hover, .section-logo .mainmenu .mainmenuitem .mainmenusubitem:focus { color: #272727; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem { color: #5d5d5e; padding: 3px 0; font-size: 1.1rem; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem:hover, .section-logo .mainmenu .mainmenuitem .mainmenusubsubitem:focus { color: #272727; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu > .dropmenu { display: block !important; }
*//*.section-logo .mainmenu .mainmenuitem .dropmenu { position: absolute; left: 0; right: 0; top: 56px; padding: 32px; background: white; color: #272727;
                                                     -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.25);
                                                     -moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.25);
                                                     box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.25);}
.section-logo .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems { }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem { padding: 3px 0; }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem:hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubitem:focus { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem.is-selected { color: #ed1c24; }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem.is-selected:hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubitem.is-selected:focus { color: #ed1c24; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem { color: #5d5d5e; padding: 3px 0; font-size: 1.1rem; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem:hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem:focus { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected { color: #ed1c24; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :focus { color: #ed1c24; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu > .dropmenu { display: block !important; }*/

.section-logo .page-width { padding: 0; }
.section-logo { background: white; color: #5d5d5e; font-weight: 700; position: fixed; width: 100%; top: 46px; z-index: 10; font-size: 16px; box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.16);}
.section-logo .mainmenu {display: inline-flex; float: right; text-align: right; position: relative; z-index: 1; top: 29px;}
.section-logo .mainmenu > div { display: inline-block; padding: 0; }
.section-logo .mainmenu > div:hover, .section-logo .mainmenu > div:focus { }
.section-logo .mainmenu .mainmenuitem {font-size: 17px; text-transform: none; font-weight: 400; color: #707070;}
.section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 12px 15px;padding-bottom: 40px;margin-bottom: -25px; }

/*.section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink:hover, .section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink:focus { background: #272727; transition: all 0.3s ease 0s; }*/

.section-logo .mainmenu > div.promo {width: auto; height: 52px; padding: 18px 16px; float: right; background: #dd042b; position: relative; left: 10px; border-radius: 0; line-height: 22px; font-size: 16px;}
.section-logo .mainmenu > div.promo:hover, .section-logo .mainmenu > div.promo:focus { background: #272727; color: white; }
.section-logo .mainmenu > div.promo.is-selected { background: #272727; color: white;   }
.section-logo .mainmenu > div.promo.is-selected:hover, .section-logo .mainmenu > div.promo.is-selected:focus { background: #272727; color: white;}
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu > div.mainmenuitemlink { background: transparent; color: #dd042b; }
.section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink.is-selected { background: transparent; color: #dd042b; }
.section-logo .mainmenu .mainmenuitem { position: relative; z-index: 1; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu { z-index: 2; }
.section-logo .mainmenu .mainmenuitem .dropmenu { position: absolute; left: 0; top: 71px; padding: 10px 0; background: white; color: #5d5d5e; white-space: nowrap; border-top: 5px solid #dd042b;
                                                     -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.25);
                                                     -moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.25);
                                                     box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.25);}
.section-logo .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems { display: inline-block; vertical-align: top; padding-right: 20px;}
.section-logo .mainmenu .mainmenuitem .dropmenu > .groupimage { display: inline-block; padding: 15px; vertical-align: top; line-height: 1px; }
.section-logo .mainmenu .mainmenuitem .dropmenu > .groupimage > .image { width: 160px; }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem { padding: 10px 20px; font-size: 1.15rem; font-weight: 300; text-transform: none; color: #272727; text-align: left;}

.section-logo .mainmenu .mainmenuitem .mainmenusubitem:hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubitem:focus { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem.is-selected { color: #52565C; }
.section-logo .mainmenu .mainmenuitem .mainmenusubitem.is-selected:hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubitem.is-selected:focus { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem { color: #5d5d5e; padding: 3px 0; font-size: 1.1rem; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem:hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem:focus { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :hover,
.section-logo .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :focus { color: #dd042b; }
.section-logo .mainmenu .mainmenuitem.is-active-dropmenu > .dropmenu { display: block !important; width: fit-content; }
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown {border-radius: 4px; position: static; width: auto; background: #dd042b; font-weight: 400; letter-spacing: 0.5px; color: white;}
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink {color: white;padding-bottom: 40px; margin-bottom: -25px;}
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown:hover {background: #272727; color: white;}
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:focus {color: white;}
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:focus a {color: white;}
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:after {content: '\f107'; float: right; opacity: 0.5;  font-family: FontAwesome; font-weight: normal; font-style: normal; margin:0px 0px 0px 10px; text-decoration:none;}
/*.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:before {content: '\f0c9';    font-family: FontAwesome; font-weight: normal; font-style: normal; margin:0px 15px 0px 0px;text-decoration:none;}*/
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown .dropmenu { right: 0; white-space: normal;}
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown .dropmenu > .mainmenusubitems { display: block; }
.section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown div.mainmenuitemlink.is-selected {color: white;}
.section-logo .mainmenu .mainmenuitem:first-child { margin-right: 18px;}


.pageid--catalog- .section-logo {border-bottom: 5px solid #dd042b;}
.sticky.pageid--catalog- .section-logo {border-bottom: 5px solid #dd042b;}
.pageid--catalog- h1 { margin-bottom: 0; margin-top: 6px;}



@media only screen and (max-width: 659px) {
    .megamenu-s .filterlink.is-active { color: #272727; font-weight: 700; }
    .megamenu-s .megamenu-submenus { display: block; width: 100%; white-space: normal; padding-bottom: 10px; }
    .megamenu-s .megamenu-submenus > .submenu { border-top: 1px solid #eeecec; padding: 6px 0; }
    .megamenu-s .megamenu-submenus > .submenu:first-child { border-top: 0; }
    .megamenu-s .megamenu-submenus > .submenu a:hover { color: #272727;  }
    .megamenu-s .megamenu-submenus > .submenu .filterlink > a { display: block; position: relative; padding-right: 20px; }
    .megamenu-s .megamenu-submenus > .submenu .filterlink > a .fa { position: absolute; top: 2px; right: 10px; }
    .megamenu-s .megamenu-submenus > .submenu .filterlink > a .fa.is-expanded { display: none; }
    .megamenu-s .megamenu-submenus > .submenu .filterlink.is-active > a .fa.is-collapsed { display: none; }
    .megamenu-s .megamenu-submenus > .submenu .filterlink.is-active > a .fa.is-expanded { display: block; }
    .megamenu-s .megamenu-submenus > .submenu .filteritem > a { display: block; position: relative; padding-right: 20px; padding-left: 20px; }
    .megamenu-s .megamenu-submenus > .submenu .filteritem > a .fa { position: absolute; top: 2px; right: 10px; }
}

/*
@media only screen and (min-width: 1450px) {
    .section-logo .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems,
    .section-logo .mainmenu .vertical-scroll { width: 1450px; }
}
*/
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-logo .mainmenu .mainmenuitem:nth-child(2) > div.mainmenuitemlink { padding-left: 15px; }
    .section-logo .mainmenu .mainmenuitem .dropmenu { top: 56px; }
    .section-logo .mainmenu .mainmenuitem:last-child .dropmenu { left: auto; right: 0; }
    .section-logo .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 18px 7px; }
    .section-logo .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown { width: auto; }
    .section-logo .mainmenu .mainmenuitem {font-size: 13px;}
    .section-logo .mainmenu .mainmenuitem:first-child {margin-right: 0;}
}

.submenu-maingroups {text-transform: initial;}
.catalogmenu-items {text-transform: initial;}

.section-usps,
.section-user,
.section-user .usermenu,
.section-logo,
.section-logo,
.section-logo .logo,
.section-logo .languages,
.searchbox { transition: all 0.25s linear; }

.section-mainmenu .mainmenu .js-toggle-search-show { padding: 0 10px; }
.js-toggle-search-show.is-active:hover {cursor: pointer;}
.js-toggle-search-hide.is-active:hover {cursor: pointer;}


/*.sticky .section-usps { height: 0; overflow: hidden; }
.sticky .section-user { top: -33px; }
.sticky .section-user .usermenu { top: 47px; color: #5d5d5e; }
.sticky .section-logo { top: 0; height: 70px; }
.sticky .section-logo .logo { width: 256px; height: 70px; }*/
.sticky .section-logo .searchbox { top: 15px; }
/*.sticky .section-logo .call-us { top: 24px; }
.sticky .section-logo .languages {top: 20px;}
.sticky .section-logo .call-us { top: 22px; }*/
/*
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .sticky .section-logo .call-us { opacity: 0; }
}

.sticky .section-logo { top: 70px; border-bottom: 1px solid #e3e3e3;}
.sticky .section-logo .catalogmenu > div.promo { padding: 15px 16px; }
.sticky .section-logo .catalogmenu .catalogitem > div.catalogitemlink { padding: 15px 16px; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .sticky .section-logo .catalogmenu .catalogitem > div.catalogitemlink { padding: 15px 12px; }
    .sticky .section-logo .catalogmenu .catalogitem:nth-child(2) > div.catalogitemlink { padding-left: 15px; }
}
.sticky .section-logo .catalogmenu .catalogitem .dropmenu { top: 49px; }
.sticky .section-user .usermenu > div {border: 1px solid transparent;}
.sticky .section-user .usermenu > div:hover, .sticky .section-user .usermenu > div:focus {border: 1px solid #e2e4e3; background-color: white; color: #5d5d5e;}

.sticky .section-user .usermenu .dropmenu {background-color: white; border: 1px solid #e2e4e3; color: #5d5d5e; left: -1px;}
.sticky .section-user .usermenu .dropmenu-basket { left: auto; right: -1px; }

.sticky .section-user .usermenu > div.is-active-dropmenu { background: white; color: #5d5d5e; border: 1px solid #e2e4e3;}
.sticky .section-user .usermenu .dropmenu-basket .fa {color: #272727;}
.sticky .section-user .usermenu .dropmenu-basket hr {border-color: #eeeff0;}

.sticky .section-menubar .search { opacity: 1.0; }
.sticky .section-search { height: 0; overflow: hidden; }
.sticky .section-search.is-active { height: 63px; overflow: visible; }

.sticky .section-user .badge { background-color: #eeeff0; color: #5d5d5e;}
.sticky .section-user .dropmenu .badge { background-color: transparent; color: #5d5d5e;}
*/

.section-header-sticky-margin-lxl { min-height: 165px; } /* plus mainmenu height, via javascript 


.section-header-sticky-margin-lxl { min-height: 147px; }

/* header size without scrolling; content should be pushed down below it */
.section-header-sticky-margin-sm { height: 142px; }
.section-header-sticky-margin-xl { height: 145px; z-index: 20;}
.section-header-sticky-margin-l { height: 145px; }


/* 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 */
.anchor { width: 1px; }
:target:before {
    content: '';
    display: block;
    height: 0;
    margin: 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: 133px; margin-top: -133px; }
}

/* footer */

.section-newsletter {width: 30%; padding: 70px 70px; border-top: 6px solid #5d5d5e; background: #f5f3f3; display: inline-block; height: 400px;}
.section-newsletter header {font-size: 29px; color: #dd042b;}
.section-newsletter .form .input-combined .first { width: 225px; margin-right: 0; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 700; background-color: #626162; border: none; border-radius: 0; min-height: 45px; line-height: 29px; color: white; padding-left: 18px;
box-shadow: inset 0px 0px 10px 0px #555556;
-webkit-box-shadow: inset 0px 0px 10px 0px #555556;
-moz-box-shadow: inset 0px 0px 10px 0px #555556;
-o-box-shadow: inset 0px 0px 10px 0px #555556;}
.section-newsletter .form .input-combined button.last {max-height: 50px; min-height: 10px; background-color: #dd042b; top: 2px; line-height: 43px;}
.section-newsletter .form .input-combined button.last:hover {background-color: #272727;}

.site-window-footer section.section-footer { background: #eeecec; display: inline-block;}
.section-footer { padding: 70px 0; border-top: 4px solid #5d5d5e; background: #eeecec; width: 100%; display: inline-block; float: left;}
.section-footer .office-card-footer address { display: inline-block; width: 100%; padding: 23px 38px; border: 1px solid #eeecec; background: white; }
.section-footer .office-card-footer address p { margin-bottom: 0; line-height: 1.8rem;}
.section-footer .office-card-footer address span {margin-right: 10px;}
.section-footer .form-newsletter { max-width: 320px; }
.section-footer .social { margin-bottom: 1rem; }
.section-footer .footermenu { margin-bottom: 1rem; color: #6b6b6c; }
.section-footer .footermenu div { margin-bottom: 5px; }
.section-footer .footermenu div a { font-size: 18px; font-weight: 700; color: #dd042b; line-height: 33px; }
.section-footer .footermenu div a:hover, .section-footer .footermenu div a:focus { color: #272727; transition: all 0.3s ease 0s;}
.section-footer header { font-size: 35px;  color: #dd042b; font-weight: 300; margin-bottom: 0px;}

.section-footer .footermenu header {display: none; visibility: hidden;}
.section-footer .follow header {display: none; visibility: hidden;}
.section-footer p {color: #393736; font-weight: 600; }
.section-footer .social {margin-bottom: 21px;}
.section-footer .about-hsf {width: 40%; display: inline-block; float: left; margin-right: 60px;}
.section-footer .about-hsf h3 {font-size: 26px; color: black; font-weight: 700; padding-bottom: 10px;}
.section-footer .about-hsf p {color: #a4a4a3; font-size: 16px; line-height: 26px; font-weight: 600;}
.section-footer .about-hsf a {text-decoration: underline;}


.section-footer .form .input-combined input {border: none; border-bottom: 1px solid #d7d8d9;}
.section-footer .form .input-combined button {background: #dd042b; font-size: 14px; text-transform: uppercase; min-height: 38px; max-height: 38px;}

.section-footer .newsletter header:before { content:''; display: block; width: 87px; height: 47px; background-image: url('subscribe.png'); background-repeat: no-repeat; margin-top: 10px; }

.section-signoff { text-align: left; font-size: 0.8rem; padding: 20px 0 12px 0; background: #dd042b; color: white;}
.section-signoff .logo { 
    float: right;
    width: 20%;
    margin-top: 10px;
    height: 96px;
}
.section-signoff .logo.aalberts div.aalberts { text-align: right; position: relative; float:right; top: 7px;}
.section-signoff .logo.aalberts div.aalberts img {width: 40px;}
.section-signoff .logo.aalberts div.brdr { border-bottom: 2px solid #fff; height: 50px; float:left; width: -webkit-calc(100% - 42px); width: -moz-calc(100% - 40px); width: calc(100% - 40px);}

.section-signoff .logo img.line { width: calc(100% - 100px); height:100%; float: left; display: none;}
.section-signoff .logo img.logo {width: auto;
    height: 76%;
}


/* IE Internet explorer*/
_:-ms-fullscreen, :root .section-signoff .logo img.line {width: calc(100% - 100.5px);}

.section-signoff .termsmenu { display: inline-block; margin-top: 40px; }
.section-signoff .termsmenu div { display: inline-block; margin-right: 20px; }
.section-signoff .copyright { margin-top: 20px; font-size: 0.8rem; display: inline-block; }

@media only screen and (max-width: 659px) {
    .section-footer {padding: 40px 0; float: none;}
    .section-footer .follow { margin-bottom: 1rem; }
    .section-footer .newsletter { margin-bottom: 1rem; }
    .section-signoff {padding: 20px 0;}
    .section-footer .footermenu {width: 100%; margin-bottom: 30px;}
}

@media only print, only screen and (max-width: 959px) {
    .section-signoff .logo {width: 100%;}
    .section-signoff .copyright { margin-top: 10px; margin-bottom: 40px;}
    .section-footer .about-hsf {width: 100%;}
    .section-footer .about-hsf p {margin-bottom: 30px;}
    }

@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 { display: inline-block; }
    .section-footer .follow { }
    .section-signoff { text-align: left; font-size: 1rem;  }
    .section-signoff .termsmenu div { margin-right: 0; margin-right: 20px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .section-footer {padding: 30px 0;}
    .section-signoff {padding: 20px 0;}
    .section-footer .office-card-footer { width: 50%; }
    .section-footer .footermenu { width: 50%; }
    .section-footer .follow { width: 100%; }
    .section-footer .follow .social { width: 50%; float: left; }
    .section-footer .follow .newsletter { width: 50%; float: left; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-footer .office-card-footer { width: 37%; }
    .section-footer .footermenu { width: 50%; }
    .section-footer .newsletter {width: 30%; display: inline-block; }
}

@media only screen and (min-width: 1450px) {
    .section-footer .office-card-footer { width: 28%; }
    .section-footer .footermenu { width: 17%; }
    .section-footer .follow { width: 8%; display: inline-block; }
    .section-footer .social {width: 13%; display: inline-block; float: left;}
    .section-footer .newsletter {width: 30%; display: inline-block; float: right; }
    .section-footer .office-card-footer address { padding-right: 88px;}
}

@media only print, only screen and (max-width: 1449px) {
    .section-signoff .copyright { margin-left: 0; }
}

/* cookie message */

.stn-cookies, .stn-cookies-enlarge { z-index: 199; padding: 10px; position: fixed; bottom: 0; right: 0; width: 50%; height: auto;
    text-align: left; 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); padding: 25px;}
section.stn-cookies > .page-width { width: 100%; }

.stn-cookies-enlarge { width: 10%; }
.stn-cookies button { margin-right: 20px; }
.stn-cookies-sticky-margin { height: 60px; background: white; }
.cookie-inline { position: relative; margin: 10px 0; padding: 10px; border: 1px solid #eeecec; 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;}
}

.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: #f8f8f8; 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: 12px !important; color: #5d5d5e;  }
p.inverted { background: #dd042b; color: white; padding: 15px; border-radius: 1px; margin-top: 1rem; }
p.pull-quote-left, p.pull-quote-right { font-style: italic; font-size: 1.6em; line-height; 1.5em; color: #dd042b; }
@media only screen and (min-width: 960px) {
    p.pull-quote-left, p.pull-quote-right { max-width: 450px; position: relative; top: -5px; }
    p.pull-quote-left { left: 23px; padding-right: 25px;}
    p.pull-quote-right { right: 0px; padding-left: 25px;}
}

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

/* button */
.button { /* padding: XXXX;  see base.css! */ }
.button { background: #dd042b; font-size: 16px; font-weight: 500; color: white; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; border-radius: 0; transition: all 0.15s ease-in-out 0s; }
.button.button-icon { padding: 0; width: 40px; }
.button:hover, .button:focus { background: #272727; }
.button:disabled:hover, .button:disabled:focus { background: #eeecec; }
.button.with-alternate-color { background: #272727; }
.button.with-alternate-color:hover, .button.with-alternate-color:focus { background: #272727; }
.button.with-inverted-colors { background: #eeecec; color: #5d5d5e; }
.button.with-inverted-colors:hover, .button.with-inverted-colors:focus { background: #272727; color: white; }
.button.without-background { background: transparent; color: #5d5d5e; padding: 0; }
.button.without-background:hover, .button.without-background:focus { background: inherit; }
.button .text, .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.with-button-right { margin-right: 10px; }

/* breadcrumbs */
.breadcrumbs { color: #5d5d5e; margin: 0; display: inline-block; padding: 8px 12px 12px 5px; font-size: 14px; }
.breadcrumbs .breadcrumb:hover {color: #dd042b;}
.breadcrumbs .breadcrumb { padding-right: 15px;}
.breadcrumbs .separator { padding-right: 15px;}
.breadcrumbs .separator .fa { font-size: 0.5rem; }

.breadcrumbs-fullwidth {margin-bottom: 15px; padding-top: 8px; position: fixed; width:100%;}
.breadcrumbs-fullwidth .page-width {border-bottom: 1px solid #eeecec;}

.breadcrumbs-fullwidth hr {display: none; visibility: hidden;}


@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 .button {font-size: 18px; font-weight: 600; color: #5d5d5e; background-color: #f7f7f7; border: 1px solid #f4f4f4; padding: 0 9px; margin: 0 3px; line-height: 28px; min-height: 31px;}
.paginator .button.with-icon-right .text { margin: 0 5px 0 0; }
.paginator .button.selected { background-color: white; border: 1px solid #d8d9d9; }
.paginator .button.selected:hover, .paginator .button.selected:focus {color: #5d5d5e;}
.paginator[data-maxwidth~='469'] { text-align: center; }
.paginator[data-maxwidth~='469'] .button { 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'] .button { padding: 0; width: 40px; }
.paginator[data-maxwidth~='229'] .button .text { display: none; }
.paginator .button.button-disabled {color: #eeecec;}
.paginator .button.button-disabled:hover, .paginator .button.button-disabled:focus {background-color: #f7f7f7;}
.paginator .button.button-disabled.previous,
.paginator .button.button-disabled.next {display: none; visibility: hidden;}
.paginator .button.with-inverted-colors a {color: #5d5d5e; text-decoration: none;}
.paginator .button.with-inverted-colors:hover {background-color: #eeecec;}

/* result-pages */
.result-pages { text-align: right; border-bottom: 1px solid #eeecec; padding-bottom: 16px; font-size: 0.9rem;}
.result-pages .button { font-size: 18px; font-weight: 600; color: #5d5d5e; background-color: #f7f7f7; border: 1px solid #f4f4f4; padding: 0 9px; margin: 0 3px; line-height: 28px; min-height: 31px;}
.result-pages .button.without-background { background-color: transparent; border: 1px solid transparent; }
.result-pages .button.selected { background-color: white; border: 1px solid #d8d9d9; }
.result-pages .button.selected:hover, .result-pages .button.selected:focus {color: #5d5d5e;}
.result-pages .itemcount { display: inline-block; }
.result-pages .pagesize-options { display: inline-block; }
.result-pages .button.with-inverted-colors a {color: #5d5d5e; text-decoration: none;}
.result-pages .button.with-inverted-colors:hover {background-color: #eeecec;}

/* result-pages-search */
@media only screen and (max-width: 659px) {
    .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 #eeecec; }
    .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 { margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.paginator_bar .result-pages { text-align: left; padding-bottom: 0; border-bottom: 0; }
.paginator_bar .result-pages .thisbutton.without-background {padding-left: 0; margin-left: 0;}
.paginator_bar .paginator { width: 50%; }
@media only print, only screen and (max-width: 959px) {
    .paginator_bar .result-pages { width: 100%; margin-bottom: 1rem; }
    .paginator_bar .paginator { width: 100%; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .paginator_bar .paginator { width: 40%; text-align: right; }
}
.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: #ed1c24; color: white; font-size: 0.9em; position: relative; top: 0; line-height: 1.5em; height: 1.7em; display: inline-block; vertical-align: baseline; white-space: nowrap; padding: 0 0.4em; margin: 0 0.2em; border: 1px solid transparent; border-radius: 0.7em; }
.badge.is-empty { display: none; }
.badge .fa { line-height: 1.4em; }
.badge-alt { background: #272727; }
.badge-inv { background: white; color: #dd042b; border-color: #eeecec; }
.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-basketmenu { line-height: 1.5em; height: 1.5em; }

/* 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: 290px; height: 100%; }
.image.with-border { border: 1px solid #eeecec; }
.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: 246px; height: 100%; }
.page-groups-cataloggerarticle .items-gallery > .items, .page-article .items-gallery > .items  {height: 380px;}

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

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


@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 #eeecec; }
.image-background.with-padding { padding: 32px; }

/* video */
.items-conveyor .video { text-align: center; line-height: 1px; border: 1px solid #272727;}

/* files */
.file { padding-left: 22px; position: relative; margin: 0; line-height: 24px; }
.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: #dd042b; }
.file .info { display: block; color: #5d5d5e; font-size: 0.8em; position: relative; top: -6px; }

.files { margin-bottom: 2px; }
.files .file .info { display: none; visibility: hidden; }

.files .file-folder > span > .icon { top: 1px; }
.files .file-folder > span > .name { font-size: 1rem; color: #dd042b; 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; }

.generated_pdfs .file .icon { display: block; position: absolute; top: -1px; left: 4px; width: 24px; height: 24px; font-size: 12px; margin-right: 2px;}
.page-groups-cataloggerarticle .generated_pdfs .file .icon { display: block; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; font-size: 12px; margin-right: 6px;}

/* 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: #dd042b; }
.catalog .catalog-item .info { display: block; color: #5d5d5e; font-size: 0.8em; display: none; visibility: hidden; }

.catalog .catalog-group > span > .icon { top: 1px; }
.catalog .catalog-group > span > .name { font-size: 1rem; color: #dd042b; 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; padding-left: 24px; font-size: 1.25rem; font-weight: 600; color: #272727; }
.qa > .question:hover {color: #272727; 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; }

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


.notifications {background: #f8f8f8; padding: 8px 20px; margin-bottom: 35px;}
.notifications .message.is-info {}

/* 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: 288px; 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: #5d5d5e; }

.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: 0px; max-height: 40px; white-space: nowrap; }
.form .input-spacer { display: inline-block; padding: 0 0 0 10px; background: red;}
.form .input-combined .first {  }
.form .input-combined .last { margin-right: 0; }
.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 .value.text-value { line-height: 40px; }
.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: 40px; min-height: 40px; }
.form-fields[data-minwidth~='450'] label.checkbox { line-height: 1.5em; min-height: 0; }
.form-fields[data-minwidth~='450'] label.radio { margin-top: 0; }
.form-fields[data-minwidth~='450'] .label { width: 40%; float: left; padding: 5px 0; }
.form-fields[data-minwidth~='450'] .label label { padding-left: 0; }
.form-fields[data-minwidth~='450'] .value { width: 60%; float: right; padding: 5px 0; }
.form-fields[data-minwidth~='450'] .value label { display: block; min-height: auto; }
.form-fields[data-minwidth~='450'] .labelvalue { width: 60%; float: right; padding: 5px 0; }

.page-online-catalog .form-fields .field .labelvalue,
.page-online-catalog .form-fields .field .labelvalue .button {width:100%;}

.page-online-catalog .js-pdf-disable.disable-pdf-button {pointer-events:none;background: transparent;}
.page-online-catalog .message.is-info {text-align:center; border: none;}

.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 .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 > input { width: 100%; min-width: 160px; margin-right: 0; }
.form-search > form > .input-combined > button { width: 40px; background-color: transparent; margin-left: -44px; font-size: 18px; color: black;}
.form-search > .feedback { width: 540px; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .form-search > .feedback { width: 680px; }
    .form-search > form > .input-combined > input { min-width: 300px; }
}

@media only print, only screen and (max-width: 959px) {
    .form-search > .feedback { width: 100%;}
    .form-search > form {margin-top: 3px;}
    .form-search > form > .input-combined > button { color: #dd042b;}
}

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

/* quicksearch results */

.quicksearch { background: white; width: 100%; }
.quicksearch .suggestion-list { padding: 0; }
.quicksearch .vertical-scroll { position: relative; padding: 27px 30px; }
.quicksearch .info header { color: #272727; font-size: 1rem; }
.quicksearch a.button { margin-top: 5px; }
.quicksearch input { min-width: 40px; }
.quicksearch .suggestions { display: inline-block; width: 20%; vertical-align: top; padding-right: 10px; }
.quicksearch .suggestion { display: block; font-size: 16px; color: #5d5d5e; font-weight: 400; }
.quicksearch .pages { display: inline-block; width: 20%; vertical-align: top; position: relative; border-left: 1px solid #eeeff0; padding: 0 30px; }
.quicksearch .pages .pagedoc { margin-bottom: 22px; line-height: 28px; }
.quicksearch .pages .pagedoc b {font-size: 16px; color: #5d5d5e; font-weight: 400;}
.quicksearch .pages .pagedoc p { display: none; }
.quicksearch .products { display: inline-block; width: 60%; vertical-align: top; border-left: 1px solid #eeeff0; padding-left: 22px; }
.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 .products a:hover, .quicksearch .pages a:hover, .quicksearch .products a:focus, .quicksearch .pages a:focus {color: #dd042b; transition: all 0.3s ease 0s;}
.quicksearch .all { margin-top: 10px; border-top: 1px solid #eeecec; padding-top: 10px }
.quicksearch .doc header { color: #5d5d5e; margin-bottom: 5px; font-size: 1rem; }
.quicksearch a.read-more {font-weight: 500; font-size: 13px; color: #dd042b; }
.quicksearch a.read-more:hover {color: #52565C;}
.quicksearch a.read-more .fa {color: #eeecec; vertical-align: middle; font-size: 10px; padding-left: 5px;}
.quicksearch .product-card > .info p {font-size: 16px; font-weight: 500;}
.quicksearch .product-card > .info > header {margin-bottom: 0;}

@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 #eeeff0; padding-bottom: 17px; line-height: 24px; padding-right: 0; }
    .quicksearch .suggestions span.suggestion { display: inline; }
    .quicksearch .pages { width: 100%; margin-top: 10px; border-bottom: 1px solid #eeeff0; border-left: 0; padding: 0 0 10px 0; }
    .quicksearch .products { width: 100%; border-left: 0; padding-left: 0; }
    .quicksearch .products .items-tile .item-stylable { margin-top: 0; }
}

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


/* helptext in forms */
.helptext { color: #5d5d5e; font-size: 0.9em; }
.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: #dd042b; }
.form-newsletter button { width: auto; }
.form-newsletter .feedback-form .message { margin-top: 3px; margin-bottom: 0; }

/* contact form */
.form-contact .buttonbar .button { x-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;}
.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 { width: 160px; }
.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); }


/* 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 #eeecec; background: white; }
.select-list .select-item { padding: 3px 15px; color: #dd042b; cursor: pointer; }
.select-list .select-item.is-selected, .select-list .select-item:hover, .select-list .select-item:focus { color: #ed1c24; background: #f8f8f8; }

.suggestion-list { padding: 7px 0; overflow: hidden; }
.suggestion-list .suggestion-item { padding: 3px 15px 3px 0; color: #dd042b; cursor: pointer; }
.suggestion-list .suggestion-item.is-selected, .suggestion-list .suggestion-item:hover, .suggestion-list .suggestion-item:focus { color: #ed1c24; }
.suggestion-list .suggestion-item:hover,
.suggestion-list .suggestion-item:focus { color: #dd042b; text-decoration: none; }
.suggestion-list .suggestion-item a:hover { color: #dd042b; text-decoration: underline; }
@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[data-maxwidth~='319'] .button .text {  }
.order-add-coupon[data-maxwidth~='319'] .button { padding-left: 0; padding-right: 0; }
.order-add-coupon[data-maxwidth~='319'] input { width: calc(100% - 140px); }
.order-add-coupon .messages {margin-top: 15px;}

/* accordion */
.items-accordion {  }
.items-accordion > .item div { padding: 0 5px 0 0; font-size: 0.85rem; }
.items-accordion > .item > .item-stylable > div {display: none; overflow: hidden; }
.items-accordion > .item div > .files span.name { padding-left: 20px; }
.items-accordion > .item > .item-stylable > header {color: #dd042b; padding: 5px; font-size: 16px; font-weight: 500; margin: 0;}
.items-accordion > .item > .item-stylable > header img {width: 20px !important; height: auto; top: 4px; margin-right: 5px; position: relative;}
.items-accordion > .item > .item-stylable > header > span.fa { color: #eeecec; padding-left: 9px; }
.items-accordion > .item > .item-stylable > header > span.fa-arrow-up { display: none; }
.items-accordion > .item.is-selected > .item-stylable > div { display: block; }
.items-accordion > .item.is-selected > .item-stylable > header > span.fa-arrow-right { display: none; }
.items-accordion > .item.is-selected > .item-stylable > header > span.fa-arrow-up { display: inline-block; }

.page-groups-cataloggerarticle .items-accordion, .page-article .items-accordion {display:flex; flex-flow:column;}
.page-groups-cataloggerarticle .items-accordion .item, .page-article .items-accordion .item {order:2}
.page-groups-cataloggerarticle .items-accordion .item:nth-of-type(1), .page-article .items-accordion .item:nth-of-type(1) {order:1}
.page-groups-cataloggerarticle .items-accordion .item.generated_pdfs, .page-article .items-accordion .item.generated_pdfs {order:1;}

.js-accordion { cursor: pointer; }

.items-accordion > .item div.files, 
.items-accordion > .item div.segmented-text,
.items-accordion .generated_pdfs div.pdfs-inner {line-height: 25px; margin-left: 25px;}

.items-accordion .generated_pdfs div.pdfs-inner {display:flex;flex-flow:row; align-items: center;}

.items-accordion .generated_pdfs div.pdfs-inner:hover button {text-decoration:underline;color:#dd042b;}

.items-accordion .generated_pdfs .pdfs-inner form {margin-bottom:0;}

.items-accordion .generated_pdfs .pdfs-inner form input {display:none;}

.items-accordion .generated_pdfs .pdfs-inner form button {margin-left: 4px;}

/* gallery */
.items-gallery > .thumbs > .thumb { width: auto; }
.items-gallery > .thumbs > .thumb > .container { width: 102px; height: 70px; margin: 10px 10px 0 0; border: 1px solid #eeecec; overflow: hidden; }
.items-gallery > .thumbs > .thumb > .container:hover, .items-gallery > .thumbs > .thumb > .container:focus { border-color: #eeecec; }
.items-gallery > .thumbs > .thumb.is-selected > .container { border-color: #dd042b; }
.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 > .tabs > .tab.is-selected {}
.items-tab > .items { z-index: 1; overflow: hidden; }
.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 #eeecec; }
.items-tab > .tabs > .tab { border: 1px solid #eeecec; border-bottom: 0; background: #fbfbf9; color: #5d5d5e; min-width: 50px; padding: 5px; margin-right: 5px;}
.items-tab > .tabs > .tab.is-selected { background: #dd042b; color: white; }

/* calendar */

.calendar-month { border-right: 1px solid #eeecec; border-bottom: 1px solid #eeecec; }
.calendar-month > .calendar-day { display: inline-block; width: 14.285714%; padding: 10px 0; text-align: center; border-left: 1px solid #eeecec; border-top: 1px solid #eeecec; }
.calendar-month > .calendar-day.header { font-weight: 600; background: #fbfbf9; }
.calendar-month > .calendar-day-dimmed { background: #fbfbf9; }
.calendar-month > .calendar-day.is-disabled { color: #5d5d5e; background: #ececec;}
.calendar-month > .calendar-day.is-selected { color: white; background: #dd042b; }
.calendar-month > .calendar-day-today { font-weight: 800; color: #dd042b; text-decoration: underline; color: #5d5d5e !important;}
.js-calendar-day { cursor: pointer; }

/* social */
.social { }
.social > div { float: left; font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #dd042b; color: white; margin-right: 5px; margin-bottom: 5px; }
.social > div:last-child { margin-right: 0;}
.social-alt > div { background: #272727; }
.social-inv > div { background: white; color: #dd042b; }
.social-alt.social-inv > div { background: white; color: #272727; }
.social.with-brand-colors > div.twitter { background: #55acee; }
.social.with-brand-colors > div.facebook { background: #3b5998; }
.social.with-brand-colors > div.googleplus { background: #dc4e41; }
.social.with-brand-colors > div.youtube { background: #cd201f; }
.social.with-brand-colors > div.pinterest { background: #bd081c; }
.social.with-brand-colors > div.linkedin { background: #0077b5; }
.social.with-brand-colors > div.instagram { background: #125688; }
.social.with-brand-colors > div.rss { background: #ffa500; }
.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; }

.socialsharing {padding-bottom: 18px;}
.socialsharing header {margin-bottom: 4px; padding-top: 29px;}
.socialsharing header span {margin-right: 4px;}
.socialsharing > div { float: left; font-size: 14px; width: auto; height: 23px; text-align: left; border-radius: 3px; background: #dd042b; color: white; padding: 0 10px 0 2.5px; margin-right: 4px; font-weight: 400;}
.socialsharing.with-brand-colors > div.twitter { background: #55acee; }
.socialsharing.with-brand-colors > div.facebook { background: #3b5998; }
.socialsharing.with-brand-colors > div.googleplus { background: #dc4e41; }
.socialsharing.with-brand-colors > div.youtube { background: #cd201f; }
.socialsharing.with-brand-colors > div.pinterest { background: #bd081c; }
.socialsharing.with-brand-colors > div.linkedin { background: #0077b5; }
.socialsharing.with-brand-colors > div.instagram { background: #125688; }
.socialsharing.with-brand-colors > div.rss { background: #ffa500; }
.socialsharing > div span {border-right: 1px solid rgba(255,255,255,.3); padding-right: 8px; padding-top: 1px; margin-left: 5px; min-width: 25px; margin-right: 6px; height: 100%;}

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

/* pagelinks */
.pagelinks { }
.pagelinks .pagelink.is-selected { color: #dd042b; font-weight: 600; }
.pagelinks .page .pagelink a { font-size: 1.11rem; line-height: 1.9rem; }
.pagelinks .page .pagelink a:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.pagelinks .page .anchors { padding-left: 18px; line-height: 1.9rem; }
.pagelinks .page .anchors a:hover {color: #dd042b; 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: #6b6b6c;}
@media only print, only screen and (max-width: 959px) {
    .pagelinks .page { border-bottom: 1px solid #eeeff0; padding: 4px 0; }
    .pagelinks .page .is-selected { padding: 4px 0; }
    .pagelinks .page .anchors { padding-left: 0; border-top: 1px solid #eeeff0; }
}

/* product actions/data */
.order-add .input-combined .button { background-color: #dd042b; }
.order-add .input-combined .button:hover, .order-add .input-combined .button:focus { background-color: #52565C; }

.order-add-product.eq:before { content: '220'; }
.order-add-product { min-width: 80px; max-width: 340px; width: 100%; white-space: nowrap; }
.order-add-product .input-combined input { margin-right: 5px; width: 48px; text-align: center; min-height: 40px; }
.order-add-product .input-combined .button { width: calc(100% - 53px); white-space: nowrap; min-height: 30px; font-size: 16px; line-height: 16px; padding: 7px 22px; margin-left: 1px !important;}
.order-add-product[data-maxwidth~='219'] .button { padding-left: 0; padding-right: 0; min-width: 40px; }
.order-add-product[data-maxwidth~='219'] .button .text { display: none; }

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

.order-update-product.eq:before { content: '220'; }
.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; }
.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: #eeecec; font-size: 1.35rem; }

.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; }
.favorites-toggle-product .thisbutton span.fa {color: #ffa700;}
/*.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; }

.favorites-toggle-product.is-favorite .fa { color: #ffb400; }
.favorites-toggle-product .thisbutton:hover .fa, .favorites-toggle-product .thisbutton:focus .fa { color: #ffb400; }

.lists .list a { font-size: 1.11rem; line-height: 1.9rem; }
.lists .list.is-selected a { color: #dd042b; }
.lists .list .actions a { padding-left: 18px; font-size: 1rem; line-height: 1.5rem; color: #dd042b; }
@media only print, only screen and (max-width: 959px) {
    .lists .list { border-bottom: 1px solid #eeeff0; 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 {font-size: 12px;}

.compare-toggle-product.eq:before { content: '100'; }
.compare-toggle-product { min-width: 40px; max-width: 320px; font-size: 13px; }
.compare-toggle-product .thisbutton { white-space: nowrap; }
.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; visibility: hidden;}
.compare-toggle-product .thisbutton .text { font-size: 12px; margin-top: -1px;}

@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;}



@media only print, only screen and (max-width: 959px) {
  .product-card-infoorder[data-minwidth~='600'] .card-comparefavorite .comparefavorite,
  .product-card-infoorder[data-minwidth~='350'] .card-comparefavorite .comparefavorite {display: block;}
  .product-card-infoorder[data-minwidth~='600'] .card-comparefavorite .favorites-toggle-product,
  .product-card-infoorder[data-minwidth~='350'] .card-comparefavorite .favorites-toggle-product {float: none;}
  .product-card-infoorder[data-minwidth~='600'] .comparefavorite .favorites-toggle-product,
  .product-card-infoorder[data-minwidth~='350'] .comparefavorite .favorites-toggle-product {display: block !important;}
  .product-card-infoorder[data-minwidth~='600'] .card-comparefavorite .favorites-toggle-product .text,
  .product-card-infoorder[data-minwidth~='350'] .card-comparefavorite .favorites-toggle-product .text {display: block; display: inline;}
  .product-card-infoorder[data-minwidth~='600'] .card-comparefavorite .favorites-toggle-product .thisbutton,
  .product-card-infoorder[data-minwidth~='350'] .card-comparefavorite .favorites-toggle-product .thisbutton {line-height: 25px; min-height: 27px;}
}


.card-comparefavorite .comparefavorite .compare-toggle-product .thisbutton,
.product-card-infoorder .product-stock {color:#888787 !important; font-size: 12px !important; font-weight: 500;}


/* Hide cart button */
.page-articles-cataloggergroup .product-card-infoorder .order-add-product {display: none; visibility: hidden;}
.page-articles-cataloggerarticlegroup .order-add-product {display: none; visibility: hidden;}
.page-articles-cataloggercategory .order-add-product {display: none; visibility: hidden;}
.page-articles-cataloggerarticle .order-add-product {display: none; visibility: hidden;}

.comparefavorite { display: inline-block; border-top: 1px solid #eeeff0;}
.comparefavorite .favorites-toggle-product { display: inline-block; min-width: 120px; margin-right: 10px;}
.comparefavorite .compare-toggle-product { display: inline-block; min-width: 100px; }

.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: #5d5d5e; line-height: 20px; min-height: 20px; font-weight: 400; padding-top: 3px;}

.product-price .price { font-size: 15px; display: inline-block; vertical-align: baseline; color: #dd042b; font-weight: 700; }
.price.with-slashthrough { position: relative; color: #eeecec; margin-left: 10px; font-weight: 400; }
.price.with-slashthrough:before { position: absolute; content: ''; left: 0; right: 0; top: 50%; border-top: 1px solid; border-color: inherit; transform: rotate(-5deg); }
@media only print, only screen and (max-width: 959px) {
    .product-price .price { font-size: 1rem; }
}
.product-price .price .qbreak { color: #eeecec; font-weight: 400; }

.product-price-qbreaks {min-width: 180px; max-width: 230px; border: 1px solid #eeeff0; background: white; padding: 0 8px; }
.product-price-qbreaks > table { width: 100%; margin-bottom: 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: 0.8rem; padding: 0; color: #5d5d5e; line-height: 18px; }
.product-price-qbreaks > table > tbody > tr > td.price { font-size: 0.8rem; color: #5d5d5e; font-weight: normal; text-align: right; display: table-cell;  }
.product-price-qbreaks > table > tbody > tr > td.header { font-weight: 600; color: #dd042b; padding-bottom: 6px;}
.product-price-qbreaks > table > tbody > tr > td.discount { text-align: center; }
.product-price-qbreaks > table > tbody > tr.is-selected > td { background: #f5f5f5; }

.product-price-net-table { min-width: 180px; max-width: 230px; border: 1px solid #eeeff0; padding: 0 8px;}
.product-price-net-table > table { width: 100%; margin-bottom: 0; }
.product-price-net-table > table > tbody > tr:first-child > td { padding-top: 5px; }
.product-price-net-table > table > tbody > tr:last-child > td { padding-bottom: 5px; }
.product-price-net-table > table > tbody > tr > td { font-size: 0.8rem; padding: 0; color: #5d5d5e; }
.product-price-net-table > table > tbody > tr > td.baseprice { text-align: left; }
.product-price-net-table > table > tbody > tr > td.discount { text-align: center; }
.product-price-net-table > table > tbody > tr > td.price { font-size: 0.8rem; color: #5d5d5e; font-weight: normal; text-align: right; display: table-cell; }
.product-price-net-table > table > tbody > tr > td.header { font-weight: 600; color: #dd042b; padding-bottom: 6px;}

.product-price-promo-table { min-width: 180px; max-width: 230px; padding: 0 8px; background: white; border: 1px solid #eeeff0; }
.product-price-promo-table > table { width: 100%; margin-bottom: 0; }
.product-price-promo-table > table > tbody > tr:first-child > td { padding-top: 5px; }
.product-price-promo-table > table > tbody > tr:last-child > td { padding-bottom: 5px; }
.product-price-promo-table > table > tbody > tr > td { font-size: 0.8rem; padding: 0; color: #5d5d5e; }
.product-price-promo-table > table > tbody > tr > td.baseprice { text-align: left;}
.product-price-promo-table > table > tbody > tr > td.discount { text-align: center; }
.product-price-promo-table > table > tbody > tr > td.price { font-size: 0.8rem; color: #5d5d5e; font-weight: normal; text-align: right; display: table-cell; }
.product-price-promo-table > table > tbody > tr > td.header { font-weight: 600; color: #dd042b; padding-bottom: 6px;}

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

/* product cards */
.product-promo-slogan { color: #dd042b; line-height: 1.8em; font-weight: 500 !important; font-size: 14px !important;  }

.product-card { position: relative; }
.with-alternate-background .product-card { background: white; padding: 16px; }
.product-card .image.product-image { min-height: 205px; }
.product-card > .image { position: relative; margin-bottom: 8px; }
.product-card > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card > .image > .product-promo > .promo { display: inline-block; position: relative; top: -10px;}
.product-card > .image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 1px 7px; background: rgba(255,255,255, 0.7); }
.product-card > .image > .promo-image { position: relative; }
.product-card > .image > .promo-image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card > .image > .promo-image > .product-promo > .promo { display: inline-block; position: relative; top: -10px;}
.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 > .info > header { color: #5d5d5e; font-size: 17px; font-weight: 700; line-height: 21px; }
.product-card:hover > .info > header {color: #52565C; transition:all 0.3s ease;}
.product-card > .info a:hover, .product-card > .info a:focus { color: #52565C; transition: all 0.3s ease 0s;}
.product-card > .info p { margin-bottom: 0; }




@media only print, only screen and (max-width: 959px) {
  .product-card > .image > .promo-image {margin-bottom: 10px;}
}

.basketitem-product .product-card > .info > header {font-size: 16px; margin-bottom: 0;}
.basketitem-product .product-packing,
.basketitem-product .product-stock {font-size: 13px; line-height: 20px;}
.page-order-basket .items-row.with-line > .item {border-bottom: 0;}


.product-card-info.eq:before { content: '350'; }
.product-card-info[data-minwidth~='350'] > .image { display: inline-block; width: calc(120px + 16px); border-bottom: 0; margin-bottom: 0; vertical-align: top; padding-right: 16px; }
.product-card-info[data-minwidth~='350'] > .info { display: inline-block; width: calc(100% - 32px - 120px); vertical-align: top; }

.product-card-infoorder.eq:before { content: '350 600'; }
.product-card-infoorder > .info > .product-price-single { display: none; }
.product-card-infoorder > .action { position: relative; margin-top: 10px; margin-bottom: 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-infoorder[data-minwidth~='350'] > .image { display: inline-block; width: calc(120px + 16px); border-bottom: 0; margin-bottom: 0; vertical-align: top; padding-right: 16px;}
.product-card-infoorder[data-minwidth~='350'] > .info { display: inline-block; width: calc(100% - 32px - 120px); vertical-align: top; }
.product-card-infoorder[data-minwidth~='350'] > .info > .product-price-single { display: block; margin-top: 10px; }
.product-card-infoorder[data-minwidth~='350'] > .action { border: 0; margin-left: calc(120px + 1px + 16px); margin-top: 0; padding-top: 0; }
.product-card-infoorder[data-minwidth~='350'] > .action > .product-price-single { display: none; }
.product-card-infoorder[data-minwidth~='600'] > .info { display: inline-block; width: calc(100% - 32px - 120px - 200px - 16px); vertical-align: top; }
.product-card-infoorder[data-minwidth~='600'] > .action { display: inline-block; width: 200px; vertical-align: top; border: 0; margin-left: 16px; margin-top: 0; padding-top: 0; }
.product-card-infoorder[data-minwidth~='600'] > .action .order-add > form { margin-top: 0; }
.product-card-infoorder[data-minwidth~='600'] > .action .product-price {margin-bottom: 10px;}
.product-card-infoprice.eq:before { content: '260 550'; }
.product-card-infoprice > .action { display: block; }


@media only screen and (max-width: 659px) {
  .product-card[data-minwidth~='350'] .image.product-image {min-height: 88px;}
}

.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: 0; left: 0; width: 85px; 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 { width: 100px; }
.product-card-infoprice[data-minwidth~='550'] > .info { display: inline-block; width: calc(100% - 32px - 100px - 180px); margin-left: calc(100px + 16px); vertical-align: top; }
.product-card-infoprice[data-minwidth~='550'] > .action { text-align: right; display: inline-block; width: 235px; margin-left: 16px; margin-top: 0; padding-top: 0; vertical-align: top; border: 0; }
.product-card-infoprice[data-minwidth~='550'] > .action .product-price-base { line-height: 42px; }
.favoritesbasketitems .product-card-infoprice[data-minwidth~='550'] > .action .product-price-base { line-height: 24px; }
.projectlistbasketitems .product-card-infoprice[data-minwidth~='550'] > .action .product-price-base { line-height: 24px; }

.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 #eeecec; 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;}
.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: #272727; 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 #eeecec; 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; }

@media only screen and (max-width: 659px) {
    .product-card-full[data-minwidth~='470'] > .info {width: 100%;}
    .product-card-full[data-minwidth~='470'] > .info .items-property {max-width: 100%;}
}

.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 { color: #dd042b; margin-bottom: 0; font-size: 16px; padding-bottom: 1px;}
.product-card-mini > .info p { margin-bottom: 0; }
.product-card-mini > .info .price { font-size: 13px; 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; }

.products-table { width: 100%; margin-top: 25px; border: 1px solid #eeecec;}
.products-table > tbody > tr { color: #5d5d5e; }
.products-table > thead > tr > td { padding: 5px 6px 5px 6px; vertical-align: middle; font-size: 0.85rem;  text-align: center; border-left: 1px solid #eeecec; border-top: 1px solid #eeecec;}
.products-table > tbody > tr > td { padding: 5px 6px 5px 6px; vertical-align: middle; font-size: 0.85rem;  text-align: center; border-left: 1px solid #eeecec;}
.products-table > thead > tr > td.type {text-align: left; padding-left: 13px;}
.products-table > tbody > tr > td.type {text-align: left; padding-left: 13px;}
.products-table > thead > tr.header td.type {text-align: left; padding: 0 0 0 13px;}
.products-table > tbody > tr.header td.type {text-align: left; padding: 0 0 0 13px;}
.products-table > thead > tr > td.type {font-weight: 500;}
.products-table > tbody > tr > td.type {font-weight: 500;}
.products-table > thead > tr.header { border-bottom: 0;  }
.products-table > tbody > tr.header { border-bottom: 0;  }
.products-table > thead > tr.header > td { background: white; color: #272727; font-weight: 500; vertical-align: middle; padding: 9px 0 6px 2px; font-size: 1rem; border-bottom: 0;}
.products-table > tbody > tr.header > td { background: white; color: #272727; font-weight: 500; vertical-align: middle; padding: 9px 0 6px 2px; font-size: 1rem; border-bottom: 0;}
.products-table > thead > tr.odd > td { background: #f8f8f8; }
.products-table > tbody > tr.odd > td { background: #f8f8f8; }
.products-table > thead > tr > td.artnr { text-align: right; white-space: nowrap; padding-right: 14px; letter-spacing: 1px;  font-kerning: normal;}
.products-table > tbody > tr > td.artnr { text-align: right; white-space: nowrap; padding-right: 14px; letter-spacing: 1px;  font-kerning: normal;}
.products-table > thead > tr.header > td.favorite {padding-left: 10px;}
.products-table > tbody > tr.header > td.favorite {padding-left: 10px;}
.products-table > thead > tr.header > td.compare {padding-left: 10px;}
.products-table > tbody > tr.header > td.compare {padding-left: 10px;}
.products-table > thead > tr > td > a { color: #272727; }
.products-table > tbody > tr > td > a { color: #272727; }
.products-table > tbody > tr > td > a:hover { text-decoration: underline; color: #dd042b; }
.products-table > tbody > tr > td.price { text-align: right; white-space: nowrap; }
.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 #eeeff0; }
.products-table .order-add form {margin-bottom: 9px;}

.products-table td { text-align: center; }
.products-table .info { width: 53px; }
.products-table .favorite {padding-left: 0; }
.products-table .favorite .favorites-toggle-product { width: 40px; }
.products-table .compare { padding-left: 2px;}
.products-table .compare .compare-toggle-product { width: 40px; }
.products-table .compare button { line-height: 1.5; min-height: 5px; padding: 0;}
.products-table td.compare  { width: 47px;}
.products-table .artnr { white-space: nowrap; }
.products-table .packing { }
.products-table .stock { width: 50px; }
.products-table .stock .product-stock { text-align: center; }
.products-table .listprice { white-space: nowrap; text-align: right; }
.products-table .discount { width: 50px; }
.products-table .price { white-space: nowrap; text-align: right; }
.products-table .order { }
.products-table .order .order-add-product { width: 120px; }
.products-table tr {}
.products-table .link { color: #5d5d5e; }

.products-table.technical { margin-top: 5px; margin-bottom: 20px;}
.products-table.technical > tbody > tr > td.type { color: #272727; padding: 7px 6px 7px 6px; }
div.footnote, div.logos { width:50%; }


@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .products-table .spec:nth-child(n+20) { 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 */
    .products-table .items-property .item { display: none; }
}
@media only screen and (min-width: 1450px) {
    .products-table .spec:nth-child(n+20) { display: none; } /* hide all but first 9 / includes 4 pre-spec columns */
    .products-table > tr > td .info { display: none; }
    .products-table .items-property .item:nth-child(n+20) { 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; 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 > .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: #272727; margin-bottom: 0; }
.product-card-table-extra-info > .price { margin-bottom: 10px; }
.product-card-table-extra-info > .action { position: absolute; right: 0; bottom: 8px; text-align: center; background-color: transparent; border-radius: 0px; padding: 10px; font-size: 1.2rem; }
.product-card-table-extra-info > .action:hover, .product-card-table-extra-info > .action:focus {background-color: #272727; transition: all 0.3s ease 0s;}
.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; 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: 108px; width: auto; padding: 10px 20px;}
.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; }
.basketitem-card-mini > .info header { margin-bottom: 0; color: inherit; font-size: 16px;}
.basketitem-card-mini > .info p { margin-bottom: 0; font-size: 16px;}
.basketitem-card-mini > .info .subtotal { font-size: 16px; font-weight: 600; color: #272727; }

.basketitem-card-info.eq:before { content: '280'; }
.basketitem-card-info { width: 100%; min-width: 160px; }
.basketitem-card-info > .image { position: relative; 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: #dd042b; 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% - 275px); vertical-align: top; }
.basketitems .basketitem-controls { display: inline-block; width: 275px; text-align: right;  padding-top: 12px;}
.basketitems .basketitem-controls > div { display: inline-block; }
.basketitems .basketitem-controls > div.basketitem-subtotal { width: 130px; }
.basketitems .basketitem-controls > div.basketitem-subtotal .subtotal { display: inline-block; vertical-align: baseline; color: #5d5d5e; font-weight: 700; white-space: nowrap; }
.basketitems[data-maxwidth~='599'] .basketitem-product { display: block; width: 100%; }
.basketitems[data-maxwidth~='599'] .basketitem-controls { display: block; width: 100%; padding-top: 10px; }

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

@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: 960px) {
  .basketitems .basketitem-controls {position: relative; top: -3px;}
}

.basket-summary .coupon { color: #dd042b; padding: 0; border: none; margin-bottom: 0; }
.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;}

.actions-projectlist-merge-order { text-align: right; }


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

.id-sales-quote-customer-orderinfo .dropdown.is-hidden { display: none !important; }
.id-sales-order-customer-orderinfo .dropdown.is-hidden { display: none !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 form .button .text { display: none; }
.favoritesbasketitems .basketitem-product { display: inline-block; width: calc(100% - 220px); vertical-align: top; }
.favoritesbasketitems .basketitem-controls-container { display: inline-block; width: 220px; vertical-align: top; text-align: right; }
.favoritesbasketitems .basketitem-controls { display: flex; justify-content: flex-end; width: 220px; vertical-align: top; text-align: right; }
.favoritesbasketitems .basketitem-controls > div { display: inline-block; margin-left: 32px; }
.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; }

.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 { display: inline-block; margin-left: 0; width: auto; }
}

.projectlistbasketitems.eq:before { content: '600'; }
.projectlistbasketitems .item { display: flex; }
.projectlistbasketitems form .button .text { display: none; }
.projectlistbasketitems .basketitem-product { display: inline-block; width: calc(100% - 290px); vertical-align: top; }
.projectlistbasketitems .basketitem-controls { display: inline-block; width: 290px; vertical-align: top; text-align: right; }
.projectlistbasketitems .basketitem-controls > div { display: flex; justify-content: flex-end; align-items: center; }
.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; color: #272727; font-weight: 700; white-space: nowrap; }
.projectlistbasketitems .basketitem-controls div.order-add-product { margin-left: 20px; width: 50%; }

.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-right: 15px;}

.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%; }
}

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

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

/* shopping cart / checkout */
.steps.eq:before { content: '760'; }
.steps { border: 1px solid #eeeff0; background: white; margin-bottom: 45px; }
.steps > .fa { display: inline-block; width: 0; color: #eceaea; line-height: 10%; font-size: 3rem; vertical-align: top; position: relative; top: 23px; left: -20px; }
.steps > .step { display: inline-block; width: 25%; padding: 10px; text-align: center; }
.steps > .step .number { font-size: 1.2rem; font-weight: 700; background: white; color: #dd042b; border-radius: 16px; width: 32px; height: 32px; line-height: 32px; display: inline-block; vertical-align: middle; text-align: center; }
.steps > .step.is-selected .number { background: #dd042b; color: white; }
.steps > .step .text { margin-left: 7px; font-size: 1.1rem; vertical-align: middle;}
.steps[data-maxwidth~='759'] > .step .text { display: none; }

.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%; }
}

.basket-continue { margin-bottom: 1rem; }
.basket-continue .button { background: #dd042b; color: white; border: 1px solid transparent; display: inline-block; position: relative; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; }
.basket-continue .add-coupon { width: 400px !important; }
.basket-continue .add-coupon .basket-order-rule { position: relative; }
.basket-continue .add-coupon .basket-order-rule .coupon { width: calc(100% - 40px); }
.basket-continue .add-coupon .basket-order-rule .order-remove-coupon .thisbutton {background: #dd042b; color: white; padding: 0 15px;}
.basket-continue .add-coupon .messages {padding-top: 10px;}
.basket-continue .item.prev-step { width: 400px !important; }
.basket-continue .item.next-step { width: calc(100% - 400px) !important; text-align: right; }
@media only screen and (max-width: 659px) {
    .basket-continue .add-coupon { 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; }
}

@media only print, only screen and (max-width: 959px) {
    .address-account { width: 100% !important; }
    .address-order { width: 100% !important; }
    .order-info { width: 100% !important; }
}


/* hero */
.hero-image .page-width { position: relative; height: 100%; }
.hero.image { min-height: 0; }

.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 { padding: 127px 10px; }
.hero-h1-super .hero-block { width: 100%; color: white; text-align: center; background-color: transparent;}
.hero-h1-super h1 { font-size: 46px; font-weight: 600; 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: 20px; background: transparent; 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 screen and (min-width: 1450px) {
    .hero-h1-super { height: 430px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .hero-h1-super { height: 400px; }
    .hero-h1-super .page-width { padding: 64px 10px 80px; }
    .hero-h1-super .hero-block { margin-top: 87px;}
    .hero-h1-super h1 { }
    .hero-h1-super p { 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; }
    .hero.image {background-attachment: initial;}
}
@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-color: white; }
.hero-usps .page-width { padding: 0; height: 50px; margin-bottom: 10px; }
.hero-usps .usps { width: calc(100% - 10px); margin: 0 10px; text-align: center; background: #dd042b; color: white; font-weight: 600; position: relative; top: -25px; }
.hero-usps .usps .usp { display: inline-block; font-size: 1.2rem; line-height: 50px; padding: 0 10px; }
.hero-usps .usps .usp .fa {color: #474646;}
.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: -32px; }
    .hero-usps .usps .usp { line-height: 32px; }
}

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

.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 { background-color: #dd042b; font-weight: 600; margin: 0; position: absolute; top: 100px; left: 300px; color: white; padding: 12px 16px; font-size: 2.2rem;}
.site-window-content section.with-alternate-background.hero-h1 h1,
.site-window-content section.with-alternate-background.hero-header header { background-color: transparent; }
.site-window-content section.with-inverted-colors.hero-h1 h1,
.site-window-content section.with-inverted-colors.hero-header header { background-color: #dd042b; color: white;}

/*.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable {background: white; padding: 20px; color: #5d5d5e;}*/
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info > header a {color: #dd042b; text-decoration: none;}
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info p a {color: #5d5d5e; 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: #dd042b; padding: 10px 32px 0; }
.site-window-content section.with-alternate-background.hero-h1-map h1 { background-color: #f8f8f8; }
.site-window-content section.with-inverted-colors.hero-h1-map h1 { background-color: #dd042b; 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: #272727; }
.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 #eeecec; 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: #dd042b; font-size: 1.2rem; }
.card-coupon > .text p { color: #272727; 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 #eeecec; position: relative; height: 100%; }
.card-box > .image { padding-top: 40px; padding-bottom: 40px; min-height: 0; }
.card-box > .image > .box { border: 2px solid white; padding: 10px; margin: 0 16px; position: relative; }
.card-box > .image > .box > .text { padding: 10px; background: rgba(255,255,255,0.9); }
.card-box > .image > .box > .text header { color: #dd042b; text-align: center; margin-bottom: 0; font-size: 1.2rem; }
.card-box > .image > .box > a { width: 100%; }

.card-link-image > a { position: relative; display: block; overflow: hidden; }
.card-link-image > a > .image { height: 143px; }
.card-link-image > a > .image { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.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; background-color: white; padding: 3px 15px; position: absolute; bottom: 53px; left: 60px; font-size: 27px; font-weight: 400; color: #272727;}

@media only print, only screen and (max-width: 959px) {
    .card-link-image > a > .text {left: 45px;}
}

.card-link-image .image-cover {min-height: 143px;}

.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: 140px 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; }
.contact-card .fa { margin-right: 5px; }
.contact-card .tel { white-space: nowrap; }
.contact-card .email { white-space: nowrap; }
/* .contact-card[data-minwidth~='340'] { padding-left: calc(160px + 10px); } */
.contact-card[data-minwidth~='340'] > .image { width: 160px; height: 120px; position: absolute; top: 0; left: 0; margin-bottom: 0; background-position: left top; }

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



.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: #272727; }

.page-card.eq:before { content: '540'; }
.page-card { background: white; border: 1px solid #eeecec; padding: 10px; position: relative; }
.page-card:last-child { margin-bottom: 0; }
.page-card header { font-size: 1.2rem; color: #272727; }
.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: #272727; }
.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 #eeecec; }
.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: #dd042b; transition: all 0.3s ease 0s; }
.page-card-search-result p { line-height: 1.4rem; font-size: 1rem; }
.search-result-page { border: 1px solid #eeecec; }
.search-result-page > .page-card { border: none; }
.search-result-page:hover, .search-result-page:focus { border-color: #272727; transition: all 0.3s ease 0s; }
@media only screen and (max-width: 659px) {
    .page-card-search-result { padding: 10px; }
}

/* docfinder */
.page-card.docfinder { background: #f8f8f8; border: 1px solid #f2f3f3; padding: 27px 24px 30px 20px;}
.page-card.docfinder header { font-size: 1.1rem; padding-left: 10px; padding-right: 10px; }
.page-card.docfinder header span.icon { color: #5d5d5e; font-size: 26px; margin-left: -5px; margin-right: -5px;}
.page-card.docfinder header span.name { color: #dd042b; padding-left: 5px; font-weight: 700; font-size: 18px; }
.page-card.docfinder header span.name:hover { color: #272727; }
.page-card.docfinder p { color: #272727; padding-left: 10px; }

.page-card.docfinder ul.languages { margin-top: 20px;  padding-left: 10px; padding-right: 10px; margin-bottom: 0; }
.page-card.docfinder ul.languages li { overflow: visible; display: inline-block; font-size: 0.9em; 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: #f8f8f8; border: 1px solid #272727; 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: #dd042b; width: 100%; float: left;}
.page-card.docfinder ul.languages li div.info .description { color: #272727; width: 100%; float: left;}

.page-card.docfinder ul.languages li:hover { background: #dd042b; color: white; }
.page-card.docfinder ul.languages li:hover a { color: white; }
.page-card.docfinder ul.languages li a {color:#5d5d5e;}

.filter-docfinder {text-align: left;}
.filter-docfinder .filter-item {padding-left: 0;}
.filter-docfinder .filter-item a {color: #5d5d5e; 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 #eeecec; 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 .filters {}
.filter-docfinder input {margin: 5px 0;}

input[name='searchcheck'].searchcheck-input::-webkit-input-placeholder {
   color: #dd042b;
}
input[name='searchcheck'].searchcheck-input:-moz-placeholder { /* Firefox 18- */
   color: #dd042b;
}
input[name='searchcheck'].searchcheck-input::-moz-placeholder {  /* Firefox 19+ */
   color: #dd042b;
}
input[name='searchcheck'].searchcheck-input:-ms-input-placeholder {
   color: #dd042b;
}

form.filter input::-webkit-input-placeholder {
   color: #dd042b;
}
form.filter input:-moz-placeholder { /* Firefox 18- */
   color: #dd042b;
}
form.filter input::-moz-placeholder {  /* Firefox 19+ */
   color: #dd042b;
}
form.filter input:-ms-input-placeholder {
   color: #dd042b;
}

/* news */

.tags { color: #5d5d5e;  }

.page-card-newsitem.eq:before { content: '540'; }
.page-card-newsitem { background: #eeecec; border-bottom: 5px solid #dd042b; padding: 12px 12px 12px 12px; margin-bottom: 32px; position: relative; }
.page-card-newsitem:last-child { margin-bottom: 0; }
.page-card-newsitem:hover {}
.page-card-newsitem header { font-size: 1.25rem; line-height: 1.45; color: #5d5d5e; font-weight: 300; margin-top: 10; padding: 17px 30px 10px 30px;}
.page-card-newsitem header:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-newsitem header a {font-weight: 300;}
.page-card-newsitem > .image { margin-bottom: 0; min-height: 0; overflow: hidden; padding-top: 0 !important; max-height: 290px;}
.page-card-newsitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; }
.page-card-newsitem > .image img { padding-top: 0;}
.page-card-newsitem > .image img:hover, .page-card-newsitem > .image img:focus { }
.page-card-newsitem .info .timestamp {display: none;visibility: hidden;}
.page-card-newsitem .tags { display: none; visibility: hidden; font-size: 0.8rem; margin-bottom: 10px; }
.page-card-newsitem p { margin-bottom: 10px;}
.page-card-newsitem a.read-more { display: none; visibility: hidden; font-weight: 400; color: #272727; text-transform: uppercase; font-size: 18px; }
.page-card-newsitem a.read-more:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-newsitem a.read-more .fa { color: #272727; display: none; visibility: hidden; }
.page-card-newsitem[data-minwidth~='540'] { padding-left: calc(40% + 40px); }
.page-card-newsitem[data-minwidth~='540'] header { margin: 0; }
.page-card-newsitem[data-minwidth~='540'] > .image { width: 40%; position: absolute; top: 4px; left: 5px; margin-bottom: 0; }
@media only print, only screen and (max-width: 959px) {
    .page-card-newsitem { padding: 17px; }
}

.newsitem { background: white; padding: 40px 48px ; border: none; margin-bottom: 2rem; border-bottom: 8px solid #dd042b; }
.newsitem > h1 { color: #dd042b; margin-bottom: 10px;}
.newsitem > .news-info {font-weight: 700; font-size: 16px; margin-bottom: 30px;}
.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; margin-bottom: 29px;}

@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; }
}

.page-newsitem .sidebar aside a {border-color: white !important; border-width: 2px;}

.newsitem h2 {color: black; font-size: 19px;}
.page-newsitem .sidebar .social { }
.page-newsitem aside .social a {border: none; padding: 0 !important; color: white;}
.page-newsitem aside .social a:hover {color: white;}

.newsfilter-browse { line-height: 40px; }
.newsfilter-browse .button.next { float: right; }
.newsfilter-browse .button.button-disabled {color: #eeecec;}
.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; }

/* filter */

.filter-brands.eq:before { content: '180 290 440 660 940'; }
.filter-brands .brand { background: white; border: 1px solid #eeecec; padding: 12px 28px; line-height: 1px; }
.filter-brands .brand > a { line-height: 1px; }
.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 */


.filters header {color: black; margin-bottom: 0; font-size: 18px; font-weight: 600;}
.filters .badge-text {color: #dd042b;}

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

.filter .form .input-combined .button { background-color: transparent; color: white; min-height: 33px; line-height: 33px; left: -44px; font-size: 19px;}
.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-size: 15px; padding-bottom: 3px;}
.filter-item .fa {font-size: 18px; color: #52565C;}
.filter-item .fa-square-o {color: #eeecec;}
.filter-item .fa-circle-thin {color: #eeecec;}
.filter-item:hover {color: #dd042b;}
.filter-item * { text-indent: 0; }
.filter-item.is-inactive { color: #5d5d5e; }

.filter-with-header {border-bottom: 1px solid #eeeff0; padding-bottom: 6px; margin-bottom: 19px;}

.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; }

.filtercontrols button { background-color: transparent; padding: 0; color: #dd042b; text-transform: initial; text-decoration: underline; font-size: 13px; width: auto; text-align: left; line-height: 17px; min-height: 21px; }
.filtercontrols button:hover, .filtercontrols button:focus { background-color: inherit; color: #dd042b; }

.filter-summary {background: #f6f6f6; padding: 6px 8px;}
.filter-summary > header { line-height: 1.5rem; }
.filter-summary > header > .reset { color: #5d5d5e; font-size: 0.9rem; float: right; position: relative; top: 1px; }
.filter-summary-item { line-height: 1.5rem; position: relative; padding-right: 20px; white-space: nowrap; }
.filter-summary-item .label-value { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Fix for long filter labels - ensure minimum readable content is always visible */
.filter-summary-item .label-value { 
    min-width: 200px; /* Ensure at least 200px width for readability */
    max-width: 300px; /* But don't let it get too wide */
}
.filter-summary-item .label:after { content: ': '; }
.filter-summary-item .value { font-weight: 600; }
.filter-summary-item .reset { color: #5d5d5e; font-size: 0.9rem; position: absolute; top: 0; right: 0; }
.filter-summary-item .reset:hover { color: #5d5d5e; }

/* product-stock (after filter-item to ensure correct stock icon color) */

.product-stock.eq:before { content: '180'; }
.product-stock .text { margin-left: 5px; }
.product-stock[data-maxwidth~='179'] .text { display: none; }
.product-stock-0 .stockicon { color: #5d5d5e; }
.product-stock-1 .stockicon { color: #c9302c; }
.product-stock-2 .stockicon { color: #eea236; }
.product-stock-3 .stockicon { color: #4cae4c; }

/* 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 #eeecec; }
.slider-range .thumb { position: absolute; width: 20px; height: 20px; top: 9px; border-radius: 10px; border: 1px solid #eeecec; 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: #5d5d5e; background-color: #eeeff0; border-radius: 10px; margin-left: 5px; transition: all 0.3s ease 0s;}
.info-icon:hover, .info-icon:focus {background-color: #272727; color: white;}

/* coupon */

.coupon.eq:before { content: '420'; }
.coupon {background-color: white; padding: 15px 15px 10px 15px; margin-bottom: 35px; border: 2px dotted #dd042b; }
.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: #dd042b;}
.coupon[data-maxwidth~='419'] .coupon-image { margin-right: 0; margin-bottom: 10px;  }

/* catalog */

.catalog-card-group { background: transparent; padding: 0; position: relative; height: 100%;  }
.catalog-card-group:hover a.read-more, .catalog-card-group:focus a.read-more {color: #272727; transition: all 0.3s ease 0s; }
.catalog-card-group header {padding:10px 4px 15px 4px; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; line-height: 1.5rem; color: #272727; vertical-align: middle; margin-bottom: 8px; font-weight: 500; text-align: center; border-top: 3px solid #dd042b; border-bottom: 1px solid #cfcccf; }
.catalog-card-group header a {vertical-align: middle;}
.catalog-card-group:hover header, .catalog-card-group:focus header {color: white; background-color: #dd042b;}
.catalog-card-group > .image { height: 230px; margin: 0; width: 100%; min-height: 0; border: 1px solid #eeecec; background-color: white;}
.catalog-card-group > .image:hover {ransition: all 0.3s ease 0s;}
.catalog-card-group p { margin-bottom: 10px; }
.catalog-card-group a.read-more { display: none; visibility: hidden; font-weight: 600; }
.catalog-card-group a.read-more:hover, .catalog-card-group a.read-more:focus { color: #272727; transition: all 0.3s ease 0s; }
.catalog-card-group a.read-more .fa { color: #272727; vertical-align: middle; }
.catalog-card-group div.image.image-contain, .catalog-card-group div.image {padding: 0px !important; }
.catalog-card-group div.image.image-contain:hover, .catalog-card-group div.image:hover {transition: all 0.3s ease 0s;
    -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);}

    /* .product-card > .image:hover {transition: all 0.3s ease 0s;
        -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);} */

@media only print, only screen and (max-width: 959px) {
    .catalog-card-group > .image {height: auto; width: 100%;}
}


/* catalog text over image */

.text-on-image { position: relative; }
.text-on-image p { padding: 0; font-size: 1.2rem; margin-bottom: 9px; bottom: 0; color: #dd042b; width: 90%;}
.text-on-image .image-contain { min-height: 220px; border: 1px solid #eeeff0; }
@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; }
}

.cataloggerarticlegroup { font-size: .9375rem;}
.cataloggerarticlegroup h1 {line-height: 1.1em; margin-bottom: 3px; font-size: 30px; font-weight: 400;}
.cataloggerarticlegroup h2 {font-size: 15.5px; color: #5d5d5e; font-weight: 700; padding-bottom: 17px;}
.cataloggerarticlegroup ul {list-style: none; margin-left: 0; padding-left: 1.2em; text-indent: -1.2em;}
.cataloggerarticlegroup li {line-height: 1.65em; font-size: .9375rem;}
.cataloggerarticlegroup .brand { width: 86px;}
.cataloggerarticlegroup .items-block > .gallery { width: 35% !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% - 35%) !important; }

.cataloggerarticlegroup .items-conveyor:not(.accessories) { height: 200px; border: 1px solid #eeecec; }
.cataloggerarticlegroup .items-conveyor:not(.accessories) .fa { color: #dd042b; font-size: 18px;  }

.cataloggerarticlegroup .items-accordion { margin-top: 50px;  }

.cataloggerarticlegroup .extraimagesgallery header { color: #dd042b; text-align: center; margin-bottom: 30px; }
.cataloggerarticlegroup .extraimagesgallery header span.fa { margin-left: 5px; }

.cataloggerarticlegroup .extraimagesgallery.is-active div,
.cataloggerarticlegroup .extraimagesgallery.is-active header span.fa-arrow-up,
.cataloggerarticlegroup .extraimagesgallery.is-active header span.less { display: inline-block; }

.cataloggerarticlegroup .extraimagesgallery div,
.cataloggerarticlegroup .extraimagesgallery.is-active header span.fa-arrow-down,
.cataloggerarticlegroup .extraimagesgallery header span.fa-arrow-up,
.cataloggerarticlegroup .extraimagesgallery.is-active header span.more,
.cataloggerarticlegroup .extraimagesgallery header span.less { display: none; }

.cataloggerarticlegroup .extraimagesgallery .popup-gallery .image { min-height: 80px; }

.cataloggerarticlegroup .logos { float: right; margin: 0 0 13px;}
.cataloggerarticlegroup .logos img.logos { height: 50px; width: auto; }

@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: 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 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 {line-height: 1.1em; margin-bottom: 15px; font-size: 30px; font-weight: 500;}
.cataloggerarticle h3.articlenumber  {color: #dd042b; font-size: 1.8rem; font-weight: 400;}
.cataloggerarticle ul {list-style: none; margin-left: 0; padding-left: 1.2em; text-indent: -1.2em;}
.cataloggerarticle li {line-height: 1.65em; font-size: .9375rem;}
.cataloggerarticle { font-size: .9375rem;}
/*.cataloggerarticle li:before {content: '-'; display: block; float: left; width: 1.2em; color: #5d5d5e;}*/
.cataloggerarticle li:before {display: block; float: left; width: 1.2em; color: #5d5d5e;  }
.cataloggerarticle .brand { width: 86px;}
.cataloggerarticle.cataloggerarticle-info .promo { font-size: 1.11rem; padding: 1px 7px; background: #dd042b; color: white; font-weight: 700;}
.cataloggerarticle.cataloggerarticle-info .product-price .price-final { font-size: 2.0rem; }
.cataloggerarticle.cataloggerarticle-info .product-price .price-final .qbreak { font-size: 1.3rem; }
.cataloggerarticle.cataloggerarticle-info .order-add-product {margin-top: 8px;}
.cataloggerarticle.cataloggerarticle-info .order-add-product .input-combined button,
.cataloggerarticle.cataloggerarticle-info .order-add-product .input-combined input { vertical-align: bottom; }
.cataloggerarticle.cataloggerarticle-info .order-add-product button {width: auto; min-height: 40px; }
.cataloggerarticle.cataloggerarticle-info .order-add-product input {min-height: 40px;}
.cataloggerarticle.cataloggerarticle-info .order-add-product button .text { font-size: 1.25rem; }
.cataloggerarticle.cataloggerarticle-info .order-add-product button .fa { font-size: 1.2rem;}
.cataloggerarticle .items-block > .gallery { width: 600px !important; }
.cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 360px; }
.cataloggerarticle .items-block > .gallery > .image.large { height: 360px; min-height: 0; }
.cataloggerarticle .items-block > .info { width: calc(100% - 600px) !important; }

.cataloggerarticle .logos { /*float: left; */ width:100%; margin: 25px 0 25px 0; border-top: 1px solid #eeecec; border-bottom: 1px solid #eeecec; }
.cataloggerarticle .logos img.logos { height: 50px; width: auto; border-top: none; border-bottom: none; }

@media only screen and (max-width: 659px) {
    .cataloggerarticle .order-add-product button {width: calc(100% - 54px);}
    .cataloggerarticle .items-block > .gallery { width: 100% !important; }
    .cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticle .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticle .items-block > .info { width: 100% !important; }
    .cataloggerarticle .items-block.items-50-50-100 .item {width: 100% !important;}
    .page-article .site-window-content section.with-mini-padding.below-articles .page-width {padding-bottom: 0;}
}
@media only print, only screen and (max-width: 959px) {
    .cataloggerarticle .brand {margin-top: 15px;}
    .items-block .expander {margin-bottom: 0;}

}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .cataloggerarticle .items-block > .gallery { width: 100% !important; }
    .cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticle .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticle .items-block > .info { width: 100% !important; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .cataloggerarticle .items-block > .gallery { width: 55% !important; }
    .cataloggerarticle .items-block > .info { width: 45% !important; }
}


.popup-gallery .image-contain {min-height: 400px; margin-bottom: 20px;}

.promodescription {margin-bottom: 0;}
.page-article h2.articlenumber {margin-bottom: 9px;}
.page-article .product-price {padding-top: 12px;}
.page-article .cataloggerarticle.cataloggerarticle-info .promo {float: right; margin-top: 6px;}
.page-article .product-packing {margin-bottom: 2px;}
.page-article .product-price .price.with-slashthrough {font-size: 20px;}
.page-article .product-price-qbreaks {padding-top: 0;}
.page-article .accessories,
.page-groups-cataloggerarticle .accessories {padding-top: 5px;}
.page-article .items-property {margin-bottom: 40px; font-size: 0.9375rem;}
.page-article .info .comparefavorite {margin-bottom: 20px; font-size: 16px; border: 1px solid #eeeff0; padding-left: 26px;}
.page-article .info .comparefavorite .fa {font-size: 14px;}
.page-article .info .comparefavorite .compare-toggle-product {min-width: 125px;}
.page-article .video {margin-top: 5px;}
.page-article .comparefavorite .fa,
.page-groups-cataloggerarticle .comparefavorite .fa {font-size: 18px; color: #b1acac; margin-top: auto; margin-bottom: auto;}
.page-article .comparefavorite .thisbutton,
.page-groups-cataloggerarticle .comparefavorite .thisbutton { white-space: nowrap; color: #797575; font-size: 16px; margin-right: 10px; display: flex;}

.segmentedinfo .popup-gallery .image-contain {min-height: auto; margin-bottom: 0;}

.promo { font-size: 13px; padding: 0px 5px; background: #52565C; color: white; font-weight: 600; border-radius: 18px; height: 28px; width: 61px; line-height: 29px; text-align: center;}

/* 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 #eeecec; }
.compare-products .productthumbs .productthumb { border: 1px solid #eeecec; 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 #eeecec; margin-bottom: 10px; }
.compare-products .property .label,
.compare-products .property .field { padding: 10px; }
.compare-products .property .label { display: inline-block; float: left; color: #5d5d5e;}
.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 #dd042b; }
.compare-products.field-1-active .productthumbs .field-1 .productthumb { border: 1px solid #dd042b; }
.compare-products.field-2-active .productthumbs .field-2 .productthumb { border: 1px solid #dd042b; }
.compare-products.field-3-active .productthumbs .field-3 .productthumb { border: 1px solid #dd042b; }
.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: #5d5d5e; }
.compare-products[data-minwidth~='940'] .property .field { display: block; }
.compare-products .property.even { background: #f9f8f8; }

.compare-products .toggle-diffs { display: inline-block; margin-top: 10px; margin-right: 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: #f9f8f8; }
.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; }

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

/* toggle-groups-articles */
.toggle-groups-articles { float: right; }
.toggle-groups-articles .thisbutton {background-color: #f9f9f9; color: #5d5d5e; margin-left: 7px; border-radius: 20px; border:1px solid transparent;}
.toggle-groups-articles .thisbutton.button-disabled {background-color: #52565C; color: white; margin-left: 7px; cursor: default; }
.toggle-groups-articles .thisbutton:hover, .toggle-groups-articles .thisbutton:focus {background: #52565C; color: white;}
.toggle-groups-articles .thisbutton span {font-size: 1.7rem; vertical-align: middle;}

/* table-plain */
.table-plain { width: 100%; }
.table-plain > tbody > tr > td { padding: 6px 10px; vertical-align: top; }
.table-plain > tbody > tr > td:first-child { padding-left: 0; }
.table-plain > tbody > tr > td:last-child { padding-right: 0; }
.table-plain > tbody > tr.header > td { color: #272727; border-bottom: 1px solid #eeecec; }
.table-plain > tbody > tr.even > td { }

/* segmented-links */
.segmented-links a:hover, .segmented-links a:focus { text-decoration: underline; color: #dd042b; }

/* 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 .users-table.eq:before { content: '700' }
.id-account-users-table .users-table > tbody > tr > td.orderlimit { text-align: center; }
.id-account-users-table .users-table > tbody > tr > td.is_active { text-align: center; }
.id-account-users-table .users-table > tbody > tr > td.email { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.id-account-users-table .users-table > tbody > tr > td.phone { white-space: nowrap; }
.id-account-users-table .users-table > tbody > tr > td.action { text-align: right; }
.id-account-users-table .users-table[data-maxwidth~='699'] .action .text { display: none; }

.id-account-users-table .user-is-active { color: #272727; }
.id-account-users-table .user-not-active { color: #eeecec; }

.id-account-users-table .users-list .user { position: relative; }
.id-account-users-table .users-list .user .is_active { position: absolute; top: 0; right: 0;  }
.id-account-users-table .users-list .user header { color: #272727; margin-bottom: 5px; padding-right: 20px; }
.id-account-users-table .users-list .user div.action { margin-top: 5px; }

/* orderhistory-table */
.orderhistory-table > tbody > tr > td {padding: 9px 15px 9px 0;}
.orderhistory-table > tbody > tr > td.reference { max-width: 150px; }
.orderhistory-table > tbody > tr > td.modified_on { white-space: nowrap; }
.orderhistory-table > tbody > tr > td.total { white-space: nowrap; text-align: right; }

.orderhistory-table > tbody > tr {border-bottom: 1px solid #eeeff0;}
.orderhistory-table > tbody > tr:hover, .orderhistory-table > tbody > tr:focus {background-color: #eeecec;}

.orderhistory-list .orderhistory-basket header { color: #272727; margin-bottom: 5px; }
.orderhistory-list .orderhistory-basket div.action { margin-top: 5px; }

.orderhistory-orderby { border: 1px solid #eeecec; 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 form .button .text { display: none; }
.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% - 120px); 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: #272727; 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) {
    .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;}
}

/* basketactions */
.basketactions { background: #f8f8f8; 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: #272727;}

@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: #e5e5e5; opacity: 0; transition: all 0.25s ease-in-out 0s; }
.mfp-hide { left: -10000px !important; position: absolute !important; top: 0; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.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 { background: #f6f6f5; color: #5d5d5e; height: 43px; }
.mfp-close { opacity: 1; filter: alpha(opacity=100); font-size: 43px; }
.mfp-close-btn-in .mfp-close { color: #5d5d5e; }
.mfp-close:active { top: 0; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0; padding-right: 0; text-align: center; top: 40px; width: 44px; }
.mfp-figure:after { box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); }
.mfp-bottom-bar { background: #f9f8f8; padding: 4px; margin-top: -40px;}
.mfp-bottom-bar:after { box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); }
.mfp-title { color: #5d5d5e; }
.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; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -25px; padding: 0; width: 50px; height: 50px; background: transparent; -webkit-tap-highlight-color: transparent; }
.stentor-arrow:hover,
.stentor-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.stentor-arrow:after, .stentor-arrow .mfp-a { font-family: 'FontAwesome'; content: '\f141'; display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 0; color: #5d5d5e; padding-top: 2px; font-size: 2.5rem; line-height: 50px; vertical-align: center; } /* ellipsis-h */
.stentor-arrow-left { left: 0; }
.stentor-arrow-left:after { content: '\f053'; } /* chevron-left */
.stentor-arrow-right { right: 0; }
.stentor-arrow-right:after { content: '\f054'; } /* chevron-right */

.modal { background: white; text-align: left; margin: 0 auto; position: relative; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); min-height: 10px; border: 1px solid #e5e5e5; }
.modal > header { font-size: 1.7rem; font-weight: 500; color: #dd042b; 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-small { width: 480px; }
}

.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%;}
}


/* order-add-product-success */

#modal-order-add-product-success > header {color: #5d5d5e; border-bottom: 1px solid #eeecec; padding-bottom: 16px;}
#modal-order-add-product-success .item-basketitem .info header {color: #5d5d5e; border: none;}
#modal-order-add-product-success .item-basketitem { width: 100%; }
#modal-order-add-product-success .item-basketitem > .basketitem { padding: 10px; border: 1px solid #eeecec; }
#modal-order-add-product-success .item-basketsummary { width: 100%; }
#modal-order-add-product-success .item-basketsummary .item {border: none; font-size: 1.05rem; line-height: 23px;}
#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: #5d5d5e; margin-bottom: 0; font-size: 1.25rem; padding-bottom: 4px;}
#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: #dd042b;}
#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: #5d5d5e;}

@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 { margin-top: 28px; }
    #modal-order-add-product-success .related-articles h3 {font-size: 1.25rem; padding-bottom: 0; }
    #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% + 11px); left: -10px;  margin-top: 0;}
    #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% + 64px); left: -37px; }
    .modal-datepicker .items-conveyor header { margin-left: 4px;  }
}




/* ***** pages.css ***** */


.account-account-info,
.account-login-info,
.account-billing-addresses {border-bottom: 1px solid #eeecec; padding-bottom: 36px; margin-bottom: 29px; font-size: 16px;}

.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-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; font-size: 28px; }

@media only print, only screen and (max-width: 959px) {
    .page-articles-cataloggerarticlegroup h1,
    .page-groups-cataloggerarticlegroup h1,
    .page-groups-cataloggercategory h1,
    .page-articles-cataloggercategory h1 { line-height: 26px; margin-bottom: 0; font-size: 23px; }

    .pageid--catalog- .sidebar div.in-flow.content {padding: 19px 22px 10px 22px !important;}
}

.page-articles-cataloggerarticlegroup .paginator,
.page-articles-cataloggercategory .paginator {margin-bottom: 30px;}

.page-articles-cataloggergroup .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggerarticlegroup .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggercategory .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggerapplication .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggergroup .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggerarticlegroup .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggercategory .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggerapplication .site-window-content section.with-mini-padding > .page-width {padding-top: 60px;}

.page-articles-cataloggerarticle .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggerarticle .site-window-content section.with-mini-padding > .page-width,
.page-article .site-window-content section.with-mini-padding > .page-width {padding-top: 75px;}

.page-articles-cataloggergroup.pageid--catalog- .sidebar div.in-flow.content {padding-top: 0;}

.page-newsfilter .sidebar > aside,
.page-newsitem .sidebar > aside {border: none; text-align: left;}

.page-newsfilter .newsfilter {margin-top: 35px;}
.page-newsfilter .filter-item,
.page-newsitem .filter-item {padding-left: 0;}

.page-newsfilter .filters .badge-text {color: #dcdcdc;}
.page-newsfilter .sidebar .image {padding-bottom: 8px;}

.page-newsfilter .page-card-newsitem .newsinfo {padding: 0 30px;}
.page-newsfilter .page-card-newsitem p {padding: 1px 30px 5px 30px;}
.page-newsfilter .page-card-newsitem a.read-more {padding: 0 30px;}

.page-newsfilter .filter .form .input-combined .button {width: 25px; margin-left: 5px;}

.page-newsfilter .site-window-content section { background-color: white; }
.page-newsitem .site-window-content section { background-color: #f9f9f9; }
.page-newsitem .hero-header {display: none; visibility: hidden;}

.page-newsfilter .site-window-content .hero-h1 h1
.page-newsitem .site-window-content .hero-header header { background-color: #fbfbf9; }

.page-newsfilter .sidebar aside header,
.page-newsitem .sidebar aside header {color: #dd042b; font-size: 15px; font-weight: 600; margin-bottom: 5px;}
.page-newsfilter .sidebar aside .filter,
.page-newsitem .sidebar aside .filter {margin-bottom: 30px; float: none;}

.page-newsfilter .filter .form .input-combined input,
.page-newsitem .filter .form .input-combined input {border: 1px solid #272727; text-transform: uppercase; font-weight: 300; background-color: white; border: 1px solid #eeecec; border-radius: 0; min-height: 45px; line-height: 29px; padding-left: 18px;}
.page-newsitem .filter .form .input-combined input span.fa-search,
.page-newsfilter .filter .form .input-combined .button span.fa-search {color: #5d5d5e;}


@media only screen and (min-width: 1450px) {
  .page-newsitem .sidebar > aside, .pageid-news .sidebar > aside { width: 370px; padding-right: 100px; }
}

@media only print, only screen and (max-width: 959px) {
    .page-newsfilter .sidebar aside .filter,
    .page-newsitem .sidebar aside .filter {width: 100%;}
    .filter-item {padding-left: 0;}
}


.page-newsitem .link-back .button {border: none; background-color: #272727; color: white; padding: 8px 18px 8px 8px; display: inline;}
.page-newsitem .link-back .button:hover {background-color: #dd042b;}
.page-newsitem .link-back .button span {color: white;}
.page-newsitem .link-back {margin-bottom: 26px;}
.page-newsitem .input-combined {margin-bottom: 13px;}

.page-news .sidebar > aside header { color: #dd042b; margin-bottom: 0.5rem; }
.page-news .social { margin-top: 1rem; }

.link-back .thisbutton {color: #5d5d5e; background-color: #f8f8f8; font-size: 16px padding: 0 20px; text-align: left; margin-bottom: 20px;}
.link-back .thisbutton .fa {color: #dd042b;}


.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 { background-color: #f8f8f8; padding: 55px 70px;}
.pageid-contact .item.contact-form {background-color: white; border: 1px solid transparent; padding: 55px 70px;}
.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 .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;}

.pageid-contact section.with-padding .page-width {padding-top: 85px; padding-bottom: 85px;}

.pageid-contact section.with-padding h3 {margin-bottom: 12px;}

@media only print, only screen and (max-width: 959px) {
    .pageid-contact section.with-padding .page-width {padding-top: 17px; padding-bottom: 85px;}
    .pageid-contact .item.contact-information-block {padding: 30px 25px;}
    .pageid-contact .items-tile.with-gutter {margin: -17px -27px;}
    .pageid-contact .item.contact-form {width: 100%; padding: 30px 11px;}
    }

@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: 960px) and (max-width: 1449px)  {
    .pageid-contact .item.contact-form {width: 65%;}
}

@media only screen and (min-width: 1450px) {
    .pageid-contact .item.contact-information-block {width: 38%; margin-left: 17px;}
    .pageid-contact .item.contact-form {width: 60%; }
    .pageid-contact .with-alternate-background .page-width {padding: 65px 10px;}
}

.pageid-about p {font-size: 1.12rem; margin-bottom: 0; line-height: 1.9rem;}
@media only screen and (min-width: 960px) {
    .pageid-about .item.our-company {padding-right: 80px; padding-top: 30px; padding-bottom: 30px;}
}

.page-account-orderhistory .show-hide { margin-bottom: 1rem; }

.pageid-home .page-card-newsitem {padding-bottom: 5px; min-height: 167px;}
.page-card-newsitem:hover {border-color: #5d5d5e; transition: all 0.3s ease 0s; background-color: #e9e7e7;}
.pageid-home .page-card-newsitem header {padding: 14px 20px 8px 20px; font-weight: 600; text-align: center;}
.pageid-home .page-card-newsitem p {display: none; visibility: hidden;}
.pageid-home .page-card-newsitem .timestamp {margin-top: 20px;}
.pageid-home .page-card-newsitem a.read-more {padding-bottom: 20px;}
.pageid-home .page-card-newsitem[data-minwidth~='540'] > .image {background-color: white; height: 156px; width: 50%;}
.pageid-home .page-card-newsitem[data-minwidth~='540'] {padding-left: calc(48% + 40px);}
.pageid-home .page-card-newsitem > .image > .image-container {height: 100%;}
.pageid-home .page-card-newsitem > .image > .image-container img {height: 100%; background-position: center;}

.pageid-home .hero-hero {background-attachment: fixed; text-align: left; padding-top: 150px; padding-bottom: 150px;}
.pageid-home .hero-hero h1 { font-size: 36px; font-weight: 300; color: white; padding: 10px 0; text-transform: uppercase; margin-bottom: 0; }
.pageid-home .hero-hero p { font-size: 35px; font-weight: 200; text-transform: uppercase; color: white; background: transparent; line-height: 2.5rem; margin-bottom: 20px; }

@media only print, only screen and (max-width: 959px) {
    .pageid-home .hero-hero h1 { line-height: 42px; }
    .pageid-home .hero-hero { padding-top: 50px; padding-bottom: 80px;}
    }

.items-tile.with-gutter > .item.item-padding {padding: 45px 110px;}
.item-home p, .item-home h2, .item-home a {text-align: center;}
.item-home h2, .item-home a {font-size: 22px;}

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

.home-innovatie img {border: 15px solid white;}
/*.home-innovatie h2 {font-size: 22px; color: #dd042b; font-weight: 600; margin-bottom: 18px; padding-top: 17px;}*/
.home-innovatie h3 {font-size: 35px; color: #5d5d5e; padding-top: 50px; line-height: 40px;}
.home-innovatie header {font-size: 35px; color: #5d5d5e; padding-bottom: 20px;}
/*.home-innovatie p {font-size: 16px; line-height: 29px;}
.home-innovatie ul {font-size: 16px; line-height: 29px;}*/
.home-innovatie .button {margin-top: 10px; margin-bottom: 42px;}

@media only print, only screen and (max-width: 959px) {
    .home-innovatie a.button {left: 29%;}
    }

.home-nieuws .as-h1 {text-align: center; font-size: 46px; color: black; font-weight: 600; margin-bottom: 28px; margin-top: 30px}

.items-tile.with-gutter > .item.extra-padding {padding: 24px 200px 43px 60px; }

.h1-style h1, .hero-h1-super h1, .hero-h1-map h1 {
    background-color: #dd042b;
    position: absolute;
    bottom: 100px;
    color: white;
    left: 0;
}

.hero-image h1 {
  background-color: #dd042b;
  color: white;
  padding: 13px 15px;
}

@media only print, only screen and (max-width: 959px) {
    .items-tile.with-gutter > .item.extra-padding {padding: 50px 22px 50px 22px; }
    .sidebar > aside {text-align: left; padding-top: 7px;}
    .hero h1, .hero-header header {bottom: 71px; left: 12px;}
    }

.sidebar aside a {display: block; border-bottom: 1px solid #f0eeee; padding: 13px 0; color: #5d5d5e; font-weight: 400;}
.sidebar aside a:hover {color: #dd042b;}

.sidebar .image {padding: 10px 0 20px 0;}
.sidebar .with-alternate-background .image {padding: 0px 0 20px 0;}


@media only screen and (min-width: 1450px) {
    .home-innovatie p {}
}

@media only print, only screen and (max-width: 959px) {
    .page-articles-cataloggerarticlegroup .sidebar aside .filter,
    .page-search-results .sidebar aside .filter, .page-groups-cataloggerarticlegroup .sidebar aside .filter,
    .page-articles-cataloggercategory .sidebar aside .filter, .page-groups-cataloggercategory .sidebar aside .filter {border: none;}
}

@media only print, only screen and (min-width: 660px) {
.pageid--catalog- .sidebar aside {text-align: left; width: 270px; padding-top: 3px;}
}

.pageid--catalog- .sidebar aside .filter .filter {border-bottom: 1px solid #eeeff0; padding-bottom: 20px; margin-bottom: 20px;}
.page-search-results .sidebar aside .filter .filter {border-bottom: 1px solid #eeeff0; padding-bottom: 20px; margin-bottom: 20px;}

.pageid--catalog- .sidebar aside .filters .badge-text {color: #a7a8a8;}

.pageid--catalog- .sidebar aside a {color: #5d5d5e; font-size: .9375rem; font-weight: 400; border: none; padding: 2px 0 2px 20px;}
.pageid-docfinder .sidebar aside a {color: #5d5d5e; font-size: .9375rem; font-weight: 400; border: none; padding: 2px 0 2px 20px;}

.page-search-results .sidebar aside a {font-size: 14px; color: black; font-weight: 400; border: none; padding: 2px 0 2px 20px;}

.pageid--catalog- .sidebar aside a span.fa { margin-left: -22px; line-height: 20px; }
.page-search-results .sidebar aside a span.fa { margin-left: -22px; }

.pageid--catalog- .sidebar aside header {font-size: 15px; color: #272727; }

.pageid--catalog- .sidebar aside .filter-item {padding-left: 0;}
.page-search-results .sidebar aside .filter-item {padding-left: 0;}

.page-groups-cataloggerarticlegroup .sidebar aside {border-right: 0px !important;}
.page-search-results .sidebar aside {border-right: 0px !important;}

.page-search-results .sidebar div.in-flow.content {background-color: #f8f8f8; top: -15px; padding: 46px 25px 10px 25px;}

.page-search-results .sidebar > aside {text-align: left;}

.pageid--catalog- .filter .form .input-combined .button {color: #c3c4c0; left: -5px;}

.pageid--catalog- .filter .reset a {padding-left: 0;}
.pageid--catalog- .filter .reset a span {margin-left: 0 !important;}

.pageid-docfinder .filter .reset a {padding-left: 0;}
.pageid-docfinder .filter .reset a span {margin-left: 0 !important;}


.pageid--catalog- .item {}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .page-groups-cataloggerarticle.pageid--catalog- .item,
    .page-article.pageid--catalog- .item,
    .pageid--catalog- .item.item-0,
    .pageid--catalog- .item.item-1 {margin-top: 0;}
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-groups-cataloggerarticle.pageid--catalog- .item,
    .page-article.pageid--catalog- .item,
    .pageid--catalog- .item.item-0,
    .pageid--catalog- .item.item-1,
    .pageid--catalog- .item.item-2 {margin-top: 0;}
}
@media only screen and (min-width: 1450px) {
    .page-groups-cataloggerarticle.pageid--catalog- .item,
    .page-article.pageid--catalog- .item,
    .pageid--catalog- .item.item-0,
    .pageid--catalog- .item.item-1,
    .pageid--catalog- .item.item-2,
    .pageid--catalog- .item.item-3 {margin-top: 0;}
}

.link-styling {color: #dd042b; font-weight: 500; font-size: 15px; display: block; padding-bottom: 7px;}
.link-styling:hover {color: #272727;}


span.cat-li {display: list-item; line-height: 24px; margin-left: 20px; padding-left: 5px;}
span.cat-li-second {display: list-item; line-height: 24px; margin-left: 20px; padding-left: 5px; list-style-type: none;}
span.cat-li-third {display: list-item; line-height: 24px; margin-left: 40px; padding-left: 5px; list-style-type: none;}
span.cat-li-third:before {content: '-'; margin-left: -20px; margin-right: 15px; }
span.cat-Rood { color: #dd042b; }
span.cat-sup { vertical-align: super; font-size: smaller; }
span.cat-sub { vertical-align: sub; font-size: smaller; }

.page-article .popup-gallery .item {border: 1px solid #eeecec; padding: 20px;}
.page-groups-cataloggerarticle .popup-gallery:not(.accessories) {border: 1px solid #eeecec; padding: 19px; margin-top: 4px;}
.page-groups-cataloggerarticle .popup-gallery .inline-thumb {margin: 5px 5px 5px;}
.cataloggerarticlegroup .items-conveyor.popup-gallery:not(.accessories) {background-color: #eeecec;}

p.footnote {margin-bottom: 10px; font-size: 14px;}

.tableheader header { font-size: 2.2rem; font-weight: 600; line-height: 2rem; color: #dd042b; margin-top: 20px;}

.page-groups-cataloggerarticle .cataloggerarticlegroup .items-accordion {margin-top: 22px;}


.page-groups-cataloggerarticle .horizontal-scroll {overflow-y: visible; overflow-x: visible;}

.page-article .info h3,
.page-article h3,
.page-groups-cataloggerarticle h3 {color: #dd042b; padding-bottom: 6px;}
.page-article .product-properties {padding-bottom: 12px;}

.cataloggerarticle .info {position: relative;}
.cataloggerarticlegroup .info form#pdf,
.cataloggerarticle .info form#pdf { position: absolute; top:0; right:0; }
.cataloggerarticle .info form#pdf .form-fields { min-width: 0; }
.cataloggerarticlegroup .info form#pdf span.fa ,
.cataloggerarticle .info form#pdf span.fa { font-size: 30px; color: #dd042b; }

.cataloggerarticlegroup .info form#pdf-specification,
.cataloggerarticle .info form#pdf-specification { position: absolute; top:0; right:55px; }
.cataloggerarticle .info form#pdf-specification .form-fields { min-width: 0; }
.cataloggerarticlegroup .info form#pdf-specification span.fa ,
.cataloggerarticle .info form#pdf-specification span.fa { font-size: 30px; color: #dd042b; }

.cataloggerarticlegroup .info form.pdf-specification,
.cataloggerarticle .info form.pdf-specification {right: 55px !important;}

.cataloggerarticlegroup .info h1 { position: relative; margin-bottom: 35px; padding-right: 55px;}
.cataloggerarticlegroup .info h1 a { position: absolute; top:-20px; right:0; }
.cataloggerarticlegroup .info h1 span.fa { font-size: 30px; }

.pdfs-inner .fa-external-link { margin-right: 8px; }
.page-article .pdfs-inner .fa-external-link { margin-right: 1px; margin-left: 5px;}

@media only screen and (max-width: 659px) {
    .cataloggerarticlegroup .info h1 a img {width: 40px; height: auto;}
    .cataloggerarticlegroup .info h1 a {position: static; height: auto; width: 30px; display: block; padding-top: 14px;}
    .cataloggerarticle .group form#pdf {position: static; height: auto; width: 30px; display: block; }
    .cataloggerarticle .group form#pdf button img {width: 40px; height: auto;}
}

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

.pageid--catalog- .meibes h1,
.pageid--catalog- .meibes header,
.pageid--catalog- .meibes .items-accordion > .item > .item-stylable > header,
.pageid--catalog- .meibes h3,
.pageid--catalog- .cataloggerarticlegroup.meibes .items-conveyor .fa,
.pageid--catalog- .meibes .items-gallery > .thumbs > .thumb.is-selected > .container {border-color: #004494; color: #004494; }
.pageid--catalog- .meibes header a:hover {color: #272727;}
.pageid--catalog- .meibes .products-table > tbody > tr > td > a:hover { color: #004494; }
.pageid--catalog- .meibes .catalog-card-group header { color: #5d5d5e; }

.catalog-card-group.meibes:hover header, .catalog-card-group.meibes:focus header {color: white; background-color: #004494;}
.catalog-card-group.meibes:hover header a {color: white;}

.pageid--catalog- .simplex h1,
.pageid--catalog- .simplex header,
.pageid--catalog- .simplex .items-accordion > .item > .item-stylable > header,
.pageid--catalog- .simplex h3,
.pageid--catalog- .cataloggerarticlegroup.simplex .items-conveyor .fa,
.pageid--catalog- .simplex .items-gallery > .thumbs > .thumb.is-selected > .container {border-color: #00964F; color: #00964F; }
.pageid--catalog- .simplex header a:hover {color: #272727;}
.pageid--catalog- .simplex .products-table > tbody > tr > td > a:hover { color: #00964F; }
.pageid--catalog- .simplex .catalog-card-group header { color: #5d5d5e; }

.catalog-card-group.simplex:hover header, .catalog-card-group.simplex:focus header {color: white; background-color: #00964F;}
.catalog-card-group.simplex:hover header a {color: white;}

.pageid--catalog- .hsf h1,
.pageid--catalog- .hsf header,
.pageid--catalog- .hsf h3,
.pageid--catalog- .cataloggerarticlegroup.hsf .items-conveyor .fa,
.pageid--catalog- .hsf .items-gallery > .thumbs > .thumb.is-selected > .container {border-color: #009a67; color: #009a67; }
.pageid--catalog- .hsf header a:hover {color: #272727;}
.pageid--catalog- .hsf .products-table > tbody > tr > td > a:hover { color: #009a67; }
.pageid--catalog- .hsf .catalog-card-group header { color: #5d5d5e; }

.catalog-card-group.hsf:hover header, .catalog-card-group.hsf:focus header {color: white; background-color: #009a67;}
.catalog-card-group.hsf:hover header a {color: white;}

.pageid--catalog- .flamco h1,
.pageid--catalog- .flamco header,
.pageid--catalog- .flamco h3,
.pageid--catalog- .cataloggerarticlegroup.flamco .items-conveyor .fa,
.pageid--catalog- .flamco .items-gallery > .thumbs > .thumb.is-selected > .container {border-color: #CC0000; color: #CC0000; }
.pageid--catalog- .flamco header a:hover {color: #272727;}
.pageid--catalog- .flamco .products-table > tbody > tr > td > a:hover { color: #CC0000; }
.pageid--catalog- .flamco .catalog-card-group header { color: #5d5d5e; }

.catalog-card-group.flamco:hover header, .catalog-card-group.flamco:focus header {color: white; background-color: #CC0000;}
.catalog-card-group.flamco:hover header a {color: white;}


.items-tile.xl-2 > .item.quicklink-icon {width: 20%; border-right: 4px solid #dd042b; padding-top: 0;}
.items-tile.xl-2 > .item.quicklink-text {padding-top: 0; width: 80%; margin-top: -8px;}
.items-tile.xl-2 > .item.quicklink-text header {font-size: 27px; font-weight: 700; color: #272727;}
.items-tile.xl-2 > .item.quicklink-text header:hover {color: #dd042b;}
.items-tile.xl-2 > .item.quicklink-text p {font-size: 18px; font-weight: 600;}

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

.items-tile.with-gutter > .item.spotlight-product {padding-top: 50px; padding-bottom: 30px;}
.spotlight-product h3 {font-size: 35px; margin-bottom: -7px;}
.spotlight-product header {font-size: 35px; font-weight: 300; text-transform: uppercase; padding-bottom: 15px;}
.spotlight-product p {font-size: 17px; line-height: 30px; padding-bottom: 10px; font-weight: 500;}

@media only print, only screen and (max-width: 959px) {
    .items-tile.with-gutter > .item.spotlight-product {padding-top: 0; padding-bottom: 25px;}
}

.inno-hero .hero-hero {padding-bottom: 100px; padding-top: 100px;}
.innovation h2 {font-size: 35px; text-transform: uppercase;color: white; margin-bottom: 30px;}
.innovation hr {border-bottom: 3px solid white; width: 8%; }
.pageid-home .hero-hero .innovation p {text-transform: initial; font-weight: 300; font-size: 23px; line-height: 44px; width: 55%; padding-left: 0;}

.visual-nav .card-link-image > a > .image {height: 300px;}
.items-tile > .item.visual-nav {padding: 3px;}
.visual-nav .card-link-image > a > .text {background-color: transparent; color: white; border-bottom: 4px solid #dd042b; padding: 0; padding-bottom: 3px; bottom: 130px;}

.visual-nav .card-link-image > a > .image {filter: brightness(60%);}
.visual-nav .card-link-image:hover > a > .image, .card-link-image:focus > a > .image {filter: brightness(100%);}

@media only print, only screen and (max-width: 959px) {
    .visual-nav .card-link-image > a > .image {height: auto;}
    .visual-nav .card-link-image > a > .text {bottom: 56px; left: 27px; font-size: 18px; font-weight: 600;}
    .pageid-home .hero-hero .innovation p {width: 100%; font-size: 18px; line-height: 38px; font-weight: 600;}

}

.hero-hero header {background-color: #dd042b; color: white; display: inline-block; padding: 12px 16px;}

.pageid--catalog- .sidebar > aside {border:none;}

.pageid--catalog- .sidebar div.in-flow.content {background-color: #f8f8f8; top: -15px; padding: 46px 25px 10px 25px;}

.pageid--catalog- .sidebar div.in-flow .items-tile {padding: 0;}

.page-article .cataloggerarticle h1, .cataloggerarticle h1 span {margin-bottom: 17px; margin-right: 45px;}

.comparefavorite .button {font-size: 14px !important;}

.flamco-corner {position: relative;top: -40px; margin-bottom: -60px;}

.pagelinks .page.tiles { position:relative; float: left; margin-bottom: 10px;}
.pagelinks .page.tiles .pagelink .image { width: 20%; float: left; margin-right: 5%; }
.pagelinks .page.tiles .pagelink .info { width: 75%; float: left; }
.pagelinks .page.tiles .pagelink .image img {display: block; width:100%; }
.pagelinks .page.tiles .pagelink button { float: right; }


.home-quicklink .link-styling {font-size: 1rem; font-weight: 400; }
.home-icon .link-styling {text-align: right; width: 85%; float: right;}
.items-tile.with-gutter > .item.home-icon {padding-right: 6px;}
.home-icon img.link-styling {border-right: 4px solid #dd042b; padding-right: 11px;}

.office-map.dynamic .markers {}
.office-map.dynamic .map {margin-bottom: 40px; }
.office-map.dynamic .markers .marker {background-color: white; display: inline-block; width: 23%; margin-bottom: 20px; margin-right: 2%; vertical-align: top; background-color: white; padding: 30px; }

.office-map.dynamic .markers > header {font-size: 24px; font-weight: 700; color: #dd042b; margin-bottom: 20px; padding-top: 40px;}
.office-map.dynamic .markers.agency > header { color: #dd042b;}
.office-map.dynamic .markers .office-card > header {font-size: 17px; line-height: 20px; font-weight: 700; margin-bottom: 10px;}

.office-map.dynamic .office-card p {font-size: 1.0rem;}
.office-map.dynamic .office-card p.name { font-weight: 600; }
.office-map.dynamic .office-card p.address { padding-left: 23px; }
.office-map.dynamic .office-card p.address span.fa { margin-left: -20px; margin-right: 0; }

.pageid-company-locations .googlemap > .map {margin: 0; width: 100%;}

@media only screen and (min-width: 960px) {
    .office-map.dynamic .markers {padding-left: 20px;}

}

@media only screen and (max-width: 659px) {
    .office-map.dynamic .markers .marker {width: 100%;}
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .office-map.dynamic .markers .marker {width: 48%;}
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .office-map.dynamic .markers .marker {width: 31.333333%;}
}

.pagelinks.tiles {float:left;}
.pagelinks.tiles .pagetile { position:relative; float: left; margin-bottom: 19px; }
.pagelinks.tiles .pagetile .item {background-color: #eeecec; padding: 15px 15px 20px 15px; float: left; width: 100%;}
.pagelinks.tiles .pagetile a .item:hover {background-color: #d8d7d7; transition:all 0.3s ease;}
.pagelinks.tiles .pagetile {padding-right: 16px; }
.pagelinks.tiles .pagetile .pagelink .image { float: left; padding-bottom: 8px; overflow: hidden; height: auto; }
.pagelinks.tiles .pagetile .pagelink .info { float: left; width: 100%; }
.pagelinks.tiles .pagetile .pagelink .image img {display: block; width:100%; }
.pagelinks.tiles .pagetile .pagelink button { float: left; margin-top: 15px; }
.pagelinks.tiles header {font-size: 1.2rem; color: #dd042b; padding-bottom: 8px;}
.pagelinks.tiles p {margin-bottom: 0;}

.page-application-apply h3 { padding-top: 8px; }
.page-application-apply p { margin-bottom: 10px; }

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



.page-docfinder-results .sidebar > aside {border: none;}

.forget-password .link { cursor: pointer; }

.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: 32px;}
.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; border-top: 1px solid #eeecec; }
.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; }
.expanderapplication > .controls > .control { background-color: #f8f8f8; }

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

#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: 256px; 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: 256px; }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .sidebar-width { width: 256px; }}
#swe-content @media only screen and (min-width: 1450px) { section > .sidebar-width { width: 256px; }}






/* 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: #dd042b; }
.catalog .catalog-item .info { display: block; color: #5d5d5e; font-size: 0.8em; display: none; visibility: hidden; }

.catalog .catalog-group > span > .icon { top: 1px; }
.catalog .catalog-group > span > .name { font-size: 1rem; color: #dd042b; 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; }


/* Image overlay */
.imagecontainer {position: relative;}
.imagecontainer .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #dd042b;}
.imagecontainer.alternate-background .overlay { background-color: #f8f8f8; }
.imagecontainer:hover .overlay { opacity: 1; }
.imagecontainer .overlay .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}

.imagecontainer.transparant .image {opacity: 1; transition: .5s ease; backface-visibility: hidden;}
.imagecontainer.transparant .overlay { background-color: transparent; position: absolute; top: 50%; left: 50%; opacity: 0; transition: .5s ease; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.imagecontainer.transparant:hover .image { opacity: 0.3; }
.imagecontainer.transparant:hover .overlay { opacity: 1; }
.imagecontainer.transparant .overlay .content { background-color: #dd042b; padding: 20px; }
.imagecontainer.transparant.alternate-background .content { background-color: #f8f8f8; }

.swe .imagecontainer .overlay { opacity: 1; }


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

/*//blog*/

/*.page-card-blogitem.eq:before { content: '540'; }*/
/*.page-card-blogitem { background: white; border: 1px solid #f2f3f3; padding: 29px 37px; margin-bottom: 32px; position: relative; }*/
/*.page-card-blogitem:last-child { margin-bottom: 0; }*/
/*.page-card-blogitem header { font-size: 21px; line-height: 25px; color: #dd042b; margin-bottom: 9px; font-weight: 400;}*/
/*.page-card-blogitem > .image { margin-bottom: 12px; min-height: 0; overflow: hidden; }*/
/*.page-card-blogitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; border: 1px solid #eeecec; }*/
/*.page-card-blogitem > .image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }*/
/*.page-card-blogitem > .image img:hover, .page-card-newsitem > .image img:focus { -webkit-transform: scale(1.1); transform: scale(1.1); }*/
/*.page-card-blogitem .newsinfo {visibility: hidden; display: none;}*/
/*.page-card-blogitem .tags { font-size: 0.8rem; margin-bottom: 10px; }*/
/*.page-card-blogitem p { margin-bottom: 10px; font-size: 1.04rem;}*/
/*.page-card-blogitem a.read-more { display: block; font-weight: 600; }*/
/*.page-card-blogitem a.read-more .fa { color: #5d5d5e; position: relative; top: 1px;}*/
/*.page-card-blogitem[data-minwidth~='540'] .bloginfo{ width: calc(100% - 33% - 33px); }*/
/*.page-card-blogitem[data-minwidth~='540'] header { margin: 0; }*/
/*.page-card-blogitem[data-minwidth~='540'] > .image { width: 33%; height: calc(100% - 33px); position: absolute; top: 20px; right: 20px; margin-bottom: 0; }*/
/*@media only print, only screen and (max-width: 959px) {*/
/*.page-card-newsitem { padding: 17px; }*/
/*}*/
/*@media only print, only screen and (max-width: 1449px){*/
/*.page-card-blogitem[data-minwidth~='540'] > .image {position: relative; width: 100%; right: 0; top:0;}*/
/*}*/

/*.blogitem { background: white; margin-bottom: 2rem; }*/
/*.blogitem > h1 { color: #951f81; margin-bottom: 10px;}*/
/*.blogitem > .blog-info > div { display: inline; }*/
/*.blogitem > .blog-info > .tags-info { margin-left: 6px; }*/
/*.blogitem > .image-cover { height: 320px; min-height: 0; }*/
/*.blogitem p {font-size: 1.11rem; line-height: 2rem;}*/
/*.blogitem .timestamp {font-weight: 600;}*/
/*@media only print, only screen and (max-width: 959px) {*/
/*.blogitem { padding: 14px 17px; }*/
/*.blogitem > .blog-info > div { display: block; }*/
/*.blogitem > .blog-info > .tags-info { margin-left: 0; }*/
/*}*/

/*.blogfilter-browse { line-height: 40px; }*/
/*.blogfilter-browse .button {color: #353538; background-color: white;}*/
/*.blogfilter-browse .button:hover {background-color: white;}*/
/*.blogfilter-browse .button a {color: #353538;}*/
/*.blogfilter-browse .button:hover a {color: #dd042b;}*/
/*.blogfilter-browse .button.next { float: right; }*/
/*.blogfilter-browse .button.button-disabled {color: #eeecec;}*/
/*.blogfilter-browse .button.button-disabled.previous,*/
/*.blogfilter-browse .button.button-disabled.next { display: none; }*/

/* news */

.tags { color: #5d5d5e;  }

.page-card-blogitem.eq:before { content: '540'; }
.page-card-blogitem { background: #eeecec; border-bottom: 8px solid #dd042b; padding: 12px 12px 12px 12px; margin-bottom: 32px; position: relative; }
.page-card-blogitem:last-child { margin-bottom: 0; }
.page-card-blogitem:hover {}
.page-card-blogitem header { font-size: 1.25rem; color: #5d5d5e; font-weight: 600; margin-top: 10; font-weight: 400; padding: 17px 30px 10px 30px;}
.page-card-blogitem header:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-blogitem header a {font-weight: 600;}
.page-card-blogitem > .image { margin-bottom: 0; min-height: 0; overflow: hidden; padding-top: 0 !important; max-height: 220px;}
.page-card-blogitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; }
.page-card-blogitem > .image img { padding-top: 0;}
.page-card-blogitem > .image img:hover, .page-card-blogitem > .image img:focus { }
.page-card-blogitem .bloginfo {display: none;visibility: hidden;}
.page-card-blogitem .tags { display: none; visibility: hidden; font-size: 0.8rem; margin-bottom: 10px; }
.page-card-blogitem p { margin-bottom: 10px; font-size: 1.04rem;}
.page-card-blogitem a.read-more { display: none; visibility: hidden; font-weight: 400; color: #272727; text-transform: uppercase; font-size: 18px; }
.page-card-blogitem a.read-more:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-blogitem a.read-more .fa { color: #272727; display: none; visibility: hidden; }
.page-card-blogitem[data-minwidth~='540'] { padding-left: calc(40% + 40px); }
.page-card-blogitem[data-minwidth~='540'] header { margin: 0; }
.page-card-blogitem[data-minwidth~='540'] > .image { width: 40%; position: absolute; top: 4px; left: 5px; margin-bottom: 0; }
@media only print, only screen and (max-width: 959px) {
.page-card-blogitem { padding: 17px; }
}

.blogitem { background: white; padding: 40px 48px ; border: none; margin-bottom: 2rem; border-bottom: 8px solid #dd042b; }
.blogitem > h1 { color: #dd042b; margin-bottom: 10px;}
.blogitem > .blog-info {font-weight: 700; font-size: 16px; margin-bottom: 30px;}
.blogitem > .blog-info > div { display: inline; }
.blogitem > .blog-info > .tags-info { margin-left: 6px; }
.blogitem > .image-cover { height: 320px; min-height: 0; }
.blogitem p {font-size: 1.11rem; line-height: 2rem; margin-bottom: 29px;}

@media only print, only screen and (max-width: 959px) {
.blogitem { padding: 14px 17px; }
.blogitem > .blog-info > div { display: block; }
.blogitem > .blog-info > .tags-info { margin-left: 0; }
}

.page-blogitem .sidebar aside a {border-color: white !important; border-width: 2px;}

.blogitem h2 {color: black; font-size: 19px;}
.page-blogitem .sidebar .social { }
.page-blogitem aside .social a {border: none; padding: 0 !important; color: white;}
.page-blogitem aside .social a:hover {color: white;}

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

/*filter*/


.page-blogfilter .sidebar > aside,
.page-blogitem .sidebar > aside {border: none; text-align: left;}

.page-blogfilter .blogfilter {margin-top: 35px;}
.page-blogfilter .filter-item,
.page-blogitem .filter-item {padding-left: 0;}

.page-blogfilter .filters .badge-text {color: #dcdcdc;}
.page-blogfilter .sidebar .image {padding-bottom: 8px;}

.page-blogfilter .page-card-blogitem .bloginfo {padding: 0 30px;}
.page-blogfilter .page-card-blogitem p {padding: 1px 30px 5px 30px;}
.page-blogfilter .page-card-blogitem a.read-more {padding: 0 30px;}

.page-blogfilter .filter .form .input-combined .button {width: 25px; margin-left: 5px;}

.page-blogfilter .site-window-content section { background-color: white; }
.page-blogitem .site-window-content section { background-color: #f9f9f9; }
.page-blogitem .hero-header {display: none; visibility: hidden;}

.page-blogfilter .site-window-content .hero-h1 h1
.page-blogitem .site-window-content .hero-header header { background-color: #fbfbf9; }

.page-blogfilter .sidebar aside header,
.page-blogitem .sidebar aside header {color: #dd042b; font-size: 15px; font-weight: 600; margin-bottom: 5px;}
.page-blogfilter .sidebar aside .filter,
.page-blogitem .sidebar aside .filter {margin-bottom: 30px; float: none;}

.page-blogfilter .filter .form .input-combined input,
.page-blogitem .filter .form .input-combined input {border: 1px solid #272727; text-transform: uppercase; font-size: 17px; font-weight: 700; background-color: white; border: 1px solid #eeecec; border-radius: 0; min-height: 45px; line-height: 29px; padding-left: 18px;}
.page-blogitem .filter .form .input-combined input span.fa-search,
.page-blogfilter .filter .form .input-combined .button span.fa-search {color: #5d5d5e;}


@media only screen and (min-width: 1450px) {
.page-blogitem .sidebar > aside, .pageid-blog .sidebar > aside { width: 370px; padding-right: 100px; padding-top: 27px;}
}

@media only print, only screen and (max-width: 959px) {
.page-blogfilter .sidebar aside .filter,
.page-blogitem .sidebar aside .filter {width: 100%;}
.filter-item {padding-left: 0;}
}


.page-blogitem .link-back .button {border: none; background-color: #272727; color: white; padding: 8px 18px 8px 8px; display: inline;}
.page-blogitem .link-back .button:hover {background-color: #dd042b;}
.page-blogitem .link-back .button span {color: white;}
.page-blogitem .link-back {margin-bottom: 26px;}
.page-blogitem .input-combined {margin-bottom: 13px;}

.page-blog .sidebar > aside header { color: #dd042b; margin-bottom: 0.5rem; }
.page-blog .social { margin-top: 1rem; }

/* andere */

.pageid-home .page-card-blogitem {padding-bottom: 5px; min-height: 167px;}
.page-card-blogitem:hover {border-color: #5d5d5e; transition: all 0.3s ease 0s; background-color: #e9e7e7;}
.pageid-home .page-card-blogitem header {padding: 14px 20px 8px 20px; font-weight: 600; text-align: center;}
.pageid-home .page-card-blogitem p {display: none; visibility: hidden;}
.pageid-home .page-card-blogitem .timestamp {margin-top: 20px;}
.pageid-home .page-card-blogitem a.read-more {padding-bottom: 20px;}
.pageid-home .page-card-blogitem[data-minwidth~='540'] > .image {background-color: white; height: 156px; width: 50%;}
.pageid-home .page-card-blogitem[data-minwidth~='540'] {padding-left: calc(48% + 40px);}
.pageid-home .page-card-blogitem > .image > .image-container {height: 100%;}
.pageid-home .page-card-blogitem > .image > .image-container img {height: 100%; background-position: center;}


/* Reference */

.tags { color: #5d5d5e;  }

.page-card-referenceitem.eq:before { content: '540'; }
.page-card-referenceitem { background: #eeecec; border-bottom: 8px solid #dd042b; padding: 12px 12px 12px 12px; margin-bottom: 32px; position: relative; }
.page-card-referenceitem:last-child { margin-bottom: 0; }
.page-card-referenceitem:hover {}
.page-card-referenceitem header { font-size: 1.25rem; color: #5d5d5e; font-weight: 600; margin-top: 10; font-weight: 400; padding: 17px 30px 10px 30px;}
.page-card-referenceitem header:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-referenceitem header a {font-weight: 600;}
.page-card-referenceitem > .image { margin-bottom: 0; min-height: 0; overflow: hidden; padding-top: 0 !important; max-height: 220px;}
.page-card-referenceitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; }
.page-card-referenceitem > .image img { padding-top: 0;}
.page-card-referenceitem > .image img:hover, .page-card-referenceitem > .image img:focus { }
.page-card-referenceitem .referenceinfo {display: none;visibility: hidden;}
.page-card-referenceitem .tags { display: none; visibility: hidden; font-size: 0.8rem; margin-bottom: 10px; }
.page-card-referenceitem p { margin-bottom: 10px; font-size: 1.04rem;}
.page-card-referenceitem a.read-more { display: none; visibility: hidden; font-weight: 400; color: #272727; text-transform: uppercase; font-size: 18px; }
.page-card-referenceitem a.read-more:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-referenceitem a.read-more .fa { color: #272727; display: none; visibility: hidden; }
.page-card-referenceitem[data-minwidth~='540'] { padding-left: calc(40% + 40px); }
.page-card-referenceitem[data-minwidth~='540'] header { margin: 0; }
.page-card-referenceitem[data-minwidth~='540'] > .image { width: 40%; position: absolute; top: 4px; left: 5px; margin-bottom: 0; }
@media only print, only screen and (max-width: 959px) {
.page-card-referenceitem { padding: 17px; }
}

.referenceitem { background: white; padding: 40px 48px ; border: none; margin-bottom: 2rem; border-bottom: 8px solid #dd042b; }
.referenceitem > h1 { color: #dd042b; margin-bottom: 10px;}
.referenceitem > .reference-info {font-weight: 700; font-size: 16px; margin-bottom: 30px;}
.referenceitem > .reference-info > div { display: inline; }
.referenceitem > .reference-info > .tags-info { margin-left: 6px; }
.referenceitem > .image-cover { height: 320px; min-height: 0; }
.referenceitem p {font-size: 1.11rem; line-height: 2rem; margin-bottom: 29px;}

@media only print, only screen and (max-width: 959px) {
.referenceitem { padding: 14px 17px; }
.referenceitem > .reference-info > div { display: block; }
.referenceitem > .reference-info > .tags-info { margin-left: 0; }
}

.page-referenceitem .sidebar aside a {border-color: white !important; border-width: 2px;}

.referenceitem h2 {color: black; font-size: 19px;}
.page-referenceitem .sidebar .social { }
.page-referenceitem aside .social a {border: none; padding: 0 !important; color: white;}
.page-referenceitem aside .social a:hover {color: white;}

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

/*filter*/


/*.page-referencefilter .sidebar > aside,
.page-referenceitem .sidebar > aside {border: none; text-align: left;}

.page-referencefilter .referencefilter {margin-top: 35px;}
.page-referencefilter .filter-item,
.page-referenceitem .filter-item {padding-left: 0;}

.page-referencefilter .filters .badge-text {color: #dcdcdc;}
.page-referencefilter .sidebar .image {padding-bottom: 8px;}

.page-referencefilter .page-card-referenceitem .referenceinfo {padding: 0 30px;}
.page-referencefilter .page-card-referenceitem p {padding: 1px 30px 5px 30px;}
.page-referencefilter .page-card-referenceitem a.read-more {padding: 0 30px;}

.page-referencefilter .filter .form .input-combined .button {width: 25px; margin-left: 5px;}

.page-referencefilter .site-window-content section { background-color: white; }
.page-referenceitem .site-window-content section { background-color: #f9f9f9; }
.page-referenceitem .hero-header {display: none; visibility: hidden;}

.page-referencefilter .site-window-content .hero-h1 h1
.page-referenceitem .site-window-content .hero-header header { background-color: #fbfbf9; }

.page-referencefilter .sidebar aside header,
.page-referenceitem .sidebar aside header {color: #dd042b; font-size: 15px; font-weight: 600; margin-bottom: 5px;}
.page-referencefilter .sidebar aside .filter,
.page-referenceitem .sidebar aside .filter {margin-bottom: 30px; float: none;}

.page-referencefilter .filter .form .input-combined input,
.page-referenceitem .filter .form .input-combined input {border: 1px solid #272727; text-transform: uppercase; font-size: 17px; font-weight: 700; background-color: white; border: 1px solid #eeecec; border-radius: 0; min-height: 45px; line-height: 29px; padding-left: 18px;}
.page-referenceitem .filter .form .input-combined input span.fa-search,
.page-referencefilter .filter .form .input-combined .button span.fa-search {color: #5d5d5e;}*/


@media only screen and (min-width: 1450px) {
.page-referenceitem .sidebar > aside, .pageid-reference .sidebar > aside { width: 370px; padding-right: 100px; padding-top: 27px;}
}

@media only print, only screen and (max-width: 959px) {
.page-referencefilter .sidebar aside .filter,
.page-referenceitem .sidebar aside .filter {width: 100%;}
.filter-item {padding-left: 0;}
}


.page-referenceitem .link-back .button {border: none; background-color: #272727; color: white; padding: 8px 18px 8px 8px; display: inline;}
.page-referenceitem .link-back .button:hover {background-color: #dd042b;}
.page-referenceitem .link-back .button span {color: white;}
.page-referenceitem .link-back {margin-bottom: 26px;}
.page-referenceitem .input-combined {margin-bottom: 13px;}

.page-reference .sidebar > aside header { color: #dd042b; margin-bottom: 0.5rem; }
.page-reference .social { margin-top: 1rem; }

/* andere */

.pageid-home .page-card-referenceitem {padding-bottom: 5px; min-height: 167px;}
.page-card-referenceitem:hover {border-color: #5d5d5e; transition: all 0.3s ease 0s; background-color: #e9e7e7;}
.pageid-home .page-card-referenceitem header {padding: 14px 20px 8px 20px; font-weight: 600; text-align: center;}
.pageid-home .page-card-referenceitem p {display: none; visibility: hidden;}
.pageid-home .page-card-referenceitem .timestamp {margin-top: 20px;}
.pageid-home .page-card-referenceitem a.read-more {padding-bottom: 20px;}
.pageid-home .page-card-referenceitem[data-minwidth~='540'] > .image {background-color: white; height: 156px; width: 50%;}
.pageid-home .page-card-referenceitem[data-minwidth~='540'] {padding-left: calc(48% + 40px);}
.pageid-home .page-card-referenceitem > .image > .image-container {height: 100%;}
.pageid-home .page-card-referenceitem > .image > .image-container img {height: 100%; background-position: center;}

/* course */

.page-card-courseitem.eq:before { content: '540'; }
.page-card-courseitem {  border-bottom: 8px solid #dd042b; margin-bottom: 32px; position: relative; background: #eeecec; }
.page-card-courseitem:last-child { margin-bottom: 0; }
.page-card-courseitem:hover {}
.page-card-courseitem header { font-size: 1.25rem;  color: #5d5d5e; font-weight: 600; margin-top: 10; font-weight: 400; padding: 17px; padding-right: 77px;}
.page-card-courseitem header:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-courseitem header a {font-weight: 600; width:100%;}
/*.page-card-courseitem > .image { margin-bottom: 0; min-height: 0; overflow: hidden; padding-top: 0 !important; max-height: 220px;}
.page-card-courseitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; }
.page-card-courseitem > .image img { padding-top: 0;}
.page-card-courseitem > .image img:hover, .page-card-courseitem > .image img:focus { }*/
.page-card-courseitem .courseinfo {padding: 17px;}
.page-card-courseitem .tags { font-size: 0.8rem;  }
.page-card-courseitem p { padding: 17px; font-size: 1.04rem; padding-bottom: 0;}
.page-card-courseitem a.read-more { display: none; visibility: hidden; font-weight: 400; color: #272727; text-transform: uppercase; font-size: 18px; }
.page-card-courseitem a.read-more:hover {color: #dd042b; transition: all 0.3s ease 0s;}
.page-card-courseitem a.read-more .fa { color: #272727; display: none; visibility: hidden; }
.page-card-courseitem[data-minwidth~='540'] { padding-left: calc(40% + 40px); }
.page-card-courseitem[data-minwidth~='540'] header { margin: 0; }
.page-card-courseitem[data-minwidth~='540'] > .image { width: 40%; position: absolute; top: 4px; left: 5px; margin-bottom: 0; }

.page-card-courseitem .image { position: absolute; width: 50px; right: 17px; top: 8px; }

@media only print, only screen and (max-width: 959px) {
    .page-card-courseitem { padding: 17px; }
}

@media only screen and (min-width: 1450px) {
  .page-courseitem .hero-h1, .page-coursefilter .hero-h1 {height: 350px;}
  .page-courseitem .sidebar-right .sidebar > aside, .pageid-course .sidebar-right .sidebar > aside { width: 256px; padding-right: 50px; }
  .page-courseitem .sidebar-right > aside, .pageid-course .sidebar-right > aside { left: calc(100% - 256px); }
  .page-courseitem .sidebar-right > div, .pageid-course .sidebar-right > div { left: -256px; }
}

@media only print, only screen and (max-width: 959px) {
    .page-coursefilter .sidebar aside .filter,
    .page-courseitem .sidebar aside .filter {width: 100%;}
    .filter-item {padding-left: 0;}
}

.courseitem { background: white; padding: 40px 48px ; border: none; margin-bottom: 2rem; border-bottom: 8px solid #dd042b; }
.courseitem > h1 { color: #dd042b; margin-bottom: 10px; padding-right: 60px; }
.courseitem > h3 { padding-right: 60px; }
.courseitem > .course-info {font-weight: 700; font-size: 16px; margin-bottom: 30px;}
.courseitem > .course-info > div { display: inline; }
.courseitem > .course-info > .tags-info { margin-left: 6px; }
.courseitem > .image-cover { height: 320px; min-height: 0; }
.courseitem p {font-size: 1.11rem; line-height: 2rem; margin-bottom: 29px;}
.courseitem .image { position: absolute; width: 50px; right: 48px; top: 30px; }

@media only print, only screen and (max-width: 959px) {
    .courseitem { padding: 14px 17px; }
    .courseitem > .course-info > div { display: block; }
    .courseitem > .course-info > .tags-info { margin-left: 0; }
    .page-coursefilter .sidebar-right > aside,
    .page-courseitem .sidebar-right > aside { display: none; }
}

.page-coursefilter .sidebar aside .filter .filter,
.page-courseitem .sidebar aside .filter .filter {    border-bottom: 1px solid #eeecec; padding-bottom: 22px; margin-bottom: 16px;}

.page-coursefilter .sidebar aside .filter a,
.page-courseitem .sidebar aside .filter a { border: none; font-size: 14px; padding:4px 0px; font-weight: 400; }

.courseitem h2 {color: black; font-size: 19px;}
.page-courseitem .sidebar .social { }
.page-courseitem aside .social a {border: none; padding: 0 !important; color: white;}
.page-courseitem aside .social a:hover {color: white;}

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

.page-courseitem .link-back .button {border: none; background-color: #272727; color: white; padding: 8px 18px 8px 8px; display: inline;}
.page-courseitem .link-back .button:hover {background-color: #dd042b;}
.page-courseitem .link-back .button span {color: white;}
.page-courseitem .link-back {margin-bottom: 26px;}
.page-courseitem .input-combined {margin-bottom: 13px;}

.page-course .sidebar > aside header { color: #dd042b; margin-bottom: 0.5rem; }
.page-course .social { margin-top: 1rem; }

.page-coursefilter .sidebar > aside,
.page-courseitem .sidebar > aside { width: 256px; border: none; text-align: left;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-courseitem .sidebar-right > div {  }
}

.page-coursefilter .coursefilter {margin-top: 35px;}
.page-coursefilter .filter-item,
.page-courseitem .filter-item {padding-left: 0;}

.page-coursefilter .filters .badge-text {color: #dcdcdc;}
.page-coursefilter .sidebar .image {padding-bottom: 8px;}


.page-coursefilter .page-card-courseitem a.read-more {padding: 0 30px;}

.page-coursefilter .filter .form .input-combined .button {width: 25px; margin-left: 5px;}

.page-coursefilter .site-window-content section { background-color: white; }
.page-courseitem .site-window-content section { background-color: #f9f9f9; }
.page-courseitem .course-content { padding-top: 20px; border-top: 8px solid #dd042b; }

.page-coursefilter .site-window-content .hero-h1 h1
.page-courseitem .site-window-content .hero-header header { background-color: #fbfbf9; }

.page-coursefilter .sidebar aside header,
.page-courseitem .sidebar aside header {color: #dd042b; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.page-coursefilter .sidebar aside .filter,
.page-courseitem .sidebar aside .filter {margin-bottom: 30px; float: none;}

.page-coursefilter .filter .form .input-combined input,
.page-courseitem .filter .form .input-combined input {border: 1px solid #272727; text-transform: uppercase; font-size: 17px; font-weight: 700; background-color: white; border: 1px solid #eeecec; border-radius: 0; min-height: 45px; line-height: 29px; padding-left: 18px;}
.page-courseitem .filter .form .input-combined input span.fa-search,
.page-coursefilter .filter .form .input-combined .button span.fa-search {color: #5d5d5e;}

.form-office-locator .input-combined * , .form-office-locator .filters *{
    font-size: 18px;
}
.form-office-locator .input-combined > input, .form-office-locator .input-combined > button, .form-office-locator .filters > .field {
    vertical-align: middle;
    margin-right: 5px;
}
.form-office-locator .filters {
    margin-bottom: 5px;
}
.filter-field {
    display: inline-block;
}
.filter-field > * {
    display: block;
}
.filter-field .filter-items * {
    cursor: pointer;
}
.filter-field .filter-items{
    min-height: 0;
    max-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    z-index: 5;
    background-color: #ffffff;
    visibility: hidden;
    transition: all 0.5s ease;
    opacity: 0;
}
.filter-field .label:hover ~ .filter-items, .filter-items:hover{
    opacity: 1;
    visibility: visible;
    min-height: 100px;
    max-height: 300px;
}
.filter-field .label:active ~ .filter-items, .filter-items:active{
    opacity: 1;
    visibility: visible;
    min-height: 100px;
    max-height: 300px;
}
.filter-field .filter-item:hover{
    background-color: #f9f8f8;
}
.filter-field .filter-items {
    border: 1px solid #eeecec;
}
.filter-field .filter-item {
    padding: 10px 5px;
}
.filter-field .filter-items input {
    width: 20px;
}

@media only print, only screen and (max-width: 959px) {
    .form-office-locator  div.input-combined > * .text {
        display: none;
    }
    .form-office-locator  div.input-combined > * {
        margin: 0;
    }
    .form-office-locator .filters {
        margin-right: 20px;
    }
    .form-office-locator .filters > .field {
        display: block;
        margin: 5px 0 0 0;
    }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .form-office-locator div.input-combined > input {
        width: calc(100% + 125px);
    }
}

@media only screen and (min-width: 1450px) {
    .form-office-locator .filters {
        display: inline-block;
    }
}

.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: 15; top: 142px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); 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 (min-width: 660px) and (max-width: 959px)  {
    .id-quicksearch-dropdown { top: 154px; }
    .id-quicksearch-dropdown .quicksearch { width: 660px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .id-quicksearch-dropdown { top: 135px; }
    .id-quicksearch-dropdown .quicksearch { width: 960px; }
}
@media only screen and (min-width: 1450px) {
    .id-quicksearch-dropdown { top: 135px; }
    .id-quicksearch-dropdown .quicksearch { width: 1450px; }
}

.quicksearch header { color: #272727; font-size: 1.15rem; font-weight: 500; padding-bottom:10px; }

.is-hidden.id-menu-catalog-dropdown { pointer-events: none; display: block !important; background-color: rgba(0,0,0,0.0); }
.id-menu-catalog-dropdown { position: fixed; z-index: 15; top: 145px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); transition: all 0.25s linear;   }
/*.sticky .id-menu-catalog-dropdown { top: 122px; }*/
.id-menu-catalog-dropdown .catalog-container { position: relative; background: white; color: #dd042b; font-size: 16px;
                     -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-menu-catalog-dropdown .catalog-container { display: none; }
.id-menu-catalog-dropdown .catalog-container { width: 100%; margin: 0 auto; min-height: 360px; border-top: 0px solid #dd042b; }


.id-menu-catalog-dropdown .catalog-groups { padding: 10px 0; width: 350px; transition: all 0.25s linear; border-top: 5px solid #dd042b; }
.id-menu-catalog-dropdown .catalog-group { font-size: 1.15rem; font-weight: 400; text-transform: none; color: #272727;}
.id-menu-catalog-dropdown .catalog-group:hover, .id-menu-catalog-dropdown .catalog-group.is-active {background: #f8f8f8 !important; transition: all 0.25s linear; color: #dd042b;}
.id-menu-catalog-dropdown .catalog-group-item { padding: 10px 20px; }
.id-menu-catalog-dropdown .is-selected .catalog-group-item { color: #52565C; }
.id-menu-catalog-dropdown .catalog-subgroup { height: 100%; border-top: 5px solid #dd042b; display: none; position: absolute; left: 350px; top: 0; right: 400px; bottom: 0; padding: 10px 0; background-color: #f8f8f8; overflow-y: auto; min-height: 100%; }
.id-menu-catalog-dropdown .catalog-subgroupimages { background: #f8f8f8; position: absolute; right: 0; top: 0; bottom: 0; width: 400px; border-top: 5px solid #dd042b;  }
.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: 450px; color: #5d5d5e; z-index: 2; font-size: 1.15rem; font-weight: 300; text-transform: none; color: #272727;  }
.id-menu-catalog-dropdown .is-selected.catalog-subgroup-item { color: #52565C; }
.id-menu-catalog-dropdown .catalog-subgroup-item:hover { color: #dd042b; }
.id-menu-catalog-dropdown .is-active .catalog-group-item {}
.id-menu-catalog-dropdown .is-active.catalog-subgroup { display: block; }
.id-menu-catalog-dropdown .is-active.catalog-subgroup-image { opacity: 1; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
  .id-menu-catalog-dropdown .catalog-container { width: 960px; }
  .id-menu-catalog-dropdown .catalog-groups { width: 350px; }
  .id-menu-catalog-dropdown .catalog-subgroup { right: 225px; }
  .id-menu-catalog-dropdown .catalog-subgroup-item { width: 380px;}
  .id-menu-catalog-dropdown .catalog-subgroupimages { width: 260px; }
  .id-menu-catalog-dropdown .catalog-subgroup-image { width: 225px; }
}
@media only screen and (min-width: 1450px) { .id-menu-catalog-dropdown .catalog-container { width: 1450px; }}

.segmented-links {margin-left: 25px;}
.page-groups-cataloggerarticle .items-conveyor .item-stylable .video { border: 0px solid red; padding: 40px 0 0 0; height: 200px; vertical-align: middle; }


/*footer*/
.about h3 { font-size: 26px; color: #272727; font-weight: 300;  padding-bottom: 10px;}
.about h1 { font-size: 26px; color: #dd042b; font-weight: 300;  padding-bottom: 10px;}
.about p {  font-size: 0.9375rem; line-height: 26px; font-weight: 300;}
.about header.as-h1 { font-size: 30px;  color: #272727; font-weight: 300; margin-bottom: 0px;}

/*contact form bottom*/
.conclusion h1 { color: black; font-weight: 500; font-size: 40px; line-height: 50px; }
.conclusion .button.with-alternate-color {background: green;}
.conclusion .form-fields .label {font-size: 1.15rem; font-weight: 500; margin-bottom: 0px; line-height: 30px;}

.application .item-stylable {background-color: #eeecec; padding: 15px 15px 20px 15px;}

.page-application-apply .form_background_color { background-color: #eeecec; }
.page-applications .pagelinks .item a.button { margin-top: 10px; }

.section-logo .mainmenu .mainmenuitem.linked_site { float: right; text-transform: initial;font-size: 14px;font-weight: 500;background: white;margin-top: 15px;border: 1px solid gainsboro;}

.section-logo .mainmenu .mainmenuitem.linked_site .mainmenuitemlink {padding: 5px;}

.accessories .product-card .image.product-image { min-height: 120px; }
.page-article .popup-gallery.accessories .item { border: none; }




.mktoForm .mktoCheckboxList .mktoField {
  position: relative;
  left: -1px;
  margin-right: 0 !important;
  top: 3px;
}
.mktoForm .mktoLogicalField.mktoCheckboxList label {
  width: 88% !important;
  position: relative;
  margin-left: 26px;
  font-size: 0.8rem;
  line-height: 14px;
  font-weight: 300;
  top: 4px;
}
#Lblmiscellaneous01 .mktoAsterix {
    position: absolute;
    color: #dd042b;
    display: block;
    left: 13px;
    top: 8px;
}

.footersnippet p.note {
    font-size: 0.8rem !important;
    line-height: 14px;
}




.page-swe-snippet-editor .brand-nav {display:none;}



.brand-nav {
    position:fixed;
    width: 100%;
    top:0;
    z-index:12;
    background-color:#f8f8f8;
    padding: 0 3%;
    display: flex;
    justify-content: space-between;
}

.brand-nav .brands-container .items-tile {
    margin:0;
    display: inline-block;
}

/*.brand-nav .brands-container .item.active:after {
    content:'';
    clip-path: polygon(50% 36%, 0 0, 100% 0);
    position:absolute;
    top:100%;
    height:100%;
    left:0;
    right:0;
    background: #e4e4e4;
}*/

.brand-nav .brands-container .item.active,
.brand-nav .brands-container .items-tile .item.has-hover:hover,
.brand-nav .brands-container .items-tile .item:hover {
    background: transparent; 
    border-bottom:4px solid #dd042b;
}

.brand-nav .brands-container .items-tile {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; flex-flow:row;}

.brand-nav .brands-container .item.active { position:relative; }
.brand-nav .brands-container .items-tile.with-gutter > .item { padding:5px 0 3px 0; width:auto; }
.brand-nav .brands-container .items-tile.with-gutter > .item a { padding: 7px 13px; }
.brand-nav .brands-container .items-tile.with-gutter > .item .image { height: 28px; padding-bottom: 0;}


@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .brand-nav .brands-container .items-tile.with-gutter > .item.item-1 .image,
    .brand-nav .brands-container .items-tile.with-gutter > .item.item-2 .image {
        height: 25px;
        padding-top: 3px;
    }
    .brand-nav .brands-container .items-tile.with-gutter > .item a {
        padding: 9px 13px;
    }
}


.brand-nav .brand-slogan { display:flex; justify-content: center; align-items:center; white-space:nowrap; padding:5px 5px;}

.brand-nav .brand-nav-dropdown {
    display:none;
    padding: 7px 13px;
    align-items:center;
    justify-content: center;
    cursor:pointer;
    transition:.25s;
    font-size:0.8rem;
}
.brand-nav .brand-nav-dropdown .items-tile.with-gutter {margin:0;}
.brand-nav .brand-nav-dropdown .fa {}
.brand-nav .brand-nav-dropdown:hover { background:#e4e4e4; }
.brand-nav .brand-nav-dropdown:hover { color:#272727; }
.brand-nav .brand-nav-dropdown:hover .fa { color:#272727; }

.brand-nav .brand-nav-dropdown-container {
    position:absolute;
    right:0;
    top:100%;
    background:white;
    display:none;
    text-align: center;
}

.brand-nav .brand-nav-dropdown:hover .brand-nav-dropdown-container {
    display:block;
}

.brand-nav .brand-nav-dropdown-container .items-tile .item {
    padding:14px 16px;
    cursor:pointer;
    color:#dd042b;
    transition:.25s;
    display:none;
    width:100%;
}

.brand-nav .item a.link-styling {
    font-size: 12px;
    line-height: 28px;
    color: #444444;
    font-weight: normal;

}
.brand-nav .item a.link-styling:hover {
    text-decoration: none;
    
}

.brand-nav .brand-nav-dropdown-container .items-tile .item:hover {
    background:#e4e4e4;
    color:#272727;
}

@media only screen and (min-width: 960px) {
.brands-container {width: 100%;}
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .brands-container {width: 85%;}
    .brand-nav .brand-nav-dropdown {width: 15%;}
    .brands-container p {font-size: 13px;}
}

@media only screen and (max-width: 659px) {
    .brands-container {width: 80%;}
    .brand-nav .brand-nav-dropdown {width: 20%;}
}

.brand-nav .brand-nav-dropdown-container .items-tile .item img.image {height:18px;} 

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .brand-nav .brand-nav-dropdown { display:inline-flex; }
    .brand-nav .brands-container .item:nth-child(n+5){ display:none; }
    .brand-nav .brand-nav-dropdown-container .items-tile .item:nth-child(n+5){ display:block; }
    .brand-nav .brands-container .items-tile.with-gutter > .item .image { height: 30px;}
    .brand-nav .brands-container .items-tile.s-7 > .item { width: 22%; }
}

@media only screen and (max-width: 659px) {
    .brand-nav { padding:0; flex-flow:wrap;}
    .brand-nav .brands-container { order:2; }
    .brand-nav .brand-slogan{ order:1; width:100%;}
    .brand-nav .brand-nav-dropdown{ order:3; }
    .brand-nav .brand-nav-dropdown { display:inline-flex; padding-left:0; }
    .brand-nav .brands-container .item.active:after {clip-path: polygon(50% 20%, 0 0, 100% 0);}
    .brand-nav .brands-container .item:nth-child(n+4){ display:none; }
    .brand-nav .brand-nav-dropdown-container .items-tile .item:nth-child(n+4){ display:block; }
    .brand-nav .brands-container .items-tile.with-gutter > .item .image { height: 18px; }
    .brand-nav .brands-container .items-tile.s-7 > .item {width: 33%;}
    .brand-nav .brands-container .items-tile.with-gutter > .item a {padding: 7px 10px;}
    .brand-nav .brands-container .items-tile.with-gutter > .item {width:80px;}
}

@media only print, only screen and (max-width: 959px) {
    .brand-nav .brands-container .items-tile .item.hidden-sm {
        display: none;
        visibility: hidden;
    }
}


.brand-nav .brand-nav-dropdown-container .item {width: 100% !important;}

/*top navigation banner*/
.brand-nav .brands-container .items-tile.with-gutter > .item {
    padding: 0;
}





section.rounded-corners {border-radius: 5px;}
section.with-lightblue {background: #F1F6F9;}

.quicklink p {
    font-size: 18px;
    margin-bottom: 0;
}

.quicklink {
    padding: 50px 16px !important;
}


.quicklink .button {
    font-weight: 600;
}

.quicklink .group {
    border-left: 1px solid #CDDDE2;
    padding: 17px 0 17px 35px;
}

@media only screen and (min-width: 960px) {
.quicklink:first-child .group {
    border-left: none;
    padding-left: 0;
}
}

@media only print, only screen and (max-width: 959px) {
    .quicklink {
        padding: 5px 16px !important;
        margin-bottom: 30px;
    }
}

.group.with-aalbarts-a.with-inverted-colors:before {
    content: '';
background: url('aalberts-a.svg');
  background-repeat: repeat;
width: 474.19px;
background-repeat: no-repeat;
height: 625px;
position: absolute;
top: 0px;
left: -460px;
z-index: 9999;
}

.group.with-aalbarts-a.with-inverted-colors-2:before {
    content: '';
background: url('aalberts-a-dark.svg');
  background-repeat: repeat;
width: 474.19px;
background-repeat: no-repeat;
height: 625px;
position: absolute;
top: 0px;
left: -460px;
z-index: 9999;
}


.items-block.hero .group h1,
.items-block.hero .group header.as-h1 {
    font-size: 37px;
    font-weight: 400;
    margin-bottom: 52px;
    color: white;
}

.items-block.hero .group header {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 11px;
    width: 100%;
}

.items-block.hero .group ul li {
    font-size: 15px;
    line-height: 31px;
    font-weight: 400;
}

.items-block.hero .group .button.without-background {
    color: white;
    text-decoration: none;
    font-weight: 600;
    width: 100%;
    text-align: left;
}


.items-block.hero .group {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

@media only screen and (min-width: 960px) {
.items-block.hero .group {
    padding-right: 100px;
}
}


.dots-alternative .dots {
    width: 50px;
    right: 1%;
    text-align: right;
    left: unset;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media only print, only screen and (max-width: 959px) {
    .dots-alternative .dots {
        top: 2%;
    }
    .dots-alternative .dots {
        display: flex;
        right: 7%;
    }
}

.dots-alternative > .dots > .dot {
  color: white;
}

.dots-alternative > .dots > .dot.is-selected .image { 
    width: 14px;  
    position: relative; 
    top: 0; 
    left: 3px;
    filter: invert(95%) sepia(89%) saturate(5%) hue-rotate(217deg) brightness(104%) contrast(100%);
}


.button.aalberts-style { background: transparent; }
.button.aalberts-style:before { transform: skew(-33deg); border-radius: 10px; background-color: #dd042b; }

.button.aalberts-style.with-inverted-colors::before,
.button.aalberts-style.with-inverted-colors::after {border: 2px solid white;}

.button.aalberts-style::before,
.button.aalberts-style::after,
button.aalberts-style::before,
button.aalberts-style::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 2px solid transparent;
    box-sizing: border-box;
    border-radius: 10px;
    transform: skew(-33deg);
}

.button.aalberts-style, .button.mktoButton,
button.aalberts-style, button.mktoButton {
    position: relative;
    display: inline-block;
    background: none;
    color: white;
    border: 0;
    cursor: pointer;
    margin: 0 12px;
    padding: .25rem 1rem;
    max-width: calc(100% - 24px);
    outline: 0;
    background-clip: border-box;
    appearance: none;
    transition: 100ms color cubic-bezier(.4, .0, .2, 1);
    width: 270px;
    text-decoration: none;
}
.button.aalberts-style:hover, .button.mktoButton:hover,
button.aalberts-style:hover, button.mktoButton:hover {
    background: none;
}

.button:not(.mfp-close)::before, button:not(.mfp-close)::before {
  z-index: 0;
  background-color: #dd042b;
  box-shadow: 0 0 1.25rem 0 transparent;
  transition: 350ms box-shadow cubic-bezier(.4, .0, .2, 1);
}

.button:not(.mfp-close)::after, button:not(.mfp-close)::after {
  background-color: #CF002B;
  transition: 350ms clip-path cubic-bezier(.4, .0, .2, 1), 350ms -webkit-clip-path cubic-bezier(.4, .0, .2, 1);
  clip-path: polygon(0% 0px, 0% 0px, 0% 100%, 0% 100%);
  -webkit-clip-path: polygon(0% 0px, 0% 0px, 0% 100%, 0% 100%);
}

.button.aalberts-style span.text {
    z-index: 9;
    position: relative;
}

.button.aalberts-style:hover::after,
button.aalberts-style:hover::after,
.button.mktoButton:hover::after,
button.mktoButton:hover::after {
    clip-path: polygon(0% 0px, 100% 0px, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0px, 100% 0px, 100% 100%, 0% 100%);
}



.page-online-catalog .catalog-card-group header {border:none; margin-bottom: 0;}
.page-online-catalog .catalog-card-group:hover header {background-color: transparent; color: #dd042b;}
.page-online-catalog .catalog-card-group > .image {border:none;}

.page-online-catalog .catalog-card-group div.image.image-contain:hover, 
.page-online-catalog .catalog-card-group div.image:hover {box-shadow: none;}


.page-online-catalog .js-pdf-disable.disable-pdf-button.button:not(.mfp-close)::before, 
.page-online-catalog .js-pdf-disable.disable-pdf-button button:not(.mfp-close)::before {
    background-color: #b6b2b3;
}


.catalog-card-group.disable-pdf .image,
.catalog-card-group.disable-pdf header  {
    opacity: 0.5;
}

.page-groups-cataloggerarticle .pdfs-inner #txt .fa { margin-left: -4px; margin-right: 7px; }


@media only print, only screen and (max-width: 959px) { 
    .row-reverse { 
    display: flex; flex-direction: column-reverse; 
    } 
}

div:not(.search-result) > .product-card-infoorder:hover {-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.10); transition: all 0.3s ease 0s; 
}

.items-conveyor > .nav .fa {    
    font-size: 22px;
    width: 100%;
}

.page-article .site-window-content section.with-mini-padding.with-alternate-background > .page-width {
    padding-top:30px;
}

@media only print, only screen and (max-width: 959px) {
    .hero.items-block .item-0 {height: auto !important;}
    .hero.items-block .item-1 {height: 100% !important;}
    .items-carousel {height: auto !important; min-height: 100% !important;}
    .items-carousel .dots {z-index: 99; background-color: #000000a8; bottom: 1%; height: 36px;}
    .dots-alternative .dots {flex-direction: row; width: auto; border-radius: 8px; top: 13px !important;
    transform: initial; right: 3%;}
    .group.with-aalbarts-a::before {display: none;}
}

/**
 * Equal height grid for product cards (see ticket 1010-responsiveness-catalog).
 */
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    div.items-tile.fixed-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    div.items-tile.fixed-grid > div.item {
        width: auto;
    }
    div.items-tile.fixed-grid div.product-card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    div.items-tile.fixed-grid div.product-card > div.action {
        margin-top: auto;
    }
    div.items-tile.fixed-grid div.product-card-full > div.image {
        height: auto;
    }
    /**
     * This selector comes out of devtools, I don't know where it's being set
     * but it shouldn't happen since we are now using display:grid instead of
     * a JS equal-height solution.
     */
     div.items-tile.fixed-grid div.product-card-full[data-minwidth~='320'] > div.action {
        margin-left: 0;
    }
}
@media only print, only screen and (max-width: 959px) {
    div.items-tile.fixed-grid div.product-card-full > div.image {
        height: auto;
    }
    div.items-tile.fixed-grid div.product-card-full[data-minwidth~='320'] > div.image {
        height: auto;
        width: 100%;
        border-right: none;
    }
    div.items-tile.fixed-grid div.product-card-full[data-minwidth~='320'] > div.info {
        width: 100%;
    }
    div.items-tile.fixed-grid div.product-card-full[data-minwidth~='320'] > div.action {
        margin-left: 0;
    }
}

.pdfs-inner .js-accordion {display: none;}
.pdfs-inner .items-accordion { margin: 0; }
.page-groups-cataloggerarticle .cataloggerarticlegroup .pdfs-inner .items-accordion { margin: 0; }
.pdfs-inner .items-accordion > .item div.files { margin: 0; }



/*general*/
.newsitem p {
    font-size: 0.9375rem;
}

.conclusion h1 { color: white;}
.conclusion p { font-size: 1.4rem;}

.group.with-aalbarts-a.with-inverted-colors:before {
background: url(aalberts-a-FLCO.svg);}





/*marketo form*/

/*form titles*/
.mktoForm h4 {
    font-size: 1.2rem;
    font-weight: 300;
    color: #dd042b;
}

.mktoForm input[type='date'], .mktoForm input[type='email'], 
.mktoForm input[type='number'], .mktoForm input[type='tel'], 
.mktoForm input[type='text'], .mktoForm input[type='url'] {width: 100% !important;}

.mktoErrorMsg {color: #272727;}

.mktoButtonRow {text-align: right;margin-top: 13px;}

button.mktoButton {margin: 15px 0 0 0 !important; color: white; background-color: #dd042b; line-height: 39px;min-height: 48px;font-size: 15px;font-weight: 600; border-radius: none; padding: 4px 50px !important;}

.mktoForm .select2-container .select2-selection--single {background-color: white;}

.mktoForm .mktoFieldWrap {
  float: left;
}
.mktoForm .mktoFieldWrap {
  width: 100%;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.mktoForm .mktoFormRow .mktoFormCol {
  flex: 1 1 calc(100% - 20px);
}
.mktoForm .mktoFormCol {
  float: left;
  position: relative;
  min-height: 2em;
  margin-bottom: 5px;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
  text-align: left;
  margin: 0;
    margin-bottom: 0px;
  padding: 0;
}

.mktoForm .mktoFormRow {
  clear: both;
}
.mktoForm .mktoFormRow {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
  text-align: left;
  margin: 0;
  padding: 0;
}

/* Button Hover */
.mktoForm button.mktoButton:hover {
  background-color: #dd042b;
  cursor: pointer;

}

@media only screen and (min-width: 992px) {
.form .mktoForm, .form [class^='heading'] {  max-width: 36.5rem;}
}
.form .mktoForm, .form [class^='heading'] {
  margin: 0 auto;
}
.mktoForm * {
  font-family: inherit;
}
.mktoForm {
  text-align: left;
}


.mktoForm .mktoFormCol {
  float: left;
  position: relative;
  min-height: 2em;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
  text-align: left;
  margin: 0;
    margin-bottom: 0px;
  padding: 0;
}

.mktoForm .mktoLabel {
  float: left;
  line-height: 1.2em;
}


.mktoForm .mktoAsterix {
  color: white;
  float: right !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.mktoForm .mktoRequiredField .mktoAsterix {
  display: block; color: #444 !important;
}

.mktoForm .mktoError {
  position: absolute;
  z-index: 99;
  color: #bf0000;
}

.mktoForm .mktoClear {
  clear: both;
  float: none;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.mktoForm .mktoFormRow .mktoFormCol + .mktoFormCol {
  margin-left: 20px;
}
.mktoForm .mktoFormRow .mktoFormCol {
  flex: 1 1 calc(100% - 20px);
}
.mktoForm .mktoFormCol {
  float: left;
  position: relative;
  min-height: 2em;
}

.mktoForm label {
  color: #666;
  font-weight: 300 !important;
  padding-bottom: 5px !important;
  padding-top: 3px !important;
  width: auto !important;
}

.mktoForm .mktoFieldWrap select {
  appearance: none;
  background-color: #fff !important;
  background: url(https://info.aalberts-hfc.com/rs/587-CBQ-952/images/down-arrow.png) no-repeat 100%;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 100%;
    background-position-y: center;
    background-size: auto;
  background-position: right .5rem center;
  background-size: 1rem;
  border: 1px solid #E3E3E3 !important;
  border: 1px solid ;
  border-radius: 0;
  border-radius: 0 !important;
  box-shadow: none;
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  font-family: Gotham Light,Arial,sans-serif;
  font-size: 1rem;
  font-weight: 200;
  height: 2.5rem !important;
  outline: none !important;
  padding: 8px 10px !important;
  position: relative;
  text-shadow: none;
  width: 100% !important;
}
.mktoForm .mktoField {
  line-height: 1.2em;
  font-size: 1em;
  float: left; min-height: 40px;
}

.mktoForm .mktoRadioList .mktoField {float: none; min-height: 19px;}
.mktoForm .mktoRadioList label {padding-top: 0 !important; position: relative;top: -1px; margin-right: 18px;}
.mktoForm .mktoRadioList {display: inline-block; width: 100%;}


.mktoForm .mktoCheckboxList .mktoField {min-height: 27px; margin-right: 11px;}

.mktoForm .mktoCheckboxList label {width: 93% !important;}

.mktoForm h2 {font-size: 1.3rem; margin-bottom: 10px; margin-top: 33px;}
.mktoForm h4 {margin-bottom: 0; margin-top: 33px;}
.mktoForm hr {margin: 5px 0 10px 0;}

@media only screen and (min-width: 1450px) {
.mktoEmailField,
.mktoTelField  {width: 318.6px;}
}


@media only screen and (min-width: 960px) and (max-width: 1449px)  {
.mktoEmailField,
.mktoTelField  {width: 197.6px;}
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
.mktoEmailField,
.mktoTelField  {width: 253px !important;}
}

@media only screen and (max-width: 659px) {
.mktoForm .mktoField {width: 100%;}
.mktoForm .mktoFieldWrap { width: 100%;}
.mktoForm .mktoFormCol {width: 100%;}
.mktoForm .mktoFormRow {display: block; width: 100%;}
.mktoForm .mktoFormRow .mktoFormCol + .mktoFormCol {margin-left: 0;}
.mktoForm .mktoCheckboxList .mktoField {width: auto;}
.mktoForm .mktoCheckboxList label {  width: 84% !important;}
.mktoForm .mktoRadioList {display: flex;}
.mktoForm .mktoRadioList .mktoField {width: 20px;}
.mktoForm .mktoRadioList label { top: 2px; margin-right: 31px;}
}

/* MKTO Red Forms */

.mkto-red-form .mktoForm label {color: white;}

.mkto-red-form .mktoForm .mktoAsterix {color: #dd042b; display: inline-block;}
    
.mkto-red-form .mktoForm .mktoRequiredField .mktoAsterix {color:white !important;}

.mkto-red-form button.mktoButton {background-color: white; color: #dd042b;}

.mkto-red-form .mktoForm div {text-align: center;}

.mkto-red-form .mktoForm .mktoLogicalField.mktoCheckboxList label {margin-left: 0px;}


#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; }
}


/*
    START FALX
*/
.falxcalc .results_available { display: block; }
.falxcalc .results_unavailable { display: none; }
.falxcalc .help { font-size: 11px; }
.falxcalc .button-right { float: right; margin: 0 0 0 5px; }
.falxcalc table { table-layout: fixed; max-width: 920px;}
.falxcalc div.terrain-img { position: relative; width: 350px; left: -120px; border-top: 1px solid #000000; height: 131px; }
.falxcalc div.terrain-img.last { border-bottom: 1px solid #000000; height: 132px;}
.falxcalc table td.input-terrain { vertical-align: top; }
.falxcalc p.errors { width: 300px; }
.falxcalc table td.label { width: 320px; vertical-align: top; }
.falxcalc table td.input { width: 240px; }
.falxcalc table input.textbox { width: 60px; height: 18px; margin-bottom: 2px; text-align: right; }
.falxcalc table select { width: 220px; min-height: auto; }
.falxcalc .input-terrain label { display: block; line-height: 130px; border-top: 1px solid #000000; }
.falxcalc .input-terrain label.last { border-bottom: 1px solid #000000; }
.falxcalc input[disabled] { background-color: #eee; }
.falxcalc table tr.heading { margin-top: 5px; border-top: 1px solid #eeecec; border-bottom: 1px solid #eeecec; }
.falxcalc tr.heading td { background: #eee; padding: 0 5px;}
.falxcalc span.value { display: inline-block; width: 80px; text-align: right; margin: 0 5px 2px 0; padding: 0 2px; background: #eee; border: 1px solid #eeecec;}
.falxcalc span.textvalue { display: inline-block; width: 120px; text-align: center; margin: 0 5px 2px 0; padding: 0 2px; background: #eee; border: 1px solid #eeecec;}
.falxcalc td.info { width: 355px; text-indent: 5px; }
.falxcalc td.info img { padding: 0 5px 5px;}
.falxcalc td.info.red { padding: 0; text-indent: 0; color: #ed1c24; font-weight: bold; }

.falxcalc table td div.overload { display: inline; color: #ed1c24; font-weight: bold; margin-left: 5px; }
.falxcalc table td div.kg { display: inline; }
.falxcalc table td div.slabs { display: none; }

.falxcalc table.ballast { /* chrome fix */ width: 99%; table-layout: auto; }
.falxcalc table.ballast form { position: relative; width: 220px; margin: 0; padding: 0; border: none; }
.falxcalc table.balalst select { width: 220px; }
.falxcalc table.ballast td { text-align: center; border: 0; }
.falxcalc table.ballast td.label { width: auto; }
.falxcalc table.ballast tr.odd { background: #ffffff; }
.falxcalc table.ballast tr.even { background: #ffffff; }
.falxcalc table.ballast tr.heading { border: 0; }
.falxcalc table.ballast tr.heading td { background: #ffffff; }
.falxcalc table.ballast tr.heading td.red { background: #ed1c24; color: #ffffff; font-weight: bold; border: 1px solid #000000; }
.falxcalc table.ballast tr.subheading td { border-top: 1px solid #000000; border-bottom: 1px solid #eeecec; font-weight: bold; }
.falxcalc table.ballast tr.subheading td.rb { border-right: 1px solid #000000; }
.falxcalc table.ballast tr.subheading td.label { border-top: 0; border-bottom: 0; }
.falxcalc table.ballast tr td.label { vertical-align: middle; background: #ffffff; }
.falxcalc table.ballast tr td.rb { border-right: 1px solid #000000; }
.falxcalc table.ballast tr td.l { border-right: 1px dashed #000000; }
.falxcalc table.ballast tr td.r { border-right: 1px solid #000000; }
.falxcalc table.ballast tr.last td { border-bottom: 1px solid #000000; }
.falxcalc table.ballast tr.last td.label { border-bottom: 0; }
.falxcalc table.ballast tr td.corner { background-color: #C20012; color: #ffffff; }
.falxcalc table.ballast tr td.srow { background-color: #DD977A; color: #000000; }
.falxcalc table.ballast tr td.north { background-color: #666666; color: #ffffff; }
.falxcalc table.ballast tr td.east { background-color: #D8D9D9; color: #000000; }
.falxcalc table.ballast tr td.south { background-color: #EECDBC; color: #000000; }
.falxcalc table.ballast tr td.west { background-color: #999999; color: #000000; }
.falxcalc table.ballast tr td.mid { background-color: #FFFFFF; color: #000000; }

.falxcalc .email-form input.textbox { width: 200px; text-align: left; }

.falxcalc img.compass { float: left; margin-top: 15px; margin-left: 15px; }

.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.falxcalc table.falx_grid { table-layout: auto; }
.falxcalc table.falx_grid { width: 775px; height: 750px; margin: 15px 0px; padding: 0; border: none; border-collapse: collapse; }
.falxcalc table.falx_grid tr { margin: 0; padding: 0; }
.falxcalc table.falx_grid tr td { width: auto; color: #000000; font-weight: bold; border: 1px dashed #000000; text-align: center; vertical-align: middle; margin: 0; padding: 0; }
.falxcalc table.falx_grid tr td.rownumbers { border: none; }
.falxcalc table.falx_grid tr.colnumbers { height: 20px; border-bottom: none; }
.falxcalc table.falx_grid tr.colnumbers td { width: 15px; border: none; vertical-align: middle; }
.falxcalc table.falx_grid tr.colnumbers td div.left { position: relative; text-align: left; border-left: 1px dashed #000000; float: none; padding-left: 2px; }
.falxcalc table.falx_grid tr.colnumbers td div.leftcorner { position: relative; text-align: center; border-right: 1px dashed #000000; }
.falxcalc table.falx_grid tr.colnumbers td div.right { position: relative; text-align: right; border-right: 1px dashed #000000; float: none; padding-right: 2px; }
.falxcalc table.falx_grid tr.colnumbers td div.rightcorner { position: relative; text-align: center; border-left: 1px dashed #000000; }
.falxcalc table.falx_grid tr.colnumbers td div.center { position: relative; text-align: center; }
.falxcalc table.falx_grid tr.colnumbers td div.fullleft { position: relative; float: left; text-align: center; margin-left: 3px; }
.falxcalc table.falx_grid tr.colnumbers td div.fullright { position: relative; float: right; text-align: center; margin-right: 3px; }
.falxcalc table.falx_grid tr.colnumbers td div.south_dist { position: relative; display: inline-block; background: url('../img/configurators/falx/edge_dist_vert.png') no-repeat top center; height: 80px; width: 50px; top: -30px; left: 150px; border-bottom: 1px solid #000000; }
.falxcalc table.falx_grid tr.colnumbers td div.south_dist span { position: relative; vertical-align: middle; text-align: center; top: 27px; left: 10px; }
.falxcalc div.east_dist { position: relative; float: right; background: url('../img/configurators/falx/edge_dist_horiz.png') no-repeat 15px 25px; width: 70px; height: 50px; top: -525px; left: -15px; text-align: center; border-right: 1px solid #000000; }
.falxcalc div.east_dist span { position: relative; top: 2px; font-weight: bold; color: #000000; }

.falxcalc table.falx_grid tr.colnumbers td.rownumbers { position: relative; width: 25px; height: 100%; vertical-align: top; border: none; }
.falxcalc table.falx_grid tr.north_edge { height: 15px; }
.falxcalc table.falx_grid tr.north_edge td { background: #666666; padding: 0; overflow: hidden; color: #ffffff; border-top: 1px solid #000000; }
.falxcalc table.falx_grid tr.north_edge td.rownumbers { border: none; border-bottom: 1px dashed #000000; text-align: center !important; padding-right: 2px; overflow: hidden; background: #ffffff; color: #000000; }
.falxcalc table.falx_grid tr.north_edge td.east_edge { width: 30px; background: #D8D9D9; border-right: 1px solid #000000; color: #000000; overflow: inherit; }
.falxcalc table.falx_grid tr.north_edge td.west_edge { width: 30px; background: #999999; border-left: 1px solid #000000; color: #000000; overflow: inherit; }
.falxcalc table.falx_grid tr.south_edge { height: 15px; width: auto; background: #EECDBC; }
.falxcalc table.falx_grid tr.south_edge td { border-left: 1px solid #000000; border-right: 1px solid #000000; overflow: hidden; }
.falxcalc table.falx_grid tr.south_edge td.rownumbers { border: none; border-top: 1px dashed #000000; overflow: hidden; background: #ffffff; color: black; }
.falxcalc table.falx_grid tr.south_row { height: 15px; border-top: 1px dashed #000000; }
.falxcalc table.falx_grid tr.south_row td { width: auto; height: 15px; background: #DD977A; border-bottom: 1px solid #000000; overflow: hidden; }
.falxcalc table.falx_grid tr.south_row td.mid { width: 100%; }
.falxcalc table.falx_grid tr.south_row td.rownumbers { border: none; overflow: hidden; background: #ffffff; color: black; }
.falxcalc table.falx_grid tr.south_row td.south_corner_left { width: 25px; background: #C20012; border-left: 1px solid #000000; color: #ffffff; overflow: inherit; }
.falxcalc table.falx_grid tr.south_row td.south_corner_right { width: 25px; background: #C20012; border-right: 1px solid #000000; color: #ffffff; overflow: inherit; }
.falxcalc table.falx_grid tr td.middle { width: auto; height: auto; background: #FFFFFF; color: #000000; font-weight: bold; border: none; overflow: inherit; }
.falxcalc div.rowlegenda { position: relative; float: left; top: 400px; left: -25px; width: 25px; vertical-align: middle; transform: rotate(270deg); writing-mode: tb-rl; background: none; color: #000000; border: none; font-weight: bold; }

.falxcalc div.roof { margin-top: 5px; }
.falxcalc .input_northsouth { position: relative; top: 0px; left: -40px; float: right; }
.falxcalc .input_northsouth img { position: absolute; float: left; top: 0px; left: 20px; z-index: 5; }
.falxcalc .input_northsouth input.textbox { position: relative; top: 230px; left: -4px; text-align: center; width: 50px; height: 18px; z-index: 10; }
.falxcalc .input_eastwest { position: relative; top: 10px; left: 0px; float: left; }
.falxcalc .input_eastwest img { position: absolute; top: 0px; left: 0px; z-index: 5; }
.falxcalc .input_eastwest input.textbox { position: relative; float: left; top: -10px; left: 225px; text-align: center; width: 50px; height: 18px; z-index: 10; }
.falxcalc table.roof_input { table-layout: auto; }
.falxcalc table.roof_input { width: 500px; height: 500px; /*margin-left: auto; margin-right: auto;*/ padding: 0; border: 1px solid black; border-collapse: collapse; }
.falxcalc table.roof_input tr { padding: 0; margin: 0; }
.falxcalc table.roof_input tr td { padding: 0; margin: 0; }
.falxcalc table.roof_input tr.building_top { height: 60px; vertical-align: middle; font-weight: bold; color: red; text-align: center; }
.falxcalc table.roof_input tr.building_top td { text-align: center; font-weight: bold; }
.falxcalc table.roof_input tr.building_top td.building_left { width: 60px; vertical-align: middle; font-weight: bold; text-align: center !important; }
.falxcalc table.roof_input tr.building_top td.building_right { width: 60px; vertical-align: middle; font-weight: bold; text-align: center; }
.falxcalc table.roof_input tr.building_bottom { height: 60px; vertical-align: middle; font-weight: bold; color: red; text-align: center; }
.falxcalc table.roof_input tr.building_bottom td { text-align: center; vertical-align: middle; font-weight: bold; }
.falxcalc table.roof_input tr.north_edge { height: 1px; }
.falxcalc table.roof_input tr.north_edge td { font-size: 0px; }
.falxcalc table.roof_input td.east_edge { width: 1px; font-size: 0px; }
.falxcalc table.roof_input tr.south_edge { height: 1px; }
.falxcalc table.roof_input tr.south_edge td { font-size: 0px; }
.falxcalc table.roof_input td.west_edge { width: 1px; font-size: 0px; }
.falxcalc table.roof_input td.field { width: auto; height: auto; background-color: #eee; text-align: center; }
.falxcalc td.label_roof { vertical-align: top; }
.falxcalc table.roof_input input.textbox { width: 40px; height: 18px; margin: 0; padding: 0; text-align: center; }

.falxcalc table td.input-pvpanel { width: 600px; }
.falxcalc div.pvpanel_input { background: url('../img/configurators/falx/dimensions_pvpanel.png') no-repeat top right; height: 200px; }
.falxcalc div.pvpanel_input div.input_height { position: relative; top: 60px; left: 30px; }
.falxcalc div.pvpanel_input div.input_short { position: relative; top: 140px; left: 210px; }
.falxcalc div.pvpanel_input div.input_long { position: relative; top: 105px; left: 475px; }
/*
    END FALX
*/


/* 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 #eeecec; 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 #eeecec; 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: #5d5d5e; }
section.test .items-accordion > .item.is-selected > header > .container > span { color: #5d5d5e; }

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: #5d5d5e; }
section.test .items-gallery > .thumbs > .thumb.is-selected > .container > span { color: #5d5d5e; }

section.test .items-property > .item { xbackground: #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: #5d5d5e; }
section.test .items-tab > .tabs > .tab.is-selected > .container > span { color: #5d5d5e; }

section.test .items-tile > .item { background: #fff8f5; }