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


/*! jQuery UI - v1.13.1 - 2022-02-15
* http:/jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http:/jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:'';display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:'alpha(opacity=0)'}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP//yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url('data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP//yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==');height:100%;-ms-filter:'alpha(opacity=25)';opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:'alpha(opacity=70)';font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:'alpha(opacity=35)';background-image:none}.ui-state-disabled .ui-icon{-ms-filter:'alpha(opacity=35)'}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url('images/ui-icons_444444_256x240.png')}.ui-widget-header .ui-icon{background-image:url('images/ui-icons_444444_256x240.png')}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url('images/ui-icons_555555_256x240.png')}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url('images/ui-icons_ffffff_256x240.png')}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url('images/ui-icons_777620_256x240.png')}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('images/ui-icons_cc0000_256x240.png')}.ui-button .ui-icon{background-image:url('images/ui-icons_777777_256x240.png')}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}


/* ***** 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 */
.submit-button-action span.text { padding-left: 5px; }
.submit-button-action.last {}
.eq:before { display: none; } /* elementary (element-query) sets breakpoints via :before content */
.js-link, .js-link-change-size, .js-call, .js-toggle { cursor: pointer; }

/* base */

html { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; } /* 14px is 1rem */
code, pre { font-family: Courier; }
.clearfix:before, .clearfix:after { display: table; content: ' '; } .clearfix:after { clear: both; }

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

/* base typography */

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

@media only print, only screen and (max-width: 959px) {
  h2, header.as-h2 { font-size: 26px; line-height: 39px;}

}

table { border-collapse: collapse; border-spacing: 0; }
hr { border: 1px solid #e2e4e5; border-bottom: 0; line-height: 1px; }
b, strong { font-weight: 600; }
i, em { font-style: italic; }
sub, sup { font-size: 0.75em; }
p, ul, ol, dl { font-size: 1.1rem; line-height: 1.7em; }
.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; }
p.bold { font-weight: 600; }
span.style-code {
    font-family: 'Courier New', Courier, monospace;
    font-weight: 200;
    padding: 0.1em 0.3em;
    background: #f1efef;
}
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: #ff6e00;
    color: white;
    border: 1px solid #ff6e00;
    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: #ff6e00; font-size: 16px; font-weight: normal;}
.link-styling:hover {text-decoration: underline;}
a.note { font-size: 0.95em; color: #a0a1a1; line-height: 1.7em }

/* base form */
input, button, .button, select, textarea, div.input { display: inline-block; background: white; color: #474646; }
input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], select, textarea, div.input
                { padding: 0 10px; min-height: 40px; border: 1px solid #b0b0b0; border-radius: 0px; width: 100%;
                -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.07);
                -moz-box-shadow:    inset 0px 0px 5px 0px rgba(50, 50, 50, 0.07);
                box-shadow:         inset 0px 0px 5px 0px rgba(50, 50, 50, 0.07);}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type='number'] { -moz-appearance:textfield; }
input {line-height: 1.3em;}
input.confirmation-field { display: none; }
div.input {line-height: 40px;}

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

