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

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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

[hidden],
template {
  display: none;
}

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

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

a {
  background-color: transparent;
}

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

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

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

small {
  font-size: 80%;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

img {
  border: 0;
}

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

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

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

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

figure {
  margin: 1em 40px;
}

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

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

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

pre {
  overflow: auto;
}

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

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

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

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

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

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

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

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

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

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

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

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

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

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

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

input {
  line-height: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

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

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

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

td,
th {
  padding: 0;
}


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ***** 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 { cursor: pointer; }

/* base */

html { font-family: 'Public Sans', 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; } /* in em because left padding depends on size of font used. note: 2em just fits 2 digits in numbered lists */
ul ol, ol ol, ol ul, ul ul { margin-bottom: 0; }
a { color: inherit; font-weight: inherit; font-style: inherit; text-decoration: none; outline: 0;}
a:focus { outline: 0;}
h1, header.as-h1 { font-size: 35px; font-weight: 600; line-height: 42px; color: #E83B42;}
h2, header.as-h2 { font-size: 31px; font-weight: 600; color: #E83B42;}
h3, header.as-h3 { font-size: 21px; font-weight: 600; color: #E83B42; }
h4, header.as-h4 { font-size: 16px; font-weight: 600; }
h5, header.as-h5 { font-size: 1rem; font-weight: 600; }
h6, header.as-h6 { font-size: 1rem; font-weight: 600; }
header { font-size: 19px; font-weight: 600; }
header.strong {color: #E83B42;}

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: 17px; line-height: 30px; }
.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: #e0e8e8;
}
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: #E83B42;
    color: white;
    border: 1px solid #E83B42;
    border-radius: 0.3em;
    padding: 0.1em 0.3em;
}

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

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

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

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

input[type='checkbox'], input[type='radio'] { margin-right: 4px; }
input[type='number'] { width: 100px; }
input[type='file'] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.label-input-file { width: 100%; cursor: pointer; }
.input.file { width: calc(100% - 38px); margin-right: 10px; }

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

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

/* base colors */
body { background: white; color: #575757; } /* set body background to last section background (footer) */
::selection { background: #E83B42; color: white; }
::-moz-selection { background: #E83B42; 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: #E83B42; 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: #e0e8e8; }
.button.button-icon { padding: 0; width: 40px; }
.button:hover, .button:focus { background: #E83B42; }
.button:disabled:hover, .button:disabled:focus { background: #c3c1c1; }
.button.with-alternate-color { background: #E83B42; }
.button.with-alternate-color:hover, .button.with-alternate-color:focus { background: #E83B42; }
.button.with-inverted-colors { background: #fde92b; color: #575757; }
.button.with-inverted-colors a { text-decoration: none; }
.button.with-inverted-colors:hover, .button.with-inverted-colors:focus { background: #E83B42; color: white; }
.button.without-background { background: transparent; color: #575757; padding: 0; }
.button.without-background:hover, .button.without-background:focus { background: inherit; color: #E83B42; }
.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: #575757 !important; text-decoration: none; font-weight: 600; background: white; padding: 8px 24px; border: 2px solid #E83B42 !important; display: inline-block; transition: all 0.4s ease 0s;}
.button.with-border:hover { color: white !important; background: #E83B42; border-color: #E83B42 !important; transition: all 0.4s ease 0s;}
.button.with-alternate-border { color: #575757 !important; text-decoration: none; font-weight: 600; background: white; padding: 8px 24px; border: 2px solid #E83B42 !important; display: inline-block; transition: all 0.4s ease 0s;}
.button.with-alternate-border:hover { color: white !important; background: #E83B42; border-color: #E83B42 !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: #E83B42;}
.with-accent-colors .button.with-border:hover {background: #E83B42;}

/* 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: #E83B42; 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: #E83B42; 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: #575757; }

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

/* thisbutton, used for specific components, like searchbox and paginator */
.thisbutton { display: inline-block; background: white; color: #575757; padding: 0 20px; line-height: 38px; min-height: 40px; }
.thisbutton { background: #E83B42; 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: #e0e8e8; }
.thisbutton.button-icon { padding: 0; width: 40px; }
.thisbutton:hover, .thisbutton:focus { background: #E83B42; }
.thisbutton:disabled:hover, .thisbutton:disabled:focus { background: #c3c1c1; }
.thisbutton.with-alternate-color { background: #E83B42; }
.thisbutton.with-alternate-color:hover, .thisbutton.with-alternate-color:focus { background: #E83B42; }
.thisbutton.with-inverted-colors { background: #e0e8e8; color: #575757; }
.thisbutton.with-inverted-colors a { text-decoration: none; }
.thisbutton.with-inverted-colors:hover, .thisbutton.with-inverted-colors:focus { background: #E83B42; color: white; }
.thisbutton.without-background { background: transparent; color: #575757; padding: 0; }
.thisbutton.without-background:hover, .thisbutton.without-background:focus { background: inherit; }
.thisbutton .text, .thisbutton.with-icon-left .text { margin: 0 0 0 5px; }
.thisbutton.with-icon-right .text { margin: 0 5px 0 0; }
.thisbutton.fit-width { width: 100%; }
.thisbutton.with-button-right { margin-right: 10px; }

/* 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: 0; } /* top will be changed by javascript to account for height of dynamic header */

.with-alternate-background { background-color: #f6f6f6; }
.with-inverted-colors { background-color: #E83B42; color: white; }
.with-inverted-colors-2 { background-color: #E83B42; color: white; }
.with-accent-colors { background-color: #fde92b; 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 { }
.with-inverted-colors .button { background: white; color: #575757; }
.with-inverted-colors-2 .button { background: white; color: #575757; }
.with-accent-colors .button { background: white; color: #575757; }
.with-inverted-colors .button:hover,
.with-inverted-colors .button:focus { background: #E83B42; }
.with-inverted-colors-2 .button:hover,
.with-inverted-colors-2 .button:focus { background: #E83B42; color: white; }
.with-accent-colors .button:hover { background: #E83B42; 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: #E83B42; }
.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: #f6f6f6; 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: #E83B42; color: white; }
.with-background.strong.inverted { background-color: #E83B42; color: white; }

.with-alternate-background.inverted { background-color: #E83B42; color: #f6f6f6; }
.with-alternate-background.inverted a {color: white;}
.with-alternate-background.strong.inverted { background-color: #E83B42; color: #f6f6f6; }

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

h1.with-background.inverted, .as-h1.with-background.inverted { background-color: #E83B42; color: white; }
h1.strong, .as-h1.strong { color: #E83B42; }
h1.strong.with-background.inverted, .as-h1.strong.with-background.inverted { background-color: #E83B42; 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 (min-width: 660px) and (max-width: 959px)  { section > .page-width { width: 660px; }}
@media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .page-width { width: 960px; padding: 0; }}
@media only screen and (min-width: 1450px) { section > .page-width { width: 1450px; padding: 0; }}
@media only screen and (min-width: 960px) {
    .page-story .site-window-content section > .page-width,
    section.story-width > .page-width { max-width: 844px; }
}
.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: #f6f6f6; }
.site-window-content section.with-inverted-colors { background-color: #E83B42; color: white;}
.site-window-content section.with-accent-colors { background-color: #fde92b; }
.site-window-content section.with-inverted-colors-2 { background-color: #E83B42; color: white;}
.site-window-content section.with-padding > .page-width { padding-top: 40px; padding-bottom: 40px; }
.site-window-content section.with-padding-top > .page-width { padding-top: 60px; }
.site-window-content section.with-padding-bottom > .page-width { padding-bottom: 60px; }
.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: 15px; padding-bottom: 15px; }
    .site-window-content section.with-padding-top > .page-width { padding-top: 15px; }
    .site-window-content section.with-padding-bottom > .page-width { padding-top: 15px; }
    .site-window-content section.with-mini-padding > .page-width { padding-top: 10px; padding-bottom: 10px;}
    .site-window-content section.with-large-padding > .page-width { padding-top: 32px; padding-bottom: 32px;}
}

.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 { overflow: hidden; position: relative; min-height: 1px; width: 285px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar > div { position: relative; min-height: 1px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar.with-gutter > aside { padding-right: 16px; }
.sidebar.with-gutter > div { padding-left: 50px; }
.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 #dddddd; }
.sidebar-right > aside { left: calc(100% - 285px); }
.sidebar-right > div { left: -285px; }
.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 #dddddd; }

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

/* 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 #dddddd; }
.items-row.with-line-below.with-gutter { margin-bottom: 1rem; }
.items-row.with-line-above > .item { border-top: 1px solid #dddddd; }
.items-row.with-line-above.with-gutter { margin-top: 0; }
.items-row.with-line-between > .item { border-top: 1px solid #dddddd; }
.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: transparent; }
.items-row.with-oddeven > .item:nth-child(even) { background-color: transparent; }

/* propertylist */
.items-property { margin-bottom: 20px; }
.items-property > .item { position: relative; font-size: 14px; }
.items-property > .item > .item-stylable:before, .items-property > .item > .item-stylable:after { display: table; content: ' '; } .items-property > .item > .item-stylable:after { clear: both; }
.items-property > .item > .item-stylable > .label { width: 40%; float: left; padding: 2px 0; }
.items-property > .item > .item-stylable > .value { width: 60%; float: right; padding: 2px 0; }
.items-property > .item > .item-stylable > .labelvalue { width: 100%; padding: 2px 0; }
.items-property.is-fluid > .item > .item-stylable > .label { width: auto; }
.items-property.is-fluid > .item > .item-stylable > .value { width: auto; }
.items-property.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 #dddddd; }
.items-property.with-line > .item:first-child { border-top: 1px solid #dddddd; }
.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 #dddddd; }
.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 #dddddd; }
.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 #dddddd; }
.items-property.with-line-between > .item:first-child { border-top: 0; }
.items-property.with-oddeven > .item > .item-stylable {border-bottom: 1px solid #f2f2f2;}
.items-property.with-oddeven > .item > .item-stylable > .label { padding: 11px 12px 11px 0; }
.items-property.with-oddeven > .item > .item-stylable > .value { padding: 11px 12px 11px 0; }
.items-property.with-oddeven > .item > .item-stylable > .labelvalue { padding: 11px 12px 11px 0; }
.items-property.with-oddeven > .item:nth-child(odd) > .item-stylable { background-color: transparent; }
.items-property.with-oddeven > .item:nth-child(even) > .item-stylable { background-color: transparent; }

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



/* 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: #a0a1a1; padding: 10px; }
.items-carousel > .dots > .dot.is-selected { color: #575757; }
.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: white; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.items-carousel.without-background > .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; }
.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; }

/* 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: #575757; position: absolute; width: 17px; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.items-conveyor > .nav.is-disabled { color: #a0a1a1; }
.items-conveyor > .nav-left { left: 0; }
.items-conveyor > .nav-right { right: 3px; }
.items-conveyor > .nav .fa {font-size: 22px;}
.items-conveyor > .items-window { z-index: 1; position: absolute; left: 35px; top: 0; width: calc(100% - 61px); height: 100%; padding-top: 7px; padding-bottom: 7px; overflow: hidden;}
.items-conveyor > .items-window > .items { white-space: nowrap; position: relative; }
.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; }
.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 (max-width: 659px) {
    .items-conveyor.s-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.s-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.s-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.s-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.s-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.s-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.s-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.s-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.s-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.s-10 > .items-window > .items > .item { width: 10%; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .items-conveyor.m-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.m-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.m-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.m-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.m-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.m-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.m-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.m-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.m-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.m-10 > .items-window > .items > .item { width: 10%; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .items-conveyor.l-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.l-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.l-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.l-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.l-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.l-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.l-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.l-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.l-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.l-10 > .items-window > .items > .item { width: 10%; }
}
@media only screen and (min-width: 1450px) {
    .items-conveyor.xl-1 > .items-window > .items > .item { width: 100%; }
    .items-conveyor.xl-2 > .items-window > .items > .item { width:  50%; }
    .items-conveyor.xl-3 > .items-window > .items > .item { width:  33.333333%; }
    .items-conveyor.xl-4 > .items-window > .items > .item { width:  25%; }
    .items-conveyor.xl-5 > .items-window > .items > .item { width:  20%; }
    .items-conveyor.xl-6 > .items-window > .items > .item { width:  16.666666%; }
    .items-conveyor.xl-7 > .items-window > .items > .item { width:  14.285714%; }
    .items-conveyor.xl-8 > .items-window > .items > .item { width:  12.5%; }
    .items-conveyor.xl-9 > .items-window > .items > .item { width:  11.111111%; }
    .items-conveyor.xl-10 > .items-window > .items > .item { width: 10%; }
}
.js-conveyor-left, .js-conveyor-right { cursor: pointer; }

/* gallery, one larger item with a number of smaller thumbs that can be selected to open in the larger space */
.items-gallery > .items { height: 200px; } /* just a default to see -something- */
.items-gallery { padding: 0; position: relative; }
.items-gallery > .items { position: relative; overflow: hidden; }
.items-gallery > .items > .item { z-index: 1; background: white; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.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; position: relative; top: 25px; padding-bottom: 15px;}
.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%; }
.with-calculated-height > .item-stylable > .group { height: 100%; width: 100%; }

/* simple tables */
.table { border-collapse: collapse; border-spacing: 0; }
.table.full-width { width: 100%; }
.table.fit-width { width: auto; }
.table > tbody > tr > td { padding: 8px 16px; text-align: left; vertical-align: top; font-weight: normal; background: transparent; }
.table > tbody > tr.table-row-header > td { background: #E83B42; 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 #dddddd; }
.table.with-grid-lines > tbody > tr > td { border: 1px solid #dddddd; }
.table.with-column-lines > tbody > tr > td { border: 1px solid #dddddd; border-top: 0; border-bottom: 0; }
.table.with-row-lines > tbody > tr > td { border: 1px solid #dddddd; 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: 130px; transition: height 0.5s ease-in-out 0s; } /* just a default to see -something- */
.expander { position: relative; overflow: hidden; padding-bottom: 32px; margin-bottom: 32px;}
.expander > .controls { z-index: 2; position: absolute; left: 0; width: 100%; bottom: 0; padding-top: 16px;
                        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(193,193,193,1) 100%);
                        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(193,193,193,1) 100%);
                        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(193,193,193,1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c1c1c1',GradientType=0 );}
.expander > .controls > .control { height: 32px; line-height: 32px; font-weight: 600; text-align: center; vertical-align: middle; background: white; border-top: 1px solid #dddddd; }
.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: #f6f6f6; }

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

/* group, generic container */
.group { display: block; }
.group.with-border { border: 1px solid #dddddd; }
.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: 19; position: relative; }
.site-window { z-index: 10; position: relative; overflow: hidden; /* to prevent horizontal scroll/rubberbanding on iphone */ }
.site-window-header { z-index: 20; position: relative; }
.site-window-content-footer { z-index: 10; position: relative; }
.site-sideslideout { z-index: 15; position: relative; }
.id-compareslideout { z-index: 16; position: relative; }

/* window, sidemenus, and transitions */

.site-sidemenu { position: fixed; width: 288px; bottom: 0; top: 0; background: white;  }
.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 > .thisbutton { 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 #eeeff0; }
.site-sidemenu-user { right: -288px; border-left: 1px solid #eeeff0; }
.site-sidemenu-basket { right: -288px; border-left: 1px solid #eeeff0; background: #E83B42; }
.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: #E83B42; color: white; border-bottom: 1px solid #E83B42; padding: 0 15px; }
.sidemenu nav > div { padding: 0; border-bottom: 1px solid #eeeff0; position: relative;font-size: 18px; font-weight: 600; }
.sidemenu .mainmenu {}
.sidemenu nav > div .mainmenuitemlink { padding: 17px 20px 17px 15px; font-size: 18px; font-weight: 600;}
.sidemenu nav > div .mainmenuitemlink.is-active { padding-bottom: 0; }
.sidemenu nav > div .togglemenu { padding: 7px 15px; }
.sidemenu nav > div .togglemenu .mainmenusubitem { padding: 7px 0px; position: relative; color: #E83B42; }
.sidemenu nav > div .togglemenu .mainmenusubitem .next { top: 7px; right: 0; }
.sidemenu nav > div .togglemenu > .groupimage { padding-top: 7px; line-height: 1px; }

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

.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 #dddddd;}
.sidemenu .languages a > span > .thisbutton:hover, .sidemenu .languages a > span > .thisbutton:focus { background-color: #E83B42; 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: 320px; top: calc(50% - 20px); background: transparent; }
.site-sideslideout { right: -280px; }
.is-active-sideslideout .site-sideslideout { right: 0px; }
.site-sideslideout { transition: all 0.25s ease-in-out 0s; }

/* sideslideout pulltab & content */

.sideslideout .pulltab { border-radius: 6px 6px 0 0; font-weight: 400; font-size: 14px; position: relative; left: -42px; width: 125px; height: 40px; line-height: 40px; background: #fde92b; color: #575757; font-size: 20px; padding: 0 13px;
                         -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.sideslideout .pulltab:hover {background: #E83B42; transition: all 0.4s ease 0s; color: white;}
.sideslideout .slideout {position: relative; right: -40px; top: -82px; height: 265px; width: 280px; background: white; color: #575757; font-size: 16px; font-weight: 600; padding: 20px 27px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); border-radius: 0 0 0 4px;}

.sideslideout .pulltab { font-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 .pulltab.is-active .fa { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.sideslideout .slideout header {font-size: 21px; font-weight: 600; margin-bottom: 19px;}
.sideslideout .slideout address {margin-bottom: 0; line-height: 28px; font-weight: 600;}
.sideslideout .slideout address a.link {color: #E83B42;}
.sideslideout .slideout address a.link:hover {text-decoration: none; color: #fde92b;}
.sideslideout .slideout address span.fa {margin-right: 10px; color: #E83B42;}
.sideslideout .slideout address p {font-size: 16px; line-height: 29px;}

/* 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: #fde92b; 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: #575757; 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); }

@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-menubar { padding: 0 3px; }
    .section-search { padding: 0 ; }
}

.section-menubar { background: #E83B42; color: white; position: fixed; width: 100%; height: 44px; z-index: 20; }
.section-menubar > .page-width { position: relative; padding: 0; text-align: center; }
.section-menubar .thisbutton { background: transparent; color: white; display: inline-block; width: 44px; height: 44px; border-radius: 0; }
.section-menubar .thisbutton:hover, .section-menubar .thisbutton:focus { background: #fcfcf6; color: #575757; }
.section-menubar .thisbutton .fa-bars {font-size: 2rem;}
.section-menubar .thisbutton span {font-size: 1.3rem;}
.section-menubar .logo { width: 114px; height: 44px; display: inline-block; }
.section-menubar .logo img { max-width: 114px; max-height: 41px; margin-top: 3px; }
.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: #575757; }

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

@media only print, only screen and (max-width: 959px) {
    .section-menubar { background: white; color: #E83B42; }
    .section-menubar .thisbutton { color: #575757; }
    .section-menubar .menu .thisbutton { color: #E83B42; }
    .section-menubar .account .badge {display: none; visibility: hidden;}
    .section-menubar .call-us .thisbutton span,
    .section-menubar .account .thisbutton span,
    .section-menubar .basket .thisbutton span { width: 35px;padding: 4px;}
    .section-menubar .thisbutton:hover, .section-menubar .thisbutton:focus { color: #E83B42; }
    .xxxsection-menubar .search .thisbutton:hover, .section-menubar .search .thisbutton:focus { background-color: white; color: #575757; }
}

.section-search { background: white; position: fixed; top: 44px; width: 100%; height: 63px; z-index: 10; border-bottom: 1px solid #dddddd; }
.section-search > .page-width { padding: 10px; }
.section-search .searchbox { width: 100%; margin: 0 auto; height: 40px; }
.section-search .searchbox > .form > form > .input-combined input.textbox {margin-right: 0;}
@media only screen and (min-width: 960px) {
    .section-search .searchbox { width: 80%; }
}

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


.section-header-sticky-margin-sm { height: 107px; }


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

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

.section-usps { background: #E83B42; color: #575757; position: fixed; width: 100%; height: 35px; 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; }
.js-dropmenu-toggle { cursor: pointer; }

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

}

.section-user .languages { float: right; position: relative; margin-left: 20px; opacity: 1; top: 8px; font-size: 14px; font-weight: 500; color: white;}
.section-user .languages a > span > button.thisbutton { margin-left: 5px; padding: 0 5px; background-color: #E83B42; border: 1px solid white; color: white; line-height: 18px; min-height: 20px; font-size: 12px;}
.section-user .languages a > span > button.thisbutton:hover {background: #E83B42;}
.section-user .call-us {color: white; float: right; opacity: 1; font-size: 16px; font-weight: 400; width: 200px; position: relative; top: 8px; left: 10px; border-right: 1px solid white; text-align: right; padding-right: 10px;}
.section-user .call-us::before { font-family: fontawesome; content: '\f095'; margin-right: 6px; font-size: 16px; vertical-align: middle; color: white; position: relative; top: -2px;}

.section-logo .usermenu { position: absolute; right: 0; top: 14px; }
.section-logo .usermenu .fa {color: #E83B42; display: block; font-size: 17px; margin: 0 auto; margin-bottom: 3px;}
.section-logo .usermenu > div { display: inline-block; position: relative; padding: 9px 13px; border: 1px solid transparent; color:#4f4f4f; font-size: 13px; }
.section-logo .usermenu > div:hover, .section-user .usermenu > div:focus {border-radius: 3px; background: transparent; border: 1px solid #e8e7e7; transition: all 0.3s ease 0s;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.08);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.08);}
.section-logo .usermenu > div.is-active-dropmenu { background: transparent; border-color: #dddddd;}
.section-logo .usermenu .dropmenu { position: absolute; left: -1px; top: 66px; padding: 7px 0; background: white; color: #E83B42; border: 1px solid #dddddd; }
.section-logo .usermenu .dropmenu .fa { display: inline; font-size: 14px; margin-right: 5px; }
.section-logo .usermenu .dropmenu > div { padding: 7px 15px; white-space: nowrap; }
.section-logo .usermenu .dropmenu-basket .basket-items .item { border: 0; padding-bottom: 0; padding-top: 8px; }
.section-logo .usermenu .dropmenu-basket .basket-items .item-0 { padding-top: 13px; }
.section-logo .usermenu .dropmenu-basket hr {border-color: #E83B42;}
.section-logo .usermenu .dropmenu-basket { left: auto; right: 0; width: 332px; }
.section-logo .usermenu .dropmenu-basket .basket-items { max-height: 240px; margin-bottom: 10px; overflow-y: auto;}
.section-logo .usermenu .dropmenu-basket .button {background-color: #E83B42; font-weight: 500; font-size: 1.17rem;}
.section-logo .usermenu .dropmenu-basket .button:hover, .section-user .usermenu .dropmenu-basket .button:focus {background-color: #E83B42;}
.section-logo .usermenu .dropmenu-basket .button-icon {background-color: transparent; color: white;}
.section-logo .usermenu .dropmenu-basket .fa {color: #a0a1a1;}
.section-logo .usermenu .dropmenu-basket .order-remove button:hover, .section-user .usermenu .dropmenu-basket .order-remove button:focus {background-color: transparent;}
.section-logo .usermenu .dropmenu-basket .basket-summary {margin-bottom: 14px;}

.section-logo { position: fixed; top: 35px; width: 100%; height: 95px; background: white; z-index: 20; }
.section-logo .logo { float: left; position: relative; top: 2px; left: 4px; overflow: hidden; width: 335px; height: 90px; }
.section-logo .logo img { width: 160px; height: auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.section-logo .searchbox { float: left; position: relative; top: 24px; margin-left: 0px; width: 340px; }
.section-logo .searchbox > .form > form > .input-combined input.textbox {margin-right: 0; font-size: 16px; padding-right: 40px;}
.section-logo .call-us { float: left; opacity: 1; color: #E83B42; font-size: 19px; font-weight: 600; 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: #E83B42;}
.section-logo .languages { float: right; position: relative; top: 28px; margin-left: 16px; opacity: 1; }
.section-logo .languages > div { display: inline-block; }
.section-logo .languages a > span > .thisbutton { margin-left: 5px; padding: 0 9px; background-color: white; border: 1px solid #dddddd; line-height: 27px; min-height: 27px;}
.section-logo .languages a > span > .thisbutton:hover, .section-logo .languages a > span > .thisbutton:focus { background-color: #E83B42; color: white;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-logo .searchbox {width: 244px;}
    .section-logo .logo {width: 242px;}
}



.section-mainmenu .page-width { padding: 0; }
.section-mainmenu {background: white; color: #575757; font-weight: 600; position: fixed; width: 100%; top: 130px; z-index: 10; font-size: 16px; border-bottom: 1px solid #dddddd; }
.section-mainmenu .mainmenu { position: relative; z-index: 1; }
.section-mainmenu .mainmenu > div { display: inline-block; padding: 0; }
.section-mainmenu .mainmenu > div:hover, .section-mainmenu .mainmenu > div:focus { }
.section-mainmenu .mainmenu .mainmenuitem {font-size: 18px; font-weight: 400;}
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 15px 19px; }
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink:hover, .section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink:focus { background: #E83B42; transition: all 0.3s ease 0s; }
.section-mainmenu .mainmenu > div.promo {width: auto; height: 52px; padding: 18px 16px; float: right; background: #E83B42; position: relative; left: 10px; border-radius: 0; line-height: 22px; font-size: 16px;}
.section-mainmenu .mainmenu > div.promo:hover, .section-mainmenu .mainmenu > div.promo:focus { background: #E83B42; color: white; }
.section-mainmenu .mainmenu > div.promo.is-selected { background: #E83B42; color: white;   }
.section-mainmenu .mainmenu > div.promo.is-selected:hover, .section-mainmenu .mainmenu > div.promo.is-selected:focus { background: #E83B42; color: white;}
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu > div.mainmenuitemlink { background: transparent; color: #fde92b; }
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink.is-selected { background: transparent; color: #E83B42; }
.section-mainmenu .mainmenu .mainmenuitem { position: relative; z-index: 1; }
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu { z-index: 2; }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu { position: absolute; left: 0; top: 51px; padding: 10px 0; background: white; color: #575757; 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-mainmenu .mainmenu .mainmenuitem .dropmenu > .mainmenusubitems { display: inline-block; vertical-align: top; padding-right: 20px;}
.section-mainmenu .mainmenu .mainmenuitem .dropmenu > .groupimage { display: inline-block; padding: 15px; vertical-align: top; line-height: 1px; }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu > .groupimage > .image { width: 160px; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem { padding: 10px 20px; font-size: 16px; font-weight: 400; }

.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem:focus { color: #E83B42; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected { color: #fde92b; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected:focus { color: #E83B42; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem { color: #575757; padding: 3px 0; font-size: 1.1rem; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem:focus { color: #E83B42; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected { color: #E83B42; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :focus { color: #E83B42; }
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu > .dropmenu { display: block !important; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown { position: static; width: 266px; background: #fde92b; font-weight: 600; letter-spacing: 0.5px; color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink {color: #575757;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:hover,
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:focus {background: #E83B42; color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:focus {color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:focus a {color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink a:after {content: '\f107'; float: right; opacity: 0.5;  font-family: FontAwesome; font-weight: normal; font-style: normal; margin:0px 0px 0px 10px; text-decoration:none;}
.section-mainmenu .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-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown .dropmenu { right: 0; white-space: normal;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown .dropmenu > .mainmenusubitems { display: block; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown div.mainmenuitemlink.is-selected {color: #575757;}
.section-mainmenu .mainmenu .mainmenuitem:first-child { margin-right: 18px;}


.pageid--catalog- .section-mainmenu {border-bottom:none;}
.sticky.pageid--catalog- .section-mainmenu {border-bottom: 1px solid #dddddd;}
.pageid--catalog- h1 { margin-bottom: 0; margin-top: 6px;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-mainmenu .mainmenu .mainmenuitem:nth-child(2) > div.mainmenuitemlink { padding-left: 15px; }
    .section-mainmenu .mainmenu .mainmenuitem .dropmenu { top: 55px; }
    .section-mainmenu .mainmenu .mainmenuitem:last-child .dropmenu { left: auto; right: 0; }
    .section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 18px 10px; }
    .section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown { width: 180px; }
}

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

.sticky .section-usps { height: 0; overflow: hidden; }
.sticky .section-user { top: -33px; }
.sticky .section-user .usermenu { top: 45px; color: #575757; }
.sticky .section-logo { top: 0; height: 70px; border-top: 3px solid #E83B42; }
.sticky .section-logo .logo { height: 70px; top: -2px; }
.sticky .section-logo .logo img {width: 128px;  transition: all 0.25s linear; }
.sticky .section-logo .searchbox { top: 11px;  }
.sticky .section-logo .languages { opacity: 0; }
.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-mainmenu { top: 70px; }
.sticky .section-mainmenu .mainmenu .mainmenuitem .dropmenu { top: 51px; }
.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: #575757;}

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

.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-logo .usermenu {top: -2px;}

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

/* footer */

.site-window-footer div.section-footer { padding: 40px 0 20px; background: white; border-top: 1px solid #eeeff0; background: white; }

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

.footersnippet .link-styling {color: #575757; line-height: 26px; font-size: 16px;}
.footersnippet .link-styling:hover {color: #E83B42; text-decoration: none;}


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

/* cookie message */

.stn-cookies { z-index: 199; position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(255, 255, 255, 0.9); color: #474646; border-top: 1px solid #ddd; box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.2);}
.stn-cookies > .page-width { padding: 10px; }
.stn-cookies .button { margin-left: 20px; }
.stn-cookies-sticky-margin { height: 60px; background: white; }
.cookie-inline { position: relative; margin: 10px 0; padding: 10px; border: 1px solid #dddddd; 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: #f6f6f6; 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: 1.1em; color: #a0a1a1; }
p.pull-quote-left, p.pull-quote-right { font-style: italic; font-size: 1.6em; color: #E83B42; }
@media only screen and (min-width: 960px) {
    p.pull-quote-left, p.pull-quote-right { max-width: 320px; position: relative; top: -5px; }
    p.pull-quote-left { float: left; left: 23px; padding-right: 25px;}
    p.pull-quote-right { float: right; right: 0px; padding-left: 25px;}
}

/* link */
.link, .xref { color: #E83B42; 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: #E83B42; text-decoration: underline; }


/* breadcrumbs */
.breadcrumbs { color: #a0a1a1; margin-top: 14px; font-size: 13px; font-weight: 300;}
.breadcrumbs .breadcrumb { padding-right: 15px;}
.breadcrumbs .separator { padding-right: 15px;}
.breadcrumbs .separator .fa { font-size: 0.5rem; }
.breadcrumbs-fullwidth hr {display: none;}
section.breadcrumbs-fullwidth {background: #f9f9f9; margin-bottom: 15px;}

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

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

/* 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 { }
    .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: #fde92b; color: white; font-size: 10px; letter-spacing: -0.7px; position: relative; top: 0; line-height: 1.5em; height: 1.7em; display: inline-block; vertical-align: baseline; white-space: nowrap; padding: 0 0.3em; margin: 0 0.2em; border: 1px solid transparent; border-radius: 20px; }
.badge.is-empty { display: none; }
.badge .fa { line-height: 1.4em; }
.badge-alt { background: #E83B42; }
.badge-inv { background: white; color: #E83B42; border-color: #dddddd; }
.badge-text { font-size: 16px; 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: 220px; height: 100%; }
.image.with-border { border: 1px solid #dddddd; }
.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: 320px; height: 100%; }
.page-groups-cataloggerarticle .items-gallery > .items, .page-article .items-gallery > .items {height: 320px;}

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

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


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

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

/* files */
.file { padding-left: 22px; position: relative; margin: 0; line-height: 24px; font-size: 16px; line-height: 28px;}
.file .icon { display: block; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; font-size: 13px; }
.file .name { display: block; padding-top: 0; }
.file .name a:hover, .files .file .name a:focus { text-decoration: underline; color: #E83B42; }
.file .info { display: block; color: #a0a1a1; 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: #E83B42; font-weight: 600; line-height: 24px; text-decoration: none; }
.files .file-folder > span > .info { display: none; }

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


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

.catalog .catalog-group > span > .icon { top: 1px; }
.catalog .catalog-group > span > .name { font-size: 1rem; color: #E83B42; 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: 19px; font-weight: 600; color: #E83B42; }
.qa > .question:hover {color: #575757; transition: all 0.3s ease 0s;}
.qa > .answer { display: none; padding-left: 24px; }
.qa.is-expanded > .answer { display: block; padding-top: 13px; padding-bottom: 30px;}
.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: #dddddd; color: #E83B42; }
.message.is-info { background-color: white; color: #575757; border-color: #E83B42; padding: 17px 27px; margin-bottom: 15px; margin-top: 15px; border-width: 2px; border-radius: 2px;}
.message.is-ok { background-color: white; border-color: #4cae4c; color: #575757; }
.message.is-ok strong { color: #4cae4c; }
.message.is-ok .small:after {display: none;}
.message.is-warning { background-color: white; border-color: #eea236; color: #575757; }
.message.is-warning strong { color: #eea236; }
.message.is-danger { background-color: white; border-color: #c9302c; color: #575757; }
.message.is-danger strong { color: #c9302c; }
.message.is-error { background-color: white; border-color: #c9302c; color: #575757; }
.message.is-error strong { color: #c9302c; }
.message a { text-decoration: underline; color: #E83B42; padding-left: 18px; }
.message .button { margin: 6px 0; }
.message .small:after {content: '\f061'; font-family: 'FontAwesome'; padding-left: 6px; font-size: 9px; color: #575757; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 400; position: relative; top: -1px;}

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

/* form, label and field */
.with-feedback-popover .feedback, .with-feedback-popover.feedback { position: relative; z-index: 10; }
.with-feedback-popover .message { margin: 0 !important; position: absolute; min-width: 120px; max-width: 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: #575757; }

.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 .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 { padding-top: 10px; line-height: 1.5em; }
.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'] .labelvalue { width: 60%; float: right; padding: 5px 0; }

.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: 500px; margin-right: 0; min-height: 44px;}
.form-search > form > .input-combined > .thisbutton {font-size: 19px; background: transparent; color: #E83B42; display: inline-block; width: 40px; position: relative; left: -40px; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; }

.form-search > .feedback { width: 840px; margin-top: -1px;}
@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 > .input-combined > input { min-width: auto; }
}

.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: #E83B42; 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; }
.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: #575757; 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: #E83B42; transition: all 0.3s ease 0s;}
.quicksearch .all { margin-top: 10px; border-top: 1px solid #dddddd; padding-top: 10px }
.quicksearch .doc header { color: #575757; margin-bottom: 5px; font-size: 1rem; }
.quicksearch a.read-more {font-weight: 500; font-size: 13px; color: #E83B42; }
.quicksearch a.read-more:hover {color: #fde92b;}
.quicksearch a.read-more .fa {color: #dddddd; 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: #6b6b6c; 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; }
.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; margin-right: 10px; }
.form-office-locator input { width: 200px; }
.form-office-locator[data-maxwidth~='519'] .button { padding-left: 0; padding-right: 0; min-width: 40px; }
.form-office-locator[data-maxwidth~='519'] .button .text { display: none; }
.form-office-locator[data-maxwidth~='519'] div.input-combined { width: calc(100% - 50px); }
.form-office-locator[data-maxwidth~='519'] input { width: calc(100% - 50px); }
.form-office-locator .offices-cards { white-space: normal; }
.form-office-locator .offices-map {  white-space: normal; }
.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[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 #dddddd; background: white; }
.select-list .select-item { padding: 3px 15px; color: #E83B42; }
.select-list .js-select-item { cursor: pointer; }
.select-list .select-item.is-selected, .select-list .js-select-item:hover, .select-list .js-select-item:focus { color: #E83B42; background: #f6f6f6; }

.suggestion-list { padding: 7px 0; }
.suggestion-list .suggestion-item { padding: 0; line-height: 28px; color: #575757 !important; cursor: pointer; font-weight: 400; font-size: 16px;}
.suggestion-list .suggestion-item.is-selected,
.suggestion-list .suggestion-item:hover,
.suggestion-list .suggestion-item:focus { color: #E83B42; text-decoration: none; }
.suggestion-list .suggestion-item a {color: #575757;}
.suggestion-list .suggestion-item a:hover { color: #E83B42; text-decoration: none; }
@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 { border-bottom: 1px solid #dddddd; }
.items-accordion > .item { border: 1px solid #dddddd; border-bottom: 0; }
.items-accordion > .item > .item-stylable > header { background: #fbfbf9; color: #575757; padding: 10px 25px; font-size: 16px;}
.items-accordion > .item > .item-stylable > header:hover {background: #E83B42; transition: all 0.3s ease 0s;}
.items-accordion > .item.is-selected > .item-stylable > header { background: #E83B42; color: white; }

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

/* gallery */
.items-gallery > .thumbs > .thumb { width: auto; }
.items-gallery > .thumbs > .thumb > .container { width: 102px; height: 70px; margin: 10px 10px 0 0; border: 1px solid #eeeff0; overflow: hidden; }
.items-gallery > .thumbs > .thumb > .container:hover, .items-gallery > .thumbs > .thumb > .container:focus { border-color: #dddddd; }
.items-gallery > .thumbs > .thumb.is-selected > .container { border-color: #dddddd; }
.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 #dddddd; padding: 14px 18px; transition: all 0.3s ease 0s;}
.items-tab > .tabs > .tab {font-weight: 600; font-size: 16px; border: 1px solid #dddddd; border-bottom: 0; background: #fbfbf9; color: #575757; min-width: 80px; padding: 18px 25px; margin-right: 5px; border-radius: 7px 7px 0 0;}
.items-tab > .tabs > .tab.is-selected { background: #E83B42; color: white; }
.items-tab > .tabs > .tab:hover {background: #E83B42; transition: all 0.3s ease 0s;}

/* calendar */

.calendar-month { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.calendar-month > .calendar-day { display: inline-block; width: 14.285714%; padding: 10px 0; text-align: center; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; }
.calendar-month > .calendar-day.header { font-weight: 600; background: #fbfbf9; }
.calendar-month > .calendar-day-dimmed { background: #fbfbf9; }
.calendar-month > .calendar-day.is-disabled { color: #a0a1a1; background: #ececec;}
.calendar-month > .calendar-day.is-selected { color: white; background: #E83B42; }
.calendar-month > .calendar-day-today { font-weight: 800; color: #E83B42; text-decoration: underline; color: #575757 !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: #E83B42; color: white; margin-right: 5px; margin-bottom: 5px; }
.social > div:last-child { margin-right: 0;}
.social-alt > div { background: #E83B42; }
.social-inv > div { background: white; color: #E83B42; }
.social-alt.social-inv > div { background: white; color: #E83B42; }
.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; }

/* googlemap */
.googlemap > .map { height: 400px; }
.googlemap > .info { display: none; }
.googlemap > .markers > .marker > .info { display: none; }

/* pagelinks */
.pagelinks { }
.pagelinks .pagelink.is-selected { color: #E83B42; font-weight: 600; }
.pagelinks .page .pagelink a { font-size: 1.11rem; line-height: 1.9rem; }
.pagelinks .page .pagelink a:hover {color: #E83B42; transition: all 0.3s ease 0s;}
.pagelinks .page .anchors { padding-left: 18px; }
.pagelinks .page .anchors a { line-height: 1.9rem; }
.pagelinks .page .anchors a:hover {color: #E83B42; 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: #E83B42; }
.order-add .input-combined .button:hover, .order-add .input-combined .button:focus { background-color: #fde92b; }

.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: #E83B42; }
.order-update .input-combined .button:hover, .order-update .input-combined .button:focus { background-color: transparent; color: #E83B42; }
.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: #c3c1c1; 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: #E83B42; }
.lists .list .actions a { padding-left: 18px; font-size: 1rem; line-height: 1.5rem; color: #E83B42; }
@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; }

@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 > .info p,
.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;}
.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: #a0a1a1; 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: #E83B42; font-weight: 700; }
.price.with-slashthrough { position: relative; color: #c3c1c1; 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: #c3c1c1; 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: #575757; line-height: 18px; }
.product-price-qbreaks > table > tbody > tr > td.price { font-size: 0.8rem; color: #575757; font-weight: normal; text-align: right; display: table-cell;  }
.product-price-qbreaks > table > tbody > tr > td.header { font-weight: 600; color: #E83B42; 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: #575757; }
.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: #575757; font-weight: normal; text-align: right; display: table-cell; }
.product-price-net-table > table > tbody > tr > td.header { font-weight: 600; color: #E83B42; 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: #575757; }
.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: #575757; font-weight: normal; text-align: right; display: table-cell; }
.product-price-promo-table > table > tbody > tr > td.header { font-weight: 600; color: #E83B42; 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: #E83B42; 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; border-bottom: 1px solid white; 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: #464545; font-size: 15px; line-height: 21px; }
.product-card:hover > .info > header {color: #E83B42; transition:all 0.3s ease;}
.product-card > .info a:hover, .product-card > .info a:focus { color: #575757; transition: all 0.3s ease 0s;}
.product-card > .info p { margin-bottom: 0; font-size: 13px; font-weight: 500; color: #575757;}




@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 #dddddd; 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: #E83B42; 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 #dddddd; margin-right: 16px; }
.product-card-full[data-minwidth~='320'] > .info { display: inline-block; width: calc(100% - 32px - 120px); vertical-align: top; }
.product-card-full[data-minwidth~='320'] > .info > .product-price-single { display: block; margin-top: 10px; }
.product-card-full[data-minwidth~='320'] > .action { border: 0; margin-left: calc(120px + 1px + 32px); margin-top: 0; padding-top: 0; }
.product-card-full[data-minwidth~='320'] .button .text {display: none;}

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

.product-card-mini.eq:before { content: '400'; }
.product-card-mini > .image { float: left; display: inline-block; width: 40px; height: 40px; margin-right: 16px; border-bottom: 0; margin-bottom: 0; vertical-align: top; }
.product-card-mini > .image .product-image { width: 100%; height: 40px; min-height: 0; }
.product-card-mini > .info { width: calc(100% - 16px - 40px); margin-left: calc(16px + 40px); }
.product-card-mini > .info header { color: #E83B42; margin-bottom: 0; font-size: 16px; padding-bottom: 1px;}
.product-card-mini > .info header:hover {color: #575757;}
.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; }
.products-table > thead > tr > td { padding: 3px 0 3px 13px; vertical-align: middle; }
.products-table > tbody > tr > td { padding: 3px 0 3px 13px; vertical-align: middle; font-size: 13px;}
.products-table > thead > tr.header > td { background:white; color: #E83B42; border-bottom: 1px solid #dddddd; vertical-align: top; padding: 13px 0 16px 13px; font-size: 16px; font-weight: 600;}
.products-table > tbody > tr.header > td { background: #E83B42; color: white; vertical-align: top; padding: 10px 0 10px 13px;}
.products-table > thead > tr.even > td { background: #f9f8f8; }
.products-table > tbody > tr.even > td { background: #f9f8f8; }
.products-table > thead > tr > td.artnr { text-align: left; white-space: nowrap; font-weight: 600; }
.products-table > tbody > tr > td.artnr { text-align: left; white-space: nowrap; font-weight: 600; font-size: 13px; }
.products-table > thead > tr > td.artnr a { white-space: nowrap; }
.products-table > tbody > tr > td.artnr a { white-space: nowrap; }
.products-table > tbody > tr > td.artnr a.link:hover {text-decoration: none; color: #fde92b;}
.products-table > thead > tr > td.price { text-align: right; white-space: nowrap; }
.products-table > tbody > tr > td.price { text-align: right; white-space: nowrap; font-size: 13px;}
.products-table > thead > tr > td.price:last-child { padding-right: 13px; }
.products-table > tbody > tr > td.price:last-child { padding-right: 13px; }
.products-table > thead > tr > td.order .order-add-product { position: relative; top: 5px; }
.products-table > tbody > tr > td.order .order-add-product { position: relative; top: 5px; }
.products-table > thead > tr.extra-info > td { text-align: left; vertical-align: top; padding-bottom: 0px; padding-top: 0px;}
.products-table > tbody > tr.extra-info > td { text-align: left; vertical-align: top; padding-bottom: 0px; padding-top: 0px;}
.products-table .extra-info { border-top: 1px solid #eeeff0; }
.products-table .order-add form {margin-bottom: 9px;}

.products-table .order-add-product .input-combined .button {width: 50px;}
.products-table .order-add-product .input-combined .button span.fa {left: -1px;}

.products-table > thead > tr.header > td.favorite {padding-left: 0;}
.products-table > thead > tr.header > td.compare {padding-left: 0;}

.products-table td {}
.products-table .info { width: 43px; }
.products-table .favorite { width: 33px; text-align: center; padding-left: 0;}
.products-table .favorite .favorites-toggle-product { width: 40px; }
.products-table .compare { width: 30px; text-align: center; padding-left: 0;}
.products-table .compare .compare-toggle-product { width: 40px; }
.products-table .artnr { white-space: nowrap; }
.products-table .packing { }
.products-table .stock { width: 50px; }
.products-table > tbody > tr > td.stock {  font-size: 17px;}
.products-table .stock .product-stock { text-align: center; }
.products-table .listprice { white-space: nowrap; text-align: right; }
.products-table .discount { width: 50px; }
.products-table .price { white-space: nowrap; text-align: right; }
.products-table .order { width: 133px; }
.products-table .order .order-add-product { width: 120px; }

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

.product-card-table-extra-info.eq:before { content: '320 600 740'; }
.product-card-table-extra-info { position: relative; padding: 12px 0 8px 0;}
.product-card-table-extra-info > .image { position: relative; 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: #E83B42; 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: #E83B42; 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: #E83B42; }

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

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

.hero-usps { background: #f6f6f6 !important;}
.hero-usps .page-width { padding: 0; height: 70px; margin-bottom: 0px; }
.hero-usps .usps { width: calc(100% - 10px); margin: 0; color: #E83B42; font-weight: 600; padding: 22px 0;}
.hero-usps .usps .usp { display: inline-block; font-size: 1.2rem; padding: 0 10px; color: #E83B42;}
.hero-usps .usps .usp .fa {color: #fde92b;}
.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; }
}

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

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

.hero-header { height: 120px; background-attachment: scroll; background-position: center top; }
.device-mobile .hero-header { background-attachment: scroll; }
.hero-header .page-width { position: relative; height: 100%; }
@media only screen and (min-width: 960px) {
    .hero-header { height: 120px; }
}
@media only print, only screen and (max-width: 959px) {
    .hero-header { display: none; }
}

.hero-h1 h1,
.hero-header header { font-weight: 600; margin: 0; position: absolute; bottom: -0.35em; left: -24px; background: white; color: #E83B42; padding: 10px 32px 0; }
.site-window-content section.with-alternate-background.hero-h1 h1,
.site-window-content section.with-alternate-background.hero-header header { background-color: #f6f6f6; }
.site-window-content section.with-inverted-colors.hero-h1 h1,
.site-window-content section.with-inverted-colors.hero-header header { background-color: #E83B42; color: white;}

/*.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable {background: white; padding: 20px; color: #575757;}*/
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info > header a {color: #E83B42; text-decoration: none;}
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info p a {color: #575757; 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: #E83B42; padding: 10px 32px 0; }
.site-window-content section.with-alternate-background.hero-h1-map h1 { background-color: #f6f6f6; }
.site-window-content section.with-inverted-colors.hero-h1-map h1 { background-color: #E83B42; 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: #E83B42; }
.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 #dddddd; 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: #E83B42; font-size: 1.2rem; }
.card-coupon > .text p { color: #E83B42; 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 #dddddd; 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: #E83B42; 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: 300px; }
.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 {width: 90%; text-align: center; white-space: nowrap; background-color: white; padding: 7px 10px; position: absolute; bottom: 24px; left: 10px; font-size: 20px; color: #fde92b; font-weight: 600;}
.card-link-image{ transition:.2s all; }
.items-tile:hover .card-link-image{filter:blur(0px); opacity:0.7; box-shadow:none;}
.items-tile:hover .card-link-image:hover{ filter:blur(0px); opacity:1; box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);}

.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: 2rem; font-size: 16px; background: #E83B42; color: white;}
.contact-card > .image { margin-bottom: 0; background-position: left bottom; min-height: 0; }
.contact-card .name { font-weight: 600; font-size: 20px; padding: 0 20px; padding-top: 7px;}
.contact-card .title {padding: 0 20px;}
.contact-card .fa { margin-right: 5px; color: #E83B42;}
.contact-card .tel { white-space: nowrap; padding: 0 20px; color: white;}
.contact-card .email { white-space: nowrap; padding: 0 20px; padding-bottom: 20px;}
.contact-card .link {color: white;}
/*.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.9rem; font-size: 15px; }
.office-card b {font-size: 16px; }
.office-card .fa { margin-right: 5px; }
.office-card a.link {font-weight: 600;}
.office-card .link-route { color: inherit; }
.office-card .link-route .fa { color: #E83B42; }



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

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

/* news */

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

.page-card-newsitem.eq:before { content: '540'; }
.page-card-newsitem { background: white; margin-bottom: 32px; position: relative; }
.page-card-newsitem:last-child { margin-bottom: 0; }
.page-card-newsitem header { font-size: 26px; color: #E83B42; margin-bottom: 9px; }
.page-card-newsitem > .image { min-height: 0; overflow: hidden; }
.page-card-newsitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; }
.page-card-newsitem > .image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.page-card-newsitem:hover > .image img,
.page-card-newsitem:focus > .image img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.page-card-newsitem:hover .newscontent {background: #f7f7f7; transition:all 0.4s ease;}
.page-card-newsitem .meta {visibility: hidden; display: none;}
.page-card-newsitem .meta { font-size: 0.8rem; margin-bottom: 10px; }
.page-card-newsitem .info { margin-bottom: 10px; }
.page-card-newsitem p { margin-bottom: 10px; font-size: 16px; line-height: 25px;}
.page-card-newsitem a.read-more { display: block; font-weight: 600; font-size: 16px; }
.page-card-newsitem a.read-more .fa { color: #E83B42; font-size: 12px; padding-left: 5px;}
.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%; height: calc(100% - 40px); position: absolute; top: 20px; left: 20px; margin-bottom: 0; }
.page-card-newsitem .newscontent {padding: 30px; border: 1px solid #dddddd; border-radius: 0 0 5px 5px;}

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


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

.newsitem { background: white; margin-bottom: 2rem; }
.newsitem > h1 { margin-bottom: 15px;}
.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:18px; margin-bottom: 44px; line-height: 34px;}
.newsitem .timestamp {font-weight: 600;}
@media only print, only screen and (max-width: 959px) {
    .newsitem { padding: 14px 17px; }
    .newsitem > .news-info > div { display: block; }
    .newsitem > .news-info > .tags-info { margin-left: 0; }
}

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

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

/* filter */

.filter-brands.eq:before { content: '180 290 440 660 940'; }
.filter-brands .brand { background: white; padding: 30px 24px; 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: 50% !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: #575757; margin-bottom: 3px; font-size: 17px; font-weight: 600;}
.filters .badge-text {color: #b1aeae;}

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

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

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

.filter-item { text-indent: -1.5em; padding-left: 1.5em; font-size: 15px; padding-bottom: 3px;}
.filter-item .fa {font-size: 18px; color: #fde92b;}
.filter-item .fa-square-o {color: #dddddd;}
.filter-item .fa-circle-thin {color: #dddddd;}
.filter-item:hover {color: #E83B42;}
.filter-item * { text-indent: 0; }
.filter-item.is-inactive { color: #a0a1a1; }

.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 .thisbutton { background-color: transparent; padding-top: 8px; padding-left: 25px; color: #575757; font-weight: 600; font-size: 15.5px; width: auto; text-align: left; line-height: 17px; min-height: 21px; }
.filtercontrols .thisbutton:hover, .filtercontrols .thisbutton:focus { background-color: inherit; color: #E83B42; }

.filter-summary {background: #f6f6f6; padding: 6px 8px;}
.filter-summary > header { line-height: 1.5rem; }
.filter-summary > header > .reset { color: #575757; 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; }
.filter-summary-item .label:after { content: ': '; }
.filter-summary-item .value { font-weight: 600; }
.filter-summary-item .reset { color: #a0a1a1; font-size: 0.9rem; position: absolute; top: 0; right: 0; }
.filter-summary-item .reset:hover { color: #575757; }

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

/* coupon */

.coupon.eq:before { content: '420'; }
.coupon {background-color: white; margin-bottom: 0;}
.coupon .coupon-image {display: inline-block; margin-right: 15px; }
.coupon .coupon-image img {width: 210px;}
.coupon .info {display: inline-block; position: relative; top: -8px; font-size: 16px;}
.coupon .info b {color: #E83B42; font-size: 16px;}
.coupon[data-maxwidth~='419'] .coupon-image { margin-right: 0; margin-bottom: 10px;  }

/* catalog */

.catalog-card-group { background: white; padding: 10px; position: relative; height: 100%;  }
.catalog-card-group:hover a.read-more, .catalog-card-group:focus a.read-more {color: #E83B42; transition: all 0.3s ease 0s; }
.catalog-card-group header,
.catalog-card-group h1,
.catalog-card-group h2,
.catalog-card-group h3,
.catalog-card-group h4,
.catalog-card-group h5,
.catalog-card-group h6 { font-size: 21px; font-weight: 600; color: #575757; margin-bottom: 8px;}
.catalog-card-group:hover header, .catalog-card-group:focus header,
.catalog-card-group:hover h1, .catalog-card-group:focus h1,
.catalog-card-group:hover h2, .catalog-card-group:focus h2,
.catalog-card-group:hover h3, .catalog-card-group:focus h3,
.catalog-card-group:hover h4, .catalog-card-group:focus h4,
.catalog-card-group:hover h5, .catalog-card-group:focus h5,
.catalog-card-group:hover h6, .catalog-card-group:focus h6
{color: #E83B42; transition: all 0.3s ease 0s;}
.catalog-card-group > .image { height: 203px; margin-bottom: 10px; }
.catalog-card-group > .image .image { min-height: 0; }
.catalog-card-group p { margin-bottom: 10px; line-height: 25px;}
.catalog-card-group a.read-more { display: block; font-weight: 600; font-size: 16px; }
.catalog-card-group a.read-more:hover, .catalog-card-group a.read-more:focus { color: #E83B42; transition: all 0.3s ease 0s; }
.catalog-card-group a.read-more .fa { color: #E83B42; vertical-align: middle; font-size: 12px; padding-left: 5px; }

.catalog-card-group:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); transition: all 0.3s ease 0s; }

.product-card {padding: 10px 12px;}
.product-card:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); transition: all 0.3s ease 0s; }
.basketitems .product-card:hover {box-shadow: none; }
.products-table .product-card:hover {box-shadow: none; }
.compare-products .product-card:hover {box-shadow: none; }

/* catalog text over image */

.text-on-image { position: relative; }
.text-on-image p { padding: 0; font-size: 1.2rem; margin-bottom: 9px; bottom: 0; color: #575757; 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; }
}


p.catalogger-group-description { margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #f0f0f0; font-size: 15px;}

.cataloggerarticlegroup h1 {line-height: 1.1em; margin-bottom: 14px; font-size: 25px;}
.cataloggerarticlegroup h2  { color: #575757; margin-bottom: 9px; font-size: 19px; font-weight: 600;}
.cataloggerarticlegroup .as-h3  {margin-bottom: 9px; font-size: 19px; font-weight: 600;}
.cataloggerarticlegroup ul {list-style: none; margin-left: 0; padding-left: 1.2em; text-indent: -1.2em;}
.cataloggerarticlegroup li {line-height: 1.65em;}
.cataloggerarticlegroup li:before {content: '\2022'; display: block; float: left; width: 19px; color: #5d5d5e; font-size: 31px; position: relative; top: -3px;}
.cataloggerarticlegroup .brand { width: 86px;}
.cataloggerarticlegroup .items-block > .gallery { width: 600px !important; }
.cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 500px; }
.cataloggerarticlegroup .items-block > .gallery > .image.large { height: 500px; min-height: 0; }
.cataloggerarticlegroup .items-block > .info { width: calc(100% - 600px) !important; }
@media only screen and (max-width: 659px) {
    .cataloggerarticlegroup .items-block > .gallery { width: 100% !important; }
    .cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticlegroup .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticlegroup .items-block > .info { width: 100% !important; }
}
@media only print, only screen and (max-width: 959px) {
    .cataloggerarticlegroup .below-articles .items-block > .gallery { width: 100% !important; }
    .cataloggerarticlegroup .below-articles .items-block > .info { width: 100% !important; }
    .cataloggerarticlegroup .brand {margin-top: 15px;}
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .cataloggerarticlegroup .items-block > .gallery { width: 240px !important; }
    .cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticlegroup .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticlegroup .items-block > .info { width: calc(100% - 240px) !important; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .cataloggerarticlegroup .items-block > .gallery { width: 55% !important; }
    .cataloggerarticlegroup .items-block > .info { width: 45% !important; }
}

.cataloggerarticle h1, .cataloggerarticle h1 span {line-height: 1.1em; margin-bottom: 10px; font-size: 25px;}
.cataloggerarticle h2  { color: #575757; margin-bottom: 9px; font-size: 19px; font-weight: 600;}
.cataloggerarticle .as-h3  {margin-bottom: 9px; font-size: 19px; font-weight: 600;}
.cataloggerarticle p {margin-bottom: 15px;}
.cataloggerarticle ul {margin-bottom: 29px;}
.cataloggerarticle .h2-subtitle h2 {color: #575757;}
.cataloggerarticle h3.articlenumber  {color: #E83B42; 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;}
.cataloggerarticle li:before {content: '\2022'; display: block; float: left; width: 19px; color: #5d5d5e; font-size: 31px; position: relative; top: -3px;}
.cataloggerarticle .brand { width: 100px; position: absolute; z-index: 999;}
.cataloggerarticle.cataloggerarticle-info .price-order-info { background: white; padding: 19px 20px 19px 23px; margin-bottom: 24px; border: 1px solid #eceaea;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .order-add-product .input-combined input {background: white; border: 1px solid #dddddd;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-packing { margin-bottom: 0; }
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-stock {font-size: 16px;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-packing {font-size: 16px;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-price-qbreaks > table {background: transparent;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-price-qbreaks > table > tbody > tr > td.q {padding-left: 0;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .product-price.large-price {width: 100%; display: block; margin-bottom: 12px;}
.cataloggerarticle.cataloggerarticle-info .price-order-info .order-add-product {width: 100%; display: block;}
.cataloggerarticle.cataloggerarticle-info .product-price .price-final { font-size: 20px; }
.cataloggerarticle.cataloggerarticle-info .product-price .price-final .qbreak { font-size: 1.3rem; }
.cataloggerarticle.cataloggerarticle-info .quote-request {padding-top: 0; margin-bottom: 0; display: inline-block; padding: 0; border-radius: 2px;}
.cataloggerarticle.cataloggerarticle-info .quote-request .link {padding: 3px 0;}
.cataloggerarticle.cataloggerarticle-info .quote-request .link:hover {text-decoration: none; transition:all 0.3s ease; color: #fde92b;}
.cataloggerarticle.cataloggerarticle-info .quote-request:hover {background: transparent; color: #fde92b; transition:all 0.3s ease;}
.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: 50px; }
.cataloggerarticle.cataloggerarticle-info .order-add-product input {min-height: 50px; min-width: 77px;}
.cataloggerarticle.cataloggerarticle-info .order-add-product .button .text { font-size: 20px; }
.cataloggerarticle.cataloggerarticle-info .order-add-product .button .fa { font-size: 1.5rem; padding-right: 13px;}
.cataloggerarticle.cataloggerarticle-info .product-promo-slogan {font-weight: 600 !important; font-size: 16px !important;}
.cataloggerarticle.cataloggerarticle-info .product-promo-valid_until {font-weight: 500 !important; font-size: 16px !important; padding-bottom: 17px;}
.cataloggerarticle.cataloggerarticle-info .stock-packing {width: 100%; font-size: 16px; margin-bottom: 28px; margin-top: 25px;}
.cataloggerarticle.cataloggerarticle-info .stock-packing .product-stock { margin-bottom: 3px; }
.cataloggerarticle.cataloggerarticle-info .stock-packing .product-packing {}
.cataloggerarticle .items-block > .gallery { width: 50%; }
.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: 50%; }
.cataloggerarticle .segmentedinfo.only-lxl {margin-right: 60px; border-top: 1px solid #eeeff0; padding-top: 38px; margin-top: 8px;}

.cataloggerarticle .segmentedinfo > .qa > .question { color: #575757; font-size: 1.4rem; font-weight: 600; padding-bottom: 7px; }
.cataloggerarticle .segmentedinfo > .qa > .question:hover {color: #fde92b;}

.page-order-basket h3,
.page-order-basket header.as-h3,
.page-order-info h3,
.page-order-info header.as-h3,
.page-order-place h3,
.page-order-place header.as-h3 {margin-bottom: 8px; color: #575757; font-size: 18px; font-weight: 500;}
.page-order-basket .basket-summary {font-size: 16px;}
.page-order-basket .basketitems .basketitem-product .info {font-size: 16px}
.page-order-basket .product-card > .info p {font-size: 16px;}
.page-order-basket .product-promo-slogan {font-size: 16px !important;}
.page-order-place .items-property > .item > .item-stylable > .label,
.page-order-place .items-property > .item > .item-stylable > .value  {line-height: 24px; padding: 0;}
.page-order-place .basketitem header {font-size: 16px;}
.page-order-place .basketitem p {font-size: 12px; color: #888787;}
.page-order-place .basketitem .product-packing {font-size: 13px; line-height: 20px;}

.page-order-info .order-info .form-fields[data-minwidth~='450'] label {line-height: 23px;}
.page-order-info .address-order .id-order-address-billing,
.page-order-info .address-order .id-delivery_pickup-address .id-order-address-shipping {margin-bottom: 7px;}
.id-delivery_pickup-address {padding-top: 20px;}

@media only screen and (max-width: 659px) {
    .cataloggerarticle .order-add-product .button {width: calc(100% - 54px);}
    .cataloggerarticle.cataloggerarticle-info .order-add-product .button {width: calc(100% - 82px);}
    .cataloggerarticle.cataloggerarticle-info .order-add-product .button .text {display: none;}
    .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: calc(100% - 0px) !important; }
    .with-alternate-background.cataloggerarticle .items-block > .info { width: calc(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 .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 {padding-top: 5px;}
.page-article .items-property {margin-bottom: 40px; font-size: 15px;}
.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 {font-size: 18px; color: #b1acac;}
.page-article .comparefavorite .thisbutton { white-space: nowrap; color: #797575; font-size: 16px; margin-right: 10px;}

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

.promo { font-size: 13px; padding: 0px 5px; background: #fde92b; 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 #dddddd; }
.compare-products .productthumbs .productthumb { border: 1px solid #dddddd; 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 #dddddd; margin-bottom: 10px; }
.compare-products .property .label,
.compare-products .property .field { padding: 10px; }
.compare-products .property .label { display: inline-block; float: left; color: #a0a1a1;}
.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 #E83B42; }
.compare-products.field-1-active .productthumbs .field-1 .productthumb { border: 1px solid #E83B42; }
.compare-products.field-2-active .productthumbs .field-2 .productthumb { border: 1px solid #E83B42; }
.compare-products.field-3-active .productthumbs .field-3 .productthumb { border: 1px solid #E83B42; }
.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: #575757; }
.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: #a0a1a1; margin-left: 7px; border-radius: 20px; border:1px solid transparent;}
.toggle-groups-articles .thisbutton.button-disabled {background-color: #E83B42; color: white; margin-left: 7px; cursor: default; }
.toggle-groups-articles .thisbutton:hover, .toggle-groups-articles .thisbutton:focus {background: #fde92b; 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: 5px 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: #E83B42; border-bottom: 1px solid #dddddd; }
.table-plain > tbody > tr.even > td { }

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

/* 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: #E83B42; }
.id-account-users-table .user-not-active { color: #dddddd; }

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

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

.orderhistory-orderby { border: 1px solid #dddddd; 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: #E83B42; 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: #f6f6f6; 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: #E83B42;}

@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: #575757; height: 43px; }
.mfp-close { opacity: 1; filter: alpha(opacity=100); font-size: 43px; }
.mfp-close-btn-in .mfp-close { color: #575757; }
.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: #575757; }
.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: #575757; 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: #E83B42; 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: #575757; border-bottom: 1px solid #dddddd; padding-bottom: 16px;}
#modal-order-add-product-success .item-basketitem .info header {color: #575757; border: none;}
#modal-order-add-product-success .item-basketitem { width: 100%; }
#modal-order-add-product-success .item-basketitem > .basketitem { padding: 10px; border: 1px solid #dddddd; }
#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: #575757; 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: #E83B42;}
#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: #575757;}

@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 #dddddd; 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: 36px;}

.page-groups-cataloggerarticle h3, .page-article h3 {padding-bottom: 10px; padding-top: 10px;}

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

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

.page-groups-cataloggergroup .catalog-card-group p {display: none;}
.page-groups-cataloggercategory .catalog-card-group p {display: none;}

.page-article .items-property.with-oddeven > .item:nth-child(2n+1) {}
.page-article .cataloggerarticle .items-block>.gallery hr {margin-bottom: 0;}
.page-article .site-window-content section.with-mini-padding > .page-width {padding-top: 35px; padding-bottom: 35px; }
.page-article .site-window-content section.with-mini-padding {}
.page-article .site-window-content section.with-mini-padding.cataloggerarticle-info {border: none;}
.article-accessories .page-width {border-top: 1px solid #eeeff0;}
.article-related .page-width {border-top: 1px solid #eeeff0;}


.page-newsfilter .filter .form,
.page-newsitem .filter .form {width: 100%;}
.page-newsfilter .filter .form .input-combined input,
.page-newsitem .filter .form .input-combined input {min-height: 45px; max-height: 45px; padding-right: 40px;}
.page-newsfilter .filter .form .input-combined .thisbutton,
.page-newsitem .filter .form .input-combined .thisbutton {position: relative; left: -40px; font-size: 19px; background: transparent; display: inline-block; width: 40px; position: relative; left: -40px; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s;}
.page-newsfilter .filter-with-header,
.page-newsitem .filter-with-header {border:none;}
.page-newsfilter .filter-with-header header,
.page-newsitem .filter-with-header header {display: none;}
.page-newsfilter .filter,
.page-newsitem .filter {display: block;}
.page-newsfilter .filter .filter-item span.fa,
.page-newsitem .filter .filter-item span.fa {position: relative; top: 1px; }
.page-newsfilter .filter .filter-item,
.page-newsitem .filter .filter-item {display: inline-block; background: #f6f6f6; border-radius: 3px; padding: 8px 6px 8px 7px; margin-right: 11px; margin-bottom: 13px; font-size: 16px; font-weight: 600; text-indent: 0;}
.page-newsfilter .filter .filter-item .badge-text,
.page-newsitem .filter .filter-item .badge-text {font-size: 13px; font-weight: 400;}
.page-newsfilter .filter .filter-item.is-selected { }
.page-newsfilter .filter .filter-item:hover,
.page-newsitem .filter .filter-item:hover {background: #E83B42; color: white; transition:all 0.3s ease;}
.page-newsfilter .filter .filter-item:hover .badge,
.page-newsitem .filter .filter-item:hover .badge {color: white;}
.page-newsfilter .filter .filter-item:hover span.fa,
.page-newsitem .filter .filter-item:hover span.fa  {color: white;}




.page-newsfilter .sidebar aside .filter,
.page-newsitem .sidebar aside .filter {margin-bottom: 20px;}
@media only screen and (min-width: 1450px) {
  .page-newsitem .sidebar > aside, .pageid-news .sidebar > aside { width: 354px; padding-right: 40px;}
}

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

.link-back .thisbutton {color: #575757; background-color: #f6f6f6; font-size: 16px padding: 0 20px; text-align: left; margin-bottom: 20px;}
.link-back .thisbutton .fa {color: #E83B42;}


.items-block.home-groep > .item { width: 50% !important; }
@media only screen and (min-width: 960px) {
    .items-block.home-groep > .home-groep3 { width: 33.333333% !important; }
    .items-block.home-groep > .home-groep4 { width: 33.333333% !important; }
    .items-block.home-groep > .home-groep5 { width: 33.333333% !important; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .items-block.home-groep > .home-groep1 { width: 100% !important; }
    .items-block.home-groep > .home-groep4 { width: 100% !important; }
    .items-block.home-groep > .home-groep7 { width: 100% !important; }
}
@media only screen and (max-width: 659px) {
    .items-block.home-groep > .item { width: 100% !important; }
}
.items-block.home-groep.with-gutter { margin: -8px -8px; }
.items-block.home-groep.with-gutter.in-flow { margin-bottom: calc(1rem - 8px); }
.items-block.home-groep.with-gutter > .item { padding: 8px; }

.pageid-quoterequest .product-card-info[data-minwidth~='350'] > .image {border: none;}
.pageid-quoterequest .product-card-info[data-minwidth~='350'] > .info {vertical-align: middle; padding-top: 73px;}

/* contact page */
.page-contact .items-block > .main-office { width: 100% !important; }
.page-contact .items-block > .contact-form { width: 100% !important; }
@media only print, only screen and (min-width: 660px) {
    .page-contact .items-block > .main-office { width: 40% !important; }
    .page-contact .items-block > .contact-form { width: 60% !important; }
}

.pageid-contact .item.contact-information-block { }
.pageid-contact .item.contact-form {}
.pageid-contact .form-contact .label {padding-bottom: 0; padding-top: 7px; width: 30%;}
.pageid-contact .form-contact .value {padding-bottom: 0; padding-top: 7px; width: 70%;}
.pageid-contact .form-contact .labelvalue {padding-bottom: 0; padding-top: 7px; width: 70%;}
.pageid-contact .items-tile .office-card {margin-bottom: 23px;}
.pageid-contact .contact-form .labelvalue {width: 70%;}
.pageid-contact .contact-form .checkbox {margin-left: 0;}
.pageid-contact .contact-form .checkbox input[type='checkbox'] {top: 1px;}
.pageid-contact .contact-form .radio {margin-left: 0;}
.pageid-contact .contact-form .radio input[type='radio'] {top: 1px; margin-right: 2px;}
@media only screen and (max-width: 659px) {
    .pageid-contact .item.contact-form { margin-left: 16px; margin-right: 16px; width: 90%; }
    .pageid-contact .form-contact .value,
    .pageid-contact .form-contact .label,
    .pageid-contact .contact-form .labelvalue {width: 100%;}
}
@media only screen and (min-width: 1450px) {
    .pageid-contact .hero-h1 { height: 400px;}
    .pageid-contact .item.contact-information-block {width: 30%; }
    .pageid-contact .item.contact-form {width: 70%; }
    .pageid-contact .with-alternate-background .page-width {padding: 65px 10px;}
}



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

.payment-logo { display: inline-block; width: 50px; height: 18px; line-height: 18px; vertical-align: middle; }
.payment-logo svg { width: 100%; height: 100%; position: relative; left: 50%; top: -3px; }


#browser-navigation { background: rgba(255, 255, 255, 0.9); color: #474646; font-family: '-apple-system', 'HelveticaNeue', 'Segoe UI', Tahoma, sans-serif; }
#browser-navigation { z-index: 200; padding: 0; position: fixed; bottom: 0; left: 0; height: 40px; border-top: 1px solid #ddd; white-space: nowrap; overflow: hidden; box-shadow: 2px -2px 5px 0px rgba(0, 0, 0, 0.2);}
#browser-navigation-sticky-margin { height: 40px; background: white; }
#browser-navigation .browser-navigation-button { padding: 0; width: 40px; height: 40px; line-height: 38px; min-height: 40px; border-radius: 0; }
#browser-navigation .browser-navigation-button { background: transparent; color: inherit; border: 1px solid transparent; display: inline-block; white-space: normal; position: relative; outline: none; text-align: center; transition: all 0.15s ease-in-out 0s; }
#browser-navigation .browser-navigation-button:hover { background: #f1efef; }

#swe.admin-blue #swe-bar { background: rgba(201, 224, 242, 0.9); }
#swe.admin-green #swe-bar { background: rgba(224, 242, 201, 0.9); }
#swe.admin-orange #swe-bar { background: rgba(253, 231, 191, 0.9); }
#swe.admin-red #swe-bar { background: rgba(242, 201, 204, 0.9); }

#swe .stn-cookies-sticky-margin { display: none; }
#swe .stn-cookies { position: relative; }
#swe-content section > .half-width { width: calc(100% / 2); margin: 0 auto; padding: 0 10px; }
#swe-content @media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .half-width { width: calc(660px / 2); }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .half-width { width: calc(960px / 2); }}
#swe-content @media only screen and (min-width: 1450px) { section > .half-width { width: calc(1450px / 2); }}

#swe-content section > .quarter-width { width: calc(100% / 4); margin: 0 auto; padding: 0 10px; }
#swe-content @media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .quarter-width { width: calc(660px / 4); }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .quarter-width { width: calc(960px / 4); }}
#swe-content @media only screen and (min-width: 1450px) { section > .quarter-width { width: calc(1450px / 4); }}

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


@media only print, only screen and (max-width: 959px) {
.pageid-faq .site-window-content section.with-padding > .page-width .items-tile.with-gutter .item-0 {padding-bottom: 0px;}
.pageid-faq .site-window-content section.with-padding > .page-width .items-tile.with-gutter .item-1 {padding-top: 0px;}
}


.remove-order .input-combined {display: none;}
.remove-order .comparefavorite {display: none;}
.remove-order .product-card > .info p {display: none;}
.remove-order .product-card-infoorder > .action {margin-top: 0; padding-top: 5px;}
.product-card > .info > header {margin-bottom: 9px;}

.id-badge-listsmenu {display: none; visibility: hidden;}

.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: 182px; 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: #E83B42; 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;}
@media only screen and (min-width: 960px) and (max-width: 1449px)  { .id-menu-catalog-dropdown .catalog-container { width: 960px; }}
@media only screen and (min-width: 1450px) { .id-menu-catalog-dropdown .catalog-container { width: 1450px; }}

.id-menu-catalog-dropdown .catalog-groups { padding: 10px 0; width: 265px; transition: all 0.25s linear;}
.id-menu-catalog-dropdown .catalog-group { color: #575757;}
.id-menu-catalog-dropdown .catalog-group:hover, .id-menu-catalog-dropdown .catalog-group.is-active {background: #f6f6f6 !important; transition: all 0.25s linear; color: #E83B42;}
.id-menu-catalog-dropdown .catalog-group-item { padding: 10px 20px; }
.id-menu-catalog-dropdown .is-selected .catalog-group-item { color: #fde92b; }
.id-menu-catalog-dropdown .catalog-subgroup { display: none; position: absolute; left: 265px; top: 0; right: 400px; bottom: 0; padding: 10px 0; background-color: #f6f6f6; overflow-y: auto; }
.id-menu-catalog-dropdown .catalog-subgroupimages { background: #f6f6f6; position: absolute; right: 0; top: 0; bottom: 0; width: 400px; }
.id-menu-catalog-dropdown .catalog-subgroup-image { position: absolute; right: 0; top: 0; bottom: 0; width: 400px; z-index: 1; opacity: 0; transition: all 0.4s linear; }
.id-menu-catalog-dropdown .catalog-subgroup-item { padding: 10px 39px; width: 300px; color: #575757; z-index: 2; }
.id-menu-catalog-dropdown .is-selected.catalog-subgroup-item { color: #fde92b; }
.id-menu-catalog-dropdown .catalog-subgroup-item:hover { color: #E83B42; }
.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; }


.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: 107px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); transition: all 0.25s linear; }
.sticky .id-quicksearch-dropdown { top: 44px; }
.sticky .id-quicksearch-dropdown.is-active { top: 107px; }
.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: 107px; }
    .sticky .id-quicksearch-dropdown { top: 44px; }
    .sticky .id-quicksearch-dropdown.is-active { top: 107px; }
    .id-quicksearch-dropdown .quicksearch { width: 660px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .id-quicksearch-dropdown { top: 120px; }
    .sticky .id-quicksearch-dropdown { top: 64px; }
    .id-quicksearch-dropdown .quicksearch { width: 960px; }
}
@media only screen and (min-width: 1450px) {
    .id-quicksearch-dropdown { top: 120px; }
    .sticky .id-quicksearch-dropdown { top: 64px; }
    .id-quicksearch-dropdown .quicksearch { width: 1450px; }
}


.page-groups-cataloggerarticle .items-icons {

}
.page-groups-cataloggerarticle .items-icons .icon {
    display: inline-block;
    margin-right: 5px;
}
.page-groups-cataloggerarticle .items-icons .icon img {
    height: 50px;
    min-width: 30px;
}
.section-user .notification { 
    float: left; 
    top: 8px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}
.image.image-contain.text-to-image { margin-bottom: -5px; }

.swe .hero.hero-image {
    min-height: 400px;
    height: auto;
}





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


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

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

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: #a0a1a1; }
section.test .items-tab > .tabs > .tab.is-selected > .container > span { color: #575757; }

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