textarea { min-height: 80px; resize: vertical; line-height: inherit; padding-top: 9px; }
.select2-container { width: 100%; }
.select2-container .select2-selection--single { border: none; border-radius: 0px; min-height: 40px; }
.select2-container .select2-selection--single .select2-selection__rendered { width: 100%; padding: 0 25px 0 10px; line-height: 40px;     border: 1px solid #ebebeb;}
.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: #474646; } /* set body background to last section background (footer) */
h1, h2, header.as-h1, header.as-h2 { color: #233a6b; }
h1 span { color: #ff6e00; font-size: 1.2rem; display: block;}
h3, header.as-h3 { color: #233a6b; }
::selection { background: #233a6b; color: white; }
::-moz-selection { background: #233a6b; color: white; }

/* button */
.button { /* padding: XXXX;  see base.css! */ }
.button, .submit-button-action { background: #ff6e00; 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; }
.buttoncookies, .submit-button-action { background: #ff6e00; 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.submit-button-action.with-icon-left.first { margin-left: 20px; }
.buttonaccept, .submit-button-action {background: #23a174;}
.button:disabled { background: #f1efef; }
.button.button-icon { padding: 0; width: 40px; }
.button:hover, .button:focus { background: #233a6b; }
.button:disabled:hover, .button:disabled:focus { background: #c3c1c1; }
.button.with-alternate-color { background: #233a6b; }
.button.with-alternate-color:hover, .button.with-alternate-color:focus { background: #233a6b; }
.button.with-inverted-colors { background: #33b4e5; color: white; }
.button.with-inverted-colors:hover, .button.with-inverted-colors:focus { background: #ff6e00; color: white; }
.button.with-border { background: #d6d6d6;}
.button.with-alternate-border { background:#bcbcbc;}
.button.without-background { background: transparent; color: #474646; padding: 0; }
.button.without-background:hover, .button.without-background:focus { background: inherit; }
.button .text, .button.with-icon-left .text { margin: 0 0 0 5px; }
.button.with-icon-right .text { margin: 0 5px 0 0; }
.button.fit-width { width: 100%; }
.button.with-button-right { margin-right: 10px; }
.mobile_compare_button a { background-color: #437a90 !important; color: white !important; font-size: 16px; width: 100%; font-weight: 700; border-top: 2px solid white; border-bottom: 2px solid white;}

/* 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: #233a6b; 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: #ff6e00; 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: #474646; }

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


/* thisbutton */
.thisbutton { /* padding: XXXX;  see base.css! */ }
.thisbutton { background: #ff6e00; 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: #f1efef; }
.thisbutton.button-icon { padding: 0; width: 40px; }
.thisbutton:hover, .button:focus { background: #233a6b; }
.js-switch-tabs .button:focus {text-decoration: underline;}
.thisbutton:disabled:hover, .button:disabled:focus { background: #c3c1c1; }
.thisbutton.with-alternate-color { background: #233a6b; }
.thisbutton.with-alternate-color:hover, .button.with-alternate-color:focus { background: #233a6b; }
.thisbutton.with-inverted-colors { background: #f1efef; color: #474646; }
.thisbutton.with-inverted-colors:hover, .button.with-inverted-colors:focus { background: #233a6b; color: white; }
.thisbutton.without-background { background: transparent; color: #474646; padding: 0; }
.thisbutton.without-background:hover, .button.without-background:focus { background: inherit; }
.thisbutton .text, .button.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 will be changed by javascript to account for height of dynamic header */
:target:before {
    content: '';
    display: block;
    height: 0;
    margin: 0 0 0;
}
@media only screen and (max-width: 659px) {
    :target:before { height: 54px; margin-top: -54px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    :target:before { height: 54px; margin-top: -54px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    :target:before { height: 139px; margin-top: -139px; }
}
@media only screen and (min-width: 1450px) {
    :target:before { height: 133px; margin-top: -133px; }
}

.with-alternate-background { background-color: #ECECEC; }
.with-inverted-colors { background-color: #ff6e00; color: white; }
.with-inverted-colors-2 { background-color: #233a6b; color: white; }
.with-accent-colors { background-color: #40b4e5; 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: #474646; }
.with-inverted-colors-2 .button { background: white; color: #474646; }
.with-accent-colors .button { background: white; color: #474646; }
.with-inverted-colors .button:hover,
.with-inverted-colors .button:focus { background: #233a6b; }
.with-inverted-colors-2 .button:hover,
.with-inverted-colors-2 .button:focus { background: #ff6e00; color: white; }
.with-accent-colors .button:hover { background: #ff6e00; 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: #233a6b; }
.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: #ECECEC; 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: #ff6e00; color: white; }
.with-background.strong.inverted { background-color: #233a6b; color: white; }

.with-alternate-background.inverted { background-color: #ff6e00; color: #ECECEC; }
.with-alternate-background.inverted a {color: white;}
.with-alternate-background.strong.inverted { background-color: #233a6b; color: #ECECEC; }

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

h1.with-background.inverted, .as-h1.with-background.inverted { background-color: #233a6b; color: white; }
h1.strong, .as-h1.strong { color: #ff6e00; }
h1.strong.with-background.inverted, .as-h1.strong.with-background.inverted { background-color: #ff6e00; color: white; }


header.lists { margin-top: 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; }}
@media only screen and (min-width: 1450px) { section > .page-width { width: 1450px; }}
@media only screen and (min-width: 960px) {
    .page-story .site-window-content section > .page-width,
    section.story-width > .page-width { max-width: 830px; }
}
.is-printing section > .page-width { width: 780px !important; }
section:before, section:after { display: table; content: ' '; } section:after { clear: both; }

.site-window-content section { background-color: white; }
.site-window-content section.with-alternate-background { background-color: rgb(250,250,250); }
.site-window-content section.with-inverted-colors { background-color: #ff6e00; color: white;}
.site-window-content section.with-padding > .page-width { padding-top: 45px; padding-bottom: 45px; }
.site-window-content section.with-padding-top > .page-width { padding-top: 45px; }
.site-window-content section.with-padding-bottom > .page-width { padding-bottom: 45px; }
.site-window-content section.with-mini-padding > .page-width { padding-top: 35px; padding-bottom: 35px; }

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

/* 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: 256px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar > div { position: relative; min-height: 1px; padding: 0; display: table-cell; vertical-align: top; }
.sidebar.with-gutter > aside { padding-right: 16px; }
.sidebar.with-gutter > div { padding-left: 16px; }
.sidebar.with-middle-alignment > aside { vertical-align: middle; }
.sidebar.with-middle-alignment > div { vertical-align: middle; }
.sidebar.with-bottom-alignment > aside { vertical-align: bottom; }
.sidebar.with-bottom-alignment > div { vertical-align: bottom; }
.sidebar.with-line-between > div { border-left: 1px solid #ebebeb; }
.sidebar-right > aside { left: calc(100% - 256px); }
.sidebar-right > div { left: -256px; }
.sidebar-right.with-gutter > aside { padding-right: 0; padding-left: 16px; }
.sidebar-right.with-gutter > div { padding-left: 0; padding-right: 16px; }
.sidebar-right.with-line-between > div { border-left: 0; border-right: 1px solid #ebebeb; }

@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-half-gutter { margin: calc(-16px / 2) }
.items-tile.with-half-gutter.in-flow { margin-bottom: calc(1rem - (16px / 2)); }
.items-tile.with-half-gutter > .item { padding: calc(16px / 2); }
.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; }
.page-articlegroup .items-row.with-gutter { margin: 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 #e2e4e5; }
.items-row.with-line > .item:first-child { border-top: 1px solid #e2e4e5; }
.items-row.with-line.with-gutter { margin-top: 0; }
.items-row.with-line-below > .item { border-bottom: 1px solid #ebebeb; }
.items-row.with-line-below.with-gutter { margin-bottom: 1rem; }
.items-row.with-line-above > .item { border-top: 1px solid #ebebeb; }
.items-row.with-line-above.with-gutter { margin-top: 0; }
.items-row.with-line-between > .item { border-top: 1px solid #ebebeb; }
.items-row.with-line-between > .item:first-child { border-top: 0; }
.items-row.with-oddeven > .item { padding: 16px 12px; }
.items-row.with-oddeven > .item:nth-child(odd) { background-color: #f9f8f8; }
.items-row.with-oddeven > .item:nth-child(even) { background-color: transparent; }

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

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

@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 #e2e4e5; padding-left: 33px; }

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

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

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

/* tabs, non-selected items are not visible, select by clicking on tab */
.items-tab { padding: 0; }
.items-tab > .tabs { z-index: 2; line-height: 1px; }
.items-tab > .tabs > .tab { display: inline-block; }
.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; }
.articlegroup-tab { padding: 0; }
.articlegroup-tab > .tabs { z-index: 2; padding: 25px 0; border-top: 1px solid #233a6b; border-bottom: 1px solid #233a6b; text-align: center; }
.articlegroup-tab > .tabs > .tab { display: inline-block; color: #233a6b; padding: 0 25px; font-size: 24px; }
.articlegroup-tab > .tabs > .tab.is-selected { color: #40b4e5; text-decoration: underline; text-underline-offset: 5px; }
.articlegroup-tab > .tabs > .tab.is-selected a {text-decoration:underline;}
.articlegroup-tab > .tabs > .tab > a { background-color: unset; border: none; color: inherit; padding: unset; cursor: pointer; }
.articlegroup-tab > .items { padding-top: 20px; z-index: 1; overflow: hidden; }
.articlegroup-tab > .items > .item { display: none; position: relative; }
.articlegroup-tab > .items > .item.is-selected { display: block; }
.articlegroup-tab > .items > .item .large-width { width: 70%; }
.articlegroup-tab > .items > .item .items-tile .item .contact { width: 80%; }
.articlegroup-tab > .items > .item .video { margin-top: 13px; }
.articlegroup-tab > .items > .item .video > iframe { width: calc(100% - 1px); margin-bottom: -1px; }
.articlegroup-tab > .items > .item .file { line-height: 21px; }
.articlegroup-tab > .items > .item .file .info { top: 0; margin-bottom: -1px; line-height: 1.7em; }
.articlegroup-tab > .items > .item .contact_width { width: 40%; }
.articlegroup-tab > .items > .item .contact > h3 { margin-bottom: 0px; }
.accessories-tab { padding: 0; }
.accessories-tab > .tabs { line-height: unset; z-index: 2; padding: 25px 0; text-align: center; width: 60%; margin: 0 auto; }
.accessories-tab > .tabs .tab { display: inline-block; color: #233a6b; padding: 0 25px; font-size: 20px; }
.accessories-tab > .tabs .tab.is-selected { color: #40b4e5; text-decoration: underline; text-underline-offset: 5px; }
.accessories-tab > .tabs .items-conveyor .items-window { height: 105%; }
.accessories-tab > .items { padding-top: 20px; z-index: 1; overflow: hidden; }
.accessories-tab > .items > .item { display: none; position: relative; }
.accessories-tab > .items > .item.is-selected { display: block; }
.accessories-tab > .items > .item .product-card { border: 1px solid #ebebeb; }
.accessories-tab > .items > .item .product-card:hover { border: 1px solid transparent; }
.items-tile.accessories .item .product-card { border: 1px solid #ebebeb; }
.items-tile.accessories .item .product-card:hover { border: 1px solid transparent; }
.items-tile.accessories { margin: -14px -14px; display: flex; justify-content: center; flex-wrap: wrap; }
h3.accessories { text-align: center; text-decoration: underline; text-underline-offset: 5px; }
.js-tab, .js-tab-accessories, .js-tab-articlegroup { cursor: pointer; }

@media only screen and (min-width: 1450px) {
    .accessories-tab > .tabs .items-conveyor.xl-show-not > .nav { display: none; }
    .items-tile.accessories .item .product-card { height: 332.5px; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .articlegroup-tab > .items > .item .items-tile .item .contact { width: 100%; }
    .articlegroup-tab > .items > .item .large-width { width: 100%; }
    .accessories-tab > .tabs { width: 75%; }
    .accessories-tab > .tabs .items-conveyor.l-show-not > .nav { display: none; }
    .items-tile.accessories .item .product-card { height: 290.66px; }
    .accessories-tab > .items > .item .items-tile.accessories .product-card > .image { height: 166px; }
    .articlegroup-tab > .items > .item .contact_width { width: 60%; }
    .articlegroup-tab > .items > .item .video { margin-bottom: 3px; }
}

@media only print, only screen and (max-width: 959px) {
    .articlegroup-tab > .items > .item .items-tile .item .contact { width: 100%; }
    .articlegroup-tab > .items > .item .large-width { width: 100%; }
    .articlegroup-tab > .tabs { text-align: left; }
    .accessories-tab > .tabs { width: 100%; }
    .articlegroup-tab > .items > .item .contact_width { width: 100%; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .accessories-tab > .tabs .items-conveyor.m-show-not > .nav { display: none; }
    .items-tile.accessories .item .product-card { height: 302px; }
    .accessories-tab > .items > .item .items-tile.accessories .product-card > .image { height: 166px; }
    .articlegroup-tab > .tabs > .tab { padding: 0 50px 0 0; }
}

@media only screen and (max-width: 659px) {
    .articlegroup-tab > .tabs > .tab { width: 100%; padding: 0 0 10px 0; }
    .articlegroup-tab > .tabs > .tab:last-child { width: 100%; padding: 0; }
    .accessories-tab > .tabs .items-conveyor.s-show-not > .nav { display: none; }
}

/* 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; }
.items-accordion > .item.is-selected > .item-stylable > div { display: block; }
.js-accordion { cursor: pointer; }

/* carousel, items have identical dimensions, non-selected items are not visible, select by clicking on dot */
.items-carousel { height: 200px; } /* just a default to see -something- */
.items-carousel { padding: 0; position: relative; }
.items-carousel > .dots { z-index: 2; position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; font-size: 30px;}
.items-carousel > .dots > .dot { display: inline-block; color: #a0a1a1; padding: 20px 2px; }
.items-carousel > .dots > .dot.is-selected { color: white; }
.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 > .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: #474646; 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: 0; }
.items-conveyor > .nav-right .fa:before{ position: relative; left:1px; }
.items-conveyor > .nav .fa {background: #ebebeb; border-radius: 40px; width: 21px; height: 21px; font-size: 11px; padding-top: 4px;}
.items-conveyor > .items-window { z-index: 1; position: absolute; left: 25px; top: 0; width: calc(100% - 50px); height: 100%; 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; }
.js-conveyor-top, .js-conveyor-bottom { cursor: pointer; }

.page-articlegroup .items-gallery > .items { height: 441px; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-articlegroup .items-gallery > .items { height: 375px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .page-articlegroup .items-gallery > .items { height: 513px; }
}
@media only screen and (max-width: 659px) {
    .page-articlegroup .popup-gallery .items-gallery>.items { border: unset; }
    .page-articlegroup .items-gallery > .items { height: 415px; }
}

/* gallery, one larger item with a number of smaller thumbs that can be selected to open in the larger space */
.items-gallery > .items { height: 450px; } /* 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.with-fade-out > .items > .item { z-index: 2; }
.items-gallery.with-fade-out > .items > .item.is-selected { z-index: 999; }
.items-gallery.with-fade-out > .items > .item {transition: opacity .3s ease-in-out; opacity: 0;}
.items-gallery.with-fade-out > .items > .item.is-selected {transition: opacity .3s ease-in-out; opacity: 1;}

.items-gallery > .thumbs { margin: 0; padding: 0; text-align: center; }
.items-gallery > .thumbs > .thumb { position: relative; min-height: 1px; width: 25%; padding: 0; display: inline-block; vertical-align: top; }
.items-gallery > .thumbs > .thumb.is-selected {}
.items-gallery.with-gutter > .thumbs { margin: 16px -16px -16px; }
.items-gallery.with-gutter > .thumbs > .thumb { padding: 16px; }
.items-gallery > .thumbs .image.thumb { min-height: 0; height: 100%; }
.js-gallery { cursor: pointer; }

/* all items have a item-stylable div, that needs at least width and height matching */
/* rest of the styling should be using an earlier class as well, like .productgallery .item-stylable */
/* if you want to style an item, style .item-stylable, NEVER .item itself */
.item-stylable { height: 100%; width: 100%; }

/* simple tables */
.table { border-collapse: collapse; border-spacing: 0; }
.table.full-width { width: 100%; }
.table.fit-width { width: auto; }
.table > tbody > tr > td { padding: 8px 16px; text-align: left; vertical-align: top; font-weight: normal; background: transparent; }
.table > tbody > tr.table-row-header > td { background: #233a6b; 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 #ebebeb; }
.table.with-grid-lines > tbody > tr > td { border: 1px solid #ebebeb; }
.table.with-column-lines > tbody > tr > td { border: 1px solid #ebebeb; border-top: 0; border-bottom: 0; }
.table.with-row-lines > tbody > tr > td { border: 1px solid #ebebeb; 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 #ebebeb; }
.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: #ECECEC; }

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

/* group, generic container */
.group { display: block; }
.group.with-border { border: 1px solid #ebebeb; }
.group.with-padding { padding: 32px; }
.group.white { background: white; height: 100%; }
.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; }
.site-sideslideout_webshop { z-index: 16; position: relative; }
.is-active-sideslideout .site-sideslideout { z-index: 17; }

/* window, sidemenus, and transitions */

.site-sidemenu { position: fixed; width: 100%; bottom: 0; top: 0; background: white; overflow: hidden; }
.site-sidemenu > .sidemenu { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.site-sidemenu > .sidemenu > header { position: relative; height: 44px; line-height: 44px; margin-bottom: 0; font-size: 18px; font-weight: 700; }
.site-sidemenu > .sidemenu > header > .button { position: absolute; right: 0; background: transparent; color: inherit; display: inline-block; width: 44px; height: 44px; }
.site-sidemenu > .sidemenu > .sidemenu-scroller { height: calc(100% - 44px); padding-bottom: 44px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.site-sidemenu-main { left: -100%; border-right: 1px solid #233a6b; width: 100%; }
.site-sidemenu-user { right: -100%; border-left: 1px solid #233a6b; }
.site-sidemenu-basket { right: -100%; border-left: 1px solid #233a6b; }
.site-sidemenu-quote { right: -100%; border-left: 1px solid #233a6b; }
.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%; }
.site-sidemenu > .sidemenu > .sidemenu-scroller::-webkit-scrollbar {width: 5px;}
.site-sidemenu > .sidemenu > .sidemenu-scroller::-webkit-scrollbar-thumb {background-color: #a0a1a1;}

.site-sidemenu > .sidemenu .thisbutton.button-icon { position: absolute; right: 0; color: #4f4f4f; background: unset; font-size: 28px; font-weight: 600; height: 44px; top: -2px;}

.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-quote .site-sidemenu-quote { 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-quote,
.site-sidemenu-background { transition: all 0.25s ease-in-out 0s; }

/* sidemenu */

.sidemenu > header { color: #4f4f4f; border-bottom: 2px solid #233a6b; padding: 0 15px; }
.sidemenu nav > div { padding: 0; border-bottom: 1px solid #ebebeb; position: relative; }
.sidemenu nav > div .catalogitemlink { padding: 15px 20px 15px 15px; }
.sidemenu nav > div .catalogitemlink.is-active { padding-bottom: 0; }
.sidemenu nav > div .togglemenu { padding: 7px 15px; }
.sidemenu nav > div .togglemenu .catalogsubitem { padding: 7px 0px; position: relative; color: #ff6e00; }
.sidemenu nav > div .togglemenu .catalogsubitem .next { top: 7px; right: 0; }
.sidemenu nav > div .togglemenu > .groupimage { padding-top: 7px; line-height: 1px; }
.sidemenu nav > div .mainmenuitemlink { padding: 8px 15px 8px 15px; }
.sidemenu nav > div .mainmenuitemlink.is-active { color: #ff6e00; font-weight: 700; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-top: -1px;}
.sidemenu nav > div .mainmenuitemlink.is-active .next { color: #ff6e00; transform: rotate(90deg); font-size: 16px; right: 10px;}
.sidemenu nav > div .mainmenuitemlink.is-active .next:before { content: '\f054';}
.sidemenu nav > div .togglemenu .mainmenusubitem { padding: 7px 0px; position: relative; }
.sidemenu nav > div .togglemenu .mainmenusubitem .next { top: 7px; right: 0; }
.sidemenu nav > .header .mainmenuitemlink { font-size: 18px; font-weight: 700; }
.sidemenu nav .mainmenuitem.header { margin-top: 20px;}

.sidemenu .next { position: absolute; right: 8px; color: #a0a1a1; font-size: 24px; line-height: 19px; }
.sidemenu .basketmenu { padding: 15px; }
.sidemenu .basketmenu .button { background: #233a6b; }

.sidemenu-main nav .togglemenu { padding: 0px 0px 0px 30px !important;}
.sidemenu-main .category.togglemenu { padding: 0px 0px 0px 15px !important;}
.sidemenu nav .assortiment { padding: 0px 0px 0px 15px !important;}

.sidemenu-main .assortiment-header { background: #33b4e5; color: white; margin: 1px 0;}
.sidemenu-main .assortiment-header .next { color: white;}

.sidemenu-main .assortiment-subheader { padding: 8px 15px 8px 15px; border-top: 2px solid #233a6b; font-weight: 600; border-bottom: 1px solid #ebebeb;}

.sidemenu .footermenu > div,
.sidemenu .usermenu > div { padding: 8px 20px 8px 15px; }
.sidemenu .languages > div { padding: 8px 15px; }

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

.quotemenu .basket-items .basketitem-card { display: inline-block; width: calc(100% - 40px - 16px); margin-right: 16px; vertical-align: top; }
.quotemenu .basket-items .order-remove { display: inline-block; width: 40px; vertical-align: middle; }
.quotemenu .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(45% - 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: #ff6e00; color: white; font-size: 20px; padding: 0 13px;
                         -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.sideslideout .pulltab:hover {background: #ff6e00; transition: all 0.4s ease 0s;}
.sideslideout .slideout {position: relative; right: -40px; top: -82px; height: auto; width: 280px; background: white; color: #474646; 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;
transition: none;}

.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: #ff6e00;}
.sideslideout .slideout address a.link:hover {text-decoration: none; color: #40b4e5;}
.sideslideout .slideout address span.fa {margin-right: 10px; color: #ff6e00;}
.sideslideout .slideout address p {font-size: 16px; line-height: 29px;}


/* sideslideout_webshop base & transitions */

.site-sideslideout_webshop { position: fixed; width: 320px; top: calc(60% - 20px); background: transparent; }
.site-sideslideout_webshop { right: -280px; }
.is-active-sideslideout_webshop .site-sideslideout_webshop { right: 0px; }
.site-sideslideout_webshop { transition: all 0.25s ease-in-out 0s; }

/* sideslideout_webshop pulltab & content */
.sideslideout_webshop .slideout_webshop {position: relative; right: -40px; top: -82px; height: auto; width: 280px; background: white; color: #474646; 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_webshop .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: #233a6b; color: white; font-size: 20px; padding: 0 13px;
                         -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.sideslideout_webshop .pulltab:hover {background: #ff6e00; transition: all 0.4s ease 0s;}
.sideslideout_webshop .slideout {position: relative; right: -40px; top: -82px; height: 265px; width: 280px; background: white; color: #474646; 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_webshop .pulltab { font-weight: 600; font-size: 18px; }
.sideslideout_webshop .pulltab .text { margin-left: 6px; }
.sideslideout_webshop .pulltab .fa { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.25s linear; }
.sideslideout_webshop .pulltab.is-active .fa { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }




/* header & search on small & medium */

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

.section-menubar { background: #33b4e5; color: white; position: fixed; width: 100%; height: 50px; z-index: 20; border-bottom: 1px solid #3e4447; }
.section-menubar > .page-width { position: relative; padding: 0; text-align: center; }
.section-menubar .button { background: transparent; color: white; display: inline-block; width: 40px; height: 50px; border-radius: 0; }
.section-menubar .button:hover, .section-menubar .button:focus { background: #fcfcf6; color: #474646; }
.section-menubar .button .fa-bars {font-size: 2.7rem; line-height: 3.4rem; }
.section-menubar .button span {font-size: 1.8rem; line-height: 3.9rem;}
.section-menubar .quote .button span {line-height: 3.6rem;}
.section-menubar .logo { width: 94px; height: 44px; display: inline-block; position: relative; top: 6px; }
.section-menubar .logo img { max-width: 114px; max-height: 41px; margin-top: 0; }
.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 .quote { float: right; }
.section-menubar .basket { float: right; }
.section-menubar .badge { position: absolute; top: 0.4em; right: -0.1em; display: flex; padding: 0; width: 18px; height: 18px; justify-content: center; padding-top: 1.5px; font-size: 0.7em;}
.section-menubar .badge .fa { font-size: 0.9em; line-height: 13px;}
/* .section-menubar .is-active { background: #fcfcf6; color: #474646; } */
.section-menubar .home { float: left; position: relative; margin-left: 10px; font-weight: 700; font-size: 14px; line-height: 15px; top: 9px;}
.section-menubar .home > div { text-align: left;}
.section-menubar .home .username { color: #19647f; height: 14px;}
.section-menubar .button.disabled { color: #318aad;}

@media only print, only screen and (max-width: 959px) {
    .section-menubar .quote .badge {display: none; visibility: hidden;}
    .section-menubar .button:hover, .section-menubar .button:focus { background: transparent; color: inherit; }
    .section-menubar .search button:hover, .section-menubar .search button:focus { background-color: white; color: #474646; }
}

.section-search { background: #ededec; position: fixed; top: 50px; width: 100%; z-index: 10; border-bottom: 1px solid #3e4447; }
.section-search > .page-width { padding: 0px 10px 2px 10px; background: #ededec; }
.section-search .searchbox { width: 100%; margin: 0 auto; height: 40px; }
.section-search .searchbox > .form > form > .input-combined input.textbox {margin-right: 0;}

.section-favorites > .page-width { padding: 0; border-bottom: 1px solid #3e4447; width: unset; }
.section-favorites { background: #ededec; position: fixed; top: 50px; width: 100%; z-index: 10; }
.section-search.mobile_favorites { top: 93px; }
.section-search input { min-height: 30px;}
.section-search .form-search > form > .input-combined > button { color: #8a8c8e;}

.section-banner { position: fixed; width: 100%; background: #ff6f00ea; top: 95px; padding: 10px 5px; z-index: 9;}
.section-banner .banner { text-align: center; color: white; font-weight: 700; font-size: 16px;}
.section-banner .banner button.mfp-close { color: white; background: unset; height: 42px; font-size: 28px; font-weight: 400; top: -4px;}

@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: 87px; }
.section-header-sticky-margin-sm.mobile_favorites { height: 136px; }


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

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

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

.section-user .usermenu .dropmenu-quote .basket-items .item { border: 0; padding-bottom: 0; padding-top: 8px; }
.section-user .usermenu .dropmenu-quote .basket-items .item-0 { padding-top: 13px; }
.section-user .usermenu .dropmenu-quote hr {border-color: #70afc4;}
.section-user .usermenu .dropmenu-quote { left: auto; right: 0; width: 100%; }
.section-user .usermenu .dropmenu-quote .basket-items { max-height: 240px; overflow-y: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px;}
.section-user .usermenu .dropmenu-quote .button {background-color: #474646; font-weight: 500; font-size: 1.17rem; }
.section-user .usermenu .dropmenu-quote .button:hover {background-color: #233a6b;}
.section-user .usermenu .dropmenu-quote .button-icon {background-color: transparent; color: white;}
.section-user .usermenu .dropmenu-quote .fa {color: white;}
.section-user .usermenu .dropmenu-quote .order-remove button:hover, .section-user .usermenu .dropmenu-basket .order-remove button:focus {background-color: transparent;}

.section-user .call-us {color: #474646; float: right; opacity: 1; font-size: 12px; font-weight: 400; width: 345px; position: relative; top: 14px; left: 10px; text-align: right; padding-right: 10px;}
.section-user .call-us::before { font-family: fontawesome; content: '\f095'; margin-right: 6px; font-size: 12px; vertical-align: middle; color: #474646; position: relative; top: -1px;}
.section-user .call-us span {margin-left: 26px;margin-right: 6px;}
.section-user .call-us a:hover {color: #787878}

.section-logo .usermenu { position: absolute; right: 0; top: 14px; }
.section-logo .usermenu .fa {color: #474646; display: block; font-size: 17px; margin: 0 auto; margin-bottom: 3px;}
.section-logo .usermenu > div { display: inline-block; position: relative; padding: 9px 11px; border: 1px solid transparent; color:#4f4f4f; font-size: 11px; }
.section-logo .usermenu > div:hover, .section-user .usermenu > div:focus {color: #40b4e5; border-radius: 3px; background: transparent; border: 1px solid transparent; transition: all 0.3s ease 0s;}
.section-logo .usermenu > div:hover .fa {color: #40b4e5;}
.section-logo .usermenu > div.is-active-dropmenu { background: transparent; border-color: #ebebeb;}
.section-logo .usermenu .dropmenu { position: absolute; left: -1px; top: 66px; padding: 7px 0; background: white; color: #233a6b; border: 1px solid #ebebeb; }
.section-logo .usermenu .dropmenu a:hover, .section-logo .usermenu .dropmenu a:active { color: #ff6e00; }
.section-logo .usermenu .dropmenu .fa { display: inline; font-size: 14px; margin-right: 5px; }
.section-logo .usermenu .dropmenu > div { padding: 0 15px 7px; white-space: nowrap; }
.section-logo .usermenu .dropmenu > div.header { padding: 7px 15px; font-weight: 700; color: #474646; }
.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: #233a6b;}
.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: #ff6e00; font-weight: 500; font-size: 1.17rem;}
.section-logo .usermenu .dropmenu-basket .button:hover, .section-user .usermenu .dropmenu-basket .button:focus {background-color: #233a6b;}
.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 .usermenu .dropmenu-quote .basket-items .item { border: 0; padding-bottom: 0; padding-top: 8px; }
.section-logo .usermenu .dropmenu-quote .basket-items .item-0 { padding-top: 13px; }
.section-logo .usermenu .dropmenu-quote hr {border-color: #233a6b;}
.section-logo .usermenu .dropmenu-quote { left: auto; right: 0; width: 332px; }
.section-logo .usermenu .dropmenu-quote .basket-items { max-height: 240px; margin-bottom: 10px; overflow-y: auto;}
.section-logo .usermenu .dropmenu-quote .button {background-color: #ff6e00; font-weight: 500; font-size: 1.17rem;}
.section-logo .usermenu .dropmenu-quote .button:hover, .section-user .usermenu .dropmenu-basket .button:focus {background-color: #233a6b;}
.section-logo .usermenu .dropmenu-quote .button-icon {background-color: transparent; color: white;}
.section-logo .usermenu .dropmenu-quote .fa {color: #a0a1a1;}
.section-logo .usermenu .dropmenu-quote .order-remove button:hover, .section-user .usermenu .dropmenu-basket .order-remove button:focus {background-color: transparent;}
.section-logo .usermenu .dropmenu-quote .basket-summary {margin-bottom: 14px;}


.section-logo { position: fixed; top: 45px; width: 100%; height: 99px; background: white; z-index: 20; }
.section-logo .logo { float: left; position: relative; top: 5px; left: -10px; overflow: hidden; width: 256px; height: 90px; }
.section-logo .logo img { width: 100%; height: 67px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.section-logo .searchbox { float: left;position: relative;top: 29px;margin-left: 0px;width: 365px;left: 105px; }
.section-logo .searchbox > .form > form > .input-combined input.textbox {margin-right: 0; font-size: 16px; background: rgb(245,245,245); box-shadow: none; border: none;}

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

.section-logo .call-us { float: left; opacity: 1; color: #474646; font-size: 1.1rem; font-weight: 500; position: relative; top: 35px; left: 50px; }
.section-logo .call-us:before {display: none; font-family: fontawesome; content: '\f095'; margin-right: 5px; font-size: 1.5rem; vertical-align: middle; color: #ebebeb;}
.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 > button.button { margin-left: 5px; padding: 0 15px; background-color: white; border: 1px solid #ebebeb;}
.section-logo .languages a > span > button.button:hover, .section-logo .languages a > span > button.button:focus { background-color: #233a6b; color: white;}
.section-logo .contactinfo {display: flex;}
.section-logo .contactinfo .info {display: inline-block;}

/*
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-logo .searchbox {width: 182px;}
    .section-logo .logo img {width: 192px;}
    .section-logo .logo {width: 205px;}
}*/

.section-mainmenu { background: #233a6b; color: white; position: fixed; width: 100%; top: 144px; z-index: 10; font-size: 16px; border-bottom: 1px solid white; }
.section-mainmenu .catalogmenu { margin-left: -14px; }
.section-mainmenu .catalogmenu > div { display: inline-block; padding: 0; }
.section-mainmenu .catalogmenu > div:hover, .section-mainmenu .catalogmenu > div:focus { }
.section-mainmenu .catalogmenu .catalogitem > div.catalogitemlink { padding: 18px 19px; }
.section-mainmenu .catalogmenu .catalogitem > div.catalogitemlink:hover, .section-mainmenu .catalogmenu .catalogitem > div.catalogitemlink:focus { background: #233a6b; }
.section-mainmenu .catalogmenu > div.promo { padding: 18px 16px; float: right; background: #233a6b; position: relative; left: 10px; }
.section-mainmenu .catalogmenu > div.promo:hover, .section-mainmenu .catalogmenu > div.promo:focus { background: #233a6b; }
.section-mainmenu .catalogmenu > div.promo.is-selected { background: #233a6b; }
.section-mainmenu .catalogmenu > div.promo.is-selected:hover, .section-mainmenu .catalogmenu > div.promo.is-selected:focus { background: #233a6b; }
.section-mainmenu .catalogmenu .catalogitem.is-active-dropmenu > div.catalogitemlink { background: #233a6b; color: white; }
.section-mainmenu .catalogmenu .catalogitem > div.catalogitemlink.is-selected { background: #233a6b; color: white; }
.section-mainmenu .catalogmenu .catalogitem { position: relative; z-index: 1; }
.section-mainmenu .catalogmenu .catalogitem.is-active-dropmenu { z-index: 2; }
.section-mainmenu .catalogmenu .catalogitem .dropmenu { position: absolute; left: 0; top: 56px; padding: 9px; background: white; color: #233a6b; 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 .catalogmenu .catalogitem .dropmenu > div { padding: 7px 0; }
.section-mainmenu .catalogmenu .catalogitem .dropmenu > .catalogsubitems { display: inline-block; vertical-align: top; }
.section-mainmenu .catalogmenu .catalogitem .dropmenu > .groupimage { display: inline-block; padding: 15px; vertical-align: top; line-height: 1px; }
.section-mainmenu .catalogmenu .catalogitem .dropmenu > .groupimage > .image { width: 160px; border: 1px solid #ff6e00;}
.section-mainmenu .catalogmenu .catalogitem .catalogsubitem { padding: 3px 15px; font-size: 1.1rem;}
.section-mainmenu .catalogmenu .catalogitem .catalogsubitem:hover,
.section-mainmenu .catalogmenu .catalogitem .catalogsubitem:focus { color: #ff6e00; }
.section-mainmenu .catalogmenu .catalogitem .catalogsubitem.is-selected { color: #ff6e00; }
.section-mainmenu .catalogmenu .catalogitem .catalogsubitem.is-selected:hover,
.section-mainmenu .catalogmenu .catalogitem .catalogsubitem.is-selected:focus { color: #ff6e00; }

.section-mainmenu .catalogmenu .catalogitem .catalogsubitem-all { color: #474646; }
.section-mainmenu .catalogmenu .catalogitem.is-active-dropmenu > .dropmenu { display: block !important; }

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

.section-mainmenu .mainmenu { margin-left: -14px; position: relative; z-index: 1; display: inline-block; }
.section-mainmenu .mainmenu > div { display: inline-block; padding: 0; }
.section-mainmenu .mainmenu > div:hover, .section-mainmenu .mainmenu > div:focus {color: #40b4e5; }
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink { padding: 15px 17px; font-size: 14px; font-weight: 400;}
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink:hover,
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink:focus { background: #233a6b; color: #40b4e5 !important; }
.section-mainmenu .mainmenu > div.promo { padding: 18px 16px; float: right; background: #233a6b; position: relative; left: 10px; }
.section-mainmenu .mainmenu > div.promo:hover, .section-mainmenu .mainmenu > div.promo:focus { background: #233a6b; }
.section-mainmenu .mainmenu > div.promo.is-selected { background: #233a6b; }
.section-mainmenu .mainmenu > div.promo.is-selected:hover, .section-mainmenu .mainmenu > div.promo.is-selected:focus { background: #233a6b; }
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu > div.mainmenuitemlink { background: #233a6b; color: white; }
.section-mainmenu .mainmenu .mainmenuitem > div.mainmenuitemlink.is-selected { background: transparent; color: #40b4e5; }
.section-mainmenu .mainmenu .mainmenuitem { }
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu { z-index: 2; }
.section-mainmenu .mainmenu .mainmenuitem .dropmenu { position: absolute; width: 25%; top: 49px; padding: 32px; background: white; color: #233a6b;
                                                     -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 { }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem { padding: 3px 0; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem:focus { color: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected { color: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubitem.is-selected:focus { color: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem { color: #474646; padding: 3px 0; font-size: 1.1rem; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem:hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem:focus { color: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected { color: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :hover,
.section-mainmenu .mainmenu .mainmenuitem .mainmenusubsubitem.is-selected :focus { color: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem.is-active-dropmenu > .dropmenu { display: block !important; }

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


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

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

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-header-sticky-margin-lxl { min-height: 298px }
}


/* footer */


.section-footer header { font-size: 23px; margin-bottom: 11px; font-weight: 300;}

.section-signoff { text-align: left; font-size: 0.8rem; padding: 20px 0; background: white; }
.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; color: #233a6b; font-weight: 400; text-transform: uppercase; font-size: 12px;}
.section-signoff .termsmenu div { display: inline-block; margin-right: 20px; }
.section-signoff .copyright { margin-top: 4px; margin-left: 20px; font-size: 0.8rem; display: inline-block; }

@media only screen and (max-width: 659px) {

    .section-signoff {padding: 20px 8px;}
    .section-signoff .copyright { margin-left: 0; }
}

@media only print, only screen and (min-width: 660px) {

    .section-signoff { text-align:center; font-size: 1rem; padding: 20px 0; }
    .section-signoff .termsmenu div { margin-right: 0; margin-left: 20px; }
}



/* 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 #ebebeb; box-shadow: none; }
.button-container { margin-top: 10px; text-align: center; display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-3rdparty-content { border: 1px solid #ddd; box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1); text-align: center; font-size: 18px; background-color: #ECECEC; 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: 300; font-size: 17px; }
p.note { font-size: 0.95em; color: #a0a1a1; }
p.inverted { background: #ff6e00; color: white; padding: 15px; border-radius: 1px; margin-top: 1rem; }
p.pull-quote-left, p.pull-quote-right { font-style: italic; font-size: 1.6em; color: #ff6e00; }
@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;}
}

.page-groups-cataloggergroup p.note,
.page-groups-cataloggergroup a.note { color: #515151; }

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


/* breadcrumbs */
.breadcrumbs { color: #a0a1a1; margin-top: 16px; font-size: 13px;}
.breadcrumbs .breadcrumb { padding-right: 15px;}
.breadcrumbs .separator { padding-right: 15px;}
.breadcrumbs .separator .fa { font-size: 0.5rem; }

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


/* paginator */
.paginator.eq:before { content: '230 300 470'; }
.paginator { text-align: right; font-size: 0.9rem; min-width: 25%; }
.paginator .button { color: #474646; 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 .button.with-icon-right .text { margin: 0 5px 0 0; }
.paginator .button.selected { background-color: white; border: 1px solid #d8d9d9; }
.paginator .button.selected:hover, .paginator .button.selected:focus {color: #474646;}
.paginator[data-maxwidth~='469'] { text-align: right; }
.paginator[data-maxwidth~='469'] .previous,
.paginator[data-maxwidth~='469'] .next,
.paginator[data-maxwidth~='469'] .selected { display: inline-block; }
/*.paginator[data-maxwidth~='299'] .selected { display: none; }*/
/*.paginator[data-maxwidth~='229'] .button { padding: 0; width: 40px; }*/
.paginator[data-maxwidth~='229'] .button .text { display: none; }
.paginator .button.button-disabled {color: #ebebeb;}
.paginator .button.button-disabled:hover, .paginator .button.button-disabled:focus {background-color: #f7f7f7;}
.paginator .button.button-disabled.previous,
.paginator .button.button-disabled.next {display: none; visibility: hidden;}
.paginator .button.with-inverted-colors a {color: #474646; text-decoration: none;}
.paginator .button.with-inverted-colors:hover {background-color: #f1efef;}


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

.paginator_bar { padding-bottom: 2rem; margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #ebebeb; }
.paginator_bar { padding-bottom: 2rem; margin-bottom: 2rem; display: block; border-bottom: 1px solid #ebebeb; }
.paginator_bar > div { display: inline-block; }
.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;}
@media only print, only screen and (max-width: 959px) {
    .paginator_bar .result-pages,
    .form-orderby { width: 100%; margin-bottom: 1rem; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .paginator_bar .result-pages,
    .form-orderby { margin-bottom: 1rem; }
}
@media only screen and (min-width: 1450px) {
    .paginator_bar .paginator { float: right; }
    .paginator_bar > div.form-orderby { margin-left: 60px; }
}
.page-articles-cataloggerarticlegroup .paginator_bar .paginator, .page-articles-cataloggercategory .paginator_bar .paginator { margin-bottom: 0; }
.page-groups-cataloggerarticle .paginator_bar { margin-bottom: 0; }


/* result-pages-search */
@media only screen and (max-width: 659px) {
    .result-pages-search .form-search { padding-bottom: 16px; }
}
@media only print, only screen and (min-width: 660px) {
    .result-pages-search { padding-bottom: 1px; border-bottom: 1px solid #f1efef; }
    .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); }
}

/* badge */
.badge { background: #ff6e00; color: white; font-size: 0.9em; position: relative; top: 0; line-height: 1.5em; height: 1.7em; display: inline-block; vertical-align: baseline; white-space: nowrap; padding: 0 0.4em; margin: 0 0.2em; border: 1px solid transparent; border-radius: 0.7em; }
.badge.is-empty { display: none; }
.badge .fa { line-height: 1.4em; }
.badge-alt { background: #233a6b; }
.badge-green { background: #4db647; }
.badge-inv { background: white; color: #ff6e00; border-color: #ebebeb; }
.badge-text { font-size: 0.8em; background: transparent; color: inherit; top: 0; line-height: inherit; height: auto; border-radius: 0; padding: 0 2px;}
.badge-text:before { content: '('; }
.badge-text:after { content: ')'; }

.badge.id-check,
.badge.id-cross { border: none; font-size: 10px; width: 14px; height: 14px; padding: 0 4px;}
.badge.id-check { background: #49b748; padding: 0 3px; line-height: 14px; top: 0; font-size: 8px;}
.badge.id-cross { background: red; padding: 0 4px; line-height: 12px;  top: -1px;}

@media only print, only screen and (max-width: 959px) {
    .badge { color: white; font-size: 0.6em; position: relative; top: 0; line-height: 1.4em; height: 1.7em; border: 1px solid white; border-radius: 100%; }
}

/* 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: 240px; height: 100%; }
.image-cover { background-size: cover; min-height: 220px; height: 100%; }
.image.with-border { border: 1px solid #ebebeb; }
.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 */
.depositarticle {display: inline-block; width: calc(100% - 300px);}
.depositarticle-card { display: flex; min-height: 100px;}
.basketitems .basketitem-controls.depositarticle .quantity {text-align: left; float: left; width: 100px; color: #233a6b; font-weight: 600; line-height: 1.7em;}
.basketitems .basketitem-controls.depositarticle .price {text-align: left; float: left; width: 100px; color: #233a6b; font-weight: 600; line-height: 1.7em;}
.basketitems .basketitem-controls.depositarticle .listprice {width: 100px; color: #233a6b; font-weight: 600; line-height: 1.7em;}
.basketitems .basketitem-subtotal-order-place {width: 300px;}
.basketitems .basketitem-controls.depositarticle .subtotal {left: 135px;}
.depositarticle .image{ width: 100px; display: inline}
.depositarticle .info {display: inline-block; width: calc(100% - 32px - 100px - 180px); padding-left: 26px; vertical-align: top;}
.depositarticle .info-order-place {display: inline-block; width: calc(100% - 32px - 100px - 180px); padding-left: 15px; vertical-align: top;}

.page-quote-place .basket-order-rows {margin-bottom: 30px;}

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

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

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


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

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

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

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


/* faq, qa */
.qa {}
.qa > .question { position: relative; padding-left: 24px; font-size: 1.25rem; font-weight: 600; color: #233a6b; }
.qa > .answer { display: none; padding-left: 24px; }
.qa.is-expanded > .answer { display: block; }
.qa > .question > span.icon-collapsed { position: absolute; top: 0; left: 0; display: block; }
.qa > .question > span.icon-expanded { position: absolute; top: 0; left: 0; display: none; }
.qa.is-expanded > .question > span.icon-collapsed { display: none; }
.qa.is-expanded > .question > span.icon-expanded { display: block; }

/* message */
.message { padding: 10px 16px; border: 1px solid transparent; border-radius: 0px;}
.message > :last-child { margin-bottom: 0; }
.message { background-color: white; border-color: #ebebeb; color: #ff6e00; }
.message.is-info { background-color: white; border-color: #ebebeb; color: #474646; }
.message.is-ok { background-color: white; border-color: #4cae4c; color: #474646; }
.message.is-ok strong { color: #4cae4c; }
.message.is-warning { background-color: white; border-color: #eea236; color: #474646; }
.message.is-warning strong { color: #eea236; }
.message.is-danger { background-color: white; border-color: #c9302c; color: #474646; }
.message.is-danger strong { color: #c9302c; }
.message.is-error { background-color: white; border-color: #c9302c; color: #474646; }
.message.is-error strong { color: #c9302c; }
.message a { text-decoration: underline; }
.message button { margin: 6px 0; }

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

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

.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 .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 button.first:hover{ background-color: #ff6e00;}
.form .input-combined button.last:hover{ background-color: #ff6e00;}
.form .input-combined .last { margin-right: 0; }
.form .input-combined .button { margin-right: 0; }
.form .input-combined .button:hover{ background-color: #ff6e00;}
.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'] .field-accepts_terms_and_conditions label { line-height: 20px; }
.form-fields[data-minwidth~='450'] label { display: inline-block; line-height: 40px; min-height: 40px; }
.form-fields[data-minwidth~='450'] .field-comments label { line-height: 20px; }
.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-contact .form-fields[data-minwidth~='450'] .labelvalue { width: 70%; }
.items-tile.xl-2 .form-contact .form-fields[data-minwidth~='450'] .labelvalue { width: 60%; }
@media only screen and (max-width: 659px) {
    .form-contact .form-fields[data-minwidth~='450'] .labelvalue { width: 100%; }
}

.form .street-streetnr input[name='street'] { width: calc(100% - 64px - 10px); }
.form .street-streetnr input[name='streetnr'] { width: 64px; }
.form .zip-city input[name='zip'] { width: 80px; }
.form .zip-city input[name='city'] { width: calc(100% - 80px - 10px); }
.form .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: calc(100% - 40px); min-width: 160px; margin-right: 0; }
.form-search > form > .input-combined > button { width: 40px; background: transparent !important; color: #ff6e00; position: relative; left: -43px; font-size: 18px;}
.form-search > .feedback { width: 840px; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .form-search > .feedback { width: 680px; }
}

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

.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: #233a6b; 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 #e2e4e5; padding: 0 30px; }
.quicksearch .pages .pagedoc { margin-bottom: 22px; line-height: 28px; }
.quicksearch .pages .pagedoc b {font-size: 16px; color: #474646; font-weight: 400;}
.quicksearch .pages .pagedoc p { display: none; }
.quicksearch .products { display: inline-block; width: 60%; vertical-align: top; border-left: 1px solid #e2e4e5; 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: #ff6e00; transition: all 0.3s ease 0s;}
.quicksearch .all { margin-top: 10px; border-top: 1px solid #ebebeb; padding-top: 10px }
.quicksearch .doc header { color: #474646; margin-bottom: 5px; font-size: 1rem; }
.quicksearch a.read-more {font-weight: 500; font-size: 13px; color: #ff6e00; }
.quicksearch a.read-more:hover {color: #40b4e5;}
.quicksearch a.read-more .fa {color: #ebebeb; 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 #e2e4e5; 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 #e2e4e5; 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; }
}

@media only screen and (max-width: 659px){
  .quicksearch .suggestions { display: none; }
  .quicksearch .products .items-tile .item { padding: 0 16px 0 16px; }
}

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


/* helptext in forms */
.helptext { color: #6b6b6c; font-size: 0.9em; }
.helptext.helptext-orderlimit,
.helptext.helptext-show_price { padding-top: 5px; }
.modal .helptext-password { font-size: 0.8em; }


/* newsletter form */
.form-newsletter { margin: 0; white-space: nowrap; }
.form-newsletter .feedback { white-space: normal; }
.form-newsletter input { width: calc(100% - 130px); min-width: 120px;  border-width: 2px; box-shadow: none;}
.form-newsletter button { 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; margin: 0 20px 0 0; }
.form-office-locator .offices-cards > .offices { margin-top: 2rem; }
.form-office-locator .offices-map.is-active { height: 400px; }

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


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

.select-list { padding: 7px 0; border: 1px solid #ebebeb; background: white; }
.select-list .select-item { padding: 3px 15px; color: #ff6e00; cursor: pointer; }
.select-list .select-item.is-selected, .select-list .select-item:hover, .select-list .select-item:focus { color: #ff6e00; background: #ECECEC; }

.suggestion-list { padding: 7px 0; }
.suggestion-list .suggestion-item { padding: 3px 15px; color: #ff6e00; cursor: pointer; }
.suggestion-list .suggestion-item.is-selected, .suggestion-list .suggestion-item:hover, .suggestion-list .suggestion-item:focus { color: #ff6e00; background: #ECECEC; }
@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: calc(100% - 140px); }
.order-add-coupon button { width: 130px; }
.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 #ebebeb; }
.items-accordion > .item { border: 1px solid #ebebeb; border-bottom: 0; }
.items-accordion > .item > .item-stylable > header { background: #fbfbf9; color: #474646; padding: 5px; }
.items-accordion > .item.is-selected > .item-stylable > header { background: #ff6e00; color: white; }

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

/* tab */
.items-tab > .items { border: 1px solid #ebebeb; }
.items-tab > .tabs > .tab { border: 1px solid #ebebeb; border-bottom: 0; background: #fbfbf9; color: #474646; min-width: 50px; padding: 5px; margin-right: 5px;}
.items-tab > .tabs > .tab.is-selected { background: #ff6e00; color: white; }

/* calendar */

.calendar-month { border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.calendar-month > .calendar-day { display: inline-block; width: 14.285714%; padding: 10px 0; text-align: center; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
.calendar-month > .calendar-day.header { font-weight: 600; background: #fbfbf9; }
.calendar-month > .calendar-day-dimmed { background: #fbfbf9; }
.calendar-month > .calendar-day.day-highlighted { background-color: #ff6e00; color:white; font-weight: 600;}
.calendar-month > .calendar-day.is-disabled { background-color: white; color: #a0a1a1; }
.calendar-month > .calendar-day.is-selected { background-color: #233a6b; color: white; }
.calendar-month > .calendar-day-today { font-weight: 600; color: #ff6e00; border: 3px solid; padding: 7px 0; }
.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: #ff6e00; color: white; margin-right: 5px; margin-bottom: 5px; padding-top: 0; }
.social > div:last-child { margin-right: 0;}
.social-alt > div { background: #233a6b; }
.social-inv > div { background: white; color: #ff6e00; }
.social-alt.social-inv > div { background: white; color: #233a6b; }
.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 { width: calc(100% - 20px); height: 400px; margin: 0 20px 0 0; }
.googlemap > .info { display: none; }
.googlemap > .markers > .marker > .info { display: none; }

/* pagelinks */
.pagelinks { }
.pagelinks .pagelink.is-selected { color: #ff6e00; }
.pagelinks .page .pagelink a { font-size: 1.11rem; line-height: 1.9rem; }
.pagelinks .page .anchors { padding-left: 18px; }
.pagelinks .page .anchors a { line-height: 1.9rem; }
@media only print, only screen and (max-width: 959px) {
    .pagelinks .page { border-bottom: 1px solid #e2e4e5; padding: 4px 0; }
    .pagelinks .page .is-selected { padding: 4px 0; }
    .pagelinks .page .anchors { padding-left: 0; border-top: 1px solid #e2e4e5; }
}

/* product actions/data */
.order-add .input-combined button.first { background-color: #23a174; }
.order-add .input-combined button.last { background-color: #233a6b; }
.order-add .input-combined button:hover, .order-add .input-combined button:focus { background-color: #233a6b; }

.order-add-product.eq:before { content: '200'; }
.order-add-product { min-width: 80px; width: 100%; white-space: nowrap; }
.order-add-product .input-combined input { margin-right: 0; width: 65px; text-align: center; min-height: 40px; }
.order-add-product .input-combined button { width: calc(100% - 80px); white-space: nowrap; min-height: 30px;}
.order-add-product[data-maxwidth~='199'] button { padding-left: 0; padding-right: 0; min-width: 40px; }
.order-add-product[data-maxwidth~='199'] button .text { display: none; }

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

.order-update-product.eq:before { content: '200'; }
.order-update-product { min-width: 80px; max-width: 320px; }
.order-update-product input { width: 65px; text-align: center; padding: 0 8px; }
.order-update-product button { white-space: nowrap; }
.order-update-product[data-maxwidth~='199'] button { padding-left: 0; padding-right: 0; min-width: 40px; }
.order-update-product[data-maxwidth~='199'] button .text { display: none; }

.order-remove button.without-background { color: #c3c1c1; font-size: 1.35rem; }

.favorites .form { margin: 0; }
.favorites-toggle-product.eq:before { content: '120'; }
.favorites-toggle-product { min-width: 40px; max-width: 320px; }
.favorites-toggle-product button { white-space: nowrap; }
.favorites-toggle-product[data-maxwidth~='119'] button { padding-left: 0; padding-right: 0; min-width: 40px; }
.favorites-toggle-product[data-maxwidth~='119'] button .text { display: none; }

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

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



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

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

.comparefavorite { display: inline-block;}
.comparefavorite .favorites-toggle-product { display: inline-block; min-width: 120px; }
.comparefavorite .compare-toggle-product { display: inline-block; min-width: 100px; }
.comparefavorite .button.without-background { background: #ff6e00; padding: 0 20px; color: white; }

.product-stock.eq:before { content: '180'; }
.product-stock .text { margin-left: 5px; }
/* .products-table .product-stock[data-maxwidth~='179'] .text { display: none; } */
.product-stock-a .stockicon, .product-stock-d .text { color: #ffc0cb; }
.product-stock-a .stockicon .fa:before, .product-stock-d .fa:before { color: #ffc0cb; }
.product-stock-c .stockicon, .product-stock-c .text { color: #a29bfe; }
.product-stock-b .stockicon, .product-stock-b .text { color: #ff6e00; }
.product-stock-a .stockicon, .product-stock-a .text { color: green; }
.product-stock-e .stockicon, .product-stock-e .text { color: red; }
.product-price .price { font-size: 1.3rem; display: inline-block; vertical-align: baseline; color: #233a6b; font-weight: 700; margin-top:10px; }
.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: 235px; }
.product-price-qbreaks > table { background: #e2e4e5; width: 100%; margin-bottom: 0; margin: 8px 0; }
.product-price-qbreaks > table > tbody > tr:first-child > td { padding-top: 5px; }
.product-price-qbreaks > table > tbody > tr:last-child > td { padding-bottom: 5px; }
.product-price-qbreaks > table > tbody > tr > td { font-size: 1rem; padding: 1px 0px; color: #474646; }
.product-price-qbreaks > table > tbody > tr > td.price { padding-right: 13px; font-size: 1rem; color: #474646; font-weight: normal; text-align: right; display: table-cell; }
.product-price-qbreaks > table > tbody > tr > td.header { font-weight: 600; color: #233a6b;}
.product-price-qbreaks > table > tbody > tr > td.q { padding-left: 13px;}
.product-price-qbreaks > table > tbody > tr > td.discount { text-align: center; }
.product-price-qbreaks > table > tbody > tr.is-selected > td { background: #ebebeb; }

.product-price-net-table { min-width: 180px; max-width: 230px; border: 1px solid #e2e4e5; padding: 0 8px; margin: 8px 0;}
.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.85rem; padding: 0; color: #474646; }
.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.85rem; color: #474646; font-weight: normal; text-align: right; display: table-cell; }
.product-price-net-table > table > tbody > tr > td.header { font-weight: 600; color: #233a6b;}

.product-price-promo-table { min-width: 180px; max-width: 230px; border: 1px solid #e2e4e5; padding: 0 8px; margin: 8px 0;}
.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.85rem; padding: 0; color: #474646; }
.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.85rem; color: #474646; font-weight: normal; text-align: right; display: table-cell; }
.product-price-promo-table > table > tbody > tr > td.header { font-weight: 600; color: #233a6b;}

/* product cards */
.product-promo-slogan { color: #ff6e00; line-height: 1.4em; }

.product-card { position: relative; padding: 10px 12px; }
.with-alternate-background .product-card { background: white; padding: 16px; }
.product-card .image.product-image { min-height: 0; }
.product-card > .image { position: relative; margin-bottom: 10px; height: 120px; }
.product-card > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card > .image > .product-promo > .promo { display: inline-block; font-size: 1.11rem; padding: 1px 7px; background: #ff6e00; color: white; font-weight: 700; }
.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 > .info > header { color: #233a6b; font-weight: 700; margin-bottom: 0; font-size: 14px; }
.product-card:hover > .info a, .product-card:focus > .info a { color: #ff6e00; transition: all 0.3s ease 0s;}
.product-card > .info p { margin-bottom: 0; padding: 5px 0; }
.product-card span.price { font-weight: bold; }
.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;
}

.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; border-right: 1px solid #ebebeb; margin-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; padding-top: 10px; }
.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; border-right: 1px solid #ebebeb; margin-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 + 32px); 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-infoprice.eq:before { content: '260 550'; }
.product-card-infoprice > .action { display: block; }
.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: 70px; height: 100px; border: 0; margin-bottom: 0; }
.product-card-infoprice[data-minwidth~='260'] > .image .product-image { height: 100%; min-height: 0; }
.product-card-infoprice[data-minwidth~='260'] > .info { border: 0; padding-left: calc(70px + 16px); width: calc(100% - 50px); 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;}
.basket-orderhistory-rows .product-card-infoprice[data-minwidth~='550'] { min-height: 100px; display: inline-block;}
.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); padding-left: calc(100px + 16px); vertical-align: top; }
.product-card-infoprice[data-minwidth~='550'] > .action { text-align: right; display: inline-block; width: 180px; margin-left: 16px; margin-top: 0; padding-top: 0; vertical-align: top; border: 0; }
.product-card-infoprice[data-minwidth~='550'] > .action { margin-left: 0;}

@media only screen and (min-width: 960px){
    .product-card-infoprice[data-minwidth~='550'] > .action { float:  right; }
}
@media only print, only screen and (max-width: 959px){
    .product-card-infoprice[data-minwidth~='550'] > .action { padding-left: 116px; text-align: left; }
}

.product-card-full.eq:before { content: '320 470'; }
.product-card-full > .image { position: relative; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; height: 121px; }
.product-card-full > .image .product-image { width: 100%; height: 120px; min-height: 0; }
.product-card-full > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card-full > .image > .product-promo > .promo { display: inline-block; padding: 3px 5px; background: #ff6e00; color: white; font-weight: 600; }
.product-card-full > .image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 3px 5px; background: rgba(255,255,255, 0.7); }
.product-card-full > .info header { color: #233a6b; 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 #ebebeb; 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~='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: #233a6b; margin-bottom: 0; }
.product-card-mini > .info p { margin-bottom: 0; }
.product-card-mini > .info .price { font-size: 1.15rem; padding-bottom: 4px;}
.product-card-mini > .action { width: calc(100%); }
.product-card-mini > .action .order-add > form { margin-bottom: 0; }
.product-card-mini[data-minwidth~='400'] > .image { float: none; }
.product-card-mini[data-minwidth~='400'] > .info { margin-left: 0; display: inline-block; width: calc(100% - 32px - 180px); vertical-align: top; }
.product-card-mini[data-minwidth~='400'] > .action { display: inline-block; width: 140px; vertical-align: top; border: 0; margin-left: 16px; margin-top: 0; padding-top: 0; }


.items-tile.filteroptions.with-gutter { margin: 8px 15px 13px 0px; font-size: 12px;}
.items-tile.filteroptions.groupfilter.with-gutter .product-card-mini {padding: 3px 20px; }
.items-tile.filteroptions.groupfilter.with-gutter .product-card-mini p {font-size: 12px; font-weight: 600;}

.items-tile.filteroptions.with-gutter > .item { width: auto; min-width: 38px; padding: 0; margin-right: 5px; margin-bottom: 5px; transition: 0.15s all ease-in-out;}
.items-tile.filteroptions.with-gutter > .item:hover { background-color:rgb(245,245,245); color: black;}
.items-tile.filteroptions.with-gutter > .item p { margin: 3px 0; font-weight: 600; font-size: 12px; }
.filteroptions .product-card-mini { border: 2px solid #ebebeb; text-align: center; padding: 3px 10px;}
.filteroptions .product-card-mini.is-selected { background: #ff6e00; color: white; min-width: 40px; }
.filteroptions .product-card-mini.no-order {
  position:relative;
}
.filteroptions .product-card-mini.no-order:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  border-top:2px solid red;
  width:50px;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
}

.filter-summary>header>.reset{
    float: right;
    position: relative;
    top: 1px;
}

.filter-summary-item {
  padding: 1px 0;
}


.filter-summary-item .reset{
    top: 0;
    float: right;
}

.products-table { width: 98%; margin-top: 40px; }
.products-table > thead > tr > td { padding: 3px 0 3px 13px; vertical-align: middle; }
.products-table > tbody > tr > td { padding: 7px; vertical-align: middle; border-right: 3px solid white; font-weight: 400;}
.products-table > thead > tr.header > td { background: #233a6b; color: white; vertical-align: top; padding: 14px 7px 12px 7px; font-weight:400; font-size: 14px;}
.products-table > tbody > tr.header > td { background: #233a6b; color: white; vertical-align: top; padding: 14px 7px 12px 7px;}
.products-table > thead > tr.even > td { background: #f9f8f8; }
.products-table > tbody > tr.even > td { background: #f5f5f5; }
.products-table > thead > tr > td.artnr { text-align: left; white-space: nowrap; font-weight: 400; }
.products-table > tbody > tr > td.artnr { text-align: left; white-space: nowrap; font-weight: 400; }
/*.products-table > thead > tr > td.spec  { text-align: left; }*/
/*.products-table > tbody > tr > td.spec  { text-align: left; }*/
.products-table > thead > tr > td.artnr a { white-space: nowrap; }
.products-table > tbody > tr > td.artnr a { white-space: nowrap; color: #474646;}
.products-table > thead > tr > td.price { text-align: left; white-space: nowrap; }
.products-table > tbody > tr > td.price { text-align: left; white-space: nowrap; }
.products-table > thead > tr > td.order .order-add-product { position: relative; top: 5px; }
.products-table > tbody > tr > td.order .order-add-product { position: relative; top: 5px; }
.products-table > thead > tr.extra-info > td { text-align: left; vertical-align: top; padding-bottom: 0px; padding-top: 0px;}
.products-table > tbody > tr.extra-info > td { text-align: left; vertical-align: top; padding-bottom: 0px; padding-top: 0px;}
.products-table .extra-info { border-top: 1px solid #e2e4e5; }
.products-table .order-add form {margin-bottom: 9px;}

/*.products-table td { text-align: center; }*/
.products-table .info { width: 32px; }
.products-table .favorite { width: 32px; }
.products-table .favorite .favorites-toggle-product, .products-table .favorite .favorites-toggle-product button { width: 20px; min-width: 20px; }
.products-table .compare { width: 32px; }
.products-table .compare .compare-toggle-product { width: 20px; }
.products-table .artnr { white-space: nowrap; }
.products-table .packing { }
.products-table .stock { width: 50px; }
.products-table .stock .product-stock { text-align: center; }
.products-table .listprice { white-space: nowrap; text-align: right; }
.products-table .discount { width: 50px; }
.products-table .price { white-space: nowrap; text-align: right; }
.products-table .order { width: 140px; }
.products-table .order .order-add-product { width: 140px; }

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

.product-card-table-extra-info.eq:before { content: '320 600 740'; }
.product-card-table-extra-info { position: relative; padding: 12px 0 8px 0;}
.product-card-table-extra-info > .image { position: relative; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; height: 121px; min-height: 0; }
.product-card-table-extra-info > .image .product-image { width: 100%; height: 120px; min-height: 0; }
.product-card-table-extra-info > .image > .product-promo { position: absolute; left: 0; bottom: -1px; }
.product-card-table-extra-info > .image > .product-promo > .promo { display: inline-block; padding: 3px 5px; background: #ff6e00; color: white; font-weight: 600; }
.product-card-table-extra-info > .image > .product-promo > .valid_until { position: relative; top: -1px; display: inline-block; padding: 3px 5px; background: rgba(255,255,255, 0.7); }
.product-card-table-extra-info > .info { margin-bottom: 10px; }
.product-card-table-extra-info > .info header { color: #233a6b; 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: #233a6b; padding: 10px; color: white; font-size: 1.2rem; }
.product-card-table-extra-info > .action:hover, .product-card-table-extra-info > .action:focus {background-color: #ff6e00; transition: all 0.3s ease 0s;}
.product-card-table-extra-info > .action a {color: white;}
.product-card-table-extra-info > .action a:hover, .product-card-table-extra-info > .action a:focus {text-decoration: none;}
.product-card-table-extra-info[data-minwidth~='320'] > .image { display: inline-block; width: 120px; border: 1px solid #ebebeb; 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; }
.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: 200px; }


/* 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; }
.basketitem-card-mini > .info p { margin-bottom: 0; }
.basketitem-card-mini > .info .subtotal {}

.basketitem-card-info.eq:before { content: '280'; }
.basketitem-card-info { width: 100%; min-width: 160px; }
.basketitem-card-info > .image { margin-bottom: 10px; min-height: 0; }
.basketitem-card-info > .image .product-image { width: 100%; height: 80px; min-height: 0; }
.basketitem-card-info > .info header a {line-height: 1.25em;}
.basketitem-card-info > .info p { margin-bottom: 0; }
.basketitem-card-info > .info > .summary { color: #233a6b; font-weight: 600; line-height: 1.7em;}
.basketitem-card-info > .info > .summary > .subtotal { width: 100px; float: right; text-align: right;}
.basketitem-card-info > .info > .summary > .quantity { width: 100px; float: right; }
.basketitem-card-info > .info > .summary > .price { width: 100px; float: right; text-align: left; }
.modal .basketitem-card-info > .info > .summary > .subtotal { width: auto; float: right; text-align: right;}
.modal .basketitem-card-info > .info > .summary > .quantity { width: auto; float: left; }
.modal .basketitem-card-info > .info > .summary > .price { width: 100px; float: right; text-align: left; }

@media only screen and (max-width: 659px) {
  .basketitem-card-info > .info > .summary > .subtotal { width: auto; float: right; text-align: right;}
  .basketitem-card-info > .info > .summary > .quantity { width: auto; float: left; margin-right: 10px;}
  .basketitem-card-info > .info > .summary > .price { width: auto; float: left; margin-right: 10px; text-align: left;}
  .modal .basketitem-card-info > .info > .summary > .subtotal { width: auto; float: right; text-align: right;}
  .modal .basketitem-card-info > .info > .summary > .quantity { width: auto; float: left; }
  .modal .basketitem-card-info > .info > .summary > .price { width: 75px; float: left; text-align: left; }
}
.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; align-items: center; }
.basketitems .basketitem-product { display: inline-block; width: calc(100% - 300px); vertical-align: top; }
.basketitems .basketitem-controls { display: inline-block; width: 300px; vertical-align: top; text-align: left; }
.basketitems .basketitem-controls > div { display: inline-block; }
.basketitems .basketitem-controls > div.basketitem, .basketitems .basketitem-controls > div.order-remove {text-align: right;}
.basketitems .basketitem-controls > div.basketitem-subtotal { width: 105px; }
.basketitems .basketitem-controls > div.basketitem-subtotal .subtotal { position: relative; font-size: 1.3rem; display: inline-block; vertical-align: baseline; color: #233a6b; font-weight: 700; white-space: nowrap; }
.basketitems .basketitem-controls.deposit-article > div.basketitem-subtotal .subtotal { left: 135px; }
.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-product .action, .basketitems .basketitem-controls { margin-top: 28px;}
.basketitems .basketitem-controls .order-add-product { margin-left: 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; }
}

.basket-summary .coupon { color: #ff6e00; 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 #e2e4e5; padding: 4px 0; }
    .dropdown .page .is-selected { padding: 4px 0; }
    .dropdown .page .anchors { border-top: 1px solid #e2e4e5; }
}
@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% - 360px); vertical-align: top; }
.favoritesbasketitems .basketitem-controls-container { display: inline-block; width: 300px; vertical-align: top; text-align: right;}
.favoritesbasketitems .basketitem-controls { display: flex; justify-content: flex-end; width: 155px; vertical-align: top; text-align: right; margin-left: 100px; }
.favoritesbasketitems .basketitem-controls > div { display: inline-block; }
.favoritesbasketitems .basketitem-controls > div p{ margin-top: 10px; }
.favoritesbasketitems .basketitem-controls > div.basketitem-subtotal { width: 74px; }
.favoritesbasketitems .basketitem-controls .favorites-toggle-product button { 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 .basketitem-product .action, .favoritesbasketitems .basketitem-controls-container .basketitem-controls { margin-top: 28px;}
.favoritesbasketitems .basketitem-controls .order-add-product { margin-left: 0; width: unset;}

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

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

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

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


/* shopping cart / checkout */
.steps.eq:before { content: '760'; }
.steps { background: #e2e4e5; }
.steps > .fa { display: inline-block; width: 0; color: white; line-height: 10%; font-size: 10rem; vertical-align: top; position: relative; top: 18px; left: -30px; }
.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: #ff6e00; 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: #ff6e00; color: white; }
.steps > .step .text { margin-left: 10px; font-size: 1.2rem; 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 .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 { position: absolute; bottom: 0; right: 0; }
.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 { min-height: 0; }
.hero-image .page-width {
    position: relative;
    height: 100%;
}

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

.hero-h1-super .page-width { padding: 127px 10px; }
.hero-h1-super .hero-block { width: 100%; color: #ff6e00; border: 3px solid white; padding: 21px 28px 23px 28px; margin: 0 auto; }
.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 .page-width { padding: 64px 10px 80px; }
    .hero-h1-super .hero-block { width: 474px; margin-top: 87px;}
    .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 screen and (max-width: 659px) {
    .hero-h1-super { height: 200px; }
    .hero-h1-super .page-width { padding: 56px 10px; }
    .hero-h1-super .hero-block { padding: 10px 12px 10px 12px; margin-top: 20px;}
    .hero-h1-super h1 {margin-bottom: 0; font-size: 1.5rem; font-weight: 500; text-align: center;}
    .hero-h1-super h1 b { font-weight: 700; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .hero-h1-super { height: 370px; }
    .hero-h1-super .page-width { padding: 5px 10px; }
    .hero-h1-super .hero-block { margin-top: 10px;}
}

.hero-usps { background-color: white; }
.hero-usps .page-width { padding: 0; height: 50px; margin-bottom: 10px; }
.hero-usps .usps { width: calc(100% - 10px); margin: 0 10px; text-align: center; background: #ff6e00; color: white; font-weight: 600; position: relative; top: -25px; }
.hero-usps .usps .usp { display: inline-block; font-size: 1.2rem; line-height: 50px; padding: 0 10px; }
.hero-usps .usps .usp .fa {color: #474646;}
.hero-usps .usps a {color: white; text-decoration: underline;}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .hero-usps .page-width { padding: 0; height: 32px; }
    .hero-usps .usps { font-size: 0.8rem; font-weight: normal; top: -32px; }
    .hero-usps .usps .usp { line-height: 32px; }
}

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

.hero-header { height: 120px; background-attachment: scroll; background-position: center top; }
.device-ios .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: #ff6e00; 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: #ECECEC; }
.site-window-content section.with-inverted-colors.hero-h1 h1,
.site-window-content section.with-inverted-colors.hero-header header { background-color: #ff6e00; color: white;}

/*.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable {background: white; padding: 20px; color: #474646;}*/
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info > header a {color: #ff6e00; text-decoration: none;}
.site-window-content section.with-inverted-colors .items-tile.with-gutter .item .item-stylable .product-card > .info p a {color: #474646; 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: #ff6e00; padding: 10px 32px 0; }
.site-window-content section.with-alternate-background.hero-h1-map h1 { background-color: #ECECEC; }
.site-window-content section.with-inverted-colors.hero-h1-map h1 { background-color: #ff6e00; 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: #233a6b; }
.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 #ebebeb; 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: #ff6e00; font-size: 1.2rem; }
.card-coupon > .text p { color: #233a6b; 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 #ebebeb; position: relative; height: 100%; }
.card-box > .image { padding-top: 40px; min-height: 0; }
.card-box > .image > .box { border: 2px solid white; padding: 10px 10px 30px; margin: 0 16px 50px; position: relative; }
.card-box > .image > .box > .text { padding: 10px; background: rgba(255,255,255,0.9); }
.card-box > .image > .box > .text header { color: #ff6e00; text-align: center; margin-bottom: 0; font-size: 1.2rem; }
.card-box > .image > .box > a { white-space: nowrap; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }

.card-link-image > a { position: relative; display: block; overflow: hidden; }
.card-link-image > a > .image { height: 195px; }
.card-link-image > a > .image { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
/*.card-link-image:hover > a > .image, .card-link-image:focus > a > .image { -webkit-transform: scale(1.1); transform: scale(1.1); }*/
.card-link-image > a > .text { white-space: nowrap; background-color: #233a6b; padding: 8px 13px; position: absolute; bottom: 24px; left: 24px; font-size: 16px; color: white; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);}
.card-link-image > a > .text:after {content: '\f105';float: right; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 0px 0px 10px; text-decoration: none;}

.smaller-padding.items-block.with-gutter > .item {padding: 8px;}


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

.contact-card.eq:before { content: '340'; }
.contact-card { position: relative; min-height: 120px; line-height: 1.8rem;}
.contact-card > .image { margin-bottom: 0; background-position: left bottom; min-height: 0; }
.contact-card .name { font-weight: 600; }
.contact-card .fa { margin-right: 5px; }
.contact-card .tel { white-space: nowrap; font-size: 0.9rem; }
.contact-card .email { white-space: nowrap; font-size: 0.9rem; }
.contact-card[data-minwidth~='340'] { padding-left: calc(160px + 10px); }
.contact-card[data-minwidth~='340'] > .image { width: 160px; height: 120px; position: absolute; top: 0; left: 0; margin-bottom: 0; background-position: left top; }

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



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

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

/* news */

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

.page-card-newsitem.eq:before { content: '540'; }
.page-card-newsitem { background: white; border: 1px solid #f2f3f3; padding: 0; margin-bottom: 32px; position: relative; }
.page-card-newsitem:last-child { margin-bottom: 0; }
.page-card-newsitem header { font-size: 15px; font-weight: 500; color: #233a6b; margin-bottom: 9px; }
.page-card-newsitem > .image { margin-bottom: 12px; min-height: 0; overflow: hidden; }
.page-card-newsitem > .image > .image-container { overflow: hidden; line-height: 0; font-size: 0; border: 1px solid #ebebeb; }
.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 > .image img:hover, .page-card-newsitem > .image img:focus { -webkit-transform: scale(1.1); transform: scale(1.1); }*/
.page-card-newsitem > .image .image-cover { min-height: 190px;}
.page-card-newsitem > .newscontent {padding: 16px 25px 25px 25px;}
.page-card-newsitem .newsinfo {visibility: hidden; display: none;}
.page-card-newsitem .tags { font-size: 0.8rem; margin-bottom: 10px; }
.page-card-newsitem p { margin-bottom: 18px; font-size: 15px; font-weight: 300; line-height: 20px;}
.page-card-newsitem a.read-more { display: block; font-weight: 300; }
.page-card-newsitem a.read-more .fa { color: #474646; font-size: 10px; padding-left: 10px;}
.page-card-newsitem a.read-more:hover {color: #ff6e00;}
.page-card-newsitem a.read-more:hover .fa {color: #ff6e00;}
.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:before {content:''; background: url('diamond.png'); height: 40px; width: 40px; position: absolute; top: 170px; left: 42%;}*/


.newsitem { background: white; padding: 35px 48px ; border: 1px solid #f2f3f3; margin-bottom: 2rem; }
.newsitem > h1 { color: #233a6b; margin-bottom: 0;}
.newsitem > .news-info > div { display: inline; }
.newsitem > .news-info > .tags-info { margin-left: 6px; }
.newsitem > .image-cover { height: 320px; min-height: 0; }
.newsitem p {font-size: 1.11rem; line-height: 2rem;}
.newsitem .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: #ebebeb;}
.newsfilter-browse .button.button-disabled:hover, .newsfilter-browse .button.button-disabled:focus { background-color: #f7f7f7; }
.newsfilter-browse .button.button-disabled.previous,
.newsfilter-browse .button.button-disabled.next { display: none; }

/* filter */

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


.filters header {color: #233a6b; margin-bottom: 0; font-size: 13px; font-weight: 700; margin-bottom: 4px;}
.filters header span.reset { font-weight: 600; }
.filters .badge-text {color: color:rgba(0,0,0,1); font-size: 13px;}

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

.filter .form .thisbutton { background-color: transparent; color: #233a6b; min-height: 33px; line-height: 33px; }

.filter .form .input-combined .button { background-color: transparent; color: #233a6b; 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: 13px; line-height: 21px; color:rgba(0,0,0,1);}
.filter-item * { text-indent: 0; }
.filter-item.is-inactive { color: #a0a1a1; }

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

.filtercontrols button { background-color: transparent; margin-top: 3px; padding: 0; color: rgb(150,150,150); width: auto; text-align: left; line-height: 17px; min-height: 21px; font-size: 13px; }
.filtercontrols button:hover, .filtercontrols button:focus { background-color: inherit; color: #40b4e5; transition: all 0.3s ease 0s;}
.filtercontrols button:before {content: '\f078'; font-family: FontAwesome; font-weight: normal; font-size: 12px; font-style: normal; margin: 0px 8px 0px 0px; text-decoration: none; position: relative;left: 2px; top: -2px;}
.filtercontrols button:hover:before {content: '\f0dc'; font-family: FontAwesome; font-weight: normal; font-size: 12px; font-style: normal; margin: 0px 8px 0px 0px; text-decoration: none; position: relative;left: 4.5px; top: -1px; padding-right: 5.1px; }
.filtercontrols button.hide-hidden-filters:before {content: '\f077'; font-family: FontAwesome; font-weight: normal; font-size: 12px; font-style: normal; margin: 0px 8px 0px 0px; text-decoration: none; position: relative;left: 2px; top: -2px;}
.filtercontrols button.hide-hidden-filters:hover:before {content: '\f0dc'; font-family: FontAwesome; font-weight: normal; font-size: 12px; font-style: normal; margin: 0px 8px 0px 0px; text-decoration: none; position: relative;left: 4.5px; top: -1px; padding-right: 5px; }


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

/* coupon */

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

/* catalog */

.artgroup_styling .catalog-card-group { padding: 10px; }
.artgroup_styling .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; }
.artgroup_styling .catalog-card-group h2 { text-align: left; }
.artgroup_styling .catalog-card-group span.price { font-weight: bold; }
.artgroup_styling .catalog-card-group:hover h2, .artgroup_styling .catalog-card-group:focus h2 {background-color: unset; color: #ff6e00; transition: all 0.3s ease 0s;}
.catalog-card-group { background: white; padding: 0px; position: relative; height: 100%; }
.catalog-card-group:hover a.read-more, .catalog-card-group:focus a.read-more {color: #233a6b; transition: all 0.3s ease 0s; }
.catalog-card-group h2 { font-size: 14px; color: #233a6b; text-align: center; margin-bottom: 0; font-weight: 700; padding: 10px 0; line-height: 21px;}
.catalog-card-group:hover h2, .catalog-card-group:focus h2 {background-color: #ff6e00; color: white; transition: all 0.3s ease 0s;}
.catalog-card-group > .image { height: 203px; }
.catalog-card-group > .image .image { min-height: 0; }
.catalog-card-group p { margin-bottom: 10px; }
.catalog-card-group a.read-more { display: block; font-weight: 600; }
.catalog-card-group a.read-more:hover, .catalog-card-group a.read-more:focus { color: #233a6b; transition: all 0.3s ease 0s; }
.catalog-card-group a.read-more .fa { color: #233a6b; vertical-align: middle; }

@media only screen and (min-width: 1450px) {
  .catalog-card-group > .image { height: 244px; }
  .catalog-card-group > .image .image { min-height: 244px; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
  .catalog-card-group > .image { height: 212px; }
  .catalog-card-group > .image .image { min-height: 212px; }
}

/* catalog text over image */

.text-on-image { position: relative; }
.text-on-image p { position: absolute; left: 32px; max-width: 345px; bottom: 1px; background: white; padding: 25px 35px 0 35px; font-size: 1.3rem; margin-bottom: 0; bottom: 0; font-weight: 300; }
.text-on-image .image-contain { min-height: 325px; }
.text-on-image .image-cover { height: 405px; }
@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; }
    .text-on-image .image-cover { height: 100%; }
}
@media only print, only screen and (max-width: 959px) {
    .text-on-image .image-contain { min-height: 120px; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .text-on-image p { left: 10px; max-width: 218px; bottom: -5px; padding: 18px 12px 0 12px; font-size: 1rem; }
}
@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .text-on-image .image-cover { height: 240px; }
}

.cataloggerarticlegroup h1 {line-height: 1.1em; margin-bottom: 3px;}
.cataloggerarticlegroup ul {list-style: none; margin-left: 0; padding-left: 0; text-indent: -1.2em; font-size: 16px;}
.cataloggerarticlegroup li {line-height: 23px; padding-left: 20px; padding-bottom: 4px;}
.cataloggerarticlegroup li:before {font-family: 'FontAwesome'; content: '\f111'; font-size: 7px; position: relative; top: -3px; padding-right: 10px; color: #5d5d5e;}
.cataloggerarticlegroup .brand { width: 86px;}
.cataloggerarticlegroup .items-block > .gallery { width: 600px !important; }
.cataloggerarticlegroup .items-block > .gallery > .items-gallery > .items { height: 500px; }
.cataloggerarticlegroup .items-block > .gallery > .image.large { height: 500px; min-height: 0; }
.cataloggerarticlegroup .items-block > .info { width: calc(100% - 600px) !important; }

.cataloggerarticlegroup p a.link:after {font-family: 'FontAwesome'; content: '\f0da'; font-size: 14px; position: relative; top: 1px; padding-left: 5px; color: #5d5d5e;}

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

    .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 (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: 3px; font-weight: 700; font-size: 2rem;}
.cataloggerarticle h3.articlenumber  {color: #ff6e00; 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: '-'; display: block; float: left; width: 1.2em; color: #5d5d5e;}
.cataloggerarticle .brand { width: 86px;}
.cataloggerarticle.cataloggerarticle-info .promo { font-size: 1.11rem; padding: 1px 7px; background: #ff6e00; color: white; font-weight: 700;}
.cataloggerarticle.cataloggerarticle-info .product-price .price-final { font-size: 2.0rem; }
.cataloggerarticle.cataloggerarticle-info .product-price .price-final .qbreak { font-size: 1.3rem; }
.cataloggerarticle.cataloggerarticle-info .order-add-product {margin-top: 8px;}
.cataloggerarticle.cataloggerarticle-info .order-add-product .input-combined button,
.cataloggerarticle.cataloggerarticle-info .order-add-product .input-combined input { vertical-align: bottom; }
.cataloggerarticle.cataloggerarticle-info .order-add-product button {width: auto; min-height: 40px; }
.cataloggerarticle.cataloggerarticle-info .order-add-product input {min-height: 40px;}
.cataloggerarticle.cataloggerarticle-info .order-add-product button .text { font-size: 1.25rem; }
.cataloggerarticle.cataloggerarticle-info .order-add-product button .fa { font-size: 1.2rem;}
.cataloggerarticle .items-block > .gallery { width: 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%; }
@media only screen and (max-width: 659px) {
    .cataloggerarticle .order-add-product button {width: calc(100% - 54px);}
    .cataloggerarticle .items-block > .gallery { width: 100% !important; }
    .cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticle .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticle .items-block > .info { width: 100% !important; }
    .cataloggerarticle .items-block.items-50-50-100 .item {width: 100% !important;}
    .page-article .site-window-content section.with-mini-padding.below-articles .page-width {padding-bottom: 0;}
}
@media only print, only screen and (max-width: 959px) {
    .cataloggerarticle .brand {margin-top: 15px;}
    .items-block .expander {margin-bottom: 0;}

}
@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .cataloggerarticle .items-block > .gallery { width: 100% !important; }
    .cataloggerarticle .items-block > .gallery > .items-gallery > .items { height: 240px; }
    .cataloggerarticle .items-block > .gallery > .image.large { height: 240px; }
    .cataloggerarticle .items-block > .info { width: calc(100% - 240px) !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; }
}


.promodescription {margin-bottom: 0;}
.page-articlegroup h2.articlenumber {margin-bottom: 9px; }
.page-articlegroup .cataloggerarticle.cataloggerarticle-info .promo {float: right; margin-top: 6px;}
.page-articlegroup .product-packing {margin-bottom: 10px; display: inline-block; }
.page-articlegroup .product-price .price.with-slashthrough {font-size: 24px !important; display: none;}
.page-articlegroup .product-price-promo .price.with-slashthrough {display: inline-block;}

.page-articlegroup .product-price-qbreaks {padding-top: 0;}
.page-articlegroup .product-price { display: inline-block; margin-right: 20px;}
.page-articlegroup .product-packing {display: inline-block; margin-right: 20px; }
.page-articlegroup .product-stock { display: inline-block;  margin-right: 20px; }
.page-articlegroup .product-stock .text { display: inline-block; }
.product-packing .text { margin-left: 5px; }
.page-articlegroup h5 {color: #233a6b;}
.page-articlegroup h5 .text { margin-left: 0px; color: black;}



.page-articlegroup .related-articles-container {position:fixed;display:block;background:#ff6e00;z-index:999999;top:25vh;left:2vw;}
.page-articlegroup .related-articles-container.hidden {display:none;}
.page-articlegroup .related-articles-container .header {display:flex;justify-content:space-between;align-items:center;align-content:center;background:#233a6b;padding:12px 10px;}
.page-articlegroup .related-articles-container .header .heading {font-weight:bold; color:white;}

.page-articlegroup .related-articles-container .header button {
    border:1px solid #ebebeb-dark;
    background:lightgrey;
    width:20px;
    height:20px;
    margin-left:10px;
    transition:.25s ease;
}

.page-articlegroup .related-articles-container .header button:hover {background-color:grey;}
.page-articlegroup .related-articles-container ul.inner-container {margin:0;padding:0 10px;text-indent:0;}

.page-articlegroup .related-articles-container ul.inner-container li {
    margin:0;
    padding:0;
    border-bottom:1px solid #994d00;
    font-size:14px;
    transition:.25s ease;
    color:white;
}
.page-articlegroup .related-articles-container ul.inner-container li a {color:white;text-decoration:none;display:block;padding:7px 0;transition:.25s ease;}
.page-articlegroup .related-articles-container ul.inner-container li:first-of-type {padding:5px 0; font-weight:bold;}
.page-articlegroup .related-articles-container ul.inner-container li:hover a {font-weight:bold;}
.page-articlegroup .related-articles-container ul.inner-container li:hover a .image.image-cover {display:block;}
.page-articlegroup .related-articles-container ul.inner-container li::before {content:none;}

.page-articlegroup .related-articles-container ul.inner-container li .image.image-cover {
    position:absolute;
    left:100%;
    top:0;
    border: 5px solid #ff6e00;
    display:none;
    /* width:275px; */
    height:auto;
}

.page-articlegroup .related-articles-container ul.inner-container li a .fa-check {font-size: 15px;margin-right:5px;} 
.page-articlegroup .related-articles-container .footer {color:white;padding:15px 10px;font-weight:bold;transition:.25s ease;cursor:pointer;}
.page-articlegroup .related-articles-container .footer:hover {padding-left:15px;}

@media only screen and (max-width: 659px) {
    .page-articlegroup .related-articles-container {top:13vh;}
}

@media only print, only screen and (max-width: 959px) {
    .page-articlegroup .related-articles-container ul.inner-container li:hover a .image.image-cover {display:none;}
}

/* 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 #ebebeb; }
.compare-products .productthumbs .productthumb { border: 1px solid #ebebeb; 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 #ebebeb; margin-bottom: 10px; }
.compare-products .property .label,
.compare-products .property .field { padding: 5px; }
.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 #ff6e00; }
.compare-products.field-1-active .productthumbs .field-1 .productthumb { border: 1px solid #ff6e00; }
.compare-products.field-2-active .productthumbs .field-2 .productthumb { border: 1px solid #ff6e00; }
.compare-products.field-3-active .productthumbs .field-3 .productthumb { border: 1px solid #ff6e00; }
.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: #474646; }
.compare-products[data-minwidth~='940'] .property .field { display: block; }
.compare-products .property.even { background: #f9f8f8; }
.compare-products .toggle-diffs { 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 .button {background-color: white; color: #a0a1a1; border: 1px solid #ebebeb; margin-left: 7px;}
.toggle-groups-articles .button-disabled {background-color: white; color: #ff6e00; border: 1px solid #ff6e00; margin-left: 7px; cursor: default; }
.toggle-groups-articles .button:hover, .toggle-groups-articles .button:focus {background-color: white; color: #ff6e00; border: 1px solid #ff6e00;}
.toggle-groups-articles .button span {font-size: 1.7rem; vertical-align: middle;}
.toggle-groups-articles  .thisbutton.button-icon { margin-left: 7px; }
/* 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: #233a6b; border-bottom: 1px solid #ebebeb; }
.table-plain > tbody > tr.even > td { }

/* segmented-links */
.segmented-links a:hover, .segmented-links a:focus { text-decoration: underline; color: #ff6e00; }
.segmented-links a { color: #ff6e00; font-size: 16px; }

/* 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: left; }
.id-account-users-table .users-table > tbody > tr > td.orderlimit_time { text-align: left; }
.id-account-users-table .users-table > tbody > tr > td.is_active { text-align: left; }
.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: #233a6b; }
.id-account-users-table .user-not-active { color: #ebebeb; }

.id-account-users-table .users-list .user { position: relative; }
.id-account-users-table .users-list .user .is_active { position: absolute; top: 5px; right: 0;  }
.id-account-users-table .users-list .user header { color: #233a6b; 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 #e2e4e5;}
.orderhistory-table > tbody > tr:hover, .orderhistory-table > tbody > tr:focus {background-color: #f1efef;}

.orderhistory-list .orderhistory-basket { border-top: 3px solid #eeeff0; padding-top: 1rem; }
.orderhistory-list .orderhistory-basket header { color: #233a6b; margin-bottom: 5px; }
.orderhistory-list .orderhistory-basket div.action { margin-top: 5px; }

.orderhistory-orderby { border: 1px solid #ebebeb; 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%; align-items: center; vertical-align: top; }

.basket-orderhistory-rows form { margin-bottom: 0; }
.basket-orderhistory-rows .basket-orderhistory-line .basketitem { display: inline-block; width: 100%; vertical-align: top; }
.basket-orderhistory-rows .basket-orderhistory-line-order .product-card { width: calc(100% - 150px - 75px); vertical-align: top; display: inline-block;}
.basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo { display: inline-block; width: 100px;  vertical-align: middle; text-align: right; margin-left: 30px; }

.basket-orderhistory-rows .basketitem-controls > div { display: flex; align-items: center; 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: #233a6b; 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: inline-block; width: auto; margin-left: 0; }
    .basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo .order-add-product .button { width: 120px; }
    .basket-orderhistory-rows .basketitems[data-maxwidth~='599'] .basket-orderhistory-line-order .actions.orderinfo .order-add-product { margin-left: 100px; }
    .basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo .order-add-product { margin-left: 130px; }
    .basket-orderhistory-rows .basket-orderhistory-line-order .actions.orderinfo .order-add-product .input-combined .button { width: 20px; }
    .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: #f9f8f8; 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: #233a6b;}

@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: #474646; height: 43px; }
.mfp-close { opacity: 1; filter: alpha(opacity=100); font-size: 43px; }
.mfp-close-btn-in .mfp-close { color: #474646; }
.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-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: #474646; 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: #ff6e00; 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 .item-basketitem { width: 100%; }
#modal-order-add-product-success .item-basketitem > .basketitem { padding: 10px; border: 1px solid #ebebeb; }
#modal-order-add-product-success .item-basketsummary { width: 100%; }
#modal-order-add-product-success .item-basketsummary .item {border: none; font-size: 1.05rem;}
#modal-order-add-product-success .item-basketsummary .item .label {padding: 0 8px 0 0;}
#modal-order-add-product-success .item-basketsummary .item .value {padding: 0;}
#modal-order-add-product-success .item-basketsummary .items-property {margin-bottom: 14px;}
#modal-order-add-product-success .item-basketsummary header.alt { color: #233a6b; margin-bottom: 0; font-size: 1.25rem;}
#modal-order-add-product-success .item-basketsummary .button.with-alternate-color {margin-bottom: 5px;}
#modal-order-add-product-success .item-basketsummary .button.with-alternate-color:hover, #modal-order-add-product-success .item-basketsummary .button.with-alternate-color:focus {background-color: #ff6e00;}

@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: 1rem; }
    #modal-order-add-product-success .related-articles .items-conveyor { height: 220px; width: calc(100% + 80px); left: -40px; }
    #modal-order-add-product-success .related-articles .items-conveyor > .items-window > .items > .item > .item-stylable > .product { background: white; padding: 0 10px; }
}

/* datepicker */
.modal-datepicker .items-conveyor { width: calc(100% + 48px); left: -24px; height: 280px; }
@media only print, only screen and (min-width: 660px) {
    .modal-datepicker .items-conveyor { width: calc(100% + 74px); left: -37px; }
    .modal-datepicker .items-conveyor header { margin-left: 4px;  }
}




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

.page-account-address .sidebar > div .item-1, .page-account-address.sidebar > div  .item-3 {border-left: 1px solid #e2e4e5;}
.page-account-address hr {margin: 30px 0;}
.page-account-address h1 {font-size: 30px; }
.page-account-address .image-cover {margin-bottom: 27px;}
.page-account-address .id-shipping-addresses .item-1 {border-left: 0;}
@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; padding-bottom: 25px; }
}

.page-account-users h1 {font-size: 30px; }
.page-account-orderhistory h1 {font-size: 30px; }
.page-account-orderhistory-detail h1 {font-size: 30px; }
.page-account-files h1 {font-size: 30px; }


@media only screen and (min-width: 960px) {
    .page-projectlists .sidebar aside,
    .page-favorites .sidebar aside { padding-right: 35px; }
}

.page-articles-cataloggerarticlegroup h1,
.page-groups-cataloggerarticlegroup h1,
.page-groups-cataloggercategory h1,
.page-articles-cataloggercategory h1 { line-height: 40px; margin-bottom: 0; }

/*.page-groups-cataloggerarticle h3, .page-article h3 {padding-bottom: 7px;}*/

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

/*.page-groups-cataloggerarticlegroup .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggercategory .site-window-content section.with-mini-padding > .page-width,
.page-groups-cataloggerarticlegroup .site-window-content section.with-mini-padding > .page-width,
.page-articles-cataloggercategory .site-window-content section.with-mini-padding > .page-width {padding-top: 0;}*/

.page-articlegroup .items-property.with-oddeven > .item:nth-child(2n+1) {background-color: #edebeb;}
/*.page-articlegroup .items-property .divider{ float: right; }*/
.page-articlegroup hr {margin-bottom: 0;}
.page-articlegroup .site-window-content section.with-mini-padding > .page-width {padding-top: 50px; padding-bottom: 50px;}

.page-newsfilter .site-window-content section,
.page-newsitem .site-window-content section { background-color: white; }
.page-newsfilter .site-window-content .hero-h1 h1
.page-newsitem .site-window-content .hero-header header { background-color: white; }

.page-newsfilter .sidebar aside header,
.page-newsitem .sidebar aside header {color: #ff6e00; font-size: 1.25rem; font-weight: 500; margin-bottom: 5px;}
.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: 370px; padding-right: 100px;}
}

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

.link-back .button {color: #474646; background-color: transparent; padding: 0; text-align: left;}
.link-back .button .fa {color: #ff6e00;}


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




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

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

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

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

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

.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: 256px; margin: 0 auto; padding: 0 10px; }
#swe-content @media only print, only screen and (min-width: 660px) and (max-width: 959px)  { section > .sidebar-width { width: 256px; }}
#swe-content @media only screen and (min-width: 960px) and (max-width: 1449px)  { section > .sidebar-width { width: 256px; }}
#swe-content @media only screen and (min-width: 1450px) { section > .sidebar-width { width: 256px; }}

.selected_day{width: 20px; height: 20px; background: #233a6b; display: inline-block; margin-right: 10px; position: relative; top: 5px;}
.delivery_day{width: 20px; height: 20px; background: #ff6e00; display: inline-block; margin-right: 10px; position: relative; top: 5px;}

h1.artnr { color: #233a6b; font-size: 14px; font-weight: 500; }


.page-articlegroup .items-gallery > .thumbs { position: absolute; top:25px; z-index: 99; width: 20%; display: block;}

@media only screen and (max-width: 659px) {
  .page-articlegroup .items-gallery > .thumbs { width: 127px; }
  .page-articlegroup .items-gallery > .items { height: 415px; }
  .page-articlegroup .popup-gallery .items-conveyortopdown > .items-window > .items > .item { height: 116px; margin-bottom: 8px; }
  .page-articlegroup .with-alternate-background.usps { margin: 17px 0 0 0; }
  .page-articlegroup .item-1.info .order-add-product[data-minwidth~='200'] .input-combined button.last { float: left; margin: 5px; }
  .page-articlegroup .item-1.info .comparefavorite { width: 100%; }
}

.page-articlegroup .order-add-product { display: inline-block; width: auto; }
.page-articlegroup .products-table .order-add-product {margin-right: -3px;}
/*.page-articlegroup .quote { background: #175f9e; display: inline-block; margin-right: 5px; margin-bottom: 0px; font-weight: 700; float: left;}*/
/*.page-articlegroup .quote:hover{ background-color: #ff6e00;}*/
.page-articlegroup .ecommerce .comparefavorite {float: left;}
.page-articlegroup .ecommerce .order-add-product {float: left;}
.page-articlegroup .ecommerce { display: inline-block; }
.page-articlegroup .ecommerce .quote.no-user{ padding:0 100px;}
.page-articlegroup .ecommerce .quote.no-user span{ font-size: 20px; }
.page-articlegroup .ecommerce .quote.no-user:hover{ background-color: #ff6e00;}

.page-articlegroup .ecommerce .account-login { background-color: #bcbcbc;}
.page-articlegroup .ecommerce .account-login:hover { background-color: #ff6e00;}

@media only screen and (max-width: 659px) {
    .page-articlegroup .ecommerce .account-login { margin-left: 0;}
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .page-articlegroup .ecommerce .account-login { margin-left: 0;}
}

@media only screen and (max-width: 659px) {
  .ecommerce button.submit-button-action span.fa { font-size: 23px; line-height: 23px; }
  .ecommerce button.button span.fa { font-size: 23px; line-height: 23px; }
  .ecommerce button.submit-button-action { line-height: 40px; }
  .ecommerce button.button { line-height: unset; }
  .page-articlegroup .ecommerce button.add-quote { width: 150px; position: relative; left: -5px; margin-right: 20px; line-height: 38px; }
  .page-articlegroup .ecommerce button.add-quote span.text { display: inherit; }
  .page-articlegroup .ecommerce button.add-quote span.fa { font-size: inherit; }
  .page-articlegroup .ecommerce { width: 98%; }
  .page-articlegroup .item-1.info .order-add-product .input-combined button.add-quote { width: 150px !important; }
  .order-add-product { max-width: unset; }
  .page-articlegroup .order-add-product { margin-right: 0px; width: 80%; }
  .page-articlegroup .item-1.info .comparefavorite { width: 20%; }
  .page-articlegroup .item-1.info .order-add-product .input-combined button { width: 40% !important; margin-right: 7px; }
  .page-articlegroup .item-1.info .order-add-product[data-minwidth~='200'] .input-combined button.last { float: unset; margin: 0; }
}

@media only screen and (min-width: 431px) and (max-width: 550px) {
  .page-articlegroup .item-1.info .order-add-product .input-combined button { width: 38% !important; }
  .page-articlegroup .order-add-product { width: 78%; }
  .page-articlegroup .item-1.info .comparefavorite { padding-left: 10px; }
}

@media only screen and (min-width: 401px) and (max-width: 430px) {
  .page-articlegroup .item-1.info .order-add-product .input-combined button { width: 35% !important; }
}

@media only screen and (max-width: 400px) {
  .page-articlegroup .item-1.info .order-add-product .input-combined button { width: 32% !important; }
}

@media only screen and (max-width: 450px) {
  .items-property > .item > .item-stylable > .label { width: auto; }
  .items-property.properties > .item > .item-stylable > .value { width: auto; float: left; }
  .items-property.with-oddeven > .item > .item-stylable > .label { font-weight: 600; padding: 3px 3px 3px 0; }
  .page-account-orderhistory .items-property.is-fluid > .item > .item-stylable > .value { padding-left: 5px; }
}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
  .items-property.with-oddeven > .item > .item-stylable > .label { font-weight: 600; padding: 3px 3px 3px 0; }
  .items-property > .item > .item-stylable > .label { width: auto; }
  .items-property.properties > .item > .item-stylable > .value { width: auto; float: left; }
}

@media only screen and (max-width: 575px) {
  .contactinfo .info { width: 100%; margin-top: 10px; }
}

@media only screen and (max-width: 380px) {
  .section-menubar .button { width: 40px; }
}

.page-articlegroup .order-add-product .input-combined input {border: 2px solid #ebebeb; box-shadow: none;}

.with-alternate-background.usps { margin: 17px 0 0 127px; padding: 10px; position: relative; background: rgb(240,240,240);}

.with-alternate-background.usps .usp { padding-left: 5px; }

.contactinfo { margin: 0 -15px; color: #474646; font-size: 13px; padding-top: 5px;}
.contactinfo .info { display: inline-block; padding:0 15px; }
.contactinfo .link { margin-left: 5px; color: #233a6b; font-size: 14px;}
/*.products-table > tbody > tr.even > td { background: #f9f8f8; }*/
.products-table  > tbody > tr.is-selected td {border-bottom: 1px solid #ff6e00;}
.products-table .size { padding: 3px 3px 3px 3px; }

/*.products-table .q_up, .input-combined .q_up {margin-right:5px;}*/
.backtotop { position: absolute; top:25px; right:25px; font-weight: 800; font-size: 16px;}
.item-1.info .favorites button {background-color: #578ec0;}
.item-1.info .favorites button:hover{ background-color: #ff6e00;}
.item-1.info .order-add-product .input-combined button { width:calc(100% - 93px) }


/* EDWIN STYLING */
/*.page-article .items-gallery > .thumbs.extra-images { position: relative; top:0px; z-index: 99; width: 10%;}
.page-article .items-gallery > .thumbs{ position: relative; top: 0;}
.page-article .items-gallery > .items{ position: absolute; top: 0; width: calc(100% - 116px); margin-left: 115px; border: 1px solid #ebebeb;}
.items-gallery .thumbs .thumb a{ height: 100px; }
.items-gallery .thumbs .thumb a .image{ height: 100%; width: auto; }
.popup-gallery { min-height: 300px; }
*/
.breadcrumbs-fullwidth hr {border-width: 2px;}

.page-articlegroup h2 {font-size: 27px; font-weight: 300; margin-bottom: 16px; line-height: 1em; }
.page-articlegroup p {font-size: 15px; line-height: 1.7em;}
.page-articlegroup p a.link {font-weight: 600; color: #474646;}
.page-articlegroup h5 {font-weight: 600; font-size: 15px;}
.page-articlegroup h3 {font-size: 24px; font-weight: 500; margin-bottom: 7px;}

.h3-container {display:flex; justify-content:center; gap:10px;}
.h3-container h3 {text-decoration:none; cursor:pointer;}
.h3-container h3:hover {text-decoration:underline;}
.h3-container h3.active {text-decoration:underline;}

.h3-container h3.js-switch-tabs {
    padding:5px 15px;
}
.h3-container h3.js-switch-tabs.active {
    /* color:#40b4e5; */
    background:lightgrey;
    text-decoration:none;
}

.accessories-container > div {display:none;}
.accessories-container > div.active {display:block;}
/* .accessories-container .related_container {}
.accessories-container .additional_container {}
.accessories-container .hidden {display:none;} */

.page-articlegroup .info .product-price .price {font-size: 32px; font-weight: 800; padding-top: 6px; padding-bottom: 10px;}

.page-articlegroup .button.with-icon-left .text {font-weight: 600; font-size: 14px;}
@media only screen and (max-width: 659px) {
  .page-articlegroup .products-table .button.with-icon-left .text { display: none; }
  .page-articlegroup .products-table .submit-button-action span.text { display: none; }
}

/*.form.with-feedback-popover { margin-bottom: 35px;}*/

.page-articlegroup .items-conveyor.with-gutter.accessories > .items-window > .items > .item {padding: 0 10px; margin: 0 !important;}

.order-update-product span.fa-minus {position: relative; left: 18px; font-size: 8px; margin-left: -11px; top: -1px;}
.order-update-product span.fa-plus {position: relative; left: -16px; font-size: 8px; top: -1px; }
.order-add-product .q_down {position: relative; left: 18px; font-size: 8px; margin-left: -11px; top: -1px;}
.order-add-product .q_up {position: relative; left: -16px; font-size: 8px; top: -1px;}
button.swe-button .fa-plus {position: relative; font-size: 10px; left: 0; top: -1px; }
.page-articlegroup .order-add-product .input-combined input {width: 65px;}
.page-articlegroup .item-1.info .order-add-product .input-combined button {width: 185px; position: relative;}
.page-articlegroup .e-commerce {display: inline-block;}
.page-articlegroup .e-commerce .order-add-product {width: 255px;}
.page-articlegroup .item-1.info .order-add-product .input-combined button.last {width: 150px; position: relative; margin-right: 10px;}
.page-articlegroup .quantity-info-icon { position: relative; top: -13px; left: -7px;}
.quantity-info { display: inline-block; width: 12px;}

.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup p { line-height: 24px; margin-bottom: 27px;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup p.end-margin { margin-bottom: 20px !important;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup ul {font-size: 15px; line-height: 24px; margin-bottom: 27px;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .group {padding: 35px 40px;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .files {font-size: 16px; line-height: 24px;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .contactinfo {font-size: 16px; line-height: 24px;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .contactinfo .info {border-right: 1px solid #ebebeb;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .contactinfo .info:last-child {border-right: none;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .items-block > .info {width: 46% !important;}
.with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .items-block > .gallery {width: 54% !important;}

@media only print, only screen and (max-width: 959px) {
  .with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .items-block > .info {width: 100% !important; height: auto !important;}
  .with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .items-block > .gallery {width: 100% !important; height: auto !important;}
}

@media only screen and (max-width: 659px){
  .with-mini-padding.with-alternate-background.below-articles.cataloggerarticlegroup .group { padding: 10px 5px; }
}

/* conveyor donw up*/

.popup-gallery .items-conveyortopdown { height: 504px; } /* just a default to see -something- */
.popup-gallery .items-conveyortopdown { padding: 0; position: relative; }
.popup-gallery .items-conveyortopdown > .nav { z-index: 2; color: #474646; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.popup-gallery .items-conveyortopdown > .nav-left {position: absolute; top: -18px;left: 44px;}
.popup-gallery .items-conveyortopdown > .nav-right {position: absolute; bottom: -35px; left: 44px;}
.popup-gallery .items-conveyortopdown > .nav.is-disabled { color: #a0a1a1; }
.popup-gallery .items-conveyortopdown > .nav .fa {background: transparent; border-radius: 40px; width: 21px; height: 21px; font-size: 20px; padding-top: 4px; cursor:pointer;}
.popup-gallery .items-conveyortopdown > .items-window { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.popup-gallery .items-conveyortopdown > .items-window > .items { white-space: nowrap; position: relative; }
.popup-gallery .items-conveyortopdown > .items-window > .items > .item { white-space: normal; position: relative; min-height: 1px; padding: 0; display: block; vertical-align: top; border: 2px solid #ebebeb; margin-bottom: 12px; height: 114px;}
.popup-gallery .items-conveyortopdown > .items-window > .items > .item.is-selected { border: 1px solid #ff6e00; }
.popup-gallery .items-conveyortopdown.with-gutter > .items-window > .items { margin: 0; }
.popup-gallery .items-conveyortopdown.with-gutter > .items-window > .items > .item { padding: 0 16px; }
.popup-gallery .items-conveyortopdown.with-middle-alignment > .items-window > .items { height: 100%; }
.popup-gallery .items-conveyortopdown.with-middle-alignment > .items-window > .items > .item { position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.popup-gallery .items-conveyortopdown.with-bottom-alignment > .items-window > .items { height: 100%; }
.popup-gallery .items-conveyortopdown.with-bottom-alignment > .items-window > .items > .item { position: relative; top: 100%; transform: translateY(-100%); -ms-transform: translateY(-100%);  }
.popup-gallery .items-conveyortopdown > .items-window > .items { transition: top 0.25s ease-in-out 0s; }
.popup-gallery .items-gallery > .items {margin-left: 127px; border: 1px solid #ebebeb;}

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .popup-gallery .items-conveyortopdown>.items-window>.items>.item { height: 101px; }
}

@media only print, only screen and (max-width: 959px) {
    .popup-gallery .items-conveyortopdown {margin-right: 16px;}
}

@media only screen and (max-width: 659px) {
    .page-articlegroup .items-gallery .items-conveyor { height: 140px; }
    .page-articlegroup .items-gallery .items-conveyor > .items-window > .items > .item { width: 25%; padding: 5px; }
    .popup-gallery .items-gallery > .items { margin-left: 0px; }
    .page-articlegroup .items-gallery > .thumbs { width: 100%; position: unset; top: unset; display: unset; }
    .popup-gallery .items-gallery > .thumbs .items .item .container img { width: 100%; }
    .popup-gallery .items-conveyortopdown { height: 365px; margin-bottom: 0px; }
}

@media only screen and (min-width: 451px) and (max-width: 550px) {
  .page-articlegroup .items-gallery .items-conveyor { height: 110px; }
}

@media only screen and (min-width: 401px) and (max-width: 450px) {
  .page-articlegroup .items-gallery .items-conveyor { height: 85px; }
}

@media only screen and (max-width: 400px) {
  .page-articlegroup .items-gallery .items-conveyor { height: 75px; }
  .page-articlegroup .items-gallery > .items { height: 300px; }
}



.cataloggerarticlegroup .usps {padding-left: 1.2em;text-indent: -1.5em; font-size: 13px;letter-spacing: -0.5px; line-height: 22px;}
.isonorm_icons .image{ max-height: 65px; width: auto; margin: auto; }
/*.isonormicons { padding-bottom: 25px; }*/
.isonorm_icons p.with-center-alignment { text-align: center; }
.items-tile.isonormicons { padding-top: 6px; padding-bottom: 6px; }

@media only screen and (min-width: 1450px) {
    .items-tile.isonormicons { margin-right: 40px; }
}

.cataloggerarticlegroup .usps a {text-decoration: underline;}

.scroll-top-div{position: fixed; bottom: -100px;  right:50px; transition: all 0.10s ease-in-out;}
.scroll-top-div.active{bottom: 100px; transition: all 0.25s ease-in-out;}
.scroll-top-div span{ font-size: 16px; font-weight: 400;transition: all .1s ease-in-out;}
.scrollTop{display: inline-block; width: auto; padding: 8px 10px; margin-left:10px;  color:#fff; background-color: #ff6e00; border-radius:100px; border: 1px solid #f5f5f5; transition: all .1s ease-in-out;}
.scrollTop:hover{ background-color: #ff6e00;}
.scrollTop:hover span {color:#233a6b;}
.scrollTop .fa{font-size:16px;}
@media only print, only screen and (max-width: 1449px){
    .scroll-top-div{ bottom: 0 !important; right: 0; }
    .scrollTop{ padding: 8px 10px; margin-left:10px;  color:#fff; border-radius: 0px; border: 1px solid #f5f5f5; }

}

.basket-projectlist-summary {margin-top: 20px;}
span.promo{ font-weight: bold; color:#ff6e00; }

.products-table tbody tr:nth-child(even){
    background-color: #f9f8f8;
}
td.price .promo-text{
    font-size: 10px;
    display: block;
    color: #ff6e00;
}
.not-orderable{ cursor: default; background-color: transparent !important; color: #474646;}
.not-orderable:hover{ background-color: transparent !important; }
.ecommerce .not-orderable{padding: 0 20px !important; margin-right: 10px; color:#474646; font-weight: 700; border: 1px solid #ff6e00;}
.products-table .not-orderable{ line-height: normal; }
.quicksearch .price-final { font-size: 22px!important; margin-top: 0!important; padding: 0 0 10px 0 !important;}
.quicksearch button.not-orderable{ line-height: normal; }
.quicksearch .product-price .price.with-slashthrough{ font-size: 18px !important; }
.isonorm-icons{
    display: block;
    margin-bottom: 20px;
}

.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: 192.5px; left: 0; right: 0; bottom: 0; transition: all 0.25s linear; }
.id-menu-catalog-dropdown .catalog-container { position: relative; background: white; color: #ff6e00; font-size: 16px; left: -4px; border: 1px solid #ebebeb; }
.is-hidden.id-menu-catalog-dropdown .catalog-container { display: none; }
.id-menu-catalog-dropdown .catalog-container { width: 100%; margin: 0 auto; min-height: 610px;}
@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: 175px; transition: all 0.25s linear;}
.id-menu-catalog-dropdown .catalog-group { color: #474646; border-bottom: 1px solid #ebebeb; margin: 0 10px;}
.id-menu-catalog-dropdown .catalog-group:hover, .id-menu-catalog-dropdown .catalog-group.is-active { transition: all 0.25s linear; color: #233a6b; }
.id-menu-catalog-dropdown .catalog-group.hover:hover, .id-menu-catalog-dropdown .catalog-group.header.is-active { transition: all 0.25s linear; border-left: 0px; }
.id-menu-catalog-dropdown .catalog-group-item { padding: 10px 0; font-size: 15px; line-height: 20px; font-weight: 600; }
.id-menu-catalog-dropdown .catalog-group-item:hover,
.id-menu-catalog-dropdown .is-active .catalog-group-item { color: #40b4e5; }
.id-menu-catalog-dropdown .catalog-subgroup {
    display: none;
    position: absolute;
    left: 175px;
    top: 0;
    right: 250px;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    margin: 10px 0;
}
.id-menu-catalog-dropdown .catalog-subgroup-item { padding: 10px 25px; width: 325px; color: #233a6b; z-index: 2; font-weight: 600; font-size: 15px; }
.id-menu-catalog-dropdown .catalog-subgroup-item:hover { color: #ff6e00; }
.id-menu-catalog-dropdown .catalog-subgroups .snippets { position: absolute; right: 0; top: 0; padding: 10px; width: 250px; display: none; }
.id-menu-catalog-dropdown .catalog-subgroups .snippets.is-active { display: block; }
.id-menu-catalog-dropdown .catalog-subgroups .snippets > .group { background-color: white; padding: 10px; }
.id-menu-catalog-dropdown .catalog-subgroups .snippets > .group p.note { font-size: 13px; color: #40b4e5; font-weight: 700; line-height: 15px; }
.id-menu-catalog-dropdown .catalog-subgroups .snippets > .group > a:not(.group) { font-size: 12px; color: #474646; line-height: 20px; }
.id-menu-catalog-dropdown .is-active.catalog-subgroup { display: block; }
.id-menu-catalog-dropdown .is-active.catalog-subgroup-image { opacity: 1; }

.id-menu-catalog-dropdown .catalog-category-item.header { padding: 10px 0 2px 10px; color: #40b4e5; font-weight: 700; font-size: 12px; }
.id-menu-catalog-dropdown .catalog-category-item.header:hover { color: #ff6e00; background-color: unset; }
.id-menu-catalog-dropdown .catalog-category-item.header:after { content: ''; }
.id-menu-catalog-dropdown .is-active.catalog-category-item.header { background-color: unset; }

.id-menu-catalog-dropdown .catalog-group.header { padding: 20px 15px 5px 15px; color: #233a6b; z-index: 2; font-weight: 800; font-size: 15px; }
.id-menu-catalog-dropdown .catalog-group.header:first-child { padding: 10px 15px 5px 15px; }
.id-menu-catalog-dropdown .catalog-group.header:hover { color: #ff6e00; background-color: unset; transition: all 0.4s ease 0s; }
.id-menu-catalog-dropdown .catalog-group.header:after { content: ''; }
.id-menu-catalog-dropdown .is-active.catalog-group.header { background-color: unset; }

.id-menu-catalog-dropdown .catalog-category-item { padding: 3px 0 3px 10px; color: #474646; z-index: 2; font-size: 11px; line-height: 15px; }
.id-menu-catalog-dropdown .catalog-category-item.moreitems { color: darkgray; }
.id-menu-catalog-dropdown .catalog-category-item.moreitems:after { display: none; }
.id-menu-catalog-dropdown .catalog-category-item:hover { color: #ff6e00; transition: all 0.25s linear; }
.id-menu-catalog-dropdown .is-active.catalog-category { display: block; }

.id-menu-catalog-dropdown .all-groups .catalog-group-item { font-size: 12px; }
.id-menu-catalog-dropdown .all-groups .catalog-group-item:after { content: '\f054'; font-family: FontAwesome; padding-left: 10px; font-weight: 500; font-size: 10px; }

@media only print, only screen and (max-width: 1449px) {
.id-menu-catalog-dropdown .catalog-subgroup { right: 0; border-right: none; }
.id-menu-catalog-dropdown .catalog-subgroups .snippets.is-active { display: none; }
.id-menu-catalog-dropdown .catalog-category-item { font-size: 11px; }
.id-menu-catalog-dropdown .catalog-category-item.header { font-size: 12px; }
}


.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; }
.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; }
    .id-quicksearch-dropdown .quicksearch { width: 660px; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .id-quicksearch-dropdown { top: 144px; }
    .id-quicksearch-dropdown .quicksearch { width: 960px; }
}
@media only screen and (min-width: 1450px) {
    .id-quicksearch-dropdown { top: 144px; }
    .id-quicksearch-dropdown .quicksearch { width: 1450px; }
}
@media only print, only screen and (max-width: 959px) {
    .id-quicksearch-dropdown.logged_in { top: 129px; }
    .id-quicksearch-dropdown { top: 87px; }
}
@media only screen and (max-width: 659px) {
    .id-quicksearch-dropdown .quicksearch { height: 100%; }
}

.homehero h1,
.homehero header.as-h1 {font-size: 50px; line-height: 70px; text-align: center; font-weight: 300;}
.homehero header.as-h1.inverted {color: white;}

section.homehero > .page-width { width: 660px;}

@media only screen and (max-width: 659px) {
  .homehero h1,
.homehero header.as-h1 {font-size: 24px; line-height: 40px; }
}

@media only print, only screen and (max-width: 959px) {

section.homehero > .page-width { width: auto;}
}



.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown { position: static; width: 175px; background: #40b4e5; font-weight: 600; letter-spacing: 0.5px; color: white; margin-right: 12px;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown:hover,
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown:focus { background: #ff6e00; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink {color: white;}
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:hover,
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown > div.mainmenuitemlink:focus {background: #ff6e00; color: white !important;}
.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: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 > div.mainmenuitemlink a::after {content: '\f107'; font-size: 18px; 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 .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: white; }
.section-mainmenu .mainmenu .mainmenuitem.mainmenuitem-catalog-dropdown div.mainmenuitemlink.is-active-dropmenu { background: #ff6e00; }

.section-secondairmenu { position: fixed; top: 193px; width: 100%; border-bottom: 1px solid #ebebeb; background-color: white; }
.section-secondairmenu nav.secondairmenu { margin-left: -14px; }
.section-secondairmenu .secondairitem { display: inline-block; padding: 10px 20px 10px 0; font-size: 12px; }
.section-secondairmenu .secondairitem:hover { color: #ff6e00; }
.section-secondairmenu .secondairitemlink.is-selected,
.section-secondairmenu .secondairitemlink.is-selected span { color: #ff6e00; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }

@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-secondairmenu { top: 223px; }
}

.section-small-h2 h2 {font-size: 33px; line-height: 40px;}

@media only print, only screen and (max-width: 959px) {
  .section-small-h2 h2 {font-size: 26px; line-height: 39px;}
}

.with-green {color: #23a174;}
.with-orange {color: #ff6e00;}
.button.with-green {background: #23a174; color: white;}
.button.with-orange {background: #ff6e00; color: white;}

.with-green .card-link-image > a > .text {background-color: #23a174;}
.with-orange .card-link-image > a > .text {background-color: #ff6e00;}
.with-inverted .card-link-image > a > .text {background-color: white; color: #233a6b;}

.with-boxshadow .group {box-shadow: 0em 1.5em 1em 0em rgb(224,224,224); border: 1px solid rgb(225,225,225); padding: 23px 29px;}
.with-boxshadow .group .button {font-size: 23px; font-weight: 300;}
.with-boxshadow .group:hover .button {color: #40b4e5;}
.with-boxshadow .group p {font-size: 14px; font-weight: 300;}

.direct-contact header {font-size: 28px; font-weight: 300; margin-bottom: 20px; line-height: 33px;}
.direct-contact .button {line-height: 29px; min-height: 29px;}
.direct-contact .group.with-padding {background-image: url(woman.png) !important;
background-repeat: no-repeat!important; background-position: bottom right!important; background-size: 40%!important;}
.direct-contact .group.with-padding { padding: 48px; background: rgb(226,232,237);}
.direct-contact .button.with-icon-left .text {margin-left: 15px;}
.with-inverted .card-link-image > a > .image {height: 275px;}


@media only screen and (max-width: 659px) {
  .direct-contact .group.with-padding {padding: 20px;}
  .direct-contact header {font-size: 24px;}
}


.footersnippet {background: #f9f9f9; padding-top: 45px; padding-bottom: 45px; border-top: 1px solid #ebebeb;}
.footersnippet .link-styling {color: #474646; font-size: 14px; line-height: 27px;}
.footersnippet .link {color: #474646;}
.footersnippet .office-card {font-size: 14px; line-height: 27px;}
.footersnippet p,
.footersnippet ul,
.footersnippet ul li {font-size: 14px; line-height: 27px;}


.fa-square-o:before {content: '\f096'; font-family: FontAwesome; font-weight: normal; font-size: 15px; font-style: normal; margin: 0px 2px 0px 0px; text-decoration: none; position: relative; color:rgb(200,200,200); left: 1px; top: 0.5px;}
.filter-item:hover .fa-square-o:before {transition: all 0.4s ease 0s; content: '\f046'; font-family: FontAwesome; font-weight: normal; font-size: 15px; font-style: normal; margin: 0px 2px 0px 0px; text-decoration: none; position: relative; color: #233a6b; left: 1px; top: 0.5px;}
.filter-with-header .in-flow {margin-bottom: 20px;}
.fa-check-square::before {color: #233a6b;}


.catalogger-group-description {padding-top: 20px;}
.catalogger-group-description-below {padding-top: 12px;}
.catalogger-group-description-below h2 {font-size: 25px; line-height: 35px;}

.top_of_order {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    float: right;
}

@media only print, only screen and (max-width: 959px) {
    .top_of_order { float: none; margin-left: 0; }
    .top_of_order .right { margin-left: 0; }
}

h3 .fa-info-circle {  color: #474646; }

@media only screen and (min-width: 960px) {
    .page-account-address .sidebar aside .image.image-contain { width: 170px;}
    .page-account-users .sidebar aside .image.image-contain { width: 170px;}
    .page-account-orderhistory .sidebar aside .image.image-contain { width: 170px;}
    .page-account-orderhistory-detail .sidebar aside .image.image-contain { width: 170px;}
    .page-account-files .sidebar aside .image.image-contain { width: 170px;}
}

@media only print, only screen and (max-width: 959px) {
    .page-account-address .sidebar aside .image.image-contain { background-position: left; }
    .page-account-users .sidebar aside .image.image-contain { background-position: left; }
    .page-account-orderhistory .sidebar aside .image.image-contain { background-position: left; }
    .page-account-orderhistory-detail .sidebar aside .image.image-contain { background-position: left; }
    .page-account-files .sidebar aside .image.image-contain { background-position: left; }
}

@media only screen and (max-width: 659px) {
  .page-account-address h1 { font-size: 24px; }
  .pageid-home .items-carousel .hero-image h1 { font-size: 26px; line-height: 26px; }
  .pageid-home .items-carousel .hero-image p { font-size: 16px; line-height: 19px; }
}

.scroll-button{position: fixed; right:260px; transition: all 0.10s ease-in-out; z-index: 10;}

@media only screen and (min-width: 1450px) {
    .scroll-button{ top: 500px; }
}


@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .scroll-button{ top: 660px; right:100px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .scroll-button{ top: 650px; right:100px; }
}

@media only screen and (max-width: 659px) {
    .scroll-button{ bottom: 0; left:0; }
    .id-favorites-basket-rows .products-table .favoritesbasketitems .basketitem-controls {margin-left: 13px;}
}

.scroll-button.active{ transition: all 0.25s ease-in-out;}

.id-favorites-basket-rows .order-add-product .input-combined {width: 65px; float: left; }

.button.minus.js-decrease-quantity {color: #474646; background: none; border: none; width: 20px;  margin: 0 -25px 0 0; padding: 0; font-weight: bold; font-size: 18px; }
.button.plus.js-increase-quantity {color: #474646; background: none; border: none; width: 20px; margin: 0 0 0 -25px; padding: 0; font-weight: bold; }

.button.minus.js-decrease-quantity:hover { background:  none; }
.button.plus.js-increase-quantity:hover { background:  none; }

.id-favorites-basket-rows .products-table { width: 100%;}
.id-favorites-basket-rows .products-table > thead > tr.header > td { background: white; color: #474646; vertical-align: top; padding: 14px 7px 12px 7px; font-weight:400; font-size: 14px; font-weight: bold; border-bottom: 1px solid #474646; z-index: 10;}

@media only screen and (min-width: 960px) and (max-width: 1449px) {
    .id-favorites-basket-rows .products-table > thead > tr.header > td { display: inline-block; }
    .id-favorites-basket-rows .products-table > thead > tr.header > td.info { padding-left: 0; }
}

.id-favorites-basket-rows tr > .image { width: 100px; }
.id-favorites-basket-rows tr > .info { width: 57.85%; }
.id-favorites-basket-rows tr > .price { width: 21.75%; }
.id-favorites-basket-rows tr > .order { width: 10%; }
/* .id-favorites-basket-rows .products-table > thead > tr.header > td.order-button { width: 10%; padding: 2px 0 0 7px; } */
.id-favorites-basket-rows tr.header .order-button .button { white-space: nowrap; font-weight: normal;}
.id-favorites-basket-rows .products-table > tbody > tr > td { padding-bottom: 16px; border-bottom: 1px solid #474646; padding-left: 0; padding-right: 0; }
.id-favorites-basket-rows .products-table > thead > tr.header.submit-button-header td { border: unset; }
.id-favorites-basket-rows .products-table > thead > tr.header.submit-button-header td.order-button { padding: 2px 0 0 7px; }
.id-favorites-basket-rows .products-table > thead > tr.header.submit-button-header td.order-button .button { float: right; }
.id-favorites-basket-rows .favoritesbasketitems .basketitem-product { width: calc(100% - 150px); }
/*.id-favorites-basket-rows .favoritesbasketitems .basketitem-product .product-price-base { float: left; }*/
.id-favorites-basket-rows .favoritesbasketitems .basketitem-controls-container { width: 150px; }
.id-favorites-basket-rows .favoritesbasketitems .basketitem-controls-container .basketitem-controls { margin-left: auto; }
.id-favorites-basket-rows .search_bar .textbox { border: 1px solid #b0b0b0; }

@media only print, only screen and (min-width: 660px) and (max-width: 1449px)  {
    .id-favorites-basket-rows tr.header .info { width: 53%; }
}
@media only print, only screen and (max-width: 959px) {
    .id-favorites-basket-rows tr.header .info { width: 33%; }
    .id-favorites-basket-rows .products-table .info { width: 100%; }
    .id-favorites-basket-rows tr.header > .image { width: 122px; }
    .id-favorites-basket-rows tr.header > .info { width: calc(100% - 122px); }
    .id-favorites-basket-rows tr.header.submit-button-header > .image { width: 0; display: none; visibility: hidden; }
    .id-favorites-basket-rows tr.header.submit-button-header > .info { width: 0; display: none; visibility: hidden; }
    .id-favorites-basket-rows tr.header.submit-button-header > .order-button .button { width: calc(100% - 90px); }
    .id-favorites-basket-rows .favoritesbasketitems .basketitem-product { width: 100%; }
    .id-favorites-basket-rows .favoritesbasketitems .basketitem-product .product-price-base { float: unset; }
    .id-favorites-basket-rows .favoritesbasketitems .basketitem-controls-container { margin-left: 130px; }
    .id-favorites-basket-rows .favoritesbasketitems .basketitem-controls-container .basketitem-controls { margin-top: 0; }
    .id-favorites-basket-rows .favoritesbasketitems[data-maxwidth~='599'] .basketitem-controls-container { margin-left: 100px; }
    .id-favorites-basket-rows .addarticles > .submit-button-bottom { width: calc(100% - 90px); padding: 0; }
    .id-favorites-basket-rows .submit-button-bottom .button { width: 100%; }
    .page-account-orderhistory-detail .products-table .product-card-infoprice > .info { width: 100%; }
    .page-account-orderhistory-detail tr.submit-button-header > .image { width: 0; display: none; visibility: hidden; }
    .page-account-orderhistory-detail tr.submit-button-header > .info { width: 0; display: none; visibility: hidden; }
}
@media only screen and (max-width: 659px){
    .id-favorites-basket-rows tr.header > .image { width: 90px; }
    .id-favorites-basket-rows tr.header > .info { width: calc(100% - 90px); }
}

.page-account-orderhistory-detail .products-table { margin: 0; }
.page-account-orderhistory-detail .id-order-basket-summary { margin-top: 0; }
.page-account-orderhistory-detail .basketitem-card-info > .info > .summary > .subtotal { text-align: left;}
.page-account-orderhistory-detail .order-info .items-property .value,
.page-account-orderhistory .orderhistory-basket .items-property .value { float: unset; display: inline-block; }
.page-account-orderhistory-detail .order-info .items-property .value:before,
.page-account-orderhistory .orderhistory-basket .items-property .value:before { content: '\00a0 '; }

.id-favorites-basket-rows .form-search { margin-bottom: 10px; }
.id-favorites-basket-rows .submit-button-bottom { float: right; padding: 2px 0 0 7px; margin-top: 46px; }

@media only print, only screen and (max-width: 959px) {
    .sticky .id-favorites-basket-rows .floatThead-container { top: -30px !important; }
    .sticky.page-account-orderhistory-detail .floatThead-container { top: 0px !important; }
    .favoritesbasketitems .basketitem-controls { justify-content: unset; }
}

.id-favorites-basket-rows .items-row.with-line > .item:first-child {border-top: 0; padding-top: 0;}
.id-favorites-basket-rows .items-row.with-line > .item:last-child {border-bottom: 0;}
.id-order-basket-summary { margin-top: 15px; }
.id-favorites-basket-rows .products-table {margin-bottom: 0;}

.id-favorites-basket-rows .with-feedback-popover .message { right: 0; max-width: unset; position: unset; }
.favorites-toggle-product button:hover .fa.fa-times, .favorites-toggle-product button:focus .fa.fa-times { color: red; }

.comparefavorite .favorites-toggle-product.is-favorite .fa {color: white;}

.modal-add-favorites-list.with-padding { padding: 10px; }
.modal-add-favorites-list.with-padding > .link { color: #474646; }
.modal-edit-favorites-list { margin-top: 10px; }
.modal-edit-favorites-list > .link { color: #ff6e00; }
.modal-favorites .favorites-toggle-product { max-width: 400px; }
.modal-favorites .favorites-toggle-product form.form { margin-bottom: 0; }
.modal-favorites .favorites-toggle-product span.right { color: #c3c1c1; float: right; margin-top: 9px; }
.modal-favorites .favorites-toggle-product span.right .fa { color: #c3c1c1; }
.modal-favorites hr { border: 1px solid #474646; }

.usermenu .no-submenuitems { display: none; }
.favorites-lists .fa-chevron-right::before { content: '\f054'; font-family: FontAwesome; position: relative; font-size: 10px; top: -1px; line-height: 20px; }
.favorites-lists .fa-plus::before { font-family: FontAwesome; position: relative; font-size: 10px; top: -1px; line-height: 20px; }
.favorites-lists .lists .list { color: #233a6b; }
.favorites-lists .dropdown> .actions .link { font-size: 1.11rem; line-height: 1.9rem; float: unset; margin-right: 0;}
.favorites-lists > header { margin-top: 5px; font-weight: 700; }

@media only screen and (max-width: 659px) {
    .ecommerce .order-add-product[data-minwidth~='200'] { width: auto;}
    .ecommerce .order-add-product[data-minwidth~='200'] .submit-button-action > span.text { display: none; visibility: hidden;}
    .comparefavorite .favorites-toggle-product.is-favorite button > span.text { display: none; visibility: hidden; }
    /* .id-favorites-basket-rows tr.header .order-button .button > span.text { display: none; visibility: hidden; } */
    .favoritesbasketitems[data-maxwidth~='599'] .basketitem-controls-container { text-align: unset;}
    .favoritesbasketitems[data-maxwidth~='599'] .basketitem-controls { text-align: unset;}
}

@media only screen and (min-width: 960px) {
    .page-articlegroup .products-table .product-stock > span.text { display: none; visibility: hidden; }
}

.basket-orderhistory-rows .products-table { width: 100%;}
.basket-orderhistory-rows .products-table > thead > tr.header > td { background: white; color: #474646; vertical-align: top; padding: 14px 0 12px 0; font-weight:400; font-size: 14px; font-weight: bold; border-bottom: 1px solid #474646; z-index: 10;}
.basket-orderhistory-rows tr > .image { width: 115px; }
.basket-orderhistory-rows tr > .info { width: calc(100% - 300px); }
.basket-orderhistory-rows tr > .price { width: 100px; }
.basket-orderhistory-rows tr > .order { width: 100px; padding-left: 0px;}
@media only screen and (min-width: 1450px) {
    .show .basket-orderhistory-rows tr > .info { padding-left:  14px !important; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .show .basket-orderhistory-rows tr > .image { width: 100px; }
    .show .basket-orderhistory-rows tr > .order { text-align: right; }
    .show .basket-orderhistory-rows tr > .price { text-align: right; }
}
@media only print, only screen and (max-width: 959px) {
    .show .basket-orderhistory-rows tr > .info { width: calc(100% - 100px) }
}
@media only print, only screen and (max-width: 1449px) {
    .show colgroup { display: none; }
}
.show .basket-orderhistory-line-order .total { display: inline-block; padding-top: 10px;}

@media only print, only screen and (max-width: 959px){
    .show .basket-orderhistory-line-order .total { float: right; }
}

/* .basket-orderhistory-rows .products-table > thead > tr.header > td.order-button { width: 10%; padding: 2px 0 0 7px; } */
.basket-orderhistory-rows tr.header .order-button .button { white-space: nowrap; font-weight: normal;}
.basket-orderhistory-rows .products-table > tbody > tr > td { padding-bottom: 16px; border-bottom: 1px solid #474646; padding-left: 0; padding-right: 0; padding-top:5px; }
.basket-orderhistory-rows .products-table > thead > tr.header.submit-button-header td { border: unset; }
.basket-orderhistory-rows .products-table > thead > tr.header.submit-button-header td.order-button { padding: 2px 0 0 7px; }
.basket-orderhistory-rows .products-table > thead > tr.header.submit-button-header td.order-button .button { float: right; }
.basket-orderhistory-rows .submit-button-bottom { margin-right: 0px; overflow: hidden; margin-top: 46px; }
.basket-orderhistory-rows .submit-button-bottom .button {float: right; white-space: nowrap; overflow: hidden;}
.basket-orderhistory-rows .with-feedback-popover .message { right: 0; max-width: unset; position: unset; }
.basket-orderhistory-rows .items-row.with-line > .item:first-child {border-top: 0;}
.basket-orderhistory-rows .order-add-product { text-align: left; }
/*.basket-orderhistory-rows .product-card-infoprice > .action { margin-top: 28px; }*/
.basket-orderhistory-rows .products-table > thead > tr.header.orderhistory-order > td.price,
.basket-orderhistory-rows .products-table > thead > tr.header.orderhistory-order > td.order { text-align: left; width: 120px; }
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .basket-orderhistory-rows .products-table > thead > tr.header.orderhistory-order > td.price,
    .basket-orderhistory-rows .products-table > thead > tr.header.orderhistory-order > td.order { text-align: right; }
    .show .basket-orderhistory-line-order .total { float: right; }
}

.page-favorites .info-icon,
.page-account-users .info-icon {
  background: black; color: white;
}

.page-favorites .info-icon:before,
.page-account-users .info-icon:before {
  position: relative;
  left: 10px;
}
.favorites-toggle-product span.fa.fa-check-circle { color: green; }

.page-account-users .table-plain > tbody > tr.header > td { border-bottom: 1px solid #b0b0b0; }


/*.id-account-users-table .users-table td.orderlimit_time { width: 130px; }*/
.id-account-users-table .users-table td.action { width: 90px; }
.id-account-users-table .users-table td.name,
.id-account-users-table .users-table td.email { padding: 5px 15px; }
.id-account-users-table .users-table td.salutation { padding-right: 15px; }

.tableheader_order { display: inline-block; text-align: right; width: 100px; }
.tableheader_info { display: inline-block; width: calc(100% - 470px); }
.tableheader_image { display: inline-block; width: 125px; }

@media only print, only screen and (max-width: 1449px) { .tableheader_image { display: inline-block; width: 95px; } }
@media only print, only screen and (max-width: 959px) {
    .basket-orderhistory-rows .products-table > tbody > tr > td { padding-top: 5px; }
    .show .basket-orderhistory-rows .products-table > tbody > tr > td { padding-top: 40px; }
}

button.disabled_button:disabled { background: #ebebeb; color: #474646; min-width: 38px; }
.filteroptions .disabled_button .product-card-mini.is-selected { background: #ebebeb; color: #474646; }

.containsvalue_container{ height: 40px;}
.containsvalue_container .min_value {float: left; padding: 8px 0; color: #b1aeae;}
.containsvalue_container .max_value {float: right; padding: 8px 0; color: #b1aeae; margin: 0 10px 0 0;}
.filter .form.filter-range .containsvalue_container div.input-combined{ width: 65%; float: left; text-align: center;}
.filter .form.filter-range .containsvalue_container div.input-combined input{width: 50%}

.product-size-info .filteroptions .item button.disabled_button > div {
    background: linear-gradient(to left top, transparent 47.75%, darkgray, darkgray, transparent 52.25%);
}

.form-accounttoggle { width: 100%; }
.form-accounttoggle .form-fields .label { width: auto; }
.form-accounttoggle .form-fields .label .required-marker { display: none; }
.form-accounttoggle .form-fields .value { width: auto; float: left; min-width: 400px; margin-left: 10px; }
.form-accounttoggle .form-fields .value .select2 { border: 2px solid; height: 46px; }

@media only print, only screen and (max-width: 959px) {
    .form-accounttoggle .form-fields .label { width: 100%; }
    .form-accounttoggle .form-fields .value { width: 100%; margin-left: 0px; }
}

.modal-shipping-address-edit label:after { content: ':'; }
.modal-shipping-address-edit .value .helptext-street_name { font-style: italic; }
#modal-shipping-address-create label:after { content: ':'; }
#modal-shipping-address-create .value .helptext-street_name { font-style: italic; }

.order-add-product .quantity { padding-top: 10px; }
.order-add-product .quantity div.text { padding-bottom: 10px; white-space: normal; }
.order-add-product .quantity .button.pallet { width: auto; padding: 0 20px; }
.order-add-product .quantity .button.box { width: auto; padding: 0 20px; }
#modal-order-add-product-success .order-add-product { width: 100%; max-width: unset; }

.articlegroup-tab .items .item div.link_url > a { color: #ff6e00; line-height: 1.7em; }
.articlegroup-tab .items .item div.link_url > a:hover { text-decoration: underline; }
.articlegroup-tab .items .item div.link_url > a > span.fa { font-size: 11px; }

.items-tile.no-tab { margin-top: 20px; }

.basket-order-rows .form-comment { padding-top: 10px; }
@media only screen and (min-width: 960px) {
    .basket-order-rows .form-comment { padding-left: 126px; }
    .form-comment p { display: inline-block; }
    .form-comment input { display: inline-block; width: 440px; margin-left: 10px; }
}

@media only print, only screen and (min-width: 660px) and (max-width: 959px)  {
    .basket-order-rows .form-comment { padding-left: 98px; }
}

.form-favorites-userlist .form-fields .field-user_choices .label { display: none; }
.form-favorites-userlist .form-fields .field-user_choices .value .checkboxes { overflow-x: auto; }
.form-favorites-userlist .form-fields .field-user_choices .value .checkboxes .checkbox { white-space: nowrap; display: block; margin: 0; }
.form-favorites-userlist .form-fields .field-user_choices .value .checkboxes .checkbox .js-toggle-unlock-user { margin-left: 5px; }
.form-favorites-userlist .form-fields .field-user_choices .value .checkboxes .checkbox input[type=checkbox].js-toggle-unlock-user:before { content: '\f09c'; font-family: 'fontawesome'; color: unset; }
.form-favorites-userlist .form-fields .field-user_choices .value .checkboxes .checkbox input[type=checkbox].js-toggle-unlock-user:checked:before { content: '\f023'; font-family: 'fontawesome'; color: #23a174; }
.form-favorites-userlist .form-fields .field-user_choices .value .checkboxes .checkbox input[type=checkbox].js-toggle-unlock-user { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; margin-right: 0; }

.modal .form-fields .field-favorites_list .value .checkboxes .checkbox { white-space: nowrap; display: block; }
.modal .form-fields .field-favorites_list .value .checkboxes .checkbox .js-toggle-unlock-favorite { margin-left: 5px; }
.modal .form-fields .field-favorites_list .value .checkboxes .checkbox .js-toggle-favorite_list { margin-left: 5px; }
.modal .form-fields .field-favorites_list .value .checkboxes .checkbox input[type=checkbox].js-toggle-locked-favorites:before { content: '\f09c'; font-family: 'fontawesome'; color: unset; }
.modal .form-fields .field-favorites_list .value .checkboxes .checkbox input[type=checkbox].js-toggle-locked-favorites:checked:before { content: '\f023'; font-family: 'fontawesome'; color: #23a174; }
.modal .form-fields .field-favorites_list .value .checkboxes .checkbox input[type=checkbox].js-toggle-locked-favorites { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; margin-right: 0; }

.checkboxes .checkbox .right { float: right; }
.checkboxes .checkbox > a span.fa { text-align: right; }
.checkboxes .checkbox > a { display: inline-flex; }
.checkboxes .checkbox .right > a span.fa { display: inherit; padding-left: 5px; }

.form-fields .field-nomail { border-bottom: 1px solid #ebebeb; padding-bottom: 5px; margin-bottom: 5px; }
.form-fields .field-locked .label > label { font-size: 13px; }
form.user-edit .form-fields .field-favorites_list { border-bottom: 1px solid #ebebeb; padding-bottom: 5px; margin-bottom: 5px; }

.items-tile.siblings { margin-bottom: 19px; padding-right: 19px; }
.items-tile.siblings > .item {padding-right: 0; padding-bottom: 9px; padding-top: 9px;}
.product-card-siblings .siblings,
.product-card-mini .siblings { position: relative; text-align: center; display: inline-flex; width: 100%; padding-top: 10px; }
.product-card-siblings .siblings .image,
.product-card-mini .siblings .image { height: 100%; width: auto; min-height: 0 !important; }
.product-card-siblings .siblings .img,
.product-card-mini .siblings .img { width: 50px; height: 50px; border: 2px solid rgb(238, 239, 240); padding: 3px; margin-right: 4px; display: inline-block; }
.product-card-siblings .siblings .img.extra_groups > a,
.product-card-mini .siblings .img.extra_groups > a { display: flex; justify-content: center; align-items: center; height: 100%; }
.ui-tooltip { max-width: 205px; padding: 20px; padding-bottom: 0; width: auto; }
.ui-tooltip span { background-color: gray; color: white; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 20px; margin-bottom: 10px; }

.form-orderby form { margin: 0; }
.form-orderby form label { line-height: 31px; font-size: 0.9rem; }
.form-orderby form .select2-container { width: 200px; font-size: 0.9rem; vertical-align: top; }
.form-orderby form .select2-container .select2-selection--single { line-height: 31px; min-height: 31px; }
.form-orderby form .select2-container .select2-selection--single .select2-selection__rendered { line-height: 28px; margin-top: 1px; }
.form-orderby form .select2-container .select2-selection--single .select2-selection__arrow { height: 31px; }
.page-articles-cataloggersubgroup .select2-container .select2-results > .select2-results__options { font-size: 0.9rem; }
.page-articles-cataloggersubgroup .select2-container .select2-results > .select2-results__options > .select2-results__option { padding: 3px 10px; }
.page-articles-cataloggersubgroup .select2-dropdown { border-color: #ebebeb; }

.page-articles-cataloggersubgroup .product-card-siblings > .image,
.page-articles-cataloggersubgroup .product-card-siblings .image.product-image { min-height: 244px; }
.ui-tooltip { max-width: 255px; padding: 20px; width: auto; }
.ui-tooltip:has(p) { max-width: 255px; padding: 20px; padding-bottom: 0; width: auto; }
.ui-tooltip span { background-color: gray; color: white; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 20px; margin-bottom: 10px; }
.ui-tooltip .product p { font-weight: 700; color: #233a6b; font-size: 14px; }
.ui-tooltip .product p.price { color: #474646; }

ul[id^=select2-selected_orderby] li:nth-child(1) { display: none; }
/* Google Translate */
.goog-te-banner-frame{bottom:0!important;top:auto!important}
body.page { top: 0px !important; }
@media only screen and (min-width: 1450px) {
    .section-mainmenu .languages { display: inline-block; top: 11px; position: relative; float: right; }
}
@media only screen and (min-width: 960px) and (max-width: 1449px)  {
    .section-mainmenu .languages { position: relative; float: right; bottom: 8px; }
}

.goog-te-gadget  { font-family: inherit !important; }
.goog-te-gadget .goog-te-gadget-simple { background-color: unset; border: unset; font-size: 14px; }
.goog-te-gadget .goog-te-gadget-simple span { color: white; }
.goog-te-gadget .goog-te-gadget-simple span img:nth-child(n+3) { display: none; }
.goog-te-gadget .goog-te-gadget-simple span span:nth-child(n+3) { display: none; }
.goog-te-gadget .goog-te-gadget-simple .goog-te-gadget-icon { content: ''; background-image: url('globe-white.svg') !important; background-position: unset !important; background-size: 20px 20px; }
.goog-te-menu-frame { margin-top: 10px; }
.sidemenu-main .languages { background-color: #233a6b; }

.show-commentform { font-style: italic; }
.show-commentform span.fa { cursor: pointer; }
.favorite-commentform span.fa { cursor: pointer; }
.hide-commentform { margin-left: 10px; cursor: pointer; }

.custom-productpage .groups .group-header {
    border: 1px solid #ebebeb;
    padding: 10px;
}
.custom-productpage .groups .sidebar {
    margin-top: 1rem;
}
.custom-productpage .groups .category .items-tile .item {
    padding-left: 10px;
    padding-right: 10px;
}
.custom-productpage .groups .category .maingroup {
    line-height: 21px;
}

@media only print, only screen and (max-width: 959px) {
    .custom-productpage aside {
        display: none;
    }
}

.appliance hr { border: 1px solid white;}
.appliance .maingroup a,
.appliance p.note { color: #4c4c4c; }
.appliance .maingroup a:hover,
.appliance .header a:hover p { color: #ff6e00; }

.extra-login-txt { color: #b0b0b0; margin-left: 8px;}

#modal-order-add-product-stock-t .input-combined {
    display: flex;
    justify-content: space-between;
}
.form-order-place .button {
    background-color: #23a174; 
}

.form-order-place .button:hover {
    background-color: #ff6e00; 
}



.cat-blauw { color: #233a6b; }
.cat-rood { color: #d71818; }
.cat-oranje { color: #ff6e00; }
.cat-groen { color: #23a174; }
.cat-geel { color: #f9c300; }
.cat-zwart { color: #222222; }
.cat-paars { color: #921cb9; }
.cat-wit { color: #ffffff; }
.cat-bordeaux { color: #a63b4a; }
.cat-roze { color: #d356d2; }

/* Content section - algemene styling binnen de website */

.button.without-background:hover, .button.without-background:focus {
    background: none;
}

h1, header.as-h1 {
    font-size: 32px;
    line-height: 32px;
}

h2, header.as-h2 {
    font-size: 25px;
    line-height: 25px;
}
h3, header.as-h3 {
    font-size: 20px;
}

h4, header.as-h4 {
    font-size: 17px;
}

h5, header.as-h5 {
    font-size: 17px;
}

p a.link { color: #00A8E7; }

/* Header section - menu gedeelte van de website */

.section-logo .searchbox {
}

.section-logo .searchbox > .form > form > .input-combined input.textbox {
    margin-right: 0;
    font-size: 13px;
    background: rgb(245,245,245);
    box-shadow: none;
    border: 1px solid rgb(200,200,200);
}

.form-search>form>.input-combined>input {
    width: calc(100%);
    min-width: 160px;
    margin-right: 0;
}

.section-logo .logo {
    float: left;
    position: relative;
    top: 0px;
    left: -10px;
    overflow: hidden;
    width: 256px;
    height: 99px;
}

/* News - nieuwsgedeelte binnen de website */

@media only screen and (min-width: 1200px) {
.page-newsitem .sidebar > aside, .pageid-news .sidebar > aside {
    width: 256px !important;
    padding-right: 16px !important;
}
}

.thisbutton {
    padding: 0px;
    line-height: 38px;
    min-height: 40px;
}

.newsitem {
    background: white;
    padding: 0px;
    border: none;
    margin-bottom: 2rem;
}

.page-card-newsitem > .image > .image-container {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    border: none;
}

.page-card-newsitem {
    background: white;
    border: none;
    padding: 0;
    margin-bottom: 32px;
    position: relative;
}

.page-card-newsitem > .newscontent {
    padding: 16px 0px 25px 0px;
}

/* Productpagina - productgedeelte binnen de website */

.product-price .price {
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: baseline;
    color: #233a6b;
    font-weight: 700;
    margin-top: 0px !important;
}

.page-articlegroup .info .product-price .price {
    font-size: 32px;
    font-weight: 800;
    padding-bottom: 10px;
}

.page-articlegroup p {
    margin-bottom: 0px !important;
}

.page-articlegroup .product-packing {
    margin-top: 10px;
    margin-bottom: 10px;
}

.items-tile.filteroptions.with-gutter > .item p {
    margin: 3px 0px 3px 0px !important;
    font-weight: 600;
    font-size: 12px;
}



#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 #ebebeb; 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 #ebebeb; 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: #474646; }

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

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

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