@charset "UTF-8";
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
:root {
  --color-white-base: 0;
  --color-white-saturation: 0%;
  --color-white-lightness: 100%;
  --color-primary-base: 356;
  --color-primary-saturation: 95%;
  --color-primary-lightness: 46%;
  --color-primary-alpha: 1;
  --color-background-hover-lightness-decrease: 5%; }

/**
* cause twbs doing a lot of calculation with these vars
* based on pixels whe should make sure we use px values
**/
/* ------------------------------------ *\
    @mixin for easy media query use
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin for transform-translate
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin for icons
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin for transitions
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin for "multi-line padded text"
    add's a background for EACH line of an inline text
    link: https://css-tricks.com/multi-line-padded-text
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin for overriding styles
    without using !important by making
    it more important with the ID selector
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin border-radius
\* ------------------------------------ */
/* ------------------------------------ *\
    @mixin repeat
\* ------------------------------------ */
@font-face {
  font-family: "novosales_iconsweb";
  src: url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/novosales_iconsweb.eot?aa56ed49a96008d3fdb8e2ed8c5823dc?#iefix") format("embedded-opentype"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/novosales_iconsweb.woff?aa56ed49a96008d3fdb8e2ed8c5823dc") format("woff"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/novosales_iconsweb.ttf?aa56ed49a96008d3fdb8e2ed8c5823dc") format("truetype"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/novosales_iconsweb.svg?aa56ed49a96008d3fdb8e2ed8c5823dc#novosales_iconsweb") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.nm-icon {
  font-family: "novosales_iconsweb";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.nm-icon--centered {
  vertical-align: middle; }

.nm-icon-arrow-down:before, .default-select-wrapper:after {
  content: "\f101"; }

.nm-icon-arrow-left:before, .slider-teaser .swiper-button-prev[class^="swiper-button-"]:before, .ui-datepicker .ui-datepicker-prev:before {
  content: "\f102"; }

.nm-icon-arrow-right:before, .rich-media-teaser a span.cta:after, .slider-teaser .swiper-button-next[class^="swiper-button-"]:before, .ui-datepicker .ui-datepicker-next:before, [data-toggle="collapse"]:after, .nav-mobile li.has-children > .js_fso:before,
.nav-mobile li.has-children > span.navigation__link:before,
.nav-mobile li.has-children > a:before {
  content: "\f103"; }

.nm-icon-arrow-up:before, .go-top:after {
  content: "\f104"; }

.nm-icon-attraktive-preise:before {
  content: "\f105"; }

.nm-icon-ausgewaehlte-fachhandelsqualitaet:before {
  content: "\f106"; }

.nm-icon-bin:before {
  content: "\f107"; }

.nm-icon-brochure-shipping:before {
  content: "\f108"; }

.nm-icon-burger-menu:before, .navbar-toggle .icon:before {
  content: "\f109"; }

.nm-icon-burger-menu2:before {
  content: "\f10a"; }

.nm-icon-calendar:before {
  content: "\f10b"; }

.nm-icon-car:before {
  content: "\f10c"; }

.nm-icon-carefree-service:before {
  content: "\f10d"; }

.nm-icon-checkmark_01:before, .form-amount .edit:after, .btn.btn--cart-item-added.btn-lg:before, .btn-group-lg > .btn.btn--cart-item-added:before, .btn.btn--cutting-element-added:before, .checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="radio"]:checked + label:after, ul.prd-filter-list .color-thumbs .color-thumb:before, .checkout--pay .paid h2:before, .progress-steps .progress-step-wrapper.done .step-number:after {
  content: "\f10e"; }

.nm-icon-checkmark_02:before {
  content: "\f10f"; }

.nm-icon-children-corner:before {
  content: "\f110"; }

.nm-icon-configurator:before {
  content: "\f111"; }

.nm-icon-creditcard:before {
  content: "\f112"; }

.nm-icon-cross:before {
  content: "\f113"; }

.nm-icon-crosshair:before {
  content: "\f114"; }

.nm-icon-cutting-service:before {
  content: "\f115"; }

.nm-icon-delivery-24h:before {
  content: "\f116"; }

.nm-icon-delivery-service:before {
  content: "\f117"; }

.nm-icon-download:before {
  content: "\f118"; }

.nm-icon-edit:before {
  content: "\f119"; }

.nm-icon-electronic-cash:before {
  content: "\f11a"; }

.nm-icon-envelope:before {
  content: "\f11b"; }

.nm-icon-equipment-maintenance:before {
  content: "\f11c"; }

.nm-icon-estimation-on-site:before {
  content: "\f11d"; }

.nm-icon-estimation-service:before {
  content: "\f11e"; }

.nm-icon-euro:before {
  content: "\f11f"; }

.nm-icon-exhibition:before {
  content: "\f120"; }

.nm-icon-express-delivery:before {
  content: "\f121"; }

.nm-icon-financing-service:before {
  content: "\f122"; }

.nm-icon-floor-studio:before {
  content: "\f123"; }

.nm-icon-general-info:before {
  content: "\f124"; }

.nm-icon-gift-card:before {
  content: "\f125"; }

.nm-icon-gift-voucher:before {
  content: "\f126"; }

.nm-icon-grosse-produktauswahl:before {
  content: "\f127"; }

.nm-icon-guarantee:before {
  content: "\f128"; }

.nm-icon-guenstiger-versand:before {
  content: "\f129"; }

.nm-icon-help-desk:before {
  content: "\f12a"; }

.nm-icon-home:before {
  content: "\f12b"; }

.nm-icon-humidity-analyzer:before {
  content: "\f12c"; }

.nm-icon-image-zoom:before {
  content: "\f12d"; }

.nm-icon-information:before {
  content: "\f12e"; }

.nm-icon-invoice:before {
  content: "\f12f"; }

.nm-icon-liefer-und-montageservice:before {
  content: "\f130"; }

.nm-icon-lieferservice_shop:before {
  content: "\f131"; }

.nm-icon-lock:before {
  content: "\f132"; }

.nm-icon-logo-holzland-marktplatz:before {
  content: "\f133"; }

.nm-icon-logo-holzland:before {
  content: "\f134"; }

.nm-icon-loupe:before {
  content: "\f135"; }

.nm-icon-machine-leasing:before {
  content: "\f136"; }

.nm-icon-minus:before, .prd-filter [data-toggle="collapse"]:before, .prd-filter [data-toggle="collapse"]:after {
  content: "\f137"; }

.nm-icon-mobile-services:before {
  content: "\f138"; }

.nm-icon-money-transfer:before {
  content: "\f139"; }

.nm-icon-money:before {
  content: "\f13a"; }

.nm-icon-montage-laying-service:before {
  content: "\f13b"; }

.nm-icon-montage-service-included:before {
  content: "\f13c"; }

.nm-icon-my-account:before {
  content: "\f13d"; }

.nm-icon-no-shipping:before {
  content: "\f13e"; }

.nm-icon-not-in-exhibition:before {
  content: "\f13f"; }

.nm-icon-note-mark:before {
  content: "\f140"; }

.nm-icon-on-site-consultation:before {
  content: "\f141"; }

.nm-icon-online-shop:before {
  content: "\f142"; }

.nm-icon-parking-space:before {
  content: "\f143"; }

.nm-icon-pattern-shipping:before {
  content: "\f144"; }

.nm-icon-payment-cc:before {
  content: "\f145"; }

.nm-icon-paypal:before {
  content: "\f146"; }

.nm-icon-pen:before {
  content: "\f147"; }

.nm-icon-pencil:before {
  content: "\f148"; }

.nm-icon-percent-sale:before {
  content: "\f149"; }

.nm-icon-pick-up-and-delivery:before {
  content: "\f14a"; }

.nm-icon-pick-up-service:before {
  content: "\f14b"; }

.nm-icon-pin:before {
  content: "\f14c"; }

.nm-icon-planning-checklist:before {
  content: "\f14d"; }

.nm-icon-planning-service:before {
  content: "\f14e"; }

.nm-icon-plus:before, html.firefox .prd-filter .collapsed[data-toggle="collapse"]:after {
  content: "\f14f"; }

.nm-icon-recall-service:before {
  content: "\f150"; }

.nm-icon-recycle-mattress:before {
  content: "\f151"; }

.nm-icon-recycle:before, .form-amount.on-edit .edit:after {
  content: "\f152"; }

.nm-icon-refer-to-a-friend:before {
  content: "\f153"; }

.nm-icon-refund-warranty:before {
  content: "\f154"; }

.nm-icon-remove:before {
  content: "\f155"; }

.nm-icon-repair:before {
  content: "\f156"; }

.nm-icon-reserve-pick-up:before {
  content: "\f157"; }

.nm-icon-retainage-security:before {
  content: "\f158"; }

.nm-icon-return:before {
  content: "\f159"; }

.nm-icon-schnelle-lieferung:before {
  content: "\f15a"; }

.nm-icon-search:before {
  content: "\f15b"; }

.nm-icon-setup-consulting:before {
  content: "\f15c"; }

.nm-icon-setup-service:before {
  content: "\f15d"; }

.nm-icon-share:before {
  content: "\f15e"; }

.nm-icon-shipping-box:before {
  content: "\f15f"; }

.nm-icon-shipping-cost:before {
  content: "\f160"; }

.nm-icon-shopping-cart:before {
  content: "\f161"; }

.nm-icon-sichere-zahlung:before {
  content: "\f162"; }

.nm-icon-sliders:before {
  content: "\f163"; }

.nm-icon-spare-parts:before {
  content: "\f164"; }

.nm-icon-special-catalogue:before {
  content: "\f165"; }

.nm-icon-star-empty:before {
  content: "\f166"; }

.nm-icon-star:before {
  content: "\f167"; }

.nm-icon-storage-capacity:before {
  content: "\f168"; }

.nm-icon-storage-service:before {
  content: "\f169"; }

.nm-icon-telephone-order:before {
  content: "\f16a"; }

.nm-icon-tip:before {
  content: "\f16b"; }

.nm-icon-top-serviceleistung:before {
  content: "\f16c"; }

.nm-icon-traditionsunternehmen:before {
  content: "\f16d"; }

.nm-icon-trailer-rental:before {
  content: "\f16e"; }

.nm-icon-truck:before {
  content: "\f16f"; }

.nm-icon-user:before {
  content: "\f170"; }

.nm-icon-video:before {
  content: "\f171"; }

.nm-icon-viewing-day:before {
  content: "\f172"; }

.nm-icon-whatsapp:before {
  content: "\f173"; }

.nm-icon-worker-procurance:before {
  content: "\f174"; }

.nm-icon-workshops:before {
  content: "\f175"; }

.nm-icon-written-order:before {
  content: "\f176"; }

.nm-icon-zero-financing:before {
  content: "\f177"; }

.nm-icon-zoom:before {
  content: "\f178"; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/glyphicons-halflings-regular.eot");
  src: url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
  font-display: swap; }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before, #page .breadcrumb > li + li:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

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

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

* {
  -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 {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.42857;
  color: #464646;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #464646;
  text-decoration: none; }
  a:hover, a:focus {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #d1d1d1; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  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; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 21px;
  margin-bottom: 10.5px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2.2rem; }

h3, .h3 {
  font-size: 1.9rem; }

h4, .h4 {
  font-size: 1.8rem; }

h5, .h5 {
  font-size: 1.6rem; }

h6, .h6 {
  font-size: 1.5rem; }

p {
  margin: 0 0 10.5px; }

.lead {
  margin-bottom: 21px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 22.5px; } }

small,
.small {
  font-size: 86%; }

mark,
.mark {
  background-color: #f2b866;
  padding: .2em; }

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

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

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

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }

a.text-primary:hover,
a.text-primary:focus {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 10%), 1); }

.text-success {
  color: #000; }

a.text-success:hover,
a.text-success:focus {
  color: black; }

.text-info {
  color: #000; }

a.text-info:hover,
a.text-info:focus {
  color: black; }

.text-warning {
  color: #000; }

a.text-warning:hover,
a.text-warning:focus {
  color: black; }

.text-danger {
  color: #000; }

a.text-danger:hover,
a.text-danger:focus {
  color: black; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 10%), 1); }

.bg-success {
  background-color: #6ec06e; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #4cae4c; }

.bg-info {
  background-color: #70c8e2; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #46b8da; }

.bg-warning {
  background-color: #f2b866; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #eea236; }

.bg-danger {
  background-color: #de6764; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #d43f3a; }

.page-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px;
  border-bottom: 1px solid #b2b2b2; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10.5px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 21px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
  width: 100%; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10.5px 21px;
  margin: 0 0 21px;
  font-size: 18.75px;
  border-left: 5px solid #b2b2b2; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: "\2014 \00A0"; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #b2b2b2;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ""; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: "\00A0 \2014"; }

address {
  margin-bottom: 21px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 10px;
  margin: 0 0 10.5px;
  font-size: 14px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #3c3c3b;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .container:before, .container:after {
    content: " ";
    display: table;
    width: 100%; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 744px; } }
  @media (min-width: 1025px) {
    .container {
      width: 964px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1164px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table;
    width: 100%; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -12px;
  margin-right: -12px; }
  .row:before, .row:after {
    content: " ";
    display: table;
    width: 100%; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1025px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.row.border:before, .row.border:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #d1d1d1;
  margin: 0 12px; }

.row.border-before:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #d1d1d1;
  margin: 0 12px; }

.row.border-after:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #d1d1d1;
  margin: 0 12px; }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 21px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #6ec06e; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #5cb85c; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #70c8e2; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #5bc0de; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #f2b866; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #f0ad4e; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #de6764; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #d9534f; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15.75px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

.table thead > tr > td.not-bordered,
.table tbody > tr > td.not-bordered,
.table tfoot > tr > td.not-bordered {
  border-top: none; }

.pseudo-table {
  display: table;
  font-size: 1.3rem; }
  .pseudo-table .tr {
    display: table-row; }
  .pseudo-table .td,
  .pseudo-table .th {
    display: table-cell;
    padding-right: 1.2rem;
    vertical-align: top; }
    .pseudo-table .td:last-child,
    .pseudo-table .th:last-child {
      padding-right: 0; }
  .pseudo-table .thead {
    display: table-header-group; }
  .pseudo-table .tbody {
    display: table-row-group; }
  .pseudo-table .tfoot {
    display: table-footer-group; }
  .pseudo-table .col {
    display: table-column; }
  .pseudo-table .colgroup {
    display: table-column-group; }
  .pseudo-table .caption {
    display: table-caption; }
  .pseudo-table.pseudo-table--with-borders {
    border-collapse: collapse; }
    .pseudo-table.pseudo-table--with-borders .td,
    .pseudo-table.pseudo-table--with-borders .th {
      border: 1px solid #d1d1d1;
      padding: 0.8rem 12px 0.4rem; }
  .pseudo-table.pseudo-table--full-width {
    width: 100%; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 21px;
  font-size: 22.5px;
  line-height: inherit;
  color: #3c3c3b;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 2px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 9px;
  font-size: 15px;
  line-height: 1.42857;
  color: #464646; }

.form-control {
  display: block;
  width: 100%;
  height: 39px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.42857;
  color: #464646;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1d1d1;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #ababab;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(171, 171, 171, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(171, 171, 171, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #b2b2b2;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 39px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
input[type="radio"] fieldset[disabled], input[type="radio"][readonly],
input[type="radio"][readonly="true"] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
input[type="checkbox"] fieldset[disabled],
input[type="checkbox"][readonly],
input[type="checkbox"][readonly="true"] input[type="radio"],
input[type="radio"][readonly="true"]
input[type="checkbox"],
input[type="checkbox"][readonly="true"]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
  min-height: 36px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 34px;
  padding: 5px 8px;
  font-size: 13px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 39px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 48.75px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #000; }

.has-success .form-control {
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: black;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #333333;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #333333; }

.has-success .input-group-addon {
  color: #000;
  border-color: #000;
  background-color: #6ec06e; }

.has-success .form-control-feedback {
  color: #000; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #000; }

.has-warning .form-control {
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: black;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #333333;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #333333; }

.has-warning .input-group-addon {
  color: #000;
  border-color: #000;
  background-color: #f2b866; }

.has-warning .form-control-feedback {
  color: #000; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #000; }

.has-error .form-control {
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: black;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #333333;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #333333; }

.has-error .input-group-addon {
  color: #000;
  border-color: #000;
  background-color: #de6764; }

.has-error .form-control-feedback {
  color: #000; }

.has-feedback label ~ .form-control-feedback {
  top: 26px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #868686; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px; }

.form-horizontal .form-group {
  margin-left: -12px;
  margin-right: -12px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
    width: 100%; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 9px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 12px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 5px;
    font-size: 13px; } }

.auto-width {
  width: auto; }

.block-display {
  display: block; }

.form-error,
.form-warning {
  font-weight: bold;
  font-size: 1.3rem; }

.has-error .control-label {
  color: inherit; }

.has-error + .form-error,
.has-error .form-error, .has-error.form-error {
  color: #d9534f; }

.has-error.form-control,
.has-error input.form-control {
  border-color: #d9534f; }

.label-sort {
  line-height: 3.9rem;
  margin-bottom: 0; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left; } }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  font-size: 1.5rem; }

input.form-control.input-inline {
  display: inline-block;
  width: auto; }

.default-select-wrapper {
  display: inline-block;
  position: relative; }
  .default-select-wrapper select {
    padding: 0 3rem 0 1.2rem;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    font-size: 1.3rem;
    width: auto;
    height: 3.9rem;
    appearance: none; }
    .default-select-wrapper select::-ms-expand {
      display: none; }
  .default-select-wrapper:after {
    display: inline-block;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .default-select-wrapper:after {
    background-color: #fff;
    color: #464646;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 24px;
    height: calc(100% - 4px);
    line-height: 3.5rem;
    text-align: center;
    vertical-align: middle;
    pointer-events: none; }
  .default-select-wrapper.inline-block {
    display: inline-block; }
  .default-select-wrapper.block select {
    width: 100%; }
  .default-select-wrapper.select-sm select {
    height: 2.9rem; }
  .default-select-wrapper.select-sm:after {
    line-height: 2.5rem; }

/* used for e.g. checkout forms */
.nm-form {
  margin-bottom: 2rem; }
  .nm-form p {
    font-size: 1.3rem; }
  .nm-form label {
    position: relative;
    display: block;
    margin-bottom: 0;
    font-weight: normal; }
    .nm-form label abbr {
      border-bottom-width: 0;
      text-decoration: none; }
    .nm-form label [data-toggle='tooltip'] {
      position: absolute;
      top: 2px;
      margin-left: 6px;
      font-size: 1.6rem;
      color: #464646; }
  .nm-form .legal-info {
    margin: 1.2rem 0;
    font-size: 1.3rem; }
  .nm-form .radio input[type="radio"] + label + .input-wrapper {
    padding-left: 0.4rem; }
  .nm-form label + input[type="date"],
  .nm-form .default-select-wrapper + .default-select-wrapper {
    padding-left: 0.4rem; }
  .nm-form .radio + .radio,
  .nm-form .checkbox + .checkbox {
    margin-top: 10px;
    margin-left: 1.2rem; }

@media screen and (max-width: 767px) {
  .nm-form-actions .btn {
    display: block;
    width: 100%; }
    .nm-form-actions .btn + .btn {
      margin-top: 1.6rem; } }

.form-amount .edit {
  position: relative;
  cursor: pointer;
  transition: color 400ms ease-out, background-color 400ms ease-out; }
  .form-amount .edit:after {
    display: inline-block;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .form-amount .edit:after {
    -webkit-transition: opacity 400ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: opacity 400ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: opacity 400ms ease-out 0s;
    /* Opera 10.5+  */
    transition: opacity 400ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 2.7rem;
    text-align: center;
    z-index: 1;
    opacity: 0; }

.form-amount input:target ~ label.edit:after {
  animation: fadeInOut 3s ease-out;
  background-color: #fff;
  color: #5cb85c; }

@keyframes fadeInOut {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.form-amount.on-edit .edit:after {
  font-family: "novosales_iconsweb"; }

.form-amount.on-edit .edit:after {
  color: #fff !important;
  background-color: #d9534f !important;
  opacity: 1; }

body .form-amount:not(.on-edit) .edit:hover {
  color: whitesmoke;
  background-color: #464646;
  transition: color 200ms ease-out, background-color 200ms ease-out; }

input.amount {
  border-right-style: none; }
  input.amount + .amount-unit {
    background-color: #fff; }
  input.amount + .has-error {
    border-color: #d9534f; }

input.amount.readonly {
  background: transparent;
  box-shadow: none;
  border-color: #d1d1d1 !important; }
  input.amount.readonly + .amount-unit {
    background-color: transparent; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: whitesmoke;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: whitesmoke;
  background-color: #464646;
  border-color: #464646; }
  .btn-default:focus, .btn-default.focus {
    color: whitesmoke;
    background-color: #2d2d2d;
    border-color: #060606; }
  .btn-default:hover {
    color: whitesmoke;
    background-color: #2d2d2d;
    border-color: #282828; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: whitesmoke;
    background-color: #2d2d2d;
    border-color: #282828; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: whitesmoke;
      background-color: #1b1b1b;
      border-color: #060606; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #464646;
    border-color: #464646; }
  .btn-default .badge {
    color: #464646;
    background-color: whitesmoke; }

.btn-primary {
  color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
  border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }
  .btn-primary:focus, .btn-primary.focus {
    color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 10%), 1);
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 25%), 1); }
  .btn-primary:hover {
    color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 10%), 1);
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 12%), 1); }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 10%), 1);
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 12%), 1); }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 17%), 1);
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 25%), 1); }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }
  .btn-primary .badge {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
    background-color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1); }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #464646;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn {
  white-space: normal; }
  .btn:focus {
    outline: 0 !important; }
  .btn .nm-icon,
  .btn .glyphicon {
    font-size: 1.8rem;
    margin-right: 0.8rem; }
  .btn.btn-lg, .btn-group-lg > .btn {
    font-size: 1.5rem;
    min-height: 46px; }
    .btn.btn-lg .glyphicon, .btn-group-lg > .btn .glyphicon,
    .btn.btn-lg .nm-icon,
    .btn-group-lg > .btn .nm-icon {
      position: relative;
      top: -2px;
      vertical-align: middle; }
  .btn.btn-secondary {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
    background-color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    font-weight: normal;
    border-radius: 0;
    border: 2px solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .btn.btn-secondary:focus, .btn.btn-secondary.focus {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
      background-color: hsla(var(--color-white-base), var(--color-white-saturation), calc(var(--color-white-lightness) - 10%), 1);
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 25%), 1); }
    .btn.btn-secondary:hover {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
      background-color: hsla(var(--color-white-base), var(--color-white-saturation), calc(var(--color-white-lightness) - 10%), 1);
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 12%), 1); }
    .btn.btn-secondary:active, .btn.btn-secondary.active,
    .open > .btn.btn-secondary.dropdown-toggle {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
      background-color: hsla(var(--color-white-base), var(--color-white-saturation), calc(var(--color-white-lightness) - 10%), 1);
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 12%), 1); }
      .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus,
      .open > .btn.btn-secondary.dropdown-toggle:hover,
      .open > .btn.btn-secondary.dropdown-toggle:focus,
      .open > .btn.btn-secondary.dropdown-toggle.focus {
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1);
        background-color: hsla(var(--color-white-base), var(--color-white-saturation), calc(var(--color-white-lightness) - 17%), 1);
        border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 25%), 1); }
    .btn.btn-secondary:active, .btn.btn-secondary.active,
    .open > .btn.btn-secondary.dropdown-toggle {
      background-image: none; }
    .btn.btn-secondary.disabled:hover, .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary[disabled]:hover, .btn.btn-secondary[disabled]:focus, .btn.btn-secondary[disabled].focus,
    fieldset[disabled] .btn.btn-secondary:hover,
    fieldset[disabled] .btn.btn-secondary:focus,
    fieldset[disabled] .btn.btn-secondary.focus {
      background-color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }
    .btn.btn-secondary .badge {
      color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 1);
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }
    .btn.btn-secondary, .btn.btn-secondary:active, .btn.btn-secondary.active, .btn.btn-secondary[disabled],
    fieldset[disabled] .btn.btn-secondary {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: #fff; }
    .btn.btn-secondary:hover, .btn.btn-secondary:focus {
      color: #fff;
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .btn.btn-secondary[disabled]:hover, .btn.btn-secondary[disabled]:focus,
    fieldset[disabled] .btn.btn-secondary:hover,
    fieldset[disabled] .btn.btn-secondary:focus {
      opacity: 0; }
    .btn.btn-secondary.btn-secondary--black {
      pointer-events: none; }
      .btn.btn-secondary.btn-secondary--black, .btn.btn-secondary.btn-secondary--black:hover, .btn.btn-secondary.btn-secondary--black:focus {
        color: #464646;
        border-color: #464646;
        background-color: #fff; }
  .btn.btn--cart-item-added.btn-lg, .btn-group-lg > .btn.btn--cart-item-added {
    position: relative;
    border-color: #d1d1d1;
    background-color: #fff;
    color: #fff; }
    .btn.btn--cart-item-added.btn-lg:before, .btn-group-lg > .btn.btn--cart-item-added:before {
      display: inline-block;
      font-size: 1.8rem;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      vertical-align: middle;
      text-decoration: inherit;
      text-transform: none !important;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: "novosales_iconsweb"; }
    .btn.btn--cart-item-added.btn-lg:before, .btn-group-lg > .btn.btn--cart-item-added:before, .btn.btn--cart-item-added.btn-lg:after, .btn-group-lg > .btn.btn--cart-item-added:after {
      display: block;
      color: #5cb85c;
      left: 16px;
      z-index: 1; }
    .btn.btn--cart-item-added.btn-lg:after, .btn-group-lg > .btn.btn--cart-item-added:after {
      content: attr(data-added-label);
      left: 4.2rem; }
  .btn.btn--cutting-element-added {
    position: relative;
    border-color: #d1d1d1;
    background-color: #fff;
    color: #fff; }
    .btn.btn--cutting-element-added:before {
      display: inline-block;
      font-size: 1.8rem;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      vertical-align: middle;
      text-decoration: inherit;
      text-transform: none !important;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: "novosales_iconsweb"; }
    .btn.btn--cutting-element-added:before, .btn.btn--cutting-element-added:after {
      display: block;
      color: #5cb85c;
      left: 16px;
      z-index: 1; }
    .btn.btn--cutting-element-added:after {
      content: attr(data-added-label);
      left: 4.2rem; }
  .btn.btn-disabled {
    opacity: 0.65;
    cursor: not-allowed; }

.go-top {
  -webkit-transform: translate3d(0, 10.5rem, 0);
  -moz-transform: translate3d(0, 10.5rem, 0);
  -ms-transform: translate3d(0, 10.5rem, 0);
  transform: translate3d(0, 10.5rem, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-flex;
  width: 5rem;
  height: 5rem;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 5.5rem;
  right: 2rem;
  color: #777777 !important;
  background-color: #fff;
  border: 2px solid #777777;
  border-radius: 50%;
  text-decoration: none !important;
  z-index: 1035; }
  .go-top:after {
    display: inline-block;
    font-size: 2rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .go-top:after {
    -webkit-transition: transform 400ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: transform 400ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: transform 400ms ease-out 0s;
    /* Opera 10.5+  */
    transition: transform 400ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    display: block;
    width: 2rem;
    height: 2rem; }
  .go-top:hover {
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .go-top:hover:after {
      -webkit-transition: transform 200ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: transform 200ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: transform 200ms ease-out 0s;
      /* Opera 10.5+  */
      transition: transform 200ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
      -webkit-transform: translate3d(0, -0.5rem, 0);
      -moz-transform: translate3d(0, -0.5rem, 0);
      -ms-transform: translate3d(0, -0.5rem, 0);
      transform: translate3d(0, -0.5rem, 0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  body.scrolled .go-top {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }

.go-top__prd-filter-list {
  display: inline-flex;
  width: 5rem;
  height: 5rem;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: -7.2rem;
  right: 2rem;
  color: #fff;
  background-color: #5e5e5e;
  border: 2px solid #777777;
  border-radius: 50%;
  text-decoration: none !important;
  z-index: 1069; }
  body.scrolled .go-top__prd-filter-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, -185px, 0); }

html body {
  min-width: 305px; }
  html body.modal-open {
    overflow: hidden; }

html,
html body {
  height: 100%; }

html body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  -webkit-overflow-scrolling: touch; }

.js_fso,
a,
button,
.btn {
  -webkit-transition: all 400ms ease-out 0s;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  -moz-transition: all 400ms ease-out 0s;
  /* Firefox 4.0 - 15  */
  -o-transition: all 400ms ease-out 0s;
  /* Opera 10.5+  */
  transition: all 400ms ease-out 0s;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .js_fso:hover,
  a:hover,
  button:hover,
  .btn:hover {
    -webkit-transition: all 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: all 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: all 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .js_fso.btn--c-default,
  a.btn--c-default,
  button.btn--c-default,
  .btn.btn--c-default {
    cursor: default; }

h1, .h1 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.center {
  text-align: center; }

.subhead, .s-box-text h2 {
  text-transform: none;
  margin: 36px 0 24px;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: left;
  color: #464646; }

.tophead {
  font-size: 1.8rem;
  margin-top: 2rem;
  margin-bottom: 2rem; }

p,
.media-body,
.panel-body {
  font-size: 1.5rem;
  line-height: 2rem; }

.h4.media-heading {
  letter-spacing: 0.8px;
  line-height: 1;
  text-transform: uppercase; }

a.link-primary {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  text-decoration: none; }
  a.link-primary:hover {
    text-decoration: underline; }

.outer {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.headline-block {
  border-bottom: 1px solid #d1d1d1;
  padding: 0 0 1.2rem 0;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 1;
  margin-bottom: 2rem; }

.bold {
  font-weight: bold; }

.clearboth {
  clear: both; }

.no-pad {
  padding: 0 !important; }

.no-pad-left {
  padding-left: 0 !important; }

.pad-top {
  padding-top: 0.8rem; }
  .pad-top-small {
    padding-top: 0.4rem; }
  .pad-top-component {
    padding-top: 2rem; }

.pad-right {
  padding-right: 0.8rem; }
  .pad-right-small {
    padding-right: 0.4rem; }

.pad-bottom {
  padding-bottom: 0.8rem; }
  .pad-bottom-small {
    padding-bottom: 0.4rem; }
  .pad-bottom-component {
    padding-bottom: 2rem; }

.pad-left {
  padding-left: 0.8rem; }
  .pad-left-small {
    padding-left: 0.4rem; }

.pad-col {
  padding-right: 24px;
  padding-left: 24px; }

.no-marge {
  margin: 0 !important; }
  #page .no-marge-top {
    margin-top: 0; }
  .no-marge-bottom {
    margin-bottom: 0; }

.marge-top {
  margin-top: 1.2rem; }

.marge-right {
  margin-right: 1.2rem; }

.marge-bottom {
  margin-bottom: 1.2rem; }

.marge-left {
  margin-left: 1.2rem; }

.marge-top-component {
  margin-top: 2rem; }

.marge-bottom-component {
  margin-bottom: 2rem; }

.marge-top-grid {
  margin-top: 24px; }

.marge-bottom-grid {
  margin-bottom: 24px; }

.relative-top--20 {
  position: relative;
  top: -20px; }

.distance-content {
  padding-top: 0.8rem; }

.border-top {
  border-top: 1px solid #d1d1d1; }

.border--left {
  border-left: 1px solid #d1d1d1; }

.border--right {
  border-right: 1px solid #d1d1d1; }

.border-top--big {
  border-top-width: 2px; }

.border-top--additional:before {
  content: "";
  position: relative;
  top: 4px;
  width: 100%;
  height: 1px;
  border-top: 1px solid #d1d1d1; }

.border-bottom {
  border-bottom: 1px solid #d1d1d1; }

.no-border {
  border-style: none !important; }

.block {
  display: block; }

#page .visible-all-but-desktop {
  display: none; }

@media screen and (max-width: 1024px) {
  #page .visible-all-but-desktop {
    display: block; } }

.flex {
  display: flex; }

.no-deco {
  text-decoration: none; }

.no-wrap {
  white-space: nowrap; }

.block-link {
  display: block;
  cursor: pointer; }

.nm-icon {
  text-decoration: none; }

.icon--small {
  font-size: 1.6rem; }

.icon--big {
  font-size: 2.8rem; }

.text--regular {
  font-size: 1.5rem; }

.text--small {
  font-size: 1.3rem; }

.text--smallest {
  font-size: 1.1rem; }

.text--big {
  font-size: 1.8rem; }

.text--uppercase {
  text-transform: uppercase; }

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

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

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

.font-normal {
  font-weight: normal; }

.relative {
  position: relative; }

@media (min-width: 1025px) {
  .w-auto--desktop {
    width: auto; } }

hr.big {
  margin: 4rem 0; }

span.plus-sign {
  font-size: 1.8rem;
  padding-right: 3px;
  line-height: 1; }

p a,
.text-tooltip {
  text-decoration: underline;
  cursor: pointer; }

.underline {
  text-decoration: underline; }

.no-decoration {
  text-decoration: none; }

.dl-force-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dl-force-horizontal dd {
  margin-left: 180px; }
  .dl-force-horizontal dd:before, .dl-force-horizontal dd:after {
    content: " ";
    display: table;
    width: 100%; }
  .dl-force-horizontal dd:after {
    clear: both; }

.btn.btn--cart-item-added.btn-lg:before, .btn-group-lg > .btn.btn--cart-item-added:before, .btn.btn--cart-item-added.btn-lg:after, .btn-group-lg > .btn.btn--cart-item-added:after, .btn.btn--cutting-element-added:before, .btn.btn--cutting-element-added:after, .striked:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.teaser-area .h4 {
  text-transform: uppercase;
  margin-bottom: 10px; }

.teaser-area p {
  font-size: 1.3rem;
  letter-spacing: 0.8px;
  line-height: 1; }

.teaser-area .nm-icon {
  top: -5px; }

th,
.cart .shop-cart-header {
  font-size: 1.3rem; }

.f-table {
  display: table; }
  .f-table .cell {
    display: table-cell; }

.media-floating .pull-left,
.media .pull-left {
  margin-right: 15px; }

.image-margin-top {
  margin-top: 65px; }

[data-tb-element="trustbadge_minimised_responsive_container"] {
  flex: 0 0 auto; }

.prd-head__logo, .prd-add-panel, .prd-pickup__merchant .contact, .merchant-selector__entry {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  background: #fff;
  border-radius: 3px; }

.u-clip-line, .prd-grid-item.tile .merchant-information .name,
.prd-grid-item.tile .merchant-information .city {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box; }

.arrow-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 1.3rem; }
  .arrow-link .icon {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    font-size: 1rem;
    margin-right: 0.2rem; }
  .arrow-link:hover, .arrow-link:focus {
    text-decoration: none; }

.color-brand {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .color-brand-bg {
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.color-body-bg {
  color: #fff; }
  .color-body-bg-bg {
    background-color: #fff; }

.color-text {
  color: #464646; }
  .color-text-bg {
    background-color: #464646; }

.color-border {
  color: #d1d1d1; }
  .color-border-bg {
    background-color: #d1d1d1; }

.color-success {
  color: #5cb85c; }
  .color-success-bg {
    background-color: #5cb85c; }

.color-warning {
  color: #f0ad4e; }
  .color-warning-bg {
    background-color: #f0ad4e; }

.color-danger {
  color: #d9534f; }
  .color-danger-bg {
    background-color: #d9534f; }

.color-info {
  color: #5bc0de; }
  .color-info-bg {
    background-color: #5bc0de; }

.color-black {
  color: #000; }
  .color-black-bg {
    background-color: #000; }

.color-gray-darker {
  color: #222222; }
  .color-gray-darker-bg {
    background-color: #222222; }

.color-gray-dark {
  color: #3c3c3b; }
  .color-gray-dark-bg {
    background-color: #3c3c3b; }

.color-gray {
  color: #464646; }
  .color-gray-bg {
    background-color: #464646; }

.color-gray-light {
  color: #777777; }
  .color-gray-light-bg {
    background-color: #777777; }

.color-gray-lighter {
  color: #b2b2b2; }
  .color-gray-lighter-bg {
    background-color: #b2b2b2; }

.color-gray-lightest {
  color: #ededed; }
  .color-gray-lightest-bg {
    background-color: #ededed; }

.color-white--broken {
  color: whitesmoke; }
  .color-white--broken-bg {
    background-color: whitesmoke; }

.color-white {
  color: #fff; }
  .color-white-bg {
    background-color: #fff; }

.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #d1d1d1;
      border-radius: 0;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      top: 0;
      padding: 1px 0 0 1px;
      margin-left: -20px;
      text-align: center;
      font-size: 10px;
      color: #464646;
      line-height: 17px; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer; }
    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(171, 171, 171, 0.6); }
    .checkbox input[type="checkbox"]:checked + label,
    .checkbox input[type="radio"]:checked + label {
      font-weight: bold; }
      .checkbox input[type="checkbox"]:checked + label:after,
      .checkbox input[type="radio"]:checked + label:after {
        font-family: "novosales_iconsweb"; }
    .checkbox input[type="checkbox"]:checked + label::before,
    .checkbox input[type="radio"]:checked + label::before {
      background-color: #000;
      border-color: #000; }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
      color: #fff; }
    .checkbox input[type="checkbox"]:indeterminate + label::after,
    .checkbox input[type="radio"]:indeterminate + label::after {
      display: block;
      content: "";
      width: 10px;
      height: 3px;
      background-color: #555555;
      border-radius: 2px;
      margin-left: -16.5px;
      margin-top: 7px; }
    .checkbox input[type="checkbox"]:disabled,
    .checkbox input[type="radio"]:disabled {
      cursor: not-allowed; }
    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before,
      .checkbox input[type="radio"]:disabled + label::before {
        background-color: #b2b2b2;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.radio {
  padding-left: 20px; }
  .radio input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio input[type="radio"] + label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 19px;
      height: 19px;
      left: 0;
      margin-left: -20px;
      border: 3px solid #d1d1d1;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio input[type="radio"] + label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 7px;
      height: 7px;
      left: 6px;
      top: 6px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #464646;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer; }
    .radio input[type="radio"]:focus + label::before {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(171, 171, 171, 0.6); }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled {
      cursor: not-allowed; }
    .radio input[type="radio"].radio--disabled-cross:disabled + label {
      opacity: 1; }
      .radio input[type="radio"].radio--disabled-cross:disabled + label:before, .radio input[type="radio"].radio--disabled-cross:disabled + label:after {
        content: ' ';
        top: 0;
        left: 8px;
        height: 20px;
        width: 2px;
        background-color: #464646;
        border-radius: 0;
        border-width: 0; }
      .radio input[type="radio"].radio--disabled-cross:disabled + label:before {
        transform: rotate(45deg); }
      .radio input[type="radio"].radio--disabled-cross:disabled + label:after {
        transform: rotate(-45deg); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65;
      cursor: default; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
    .radio input[type="radio"] + label + .alt-address {
      display: none; }
      .radio input[type="radio"] + label + .alt-address:before, .radio input[type="radio"] + label + .alt-address:after {
        content: " ";
        display: table;
        width: 100%; }
      .radio input[type="radio"] + label + .alt-address:after {
        clear: both; }
      .radio input[type="radio"] + label + .alt-address label {
        padding-left: 0; }
      .radio input[type="radio"] + label + .alt-address [class^="col-"] {
        padding-left: 6px;
        padding-right: 6px; }
    .radio input[type="radio"]:checked + label + .alt-address {
      display: block; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.multiselect-container .input-group {
  margin: 5px; }

.multiselect-container > li {
  padding: 0; }

.multiselect-container > li > a.multiselect-all label {
  font-weight: 700; }

.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700; }

.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer; }

#page .multiselect-container {
  margin: -1px 0 0;
  padding: 0.4rem 0;
  background-color: #fff;
  border-color: #d1d1d1; }

.multiselect-container > li > a {
  margin: 0;
  outline: none;
  font-size: 1.3rem; }
  #page .multiselect-container > li > a {
    padding: 0.4rem 1.2rem 0.4rem 2.5rem;
    color: #464646; }

.multiselect-container > li.active > a,
.multiselect-container > li > a:hover,
.multiselect-container > li > a:focus {
  color: #fff !important; }

.multiselect-container > li > a > label {
  margin: 0;
  cursor: pointer;
  display: block; }

.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
  margin: 0; }

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px; }

.multiselect-container input[type=checkbox],
.multiselect-container input[type=radio] {
  width: 17px;
  height: 17px; }

button.multiselect {
  padding: 0 1.7rem 0 1.2rem; }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px; }

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0; }

/*! jQuery UI - v1.12.1 - 2017-11-30
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.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;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

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

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.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 {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

/*
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.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; }

/* with multiple calendars */
.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; }

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

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

/*
for more see https://github.com/tobiasahlin/SpinKit
and update loading.js

"1-rotating-plane";
"2-double-bounce";
"3-wave";
"4-wandering-cubes";
"5-pulse";
"6-chasing-dots";
"7-three-bounce";
"8-circle";
"10-fading-circle";
"11-folding-cube";
*/
.js_main-content-wrapper {
  position: relative; }

.loader {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
  cursor: wait; }
  .loader > div {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0; }
  .loader .sk-cube {
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.preload-container {
  position: relative;
  display: none;
  width: 100%; }
  .preload-container:before, .preload-container:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; }
  .preload-container:before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: attr(data-loading-placeholder);
    text-align: center;
    z-index: 2; }
  .preload-container:after {
    height: 100%;
    background-color: #fff; }
  .lazy + .preload-container {
    display: block; }
  .lazy.loaded + .preload-container {
    display: none; }

.img-prefill {
  display: block;
  width: 100%;
  height: auto; }
  .prd-grid-item .img-prefill {
    max-height: 199px; }

.lazy:not(.loaded) {
  position: absolute;
  top: 0;
  left: 0; }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.slides {
  height: 135.5px; }
  @media (max-width: 1024px) {
    .slides {
      height: 25vw; } }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: grid;
  grid-gap: 16px;
  grid-template-rows: fit-content(720px) max-content; }

.prd-grid-item.swiper-slide {
  display: inherit; }
  .prd-grid-item.swiper-slide.swiper-with-related-categories {
    height: auto;
    grid-gap: 0; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 100%;
  height: 100%;
  padding-bottom: 100%; }

.swiper-lazy-preloader:after {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes drift-fadeZoomIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes drift-fadeZoomOut {
  0% {
    opacity: 1; }
  15% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg); } }

@keyframes drift-loader-before {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.2) translateX(6px); }
  25% {
    transform: scale(1.3) translateX(8px); }
  40% {
    transform: scale(1.2) translateX(6px); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(0.8) translateX(6px); }
  75% {
    transform: scale(0.7) translateX(8px); }
  90% {
    transform: scale(0.8) translateX(6px); }
  100% {
    transform: scale(1); } }

@keyframes drift-loader-after {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.2) translateX(-6px); }
  25% {
    transform: scale(1.3) translateX(-8px); }
  40% {
    transform: scale(1.2) translateX(-6px); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(0.8) translateX(-6px); }
  75% {
    transform: scale(0.7) translateX(-8px); }
  90% {
    transform: scale(0.8) translateX(-6px); }
  100% {
    transform: scale(1); } }

.drift-zoom-pane {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  border: 1px solid #d1d1d1;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  /* This is required because of a bug that causes border-radius to not
  work with child elements in certain cases. */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 100; }
  body.modal-open .drift-zoom-pane {
    display: none; }

.drift-zoom-pane.drift-opening {
  animation: drift-fadeZoomIn 180ms ease-out;
  -webkit-animation: drift-fadeZoomIn 180ms ease-out; }

.drift-zoom-pane.drift-closing {
  animation: drift-fadeZoomOut 210ms ease-in;
  -webkit-animation: drift-fadeZoomOut 210ms ease-in; }

.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 15rem;
  height: 15rem;
  border-radius: 7.5rem;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); }

.drift-zoom-pane img {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none; }

.drift-zoom-pane-loader {
  display: none; }

.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: drift-loader-rotate 1800ms infinite linear;
  -webkit-animation: drift-loader-rotate 1800ms infinite linear; }

.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9); }

.drift-zoom-pane-loader:before {
  left: 0;
  animation: drift-loader-before 1800ms infinite linear;
  -webkit-animation: drift-loader-before 1800ms infinite linear; }

.drift-zoom-pane-loader:after {
  right: 0;
  animation: drift-loader-after 1800ms infinite linear;
  -webkit-animation: drift-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
  -webkit-animation-delay: -900ms; }

.drift-bounding-box {
  position: absolute;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999; }
  @media screen and (max-width: 1024px) {
    .drift-bounding-box {
      display: none; } }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 15px;
  text-align: left;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  border: 1px solid hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 0%), var(--color-primary-alpha));
  border: 1px solid hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 0%), var(--color-primary-alpha));
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 0%), var(--color-primary-alpha)); }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #fff;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: white;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 5%), 1); }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 5%), 1); }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #cccccc; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857;
  color: white;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table;
    width: 100%; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
  width: 100%; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 8px 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  color: #464646;
  text-align: center;
  background-color: transparent;
  border: 1px solid #d1d1d1;
  border-radius: 0px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 0px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 0px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #b2b2b2;
    border-color: #464646; }
  .nav .nav-divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 0px 0px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #b2b2b2 #b2b2b2 #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #464646;
      background-color: transparent;
      border: 1px solid transparent;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 0px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 0px 0px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.nav-tabs > li > a {
  margin-right: 0;
  border-color: transparent;
  border-radius: 0;
  padding: 0.8rem;
  transition: none; }
  .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus {
    background-color: #fff;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    border-color: transparent transparent hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.nav-tabs > li.active {
  background-color: #fff; }

.nav-tabs > li:hover {
  background-color: #fff; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-color: transparent transparent hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.nav-tabs > li.active > a {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  background-color: #fff; }
  .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff; }

.responsive-nav-tabs {
  background-color: #fff;
  border-top: 1px solid #d1d1d1; }
  .responsive-nav-tabs:before, .responsive-nav-tabs:after {
    content: " ";
    display: table;
    width: 100%; }
  .responsive-nav-tabs:after {
    clear: both; }
  .responsive-nav-tabs .nav-tabs {
    background-color: #ededed;
    border-bottom-width: 0; }
    .responsive-nav-tabs .nav-tabs > li {
      float: none;
      margin-right: -12px;
      border-bottom: 1px solid #fff; }
    .responsive-nav-tabs .nav-tabs > li + li {
      margin-top: 0; }
    @media screen and (max-width: 1024px) {
      .responsive-nav-tabs .nav-tabs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-right: 0; }
        .responsive-nav-tabs .nav-tabs > li {
          flex-grow: 1;
          border-bottom-width: 0;
          margin-right: 0; } }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 21px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table;
    width: 100%; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 0px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
  width: 100%; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 12px;
  padding-left: 12px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table;
    width: 100%; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -12px;
  margin-left: -12px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 14.5px 12px;
  font-size: 18px;
  line-height: 21px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -12px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 12px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.25px -12px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 21px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 14.5px;
          padding-bottom: 14.5px; } }

.navbar-form {
  margin-left: -12px;
  margin-right: -12px;
  padding: 10px 12px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 5.5px;
  margin-bottom: 5.5px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 5.5px;
  margin-bottom: 5.5px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 14.5px;
  margin-bottom: 14.5px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 12px;
      margin-right: 12px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -12px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 1.2rem 0;
  margin-bottom: 21px;
  list-style: none;
  background-color: #fff;
  border-radius: 0px;
  grid-area: 1 / 1; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #b2b2b2; }
  .breadcrumb > .home a:hover {
    text-decoration: none; }
  .breadcrumb > .active {
    color: #b2b2b2; }
    @media screen and (max-width: 767px) {
      .page-detail-view .breadcrumb > .active {
        display: none; } }
  @media screen and (max-width: 767px) {
    .breadcrumb {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row wrap;
      padding-left: 3.8rem;
      font-size: 1.1rem;
      min-height: 5.4rem; }
      .breadcrumb > li:nth-child(2):before,
      .breadcrumb > .active:before {
        display: none !important; }
      .breadcrumb,
      .breadcrumb > li:before {
        line-height: 1 !important; }
      .breadcrumb > li + li:before {
        content: "/ "; }
      .breadcrumb > li {
        flex: 0 0 auto;
        display: block;
        padding-bottom: 0.4rem; }
      .breadcrumb > .active {
        flex-basis: 100%;
        font-size: 1.5rem;
        color: #464646; }
      .breadcrumb > .home {
        position: absolute;
        margin-left: -3.8rem;
        width: 3rem;
        font-size: 3rem; } }

@media (max-width: 1024px) {
  .breadcrumb-container {
    display: grid;
    grid-template-columns: 1fr minmax(min-content, 75px);
    column-gap: 1.6rem;
    padding: 0 1.2rem;
    align-items: center; } }

.breadcrumb-container--sticky {
  z-index: 900; }
  @media (max-width: 768px) {
    .breadcrumb-container--sticky {
      position: sticky;
      scroll-margin-top: 119px;
      top: 119px;
      background-color: #fff;
      padding-top: .5rem;
      padding-bottom: .5rem; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .breadcrumb-container--sticky {
      top: 115px;
      position: sticky;
      scroll-margin-top: 125px;
      background-color: #fff; } }

.breadcrumb__filter {
  grid-area: 1 / 2;
  justify-self: end; }

.breadcrumb--filter-list-btn {
  color: #fff;
  background-color: #5e5e5e;
  display: none; }
  .breadcrumb--filter-list-btn.-display-grid {
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    gap: .4rem; }

.breadcrumb--filter-list-btn.active {
  color: hsla(var(--color-secondary-base, 360), var(--color-secondary-saturation, 100%), var(--color-secondary-lightness, 100%), 1);
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }

.breadcrumb__icon {
  margin-right: 0 !important; }

.breadcrumb {
  font-size: 1.3rem;
  margin-bottom: 0;
  padding-top: 1.8rem; }
  .breadcrumb a {
    color: #b2b2b2; }
  .breadcrumb > li:first-child span[class*="nm-icon-home"] {
    vertical-align: top; }
    .breadcrumb > li:first-child span[class*="nm-icon-home"]:before {
      font-size: 1.5rem; }
  #page .breadcrumb > li + li:before {
    display: inline-block;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Glyphicons Halflings"; }
  #page .breadcrumb > li + li:before {
    font-size: 1.1rem;
    vertical-align: bottom;
    line-height: 1.9rem; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 21px 0;
  border-radius: 0px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span,
    .pagination > li > button {
      position: relative;
      float: left;
      padding: 8px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #464646;
      background-color: #fff;
      border: 1px solid #d1d1d1;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:first-child > button {
      margin-left: 0;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span,
    .pagination > li:last-child > button {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus,
  .pagination > li > button:hover,
  .pagination > li > button:focus {
    z-index: 2;
    color: #fff;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus,
  .pagination > .active > button,
  .pagination > .active > button:hover,
  .pagination > .active > button:focus {
    z-index: 3;
    color: #fff;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus,
  .pagination > .disabled > button,
  .pagination > .disabled > button:hover,
  .pagination > .disabled > button:focus {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 5%), 1);
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px; }

.pagination {
  margin: 0; }
  .pagination > li > a,
  .pagination > li > span,
  .pagination > li > button {
    margin-left: 2px; }
  .pagination > li:not(.disabled) a {
    cursor: pointer; }
  #page .pagination .disabled > span {
    background-color: transparent;
    border-color: transparent;
    color: #464646;
    font-weight: bold;
    padding: 0.8rem 0.4rem; }
  .pagination .prev.disabled a,
  .pagination .prev.disabled button,
  .pagination .next.disabled a,
  .pagination .next.disabled button {
    color: #b2b2b2;
    background-color: transparent;
    border-color: #ededed !important; }

.pager {
  padding-left: 0;
  margin: 21px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table;
    width: 100%; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #d1d1d1;
      border-radius: 0px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 5%), 1);
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 1); }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 10%), 1); }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.list-group-item.center-badge {
  padding-right: 3.6rem;
  word-wrap: break-word; }
  .list-group-item.center-badge .badge {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0.8rem; }

.badge {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 1.1rem; }
  .badge:empty {
    display: none; }
  .badge.badge-special {
    border-radius: 0;
    position: absolute;
    top: -0.4rem;
    right: -0.4rem;
    z-index: 4;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    color: #fff;
    text-transform: uppercase;
    background: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    padding: 0.4rem 0.8rem; }

a.badge:hover, a.badge:focus {
  text-decoration: none;
  cursor: pointer; }

.btn .badge {
  position: relative;
  top: -1px; }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 21px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #464646; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #464646; }

.thumbnail {
  margin-bottom: 0; }

.alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 0px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #6ec06e;
  border-color: #5cb85c;
  color: #000; }
  .alert-success hr {
    border-top-color: #4cae4c; }
  .alert-success .alert-link {
    color: black; }

.alert-info {
  background-color: #70c8e2;
  border-color: #5bc0de;
  color: #000; }
  .alert-info hr {
    border-top-color: #46b8da; }
  .alert-info .alert-link {
    color: black; }

.alert-warning {
  background-color: #f2b866;
  border-color: #f0ad4e;
  color: #000; }
  .alert-warning hr {
    border-top-color: #eea236; }
  .alert-warning .alert-link {
    color: black; }

.alert-danger {
  background-color: #de6764;
  border-color: #d9534f;
  color: #000; }
  .alert-danger hr {
    border-top-color: #d43f3a; }
  .alert-danger .alert-link {
    color: black; }

.alert.after-input-group-btn {
  margin-top: 0; }

.alert.soft-login {
  padding: 0.4rem;
  margin-bottom: 0; }

.alert-danger.alert-dismissible button.close {
  display: none; }

.alert-danger.arrow-left {
  margin-top: 6px;
  margin-bottom: 0; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 21px;
  margin-bottom: 21px;
  background-color: #f5f5f5;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 21px;
  color: #fff;
  text-align: center;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

@media (min-width: 768px) {
  .media .pull-left {
    width: auto; } }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #d1d1d1; }
  .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #b2b2b2;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  background-color: #fff;
  border-color: #d1d1d1; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: white; }

.list-group-item-success {
  color: #000;
  background-color: #6ec06e; }

a.list-group-item-success,
button.list-group-item-success {
  color: #000; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #000;
    background-color: #5cb85c; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #000;
    border-color: #000; }

.list-group-item-info {
  color: #000;
  background-color: #70c8e2; }

a.list-group-item-info,
button.list-group-item-info {
  color: #000; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #000;
    background-color: #5bc0de; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #000;
    border-color: #000; }

.list-group-item-warning {
  color: #000;
  background-color: #f2b866; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #000; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #000;
    background-color: #f0ad4e; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #000;
    border-color: #000; }

.list-group-item-danger {
  color: #000;
  background-color: #de6764; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #000; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #000;
    background-color: #d9534f; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #000;
    border-color: #000; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.list-group-item {
  padding: 8px 12px; }
  .list-group-item.active {
    font-weight: bold; }
    .list-group-item.active .badge {
      color: #fff;
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.list-group .list-group {
  margin-bottom: -1px; }
  .list-group .list-group .list-group-item {
    position: relative;
    padding-left: 3.9rem;
    z-index: 1; }
    .list-group .list-group .list-group-item:before {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 1.6rem; }
  .list-group .list-group .icon {
    position: absolute;
    top: 0;
    left: -1px;
    width: 3.9rem;
    height: 3.9rem;
    z-index: 2; }
    .list-group .list-group .icon + .list-group-item {
      padding-left: 3.9rem; }
      .list-group .list-group .icon + .list-group-item:before {
        display: none; }

.panel {
  margin-bottom: 21px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 12px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table;
    width: 100%; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 0.8rem 12px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 0.8rem 12px;
  background-color: #464646;
  border-top: 1px solid #464646;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 12px;
    padding-right: 12px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1px;
  border-top-left-radius: -1px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1px;
    border-top-right-radius: -1px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: -1px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: -1px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1px;
    border-bottom-right-radius: -1px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: -1px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: -1px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 21px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #464646; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #464646; }

.panel-default {
  border-color: #464646; }
  .panel-default > .panel-heading {
    color: whitesmoke;
    background-color: #464646;
    border-color: #464646; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #464646; }
    .panel-default > .panel-heading .badge {
      color: #464646;
      background-color: whitesmoke; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #464646; }

.panel-primary {
  border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .panel-primary > .panel-heading .badge {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.panel-success {
  border-color: #5cb85c; }
  .panel-success > .panel-heading {
    color: #000;
    background-color: #6ec06e;
    border-color: #5cb85c; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #5cb85c; }
    .panel-success > .panel-heading .badge {
      color: #6ec06e;
      background-color: #000; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #5cb85c; }

.panel-info {
  border-color: #5bc0de; }
  .panel-info > .panel-heading {
    color: #000;
    background-color: #70c8e2;
    border-color: #5bc0de; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #5bc0de; }
    .panel-info > .panel-heading .badge {
      color: #70c8e2;
      background-color: #000; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #5bc0de; }

.panel-warning {
  border-color: #f0ad4e; }
  .panel-warning > .panel-heading {
    color: #000;
    background-color: #f2b866;
    border-color: #f0ad4e; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #f0ad4e; }
    .panel-warning > .panel-heading .badge {
      color: #f2b866;
      background-color: #000; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #f0ad4e; }

.panel-danger {
  border-color: #d9534f; }
  .panel-danger > .panel-heading {
    color: #000;
    background-color: #de6764;
    border-color: #d9534f; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d9534f; }
    .panel-danger > .panel-heading .badge {
      color: #de6764;
      background-color: #000; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d9534f; }

.panel {
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel-title {
  font-size: 1.5rem; }

.panel-heading.transparent {
  background-color: transparent; }

label.panel-heading {
  display: block;
  margin-bottom: 0; }
  label.panel-heading input {
    margin-right: 1.2rem; }

.panel--accordion {
  border-color: #d1d1d1; }
  .panel--accordion > .panel-heading {
    background-color: #ededed;
    color: #464646;
    border-color: #d1d1d1; }
    .panel--accordion > .panel-heading + .panel-collapse > .panel-body {
      border-color: #d1d1d1; }

.panel--merchant .panel-heading {
  display: flex; }
  .panel--merchant .panel-heading > div:first-child {
    flex: 100% 0 1; }
  .panel--merchant .panel-heading > div:last-child {
    flex: auto 0 0; }
    @media (min-width: 768px) {
      .panel--merchant .panel-heading > div:last-child {
        padding-right: 2rem; } }
    .panel--merchant .panel-heading > div:last-child span {
      padding-right: 0.8rem; }

.panel--merchant .panel-title .headline {
  margin: 0;
  padding-bottom: 0.4rem;
  font-size: 1.8rem; }

.panel--merchant .panel-body,
.panel--merchant .panel-body p {
  font-size: 1.3rem; }

.panel--merchant .panel-body address + p {
  line-height: 1.42857; }

.panel--merchant .panel-body .headline,
.panel--merchant .panel-body strong {
  font-weight: bold;
  font-size: 1.5rem; }

.panel--gray {
  background-color: #ededed; }

.panel--broken-white {
  background-color: whitesmoke; }

.panel--business_card {
  border-color: #d1d1d1; }
  .panel--business_card a {
    display: inline-block; }
  .panel--business_card .map {
    height: 100%; }
  .panel--business_card .panel-body {
    padding: 0; }
  .panel--business_card .merchant-details {
    position: relative;
    padding: 24px; }
    .panel--business_card .merchant-details img {
      max-width: 70%;
      max-height: 12rem; }
    @media (min-width: 1025px) {
      .panel--business_card .merchant-details {
        padding: 48px; } }
  @media screen and (max-width: 767px) {
    .panel--business_card .map {
      height: 30rem; } }

/* used for e.g. checkout forms */
.panel--form {
  border-color: #d1d1d1; }
  .panel--form > .panel-heading {
    color: whitesmoke;
    background-color: #464646;
    border-color: #464646; }
    .panel--form > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d1d1d1; }
    .panel--form > .panel-heading .badge {
      color: #464646;
      background-color: whitesmoke; }
  .panel--form > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d1d1d1; }
  .panel--form .panel-heading {
    padding: 0; }
  .panel--form .panel-subheading {
    background-color: #ededed; }
    .panel--form .panel-subheading .panel-title {
      font-size: 1.5rem; }
  .panel--form .panel-title {
    font-size: 2rem;
    padding: 1.6rem 2.4rem 1.2rem; }
    .panel--form .panel-title .radio,
    .panel--form .panel-title .checkbox {
      margin: 0; }
    .panel--form .panel-title label {
      font-weight: bold; }
  .panel--form .panel-body {
    padding: 2.4rem;
    font-size: 13px; }
    .panel--form .panel-body + .list-group {
      margin-top: -2.4rem; }
    .panel--form .panel-body p.h5 {
      margin-top: 0; }
    .panel--form .panel-body .h6 {
      margin: 0; }
      .panel--form .panel-body .h6 .nm-icon:first-child {
        font-size: 2.8rem;
        margin-right: 0.8rem; }
      .panel--form .panel-body .h6 [data-toggle="tooltip"] {
        color: #464646; }
  .panel--form .list-group {
    font-size: 1.3rem; }
    .panel--form .list-group > .list-group-item {
      padding: 1.6rem 2.4rem; }
    .panel--form .list-group.highlight > .list-group-item {
      border: 1px solid #464646 !important;
      margin: -1px; }
    .panel--form .list-group .list-group-heading {
      margin-bottom: 1.2rem;
      font-size: 1.5rem; }
      .panel--form .list-group .list-group-heading .nm-icon {
        padding-right: 0.8rem;
        font-size: 1.3rem; }
  .panel--form .panel-footer {
    margin: 0 -1px -1px -1px;
    padding: 0.8rem 0 0 0;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 1.3rem;
    color: #777777; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 0px; }

.well-sm {
  padding: 9px;
  border-radius: 0px; }

.well {
  border-style: none; }

.close {
  float: right;
  font-size: 22.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 6%), var(--color-primary-alpha));
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.product-information {
  background-color: #777777; }

/* seo */
.product-information {
  background-color: #fff; }
  .product-information h1,
  .product-information h2 {
    font-size: 1.6rem;
    letter-spacing: 1.1px;
    line-height: 22px; }
  .product-information p {
    font-size: 1.3rem; }
    .product-information p a {
      text-decoration: underline;
      color: #464646; }

.s-short-text,
.s-box-text {
  font-size: 1.3rem;
  color: #464646; }
  .s-short-text a,
  .s-box-text a {
    text-decoration: underline;
    color: #464646;
    cursor: pointer; }
    .s-short-text a:hover,
    .s-box-text a:hover {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.s-short-text {
  padding-bottom: 1.2rem; }

.s-box-text {
  margin-top: 1.6rem; }

.service-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .service-list .nm-icon {
    font-size: 2.8rem;
    color: #464646; }
  .service-list.service-list--vertical li {
    margin-bottom: 1.2rem; }
  .service-list.service-list--vertical .nm-icon {
    margin-right: 0.8rem; }
  .service-list.service-list--horizontal li,
  .service-list.service-list--horizontal .nm-icon {
    display: inline-block; }
  .service-list.service-list--horizontal .nm-icon {
    margin-top: 0.8rem;
    margin-right: 1.2rem; }
  .service-list.service-list--brand .nm-icon,
  .service-list.service-list--brand .available-in-exhibition .nm-icon + span,
  .service-list.service-list--brand .not-available-in-exhibition .nm-icon + span {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .service-list.service-list--light .nm-icon,
  .service-list.service-list--light .available-in-exhibition .nm-icon + span,
  .service-list.service-list--light .not-available-in-exhibition .nm-icon + span {
    color: #777777; }
  #page .service-list .available-in-exhibition, #page
  .service-list .not-available-in-exhibition {
    display: block;
    padding: 1.2rem 0 0.8rem; }
  .service-list .available-in-exhibition .nm-icon,
  .service-list .not-available-in-exhibition .nm-icon {
    margin: 0;
    width: 2.6rem; }
    .service-list .available-in-exhibition .nm-icon + span,
    .service-list .not-available-in-exhibition .nm-icon + span {
      position: relative;
      top: 3px;
      display: inline-block;
      padding: 3px 10px 1px;
      font-size: 1.3rem; }

.rb-service-list, .tooltip ul {
  list-style: none;
  padding-left: 0;
  font-size: 1.5rem; }
  @media screen and (min-width: 481px) {
    .rb-service-list, .tooltip ul {
      column-gap: 0.8rem;
      column-count: 2; } }
  .rb-service-list li, .tooltip ul li {
    margin-bottom: 0.4rem; }
    .rb-service-list li:before, .tooltip ul li:before {
      content: '';
      display: inline-block;
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      vertical-align: middle;
      width: 0.4em;
      height: 0.4em;
      margin-right: 0.4em;
      /* default square
      width: 0.35em;
      height: 0.35em;
      margin: 0 0.9em 0 -1.2em;
      */ }

.service-tab-scroll-box-container {
  max-height: 200px;
  width: auto; }

.service-tab-service-panel {
  float: left;
  margin-bottom: 2rem;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .service-tab-service-panel {
      margin-bottom: 1.2rem; } }

.service-tab-service-headline {
  margin-right: 10px; }

.service-tab-service-text {
  margin-right: 12px; }

.teaser-action {
  background-color: #ededed;
  position: relative;
  padding: 1.2rem; }
  .prd-grid-item .teaser-action {
    height: 100%; }
    @media (min-width: 1025px) {
      .prd-grid-item .teaser-action {
        min-height: 44rem; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .prd-grid-item .teaser-action {
        min-height: 40.2rem; } }
    @media screen and (max-width: 767px) {
      .prd-grid-item .teaser-action {
        min-height: 35.8rem; } }

.teaser-action--left img {
  left: 0; }

.teaser-action--center img {
  left: 50%;
  transform: translateX(-50%); }

.teaser-action--right img {
  right: 0; }

.teaser-action__text-container {
  background-color: #ededed;
  position: relative;
  z-index: 2; }

.teaser-action__headline {
  font-size: 1.5rem;
  font-weight: bold; }

.teaser-action__logo {
  position: relative;
  width: 8rem;
  height: 8rem;
  margin: -0.8rem -1.2rem 0.8rem 1.2rem !important;
  float: right;
  z-index: 3; }
  .teaser-action__logo img {
    display: block;
    width: 8rem;
    height: 8rem; }

.teaser-action__subline {
  font-size: 1.3rem;
  padding-bottom: 0.8rem; }

.teaser-action__media-container {
  position: absolute;
  bottom: 1.2rem;
  overflow: hidden;
  width: calc(100% - 2.4rem);
  height: calc(100% - 2.4rem);
  z-index: 1; }
  .teaser-action__media-container img {
    position: absolute;
    max-height: 100%;
    width: auto;
    max-width: none !important;
    bottom: 0; }

.teaser-action__caption {
  font-size: 1.3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 2rem 2rem;
  z-index: 1; }

.teaser-action__link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4; }

.teaser-action--horizontal {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  max-height: 20rem; }
  @media screen and (max-width: 1024px) {
    .teaser-action--horizontal {
      flex-flow: column nowrap;
      align-items: flex-start;
      max-height: none; } }
  .teaser-action--horizontal .teaser-action__headline {
    overflow: hidden;
    height: 2.7rem;
    line-height: 2.7rem;
    font-size: 1.9rem; }
    .teaser-action--horizontal .teaser-action__headline > *:first-child {
      float: right;
      width: 100%;
      margin-left: -0.5rem; }
    .teaser-action--horizontal .teaser-action__headline:before {
      content: "";
      float: left;
      width: 0.5rem;
      height: 2.7rem; }
    .teaser-action--horizontal .teaser-action__headline:after {
      content: "...";
      box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      float: right;
      position: relative;
      top: -2.7rem;
      left: 100%;
      width: 3rem;
      margin-left: -3rem;
      padding-right: 0.5rem;
      text-align: right;
      background-size: 100% 100%;
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ededed 50%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFEDEDED', GradientType=1); }
    @media screen and (max-width: 1024px) {
      .teaser-action--horizontal .teaser-action__headline {
        overflow: hidden;
        height: 2.3rem;
        line-height: 2.3rem;
        font-size: 1.6rem; }
        .teaser-action--horizontal .teaser-action__headline > *:first-child {
          float: right;
          width: 100%;
          margin-left: -0.5rem; }
        .teaser-action--horizontal .teaser-action__headline:before {
          content: "";
          float: left;
          width: 0.5rem;
          height: 2.3rem; }
        .teaser-action--horizontal .teaser-action__headline:after {
          content: "...";
          box-sizing: content-box;
          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          float: right;
          position: relative;
          top: -2.3rem;
          left: 100%;
          width: 3rem;
          margin-left: -3rem;
          padding-right: 0.5rem;
          text-align: right;
          background-size: 100% 100%;
          background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
          background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
          background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ededed 50%);
          background-repeat: repeat-x;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFEDEDED', GradientType=1); } }
  .teaser-action--horizontal .teaser-action__subline {
    overflow: hidden;
    height: 4.2rem;
    line-height: 2.1rem;
    font-size: 1.5rem; }
    .teaser-action--horizontal .teaser-action__subline > *:first-child {
      float: right;
      width: 100%;
      margin-left: -0.5rem; }
    .teaser-action--horizontal .teaser-action__subline:before {
      content: "";
      float: left;
      width: 0.5rem;
      height: 4.2rem; }
    .teaser-action--horizontal .teaser-action__subline:after {
      content: "...";
      box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      float: right;
      position: relative;
      top: -2.1rem;
      left: 100%;
      width: 3rem;
      margin-left: -3rem;
      padding-right: 0.5rem;
      text-align: right;
      background-size: 100% 100%;
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ededed 50%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFEDEDED', GradientType=1); }
    .teaser-action--horizontal .teaser-action__subline + .btn {
      margin-top: 0.8rem; }
    @media screen and (max-width: 1024px) {
      .teaser-action--horizontal .teaser-action__subline {
        overflow: hidden;
        height: 3.8rem;
        line-height: 1.9rem; }
        .teaser-action--horizontal .teaser-action__subline > *:first-child {
          float: right;
          width: 100%;
          margin-left: -0.5rem; }
        .teaser-action--horizontal .teaser-action__subline:before {
          content: "";
          float: left;
          width: 0.5rem;
          height: 3.8rem; }
        .teaser-action--horizontal .teaser-action__subline:after {
          content: "...";
          box-sizing: content-box;
          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          float: right;
          position: relative;
          top: -1.9rem;
          left: 100%;
          width: 3rem;
          margin-left: -3rem;
          padding-right: 0.5rem;
          text-align: right;
          background-size: 100% 100%;
          background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
          background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ededed 50%);
          background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ededed 50%);
          background-repeat: repeat-x;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFEDEDED', GradientType=1); }
        .teaser-action--horizontal .teaser-action__subline,
        .teaser-action--horizontal .teaser-action__subline + .btn {
          font-size: 1.3rem; } }
  .teaser-action--horizontal .teaser-action__logo {
    order: 2;
    margin: 0 !important;
    width: 0;
    height: auto;
    left: -4rem; }
    @media (min-width: 1025px) {
      .teaser-action--horizontal .teaser-action__logo img {
        position: relative;
        top: 50%;
        transform: translateY(-50%); } }
    @media screen and (max-width: 1024px) {
      .teaser-action--horizontal .teaser-action__logo {
        order: 1;
        width: auto;
        height: 0;
        top: -1.2rem;
        left: 100%;
        margin-left: -4% !important;
        transform: translateX(-100%); } }
  .teaser-action--horizontal .teaser-action__text-container,
  .teaser-action--horizontal .teaser-action__media-container {
    flex: 0 0 auto; }
  .teaser-action--horizontal .teaser-action__text-container {
    order: 3;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    width: 100%; }
    @media (min-width: 1025px) {
      .teaser-action--horizontal .teaser-action__text-container {
        padding: 0.8rem 5.2rem 0;
        width: 66.66667%; }
        .teaser-action--horizontal .teaser-action__text-container.u-spacer:before {
          display: block;
          content: '';
          flex-grow: 1;
          order: 1; } }
    @media screen and (max-width: 1024px) {
      .teaser-action--horizontal .teaser-action__text-container {
        order: 0;
        padding-bottom: 1.2rem; } }
  .teaser-action--horizontal .teaser-action__media-container {
    order: 1;
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto; }
    @media (min-width: 1025px) {
      .teaser-action--horizontal .teaser-action__media-container {
        width: 33.33333%; }
        .teaser-action--horizontal .teaser-action__media-container img {
          position: static;
          width: 100%;
          height: auto;
          transform: translateX(0); } }
    @media screen and (max-width: 1024px) {
      .teaser-action--horizontal .teaser-action__media-container {
        order: 2;
        height: 20rem; }
        .teaser-action--horizontal .teaser-action__media-container img {
          min-width: 100%;
          max-height: none; } }
  .teaser-action--horizontal .teaser-action__caption {
    position: relative;
    text-align: center;
    order: 2;
    padding: 0;
    color: #464646 !important; }
    @media screen and (max-width: 1024px) {
      .teaser-action--horizontal .teaser-action__caption {
        padding: 1.2rem 1.2rem 0; } }

.ads-teaser-action {
  margin: 1.5rem 0; }

/* ---- RICH MEDIA TEASER ---- */
.rich-media-teaser {
  position: relative;
  width: 100%;
  border: 1px solid #d1d1d1;
  margin-bottom: 24px;
  overflow: hidden;
  background-color: #222222; }
  @media (min-width: 768px) {
    .rich-media-teaser {
      max-height: 29rem; } }
  .rich-media-teaser.page-checkout {
    max-height: none !important; }
  .page-checkout .rich-media-teaser img {
    max-height: none !important; }
  .rich-media-teaser.rich-media-teaser--gray,
  .rich-media-teaser.rich-media-teaser--gray .text-wrapper {
    background-color: whitesmoke; }
  .rich-media-teaser.rich-media-teaser--gray .text-wrapper:before {
    border-bottom-color: whitesmoke; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .rich-media-teaser.rich-media-teaser--sm-5050 .img-wrapper,
    .rich-media-teaser.rich-media-teaser--sm-5050 .text-wrapper {
      width: 50%;
      float: left; }
    .rich-media-teaser.rich-media-teaser--sm-5050 .img-wrapper {
      overflow: hidden; }
    .rich-media-teaser.rich-media-teaser--sm-5050 img {
      height: 100%;
      width: auto;
      max-width: none; } }
  .rich-media-teaser.rich-media-teaser--disabled-animation {
    position: static; }
    .rich-media-teaser.rich-media-teaser--disabled-animation .h5 {
      line-height: 1.4em; }
    .rich-media-teaser.rich-media-teaser--disabled-animation .text-wrapper {
      position: relative;
      padding-left: 2.4rem;
      padding-right: 2.4rem; }
  .rich-media-teaser a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
    .rich-media-teaser a span.cta {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
      filter: alpha(opacity=0);
      position: absolute;
      top: 25%;
      left: 50%;
      display: inline-block;
      padding: 1.2rem 4.6rem 1.2rem 2rem;
      font-weight: bold;
      text-transform: uppercase;
      color: #fff; }
      .rich-media-teaser a span.cta:after {
        display: inline-block;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        vertical-align: middle;
        text-decoration: inherit;
        text-transform: none !important;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: "novosales_iconsweb"; }
      .rich-media-teaser a span.cta:after {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        right: 1.2rem; }
      .rich-media-teaser a span.cta:before {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 6px;
        border: 2px solid #fff; }
  .rich-media-teaser img {
    max-width: 100%;
    width: 100%;
    height: auto; }
    .rich-media-teaser img:not(.rich-media) {
      max-height: 35rem; }
  .rich-media-teaser img.rich-media {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .rich-media-teaser img.rich-media {
    -webkit-transition: all 400ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 400ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: all 400ms ease-out 0s;
    /* Opera 10.5+  */
    transition: all 400ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .rich-media-teaser a span.cta {
    -webkit-transition: opacity 400ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: opacity 400ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: opacity 400ms ease-out 0s;
    /* Opera 10.5+  */
    transition: opacity 400ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .rich-media-teaser a span.cta:before, .rich-media-teaser a span.cta:after {
      -webkit-transition: transform 400ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: transform 400ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: transform 400ms ease-out 0s;
      /* Opera 10.5+  */
      transition: transform 400ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .rich-media-teaser:hover img.rich-media {
    -webkit-transition: all 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: all 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: all 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .rich-media-teaser:hover a span.cta {
    -webkit-transition: opacity 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: opacity 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: opacity 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: opacity 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .rich-media-teaser:hover a span.cta:before, .rich-media-teaser:hover a span.cta:after {
      -webkit-transition: transform 200ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: transform 200ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: transform 200ms ease-out 0s;
      /* Opera 10.5+  */
      transition: transform 200ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .rich-media-teaser:hover img.rich-media {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .rich-media-teaser:hover a span.cta {
    opacity: 1;
    filter: alpha(opacity=100); }
    .rich-media-teaser:hover a span.cta:before {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .rich-media-teaser:hover a span.cta:after {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
  .rich-media-teaser .text-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 12px;
    background-color: #fff;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .rich-media-teaser .text-wrapper {
        padding: 12px; } }
  .rich-media-teaser .headline {
    text-transform: uppercase; }
  .rich-media-teaser .position {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    margin: 0;
    /*
    @include breakpoint(all-but-mobile) {
      position: absolute;
      bottom: $nm-margin + 0.2;
      left: $nm-margin;
    }
    */ }
    .rich-media-teaser .position span {
      margin-right: 2px;
      font-size: 1.8rem; }

/* ---- EXTENDED RICH MEDIA TEASER ---- */
.extended-rich-media-teaser__img-section--align-left-top, .extended-rich-media-teaser__img-section--align-middle-top, .extended-rich-media-teaser__img-section--align-right-top {
  align-items: flex-start;
  align-content: flex-start; }

.extended-rich-media-teaser__img-section--align-left-middle, .extended-rich-media-teaser__img-section--align-middle-middle, .extended-rich-media-teaser__img-section--align-right-middle {
  align-items: center;
  align-content: center; }

.extended-rich-media-teaser__img-section--align-left-bottom, .extended-rich-media-teaser__img-section--align-middle-bottom, .extended-rich-media-teaser__img-section--align-right-bottom {
  align-items: flex-end;
  align-content: flex-end; }

.extended-rich-media-teaser__img-section--align-left-top, .extended-rich-media-teaser__img-section--align-left-middle, .extended-rich-media-teaser__img-section--align-left-bottom {
  justify-content: flex-start; }

.extended-rich-media-teaser__img-section--align-middle-top, .extended-rich-media-teaser__img-section--align-middle-middle, .extended-rich-media-teaser__img-section--align-middle-bottom {
  justify-content: center; }

.extended-rich-media-teaser__img-section--align-right-top, .extended-rich-media-teaser__img-section--align-right-middle, .extended-rich-media-teaser__img-section--align-right-bottom {
  justify-content: flex-end; }

.extended-rich-media-teaser__entry {
  display: grid;
  grid-template-rows: minmax(10rem, max-content) 2fr; }
  @media (min-width: 768px) {
    .extended-rich-media-teaser__entry {
      grid-template-rows: 18rem 2fr; } }

.extended-rich-media-teaser__top {
  display: grid;
  text-decoration: none !important;
  text-underline: none !important;
  overflow: hidden;
  background-color: #222222; }
  @media (min-width: 768px) {
    .extended-rich-media-teaser__top {
      grid-template-rows: 18rem 2fr; } }
  .extended-rich-media-teaser__top:hover .extended-rich-media-teaser__text--transparent {
    opacity: 1;
    z-index: 1; }
  .extended-rich-media-teaser__top:hover .extended-rich-media-teaser__img {
    opacity: 0.5;
    transform: scale(1.02); }

.extended-rich-media-teaser__middle {
  grid-area: 2/1;
  padding: 0 1.2rem; }

.extended-rich-media-teaser__text {
  transition: opacity 400ms ease-in-out;
  color: #464646; }
  .extended-rich-media-teaser__text--centered {
    grid-area: 1/1;
    place-self: center;
    font-size: 2.5rem; }
  .extended-rich-media-teaser__text--transparent {
    opacity: 0;
    transition: opacity 400ms ease-in-out;
    font-weight: bold;
    color: #fff; }
  .extended-rich-media-teaser__text--limited {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }

@media (min-width: 768px) {
  .extended-rich-media-teaser__img-section {
    display: grid;
    transition: all 400ms ease-in-out;
    grid-area: 1/1;
    overflow: hidden; } }

.extended-rich-media-teaser__img-section--hide-mobile {
  display: none; }

.extended-rich-media-teaser__img {
  height: 100%;
  width: auto;
  transition: all 400ms ease-in-out; }
  @media (min-width: 768px) {
    .extended-rich-media-teaser__img {
      height: initial;
      width: initial; } }
  .extended-rich-media-teaser__img--mobile {
    max-inline-size: 100%;
    block-size: auto;
    object-fit: cover;
    aspect-ratio: 2/1;
    grid-area: 1/1; }

.extended-rich-media-teaser__cta {
  display: grid;
  grid-area: 1/1;
  z-index: 1;
  color: #fff;
  padding: 16px 0; }
  .extended-rich-media-teaser__cta--x-left {
    justify-content: start;
    justify-items: start; }
  .extended-rich-media-teaser__cta--x-middle {
    justify-content: center;
    justify-items: center; }
  .extended-rich-media-teaser__cta--x-right {
    justify-content: end;
    justify-items: end; }
  .extended-rich-media-teaser__cta--y-top {
    align-content: start;
    align-items: start; }
  .extended-rich-media-teaser__cta--y-middle {
    align-content: center;
    align-items: center; }
  .extended-rich-media-teaser__cta--y-bottom {
    align-content: end;
    align-items: end; }

.teaser-color-box {
  position: relative;
  display: table;
  table-layout: auto;
  width: 100%;
  color: #fff; }
  .teaser-color-box > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0.8rem 0; }
  .teaser-color-box > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .teaser-color-box[class*="-bg"] > div {
    padding: 0.8rem 12px; }
    .teaser-color-box[class*="-bg"] > div + div {
      padding-left: 0; }
  .teaser-color-box .teaser-color-box__media {
    text-align: center;
    padding: 12px;
    width: 8rem; }
    .teaser-color-box .teaser-color-box__media img {
      max-width: 12rem; }
  .teaser-color-box [class*="-icon"] {
    font-size: 3.4rem;
    text-align: center; }

.teaser-carousel {
  /* ---- HALF-SIZE ---- */
  /* ---- HOVER HALF-SIZE ---- */
  /* ---- FULL-SIZE ---- */
  /* ---- HOVER FULL-SIZE ---- */ }
  .teaser-carousel img {
    width: 100%; }
  .teaser-carousel .teaser-overlay {
    position: absolute; }
  .teaser-carousel .teaser-half-size {
    margin: 0 0 29px;
    cursor: default;
    overflow: hidden;
    position: relative; }
    .teaser-carousel .teaser-half-size img {
      -webkit-transition: all 2s ease-out;
      -moz-transition: all 2s ease-out;
      -o-transition: all 2s ease-out;
      -ms-transition: all 2s ease-out;
      transition: all 1.5s ease-out;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1; }
    .teaser-carousel .teaser-half-size .half-teaser-overlay {
      padding: 14px 16px;
      margin: 0;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 30%;
      background: rgba(0, 0, 0, 0.6);
      text-align: left; }
    .teaser-carousel .teaser-half-size .h3 {
      position: absolute;
      top: 8%;
      left: 18px;
      width: 80%;
      text-align: left;
      margin: 0;
      padding: 0;
      color: #fff;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);
      font-size: 3.9rem;
      line-height: 1em;
      font-weight: normal; }
    .teaser-carousel .teaser-half-size .h4 {
      color: #fff;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
      letter-spacing: 0.8px; }
  .teaser-carousel .teaser-half-size:hover {
    cursor: pointer; }
  .teaser-carousel .teaser-half-size:hover img {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.15, 1.15); }
  .teaser-carousel .teaser-full-size {
    background: #222;
    cursor: default;
    overflow: hidden;
    position: relative; }
    .teaser-carousel .teaser-full-size img {
      -webkit-transition: all 2s ease-out;
      -moz-transition: all 2s ease-out;
      -o-transition: all 2s ease-out;
      -ms-transition: all 2s ease-out;
      transition: all 2s ease-out;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1; }
    .teaser-carousel .teaser-full-size .teaser-overlay {
      left: 0;
      bottom: 0;
      padding: 18px;
      width: 100%;
      height: 18%;
      background: rgba(0, 0, 0, 0.6);
      text-align: left; }
    .teaser-carousel .teaser-full-size .h3 {
      position: absolute;
      top: 33%;
      width: 100%;
      text-align: center;
      color: #fff;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
      padding: 0 8px;
      overflow: hidden;
      margin: 0;
      text-transform: uppercase;
      font-size: 5.2rem;
      line-height: 1em;
      font-weight: bold; }
    .teaser-carousel .teaser-full-size .h4 {
      color: #fff;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
      font-size: 2.1rem;
      line-height: 1.3em;
      letter-spacing: 0.6px; }
  .teaser-carousel .teaser-full-size {
    cursor: pointer; }
  .teaser-carousel .teaser-full-size:hover img {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.2, 1.2); }

/* nur smartphone */
@media (max-width: 767px) {
  .teaser-carousel .teaser-half-size {
    margin-bottom: 22px !important; }
    .teaser-carousel .teaser-half-size .h3 {
      font-size: 2.9rem;
      width: 90%; }
    .teaser-carousel .teaser-half-size .row.half-teaser-overlay {
      height: 40%;
      padding: 10px; }
    .teaser-carousel .teaser-half-size .h4 {
      font-size: 2rem; }
  .teaser-carousel .teaser-full-size .h3 {
    font-size: 4rem; }
  .teaser-carousel .teaser-full-size .teaser-overlay {
    padding: 18px 20px;
    height: 24%; }
  .teaser-carousel .teaser-full-size .h4 {
    font-size: 2rem; } }

/* nur lg desktop */
@media (min-width: 1200px) {
  .teaser-carousel .teaser-half-size {
    margin-bottom: 36px; } }

/* nur tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .teaser-carousel .teaser-half-size:hover .text-left {
    padding: 11px 0; }
  .teaser-carousel .teaser-half-size {
    margin-bottom: 22px; }
    .teaser-carousel .teaser-half-size .h3 {
      font-size: 2.9rem;
      width: 90%; }
    .teaser-carousel .teaser-half-size .row.half-teaser-overlay {
      padding: 8px 14px;
      height: 38%; }
    .teaser-carousel .teaser-half-size .h4 {
      font-size: 2rem; }
  .teaser-carousel .teaser-full-size .h3 {
    font-size: 4rem; }
  .teaser-carousel .teaser-full-size .teaser-overlay {
    height: 22%;
    padding: 10px 14px; }
  .teaser-carousel .teaser-full-size .h4 {
    font-size: 2rem; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .teaser-carousel .teaser-half-size .row.half-teaser-overlay {
    padding: 10px 14px; }
  .teaser-carousel .teaser-half-size .h3 {
    top: 8%;
    font-size: 2.9rem; }
  .teaser-carousel .teaser-half-size .h4 {
    font-size: 2rem; }
  .teaser-carousel .teaser-full-size .teaser-overlay {
    height: 22%;
    padding: 12px 18px; }
  .teaser-carousel .teaser-full-size .h3 {
    font-size: 4rem; }
  .teaser-carousel .teaser-full-size .h4 {
    font-size: 2rem; } }

.teaser-brands__slider {
  border-top: 1px solid #d1d1d1;
  padding: 2rem 24px 4.1rem; }
  .teaser-brands__slider .carousel-control {
    width: 24px;
    background-color: #fff; }
  .teaser-brands__slider .carousel-indicators {
    display: block;
    margin: 0; }
  #page .teaser-brands__slider .swiper-button-disabled span {
    opacity: 0; }
  .teaser-brands__slider .swiper-slide {
    text-align: center; }
    .teaser-brands__slider .swiper-slide a {
      display: inline-block; }
  .teaser-brands__slider .logo-image {
    height: 12.5rem; }
    @media screen and (max-width: 767px) {
      .teaser-brands__slider .logo-image {
        height: 10.5rem; } }

.teaser-brand {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 2rem; }
  .teaser-brand .headline {
    flex: 0 0 100%;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .teaser-brand > div {
    flex: 0 0 50%;
    height: 20rem;
    background-color: #ededed;
    position: relative; }
    .teaser-brand > div:last-child {
      overflow: hidden; }
      .teaser-brand > div:last-child img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: auto; }
      @media screen and (max-width: 767px) and (orientation: portrait) {
        .teaser-brand > div:last-child {
          display: none; } }
  .teaser-brand .teaser-brand__logo {
    display: flex;
    justify-content: center;
    align-items: center; }
    .teaser-brand .teaser-brand__logo img {
      max-width: 80%;
      max-height: 80%; }
    @media (min-width: 768px), (orientation: landscape) {
      .teaser-brand .teaser-brand__logo:before {
        position: absolute;
        right: -3.5rem;
        top: 50%;
        margin-top: -3.5rem;
        content: '';
        width: 0;
        height: 0;
        border-left: 3.5rem solid #ededed;
        border-top: 3.5rem solid transparent;
        border-bottom: 3.5rem solid transparent;
        z-index: 1; } }
    @media screen and (max-width: 767px) and (orientation: portrait) {
      .teaser-brand .teaser-brand__logo {
        flex-basis: 100%;
        height: auto;
        padding: 0.8rem; }
        .teaser-brand .teaser-brand__logo img {
          max-width: 10rem;
          max-height: 10rem; } }

.teaser-brand-usp .headline {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  margin: 0 0 2rem; }

.teaser-brand-usp > div {
  position: relative; }
  @media (min-width: 1025px) {
    .teaser-brand-usp > div {
      padding: 2.5rem 0 3.5rem; } }
  .teaser-brand-usp > div > div {
    display: flex;
    flex-flow: row nowrap;
    background-color: #ededed; }

.teaser-brand-usp .teaser-brand-usp__slider .swiper-slide--center img {
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.teaser-brand-usp__content {
  flex: 1 0 auto;
  text-align: center;
  max-width: 100%;
  padding-top: 2rem; }
  @media (min-width: 1025px) {
    .teaser-brand-usp__content {
      padding: 2rem 4rem 0;
      max-width: calc(33.34% + 4rem); } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .teaser-brand-usp__content {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      text-align: left;
      padding: 0.8rem; }
      .teaser-brand-usp__content > div:last-child {
        padding-left: 24px; } }
  @media screen and (max-width: 767px) {
    .teaser-brand-usp__content {
      padding-bottom: 0.8rem; } }

.teaser-brand-usp__logo {
  max-height: 14rem;
  max-width: 14rem; }

.teaser-brand-usp__usps {
  display: inline-block;
  margin: 0;
  padding: 2rem 0 2rem 3rem;
  text-align: left;
  word-break: break-word; }
  @media (min-width: 768px) {
    .teaser-brand-usp__usps {
      padding-left: 2rem; } }

.teaser-brand-usp__slider {
  position: relative;
  margin: -2.5rem 0 -3.5rem;
  padding: 0 0 0 4rem;
  max-width: calc(66.66% - 4rem); }
  .teaser-brand-usp__slider img {
    min-height: 38rem;
    max-height: 38rem; }
  #page .teaser-brand-usp__slider .swiper-pagination {
    height: 1rem; }
    #page .teaser-brand-usp__slider .swiper-pagination span {
      padding: 0; }
  #page .teaser-brand-usp__slider .content-wrapper {
    max-width: 80%;
    padding: 1rem 12px;
    bottom: 12px; }
    #page .teaser-brand-usp__slider .content-wrapper .headline {
      font-size: 1.8rem;
      margin-bottom: 0.3em;
      padding: 0; }
  @media screen and (max-width: 1024px) {
    .teaser-brand-usp__slider {
      display: none; } }

.teaser-brand-usp__product-count {
  margin: 0 0 0 -2rem;
  position: absolute;
  bottom: 0.5rem;
  left: 66.66%; }
  @media screen and (max-width: 1024px) {
    .teaser-brand-usp__product-count {
      left: initial;
      right: 0.8rem;
      font-size: 1.3rem;
      font-weight: bold; } }

.recommendation-row {
  width: 100%;
  margin-left: 0; }
  .recommendation-row.product-listing-top {
    padding: 0 0 0 12px; }
    @media screen and (max-width: 767px) {
      .recommendation-row.product-listing-top {
        padding: 0 0 0 12px; } }
    .recommendation-row.product-listing-top .subhead, .recommendation-row.product-listing-top .s-box-text h2, .s-box-text .recommendation-row.product-listing-top h2 {
      margin: 12px 0 24px -12px; }
    .recommendation-row.product-listing-top .recommendation {
      padding: 0 12px 0 0; }
  .recommendation-row .subhead, .recommendation-row .s-box-text h2, .s-box-text .recommendation-row h2 {
    margin-left: -12px; }
  .recommendation-row .recommendation {
    padding: 0 0 0 0; }
    .recommendation-row .recommendation .slider-recommendation:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background-color: #fff;
      z-index: 1; }
    .recommendation-row .recommendation .slider-recommendation .swiper-wrapper {
      padding: 1.2rem 0 0; }

.page-detail-view .prd-slider-tabs .swiper-slide {
  width: 25%;
  float: left; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .page-detail-view .prd-slider-tabs .swiper-slide {
      width: 33.3333333333%; } }
  @media screen and (max-width: 767px) {
    .page-detail-view .prd-slider-tabs .swiper-slide {
      width: 50%; } }

.slider-teaser {
  opacity: 0;
  filter: alpha(opacity=0);
  /* TODO Refactor or find a way to have less duplicated declarations */ }
  .slider-teaser.swiper-container-horizontal {
    opacity: 1;
    filter: alpha(opacity=100); }
  .slider-teaser .swiper-slide {
    font-size: 1.5rem;
    overflow: hidden; }
  .slider-teaser .swiper-slide--center img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .slider-teaser .swiper-slide--right img {
    position: absolute;
    right: 0; }
    @media (min-width: 1024px) {
      .slider-teaser .swiper-slide--right img {
        position: initial; } }
  .slider-teaser [class^="swiper-button-"] {
    position: absolute;
    background-image: none !important;
    top: 0;
    margin-top: 0;
    width: 5rem;
    height: 100%;
    text-align: center;
    z-index: 100;
    outline: none; }
    .slider-teaser [class^="swiper-button-"]:before {
      opacity: 1;
      filter: alpha(opacity=100);
      position: absolute;
      display: block;
      top: 50%;
      margin-top: -2.5rem;
      width: 5rem;
      height: 5rem;
      padding: 1.25rem;
      color: #fff;
      text-shadow: 0 1px 2px #222222;
      -webkit-transition: opacity 400ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: opacity 400ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: opacity 400ms ease-out 0s;
      /* Opera 10.5+  */
      transition: opacity 400ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .slider-teaser [class^="swiper-button-"]:hover:before {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .slider-teaser [class^="swiper-button-"].swiper-button-prev:before {
      display: inline-block;
      font-size: 2.5rem;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      vertical-align: middle;
      text-decoration: inherit;
      text-transform: none !important;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: "novosales_iconsweb"; }
    .slider-teaser [class^="swiper-button-"].swiper-button-prev, .slider-teaser [class^="swiper-button-"].swiper-button-prev:before {
      left: 0; }
    .slider-teaser [class^="swiper-button-"].swiper-button-next:before {
      display: inline-block;
      font-size: 2.5rem;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      vertical-align: middle;
      text-decoration: inherit;
      text-transform: none !important;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: "novosales_iconsweb"; }
    .slider-teaser [class^="swiper-button-"].swiper-button-next, .slider-teaser [class^="swiper-button-"].swiper-button-next:before {
      right: 0; }
  .slider-teaser:hover [class^="swiper-button-"]:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: opacity 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: opacity 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: opacity 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .slider-teaser.slider--wallpaper .swiper-button-prev {
    left: 0.5rem; }
  .slider-teaser.slider--wallpaper .swiper-button-next {
    right: 0.5rem; }
  .slider-teaser.slider--wallpaper [class^="swiper-button-"] {
    position: absolute;
    background-image: none !important;
    top: 100%;
    margin-top: -2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    z-index: 100; }
    .slider-teaser.slider--wallpaper [class^="swiper-button-"]:before {
      opacity: 1;
      filter: alpha(opacity=100);
      position: absolute;
      display: block;
      top: 2px;
      margin: 0;
      width: 2.5rem;
      height: 2.5rem;
      color: #d1d1d1;
      -webkit-transition: opacity 400ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: opacity 400ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: opacity 400ms ease-out 0s;
      /* Opera 10.5+  */
      transition: opacity 400ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .slider-teaser.slider--wallpaper [class^="swiper-button-"]:hover:before {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .slider-teaser.slider--wallpaper:hover [class^="swiper-button-"]:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: opacity 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: opacity 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: opacity 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .slider-teaser .swiper-pagination-bullets {
    position: relative;
    bottom: 0;
    display: flex;
    height: 3rem;
    padding: 0.5rem 0 0; }
    @media screen and (max-width: 767px) {
      .slider-teaser .swiper-pagination-bullets {
        padding: 1rem 0 3.8rem; } }
  .slider-teaser.slider--wallpaper {
    padding: 0.5rem 3.5rem 0; }
  .slider-teaser .swiper-pagination-bullet {
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 0 !important;
    border-radius: 0;
    background-color: transparent;
    width: 10%;
    height: 0.5rem;
    padding: 1rem 0;
    flex: 1 1 auto; }
    .slider-teaser .swiper-pagination-bullet:before {
      -webkit-transition: background-color 400ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: background-color 400ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: background-color 400ms ease-out 0s;
      /* Opera 10.5+  */
      transition: background-color 400ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
      content: '';
      display: block;
      width: 100%;
      height: 0.5rem;
      background-color: #d1d1d1; }
    .slider-teaser .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .slider-teaser .swiper-pagination-bullet:hover:before {
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .slider-teaser .headline,
  .slider-teaser .subline {
    position: relative;
    color: #464646;
    float: left;
    clear: left;
    z-index: 1; }
  .slider-teaser .headline {
    font-size: 2.4rem;
    font-weight: 300;
    padding-bottom: 0.8rem; }
  .slider-teaser .content-wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: auto;
    height: auto;
    max-width: 40rem;
    background-color: #fff;
    padding: 2rem 24px;
    z-index: 5; }
    .slider-teaser .content-wrapper:before {
      position: absolute;
      left: 24px;
      top: -24px;
      content: '';
      width: 0;
      height: 0;
      border-left: 24px solid transparent;
      border-right: 24px solid transparent;
      border-bottom: 24px solid #fff; }
    @media screen and (max-width: 767px) {
      .slider-teaser .content-wrapper {
        max-width: 20rem;
        left: 16px;
        bottom: 16px;
        padding: 1.33333rem 16px; }
        .slider-teaser .content-wrapper .headline {
          font-size: 1.6rem;
          padding-bottom: 0; }
        .slider-teaser .content-wrapper .subline {
          display: none; } }
  .slider-teaser .content-wrapper-static {
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    left: 24px;
    width: auto;
    height: auto;
    background-color: #fff;
    z-index: 5;
    max-width: 80%;
    padding: 1rem 12px;
    bottom: 12px; }
    .slider-teaser .content-wrapper-static .headline {
      font-size: 1.8rem;
      margin-bottom: 0.3em;
      padding: 0; }
    .slider-teaser .content-wrapper-static:before {
      position: absolute;
      left: 24px;
      top: -24px;
      content: '';
      width: 0;
      height: 0;
      border-left: 24px solid transparent;
      border-right: 24px solid transparent;
      border-bottom: 24px solid #fff; }
    @media screen and (max-width: 767px) {
      .slider-teaser .content-wrapper-static {
        max-width: 20rem;
        left: 16px;
        bottom: 16px;
        padding: 1.33333rem 16px; }
        .slider-teaser .content-wrapper-static .headline {
          font-size: 1.6rem;
          padding-bottom: 0; }
        .slider-teaser .content-wrapper-static .subline {
          display: none; } }
  .slider-teaser .link {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .slider-teaser .link.active-link {
      display: block; }
  .slider-teaser .swiper-slide-active .content-wrapper {
    opacity: 1;
    filter: alpha(opacity=100); }
  .slider-teaser .swiper-slide-active .link {
    display: block; }
  .slider-teaser .content-wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 600ms ease-out 300ms;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: opacity 600ms ease-out 300ms;
    /* Firefox 4.0 - 15  */
    -o-transition: opacity 600ms ease-out 300ms;
    /* Opera 10.5+  */
    transition: opacity 600ms ease-out 300ms;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .slider-teaser .swiper-slide-active .content-wrapper {
    opacity: 1;
    filter: alpha(opacity=100); }
  @media screen and (min-width: 1200px) {
    .slider-teaser.slider--wallpaper .swiper-pagination-bullets,
    .slider-teaser.slider--wallpaper .swiper-slide {
      width: 1164px;
      max-width: 100%; }
    .slider-teaser.slider--wallpaper .swiper-pagination-bullets {
      margin: 0 auto;
      padding-right: 0;
      padding-left: 0; }
    .slider-teaser.slider--wallpaper [class^="swiper-button-"] {
      top: 0;
      margin-top: 0;
      height: 100%;
      width: 100%; }
      .slider-teaser.slider--wallpaper [class^="swiper-button-"]:before {
        opacity: 0;
        filter: alpha(opacity=0);
        top: 50%;
        margin-top: -2.5rem;
        width: 5rem;
        height: 5rem;
        font-size: 2.5rem;
        color: #fff;
        text-shadow: 0 1px 2px #222222; }
      .slider-teaser.slider--wallpaper [class^="swiper-button-"] .swiper-button-next {
        right: 5rem; }
      .slider-teaser.slider--wallpaper [class^="swiper-button-"] ~ .swiper-wrapper .swiper-slide-prev,
      .slider-teaser.slider--wallpaper [class^="swiper-button-"] ~ .swiper-wrapper .swiper-slide-next {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transition: opacity 400ms ease-out 0s;
        /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
        -moz-transition: opacity 400ms ease-out 0s;
        /* Firefox 4.0 - 15  */
        -o-transition: opacity 400ms ease-out 0s;
        /* Opera 10.5+  */
        transition: opacity 400ms ease-out 0s;
        /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
      .slider-teaser.slider--wallpaper [class^="swiper-button-"]:hover ~ .swiper-wrapper .swiper-slide-prev,
      .slider-teaser.slider--wallpaper [class^="swiper-button-"]:hover ~ .swiper-wrapper .swiper-slide-next {
        -webkit-transition: opacity 200ms ease-out 0s;
        /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
        -moz-transition: opacity 200ms ease-out 0s;
        /* Firefox 4.0 - 15  */
        -o-transition: opacity 200ms ease-out 0s;
        /* Opera 10.5+  */
        transition: opacity 200ms ease-out 0s;
        /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .slider-teaser.slider--wallpaper .swiper-button-prev {
      left: -50%;
      -webkit-transform: translateX(-582px);
      -moz-transform: translateX(-582px);
      -o-transform: translateX(-582px);
      -ms-transform: translateX(-582px);
      transform: translateX(-582px); }
      .slider-teaser.slider--wallpaper .swiper-button-prev:before {
        right: 0; }
      .slider-teaser.slider--wallpaper .swiper-button-prev:hover ~ .swiper-wrapper .swiper-slide-prev {
        opacity: 1;
        filter: alpha(opacity=100); }
    .slider-teaser.slider--wallpaper .swiper-button-next {
      right: -50%;
      -webkit-transform: translateX(582px);
      -moz-transform: translateX(582px);
      -o-transform: translateX(582px);
      -ms-transform: translateX(582px);
      transform: translateX(582px); }
      .slider-teaser.slider--wallpaper .swiper-button-next:hover ~ .swiper-wrapper .swiper-slide-next {
        opacity: 1;
        filter: alpha(opacity=100); } }
  @media (min-width: 768px) {
    .slider-teaser .swiper-slide {
      height: 480px; } }
  @media (min-width: 768px) {
    .slider-teaser .swiper-slide.usp-slide-teaser {
      height: 380px; } }
  @media screen and (max-width: 767px) {
    .slider-teaser .swiper-slide {
      height: 300px; }
      .slider-teaser .swiper-slide img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute; } }
  .slider-teaser.deactivated,
  .slider-teaser.deactivated .content-wrapper {
    opacity: 1; }
  .slider-teaser.deactivated .swiper-button-prev,
  .slider-teaser.deactivated .swiper-button-next {
    display: none; }
  .slider-teaser.deactivated .swiper-pagination {
    visibility: hidden; }

.teaser-promotion-listing {
  --height: 290px;
  padding: 0 12px;
  height: var(--height);
  display: flex;
  flex-flow: column nowrap; }
  @media screen and (min-width: 500px) and (max-width: 768px) {
    .teaser-promotion-listing {
      --height: 456px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .teaser-promotion-listing {
      --height: 450px; } }
  @media screen and (min-width: 1200px) {
    .teaser-promotion-listing {
      --height: 488px; } }
  .teaser-promotion-listing__marketplace-style {
    --height: 390px; }
    @media screen and (min-width: 500px) and (max-width: 768px) {
      .teaser-promotion-listing__marketplace-style {
        --height: 456px; } }
    @media screen and (min-width: 768px) and (max-width: 1200px) {
      .teaser-promotion-listing__marketplace-style {
        --height: 450px; } }
    @media screen and (min-width: 1200px) {
      .teaser-promotion-listing__marketplace-style {
        --height: 488px; } }
  .teaser-promotion-listing__text--headline {
    margin: 0;
    padding: 1.2rem 1.2rem 0 1.2rem; }
  .teaser-promotion-listing__text--subline {
    padding: 0 1.2rem; }
  .teaser-promotion-listing__link {
    height: 100%; }
    .teaser-promotion-listing__link:hover, .teaser-promotion-listing__link:active, .teaser-promotion-listing__link:focus, .teaser-promotion-listing__link:focus:active, .teaser-promotion-listing__link:focus:hover {
      text-decoration: none;
      color: inherit; }
  .teaser-promotion-listing__logo-wrapper {
    padding: 0 1.2rem;
    display: flex; }
    .teaser-promotion-listing__logo-wrapper--left {
      justify-content: flex-start; }
    .teaser-promotion-listing__logo-wrapper--center {
      justify-content: center; }
    .teaser-promotion-listing__logo-wrapper--right {
      justify-content: right; }
  .teaser-promotion-listing__logo {
    width: 8rem;
    height: 8rem;
    margin: initial !important;
    max-width: initial !important; }
  .teaser-promotion-listing__img-outer-wrapper {
    padding: 0 1.2rem;
    overflow: hidden; }
  .teaser-promotion-listing__img-wrapper {
    display: flex;
    overflow: hidden;
    height: 100%; }
    .teaser-promotion-listing__img-wrapper--left {
      justify-content: flex-start; }
    .teaser-promotion-listing__img-wrapper--center {
      justify-content: center; }
    .teaser-promotion-listing__img-wrapper--right {
      justify-content: right; }
  .teaser-promotion-listing__img {
    margin: 0 !important;
    max-width: initial !important;
    object-fit: contain; }
  .teaser-promotion-listing__caption {
    padding: 0 1.2rem 1.2rem 1.2rem; }

.nearest-merchant {
  padding: 0; }

.slider-nearest-merchant div.merchant-icons {
  float: right;
  margin-top: -40px; }
  .slider-nearest-merchant div.merchant-icons img {
    width: 40px !important;
    height: 40px !important; }

.slider-nearest-merchant .rich-media-teaser .text-wrapper {
  cursor: pointer;
  /* "faking" a link */
  z-index: 4;
  /* to be above the teaserclick "a" to allow tooltips to trigger */ }

@media (min-width: 1025px) {
  .control-wrapper .slider-nearest-merchant.swiper-container {
    padding: 0 24px; } }

#merchant-info-area {
  margin-top: 3.6rem; }
  #merchant-info-area #tab-contact-form input, #merchant-info-area #tab-contact-form select, #merchant-info-area #tab-contact-form textarea {
    margin-bottom: 10px; }
  #merchant-info-area #tab-contact-form label {
    font-weight: normal; }
  #merchant-info-area #tab-contact-form .btn {
    white-space: normal; }
  #merchant-info-area #tab-contact-form .alert {
    display: none; }
  #merchant-info-area #tab-contact-form.error .alert {
    display: block; }
  #merchant-info-area #tab-contact-form abbr {
    text-decoration: none;
    border-bottom: none; }
  #merchant-info-area #tab-contact-form textarea .has-error {
    background-color: #f0ad4e; }
  #merchant-info-area #tab-contact-form button {
    margin-top: 1.2rem;
    float: right; }
  @media (min-width: 768px) {
    #merchant-info-area #tab-contact-form .modal-body {
      padding-top: 24px;
      padding-bottom: 24px; }
    #merchant-info-area #tab-contact-form .row {
      margin: 0; }
    #merchant-info-area #tab-contact-form .modal-dialog {
      width: 70%; } }

#ads-room-planning .section-description {
  margin-bottom: 0.5em; }

#ads-room-planning .room-planning-box {
  display: grid;
  overflow: hidden;
  position: relative;
  justify-content: center; }
  #ads-room-planning .room-planning-box__mobile-url {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    border-radius: 10px;
    padding: 10px; }
  #ads-room-planning .room-planning-box__img {
    height: 165px;
    width: 720px;
    object-fit: cover; }

#ads-room-planning iframe {
  width: 100%;
  height: 40em;
  border: none; }

.room-planning-teaser {
  display: grid;
  height: 250px;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .room-planning-teaser {
      grid-gap: 16px;
      grid-template-columns: repeat(2, 1fr);
      height: 150px; } }
  .room-planning-teaser__img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; }
  .room-planning-teaser__content {
    display: grid; }
  .room-planning-teaser__header {
    margin: 16px 0; }
  .room-planning-teaser__text {
    margin: 0;
    min-height: 50px; }
    @media screen and (min-width: 768px) {
      .room-planning-teaser__text {
        min-height: initial; } }
  .room-planning-teaser__cta {
    align-self: start;
    justify-self: start; }

.room-planning-nav-entry {
  position: relative;
  overflow: hidden; }
  .room-planning-nav-entry a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    border-radius: 10px;
    padding: 10px; }
  .room-planning-nav-entry__img {
    object-fit: cover;
    width: 100%;
    height: 80px !important; }

.room-planning-link {
  color: #e30613 !important; }

.teaser-usp-banner {
  display: grid;
  gap: 1.6rem; }
  @media (min-width: 768px) {
    .teaser-usp-banner {
      grid-template-columns: repeat(2, 1fr);
      gap: 0; } }
  .teaser-usp-banner__headline {
    font-size: 2.4rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 3rem; }
    @media (min-width: 768px) {
      .teaser-usp-banner__headline {
        padding: 1.2rem;
        grid-area: 1/1/1/1;
        z-index: 2; } }
  .teaser-usp-banner__img {
    max-height: 30rem;
    max-inline-size: 100%;
    block-size: auto;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 1025px) {
      .teaser-usp-banner__img {
        grid-area: 1/1/1/3;
        max-height: 28.7rem;
        width: initial; } }
    @media (min-width: 1025px) {
      .teaser-usp-banner__img {
        grid-area: 1/1/1/3;
        max-height: 48rem;
        width: initial; } }
  .teaser-usp-banner__bulletpoints {
    align-self: center;
    margin: 0;
    list-style: none;
    padding: 0.8rem 1.2rem;
    background-color: #ededed; }
    @media (min-width: 768px) and (max-width: 1025px) {
      .teaser-usp-banner__bulletpoints {
        align-self: end;
        grid-area: 1/1;
        background-color: transparent;
        z-index: 2;
        padding: 0 0 0 1.2rem; } }
    @media (min-width: 1025px) {
      .teaser-usp-banner__bulletpoints {
        align-self: center;
        grid-area: 1/1;
        background-color: transparent;
        z-index: 2;
        padding: 0 0 0 1.2rem; } }
    .teaser-usp-banner__bulletpoints li {
      display: flex;
      gap: 1.2rem;
      align-items: center;
      padding: 0.8rem 0; }
      @media (max-width: 1024px) {
        .teaser-usp-banner__bulletpoints li:nth-child(3) ~ li {
          display: none; } }
  @media (max-width: 767px) {
    .teaser-usp-banner li > span:first-of-type {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); } }
  .teaser-usp-banner__background-div {
    display: none; }
    @media (min-width: 768px) {
      .teaser-usp-banner__background-div {
        display: block;
        grid-area: 1/1/1/1;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 1; } }
  .teaser-usp-banner__add-background-div {
    display: none; }
    @media (min-width: 768px) {
      .teaser-usp-banner__add-background-div {
        display: block;
        grid-area: 1/2/1/3;
        width: 11rem;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 1;
        height: 100%;
        clip-path: polygon(100% 0px, 0px 0px, 0px 100%); } }

.html-teaser a {
  text-decoration: underline;
  color: #464646;
  cursor: pointer; }
  .html-teaser a:hover {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.tile-grid {
  display: flex;
  flex-flow: row wrap;
  margin-right: -12px;
  margin-left: -12px;
  row-gap: 1.6rem; }
  .tile-grid [class*='col-'] {
    padding-right: 12px;
    padding-left: 12px; }
  .tile-grid .col-66 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .tile-grid .col-33 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .tile-grid .col-50 {
    flex: 0 0 50%;
    max-width: 50%; }
  @media screen and (max-width: 767px) {
    .tile-grid .col-mobile-100 {
      flex: 0 0 100%;
      max-width: 100%; } }

.price-info .price {
  font-size: 2rem;
  white-space: nowrap; }
  .price-info .price .unit, .price-info .price-old {
    font-size: 1.3rem; }
  .price-info .price.text-danger {
    color: inherit; }

.price-info .sum-price {
  display: inline-block; }

.price-info .sum-without-graduation {
  display: block; }
  .price-info .sum-without-graduation__hidden {
    display: none; }

.price-info .sum__reduced.sum {
  background-color: #ffc90e;
  padding: 0 4px; }

.price-info .graduated-prices {
  background-color: #ededed;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px; }
  .price-info .graduated-prices__entry {
    display: flex;
    justify-content: space-between;
    padding: 0 5px; }
    .price-info .graduated-prices__entry__selected {
      background-color: #ffc90e; }

.price-info .reduction {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  font-size: 1.3rem;
  font-weight: bold; }

.price-info .price-now {
  padding-top: 0.4rem; }

ul.key-selling {
  padding-top: 10px;
  padding-bottom: 10px; }

.prd-list {
  position: relative; }

.prd-list-separator {
  padding: 0.8rem;
  color: #fff;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .prd-list-separator span {
    vertical-align: middle; }
    .prd-list-separator span:first-child {
      padding-right: 0.4rem; }

.prd-list-part > h1,
.prd-list-part > .h1 {
  margin-top: 24px;
  margin-bottom: 24px; }

.feature-logo {
  display: inline;
  max-height: 22px;
  margin-left: 10px; }

.order-count a {
  min-width: 3.9rem; }

@media (min-width: 1025px) {
  .filter-header:after {
    display: block;
    content: '';
    padding-top: 1.2rem;
    margin-left: 12px;
    width: calc(100% - 24px);
    border-bottom: 1px solid #d1d1d1; } }

@media screen and (max-width: 1024px) {
  .filter-header .default-select-wrapper {
    display: block; }
  .filter-header select {
    width: 100%; } }

.footer-pagination {
  margin-bottom: 1.2rem; }
  .footer-pagination:before {
    display: block;
    content: '';
    padding-top: 1.2rem;
    margin-left: 12px;
    width: calc(100% - 24px);
    border-top: 1px solid #d1d1d1; }

#filterlist-btn {
  display: none; }

.graduated-price-disclaimer {
  background-color: #ffc90e;
  padding: 1px 11px 4px 4px;
  font-size: 1.5rem;
  font-weight: bold; }
  .graduated-price-disclaimer-part1 {
    color: white; }
  .graduated-price-disclaimer-part2 {
    color: #464646; }

.striked {
  position: relative;
  color: #464646; }
  .striked:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #d9534f; }

.prd-grid-item {
  position: relative;
  margin-bottom: 24px; }
  .prd-grid-item:last-child {
    border-right-style: none; }
  .prd-grid-item img {
    margin: 0 auto;
    max-width: 100%; }
  .prd-grid-item .thumbnail {
    position: relative;
    border-style: none;
    padding: 0; }
    .prd-grid-item .thumbnail .img-wrapper {
      text-align: center; }
  .prd-grid-item > div > a {
    display: block;
    text-decoration: none; }
  .prd-grid-item.tile > .product-box {
    overflow: hidden;
    border: 1px solid #ebebeb;
    padding: 12px 12px 0;
    overflow: hidden; }
    .prd-grid-item.tile > .product-box .graduated-price-disclaimer-wrapper {
      z-index: 2;
      position: absolute;
      top: 0;
      left: 40px; }
  .prd-grid-item.tile .caption {
    padding: 0.8rem 0 0; }
  .prd-grid-item.tile .headline {
    overflow: hidden;
    height: 6.3rem;
    line-height: 2.1rem;
    font-weight: bold; }
    .prd-grid-item.tile .headline > *:first-child {
      float: right;
      width: 100%;
      margin-left: -0.5rem; }
    .prd-grid-item.tile .headline:before {
      content: "";
      float: left;
      width: 0.5rem;
      height: 6.3rem; }
    .prd-grid-item.tile .headline:after {
      content: "...";
      box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      float: right;
      position: relative;
      top: -2.1rem;
      left: 100%;
      width: 3rem;
      margin-left: -3rem;
      padding-right: 0.5rem;
      text-align: right;
      background-size: 100% 100%;
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=1); }
  .prd-grid-item.tile .text {
    overflow: hidden;
    height: 3.8rem;
    line-height: 1.9rem;
    font-size: 1.3rem; }
    .prd-grid-item.tile .text > *:first-child {
      float: right;
      width: 100%;
      margin-left: -0.5rem; }
    .prd-grid-item.tile .text:before {
      content: "";
      float: left;
      width: 0.5rem;
      height: 3.8rem; }
    .prd-grid-item.tile .text:after {
      content: "...";
      box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      float: right;
      position: relative;
      top: -1.9rem;
      left: 100%;
      width: 3rem;
      margin-left: -3rem;
      padding-right: 0.5rem;
      text-align: right;
      background-size: 100% 100%;
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=1); }
  .prd-grid-item.tile .price-info {
    position: relative;
    padding: 2.8rem 0 2.8rem; }
  .prd-grid-item.tile.merchant-info .price-info {
    padding: 2.8rem 0 12.8rem; }
  .prd-grid-item.tile .price,
  .prd-grid-item.tile .price-old,
  .prd-grid-item.tile .ground-price-with-unit {
    text-align: right; }
  .prd-grid-item.tile .price-old,
  .prd-grid-item.tile .ground-price-with-unit {
    position: absolute;
    right: 0;
    font-size: 1.3rem; }
  .prd-grid-item.tile .price-old {
    top: 1.2rem;
    white-space: nowrap;
    overflow: hidden; }
  .prd-grid-item.tile .ground-price-with-unit {
    bottom: 1.2rem; }
  .prd-grid-item.tile.merchant-info .ground-price-with-unit {
    bottom: 11.2rem; }
  .prd-grid-item.tile .merchant-information {
    position: absolute;
    bottom: 0;
    left: 12px;
    width: calc(100% - 24px);
    padding: 0 12px 1rem; }
    .prd-grid-item.tile .merchant-information .prd-badge {
      margin-left: -12px;
      padding-left: 12px;
      margin-bottom: 0; }
    .prd-grid-item.tile .merchant-information .prd-pickup__merchant {
      padding: 0.6rem 0 0.8rem; }
    .prd-grid-item.tile .merchant-information .address {
      margin: 0;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: flex-start;
      max-width: 100%; }
      .prd-grid-item.tile .merchant-information .address > div {
        flex: 0 0 auto; }
    .prd-grid-item.tile .merchant-information .name {
      font-size: 1.4rem;
      font-weight: bold;
      width: 100%;
      color: inherit; }
    .prd-grid-item.tile .merchant-information .city {
      padding-right: 0; }
      .prd-grid-item.tile .merchant-information .city.w-dd {
        padding-right: 0.4rem;
        max-width: calc(100% - 5.9rem); }
    .prd-grid-item.tile .merchant-information .total-merchants {
      font-size: 1.2rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      min-height: 20px; }
      .prd-grid-item.tile .merchant-information .total-merchants .icon {
        font-size: 9px;
        margin-right: 2px;
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
      .prd-grid-item.tile .merchant-information .total-merchants a {
        text-decoration: none; }
      .prd-grid-item.tile .merchant-information .total-merchants:last-child {
        justify-content: flex-end; }
        .prd-grid-item.tile .merchant-information .total-merchants:last-child a {
          text-decoration: underline; }
    .prd-grid-item.tile .merchant-information a {
      display: inline-block;
      white-space: nowrap; }
      .prd-grid-item.tile .merchant-information a:hover {
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .prd-grid-item.tile .merchant-information .related-categories-headline-hidden {
      font-size: 1.4rem;
      font-weight: bold;
      width: 100%;
      margin-top: 2rem;
      opacity: 0;
      pointer-events: none; }
  .prd-grid-item.tile .related-categories {
    bottom: 0;
    font-size: 1.1rem;
    padding-bottom: 8px;
    padding-top: 24px; }
    .prd-grid-item.tile .related-categories .related-categories-headline {
      font-size: 1.4rem;
      font-weight: bold;
      width: 100%;
      margin-top: 2rem; }
      .prd-grid-item.tile .related-categories .related-categories-headline-hidden {
        opacity: 0;
        pointer-events: none; }
    .prd-grid-item.tile .related-categories .related-category-border, .prd-grid-item.tile .related-categories .related-category-border-invisible, .prd-grid-item.tile .related-categories .related-category-border-no-bottom {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;
      border: 1px solid #ebebeb;
      padding: 0.5rem 0 0.5rem 1rem; }
      .prd-grid-item.tile .related-categories .related-category-border-invisible {
        border: 1px solid transparent;
        height: calc(4rem + 1px); }
      .prd-grid-item.tile .related-categories .related-category-border-no-bottom {
        border-bottom: none; }
    .prd-grid-item.tile .related-categories .category-name-preview {
      margin-left: 1rem; }
    .prd-grid-item.tile .related-categories .category-image-preview {
      height: 3rem;
      width: 3rem; }
  .prd-grid-item.tile .related-category-link {
    position: relative;
    color: inherit;
    text-decoration: none; }
    .prd-grid-item.tile .related-category-link.no-categories {
      position: absolute;
      pointer-events: none;
      cursor: default; }
  .prd-grid-item.tile .related-categories-headline-hidden {
    font-size: 1.4rem;
    font-weight: bold;
    width: 100%;
    margin-top: 2rem;
    opacity: 0;
    pointer-events: none; }
  @media (min-width: 1025px) {
    .prd-grid-item.tile > .product-box {
      overflow: hidden;
      -webkit-transition: all 400ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: all 400ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: all 400ms ease-out 0s;
      /* Opera 10.5+  */
      transition: all 400ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
      .prd-grid-item.tile > .product-box.teaser-action, .prd-grid-item.tile > .product-box:hover {
        -webkit-box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.175);
        box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.175);
        -webkit-transition: hover 400ms ease-out 0s;
        /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
        -moz-transition: hover 400ms ease-out 0s;
        /* Firefox 4.0 - 15  */
        -o-transition: hover 400ms ease-out 0s;
        /* Opera 10.5+  */
        transition: hover 400ms ease-out 0s;
        /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
        border-color: #dedede; } }
  .prd-grid-item.tile.disable-hover-border-and-transition {
    transition: none; }
    @media (min-width: 1025px) {
      .prd-grid-item.tile.disable-hover-border-and-transition:hover {
        box-shadow: 0 0 0 transparent;
        border-color: transparent; } }
  .prd-grid-item .carousel-indicators {
    display: none; }
  @media screen and (max-width: 1024px) {
    .prd-grid-item .carousel-control {
      display: block !important; } }
  @media (min-width: 1025px) {
    .prd-grid-item .carousel-control {
      opacity: 0; }
    .prd-grid-item:hover .carousel-control {
      opacity: 1; }
    .prd-grid-item .btn {
      float: right; } }

.prd-list-separator + .prd-grid {
  margin-top: 24px; }

@media (max-width: 767px) {
  .prd-grid.single-row.row {
    margin-right: 0;
    margin-left: 0; }
    .prd-grid.single-row.row > .col-xs-12 {
      padding-right: 0;
      padding-left: 0; } }

.prd-grid.tiles {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch; }
  @media (min-width: 768px) {
    .prd-grid.tiles {
      padding-top: 1.6rem; } }
  @media screen and (max-width: 767px) {
    .prd-grid.tiles + .prd-grid .prd-grid-item > a,
    .prd-grid.tiles .prd-grid-item + .prd-grid-item > a {
      border-top: 1px solid #d1d1d1;
      padding-top: 2rem; } }

.prd-filter {
  position: relative;
  scroll-margin-top: 25rem; }
  .prd-filter .headline {
    margin-top: 0; }
  .prd-filter .current-filter-reset {
    display: block;
    padding: 0.4rem 0.8rem;
    overflow: hidden;
    max-height: 3.1rem;
    text-decoration: none;
    background-color: #ededed; }
    .prd-filter .current-filter-reset span:last-child {
      vertical-align: middle;
      padding-left: 0.4rem; }
  .prd-filter .collapsed + .current-filter-reset {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0; }
  .prd-filter .filter-headline {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem; }
    @media (min-width: 1025px) {
      .prd-filter .filter-headline {
        font-weight: bold; } }
    @media screen and (max-width: 1024px) {
      .prd-filter .filter-headline {
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 0.4rem; } }
  .prd-filter .filter__options .panel-body {
    padding-right: 1.2rem;
    padding-left: 1.2rem; }
  .prd-filter button[data-value='Filter'] {
    border-bottom: 1px solid #d1d1d1;
    padding: 0.8rem 1.9rem 0.8rem 0;
    text-align: left;
    white-space: normal;
    text-transform: uppercase;
    color: #464646;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    width: 100%; }
    @media (min-width: 1025px) {
      .prd-filter button[data-value='Filter'] {
        padding-top: 1.2rem; } }
  .prd-filter .checkbox input:not([disabled]) + label:hover {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .prd-filter input[disabled] + label {
    cursor: default; }
  .prd-filter ul {
    margin-bottom: 0; }
    .prd-filter ul.max-height {
      max-height: 21.5rem; }
      .prd-filter ul.max-height.in {
        overflow-y: auto; }
      .prd-filter ul.max-height li {
        padding: 0.8rem 0 0; }
        .prd-filter ul.max-height li:first-child {
          padding-top: 1.2rem; }
        .prd-filter ul.max-height li:last-child {
          padding-bottom: 0.8rem; }
        .prd-filter ul.max-height li .checkbox {
          margin-top: 0;
          margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    .xs-sidebar-offcanvas .prd-filter {
      border-right: 1px solid #d1d1d1;
      border-bottom: 1px solid #d1d1d1;
      padding: 0; } }

.filter-options__close-actions {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1.6rem;
  margin-top: 1.5rem;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1; }

.filter-options__reset-btn {
  color: #3c6cbe;
  justify-self: end; }

.filter-options__close-btn {
  font-size: 1.5rem;
  font-weight: bold;
  justify-self: start; }

.filter-options__show-all-results {
  margin: 0 1.6rem 1.6rem 1.6rem;
  position: sticky;
  bottom: 0; }

ul.prd-filter-list {
  list-style: none;
  padding: 0 1.6rem;
  margin: 0 0 24px;
  font-size: 1.3rem; }
  ul.prd-filter-list .color-thumbs .filter-checkbox {
    display: none; }
  ul.prd-filter-list .color-thumbs .color-thumb:before {
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  ul.prd-filter-list .color-thumbs .color-thumb:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 2.2rem;
    width: 2.2rem;
    opacity: 0; }
  ul.prd-filter-list .color-thumbs .color-thumb:hover:before,
  ul.prd-filter-list .color-thumbs .filter-checkbox:checked + .color-thumb:before {
    opacity: 1; }
  ul.prd-filter-list .color-thumbs [class^='col-'] {
    text-align: center; }
    ul.prd-filter-list .color-thumbs [class^='col-'] > .checkbox {
      display: inline-block; }
  ul.prd-filter-list .inActiveFilter {
    opacity: 0.03;
    cursor: not-allowed; }
  ul.prd-filter-list .btn[disabled],
  ul.prd-filter-list .btn.disabled {
    display: none; }
  ul.prd-filter-list .price-range {
    display: grid;
    grid-template-columns: 1fr min-content 1fr min-content;
    grid-gap: 16px;
    justify-items: center;
    align-items: center; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      ul.prd-filter-list .price-range {
        grid-template-rows: initial;
        align-items: center;
        grid-gap: 6px; } }
    @media (min-width: 1200px) {
      ul.prd-filter-list .price-range {
        grid-template-rows: initial;
        align-items: center;
        grid-gap: 8px; } }
    ul.prd-filter-list .price-range__confirmation {
      display: grid;
      place-items: center;
      margin: 0;
      padding: 4px; }
      ul.prd-filter-list .price-range__confirmation.disabled {
        display: block;
        background-color: #464646;
        color: #fff;
        border: 2px solid #fff; }
        ul.prd-filter-list .price-range__confirmation.disabled:hover, ul.prd-filter-list .price-range__confirmation.disabled:focus, ul.prd-filter-list .price-range__confirmation.disabled:active, ul.prd-filter-list .price-range__confirmation.disabled:active:focus, ul.prd-filter-list .price-range__confirmation.disabled:active:hover {
          display: block;
          background-color: #464646;
          color: #fff;
          border: 2px solid #fff;
          opacity: 1; }
    ul.prd-filter-list .price-range__confirmation-icon {
      margin: 0; }
    ul.prd-filter-list .price-range__input {
      width: 100%; }
    ul.prd-filter-list .price-range--size {
      margin: 1.6rem 0; }
    ul.prd-filter-list .price-range__units {
      font-weight: normal;
      text-transform: lowercase; }

#filterlist_distance a {
  display: block;
  padding-top: 0.8rem;
  text-decoration: underline; }

#filterlist_distance li {
  padding-left: 0.8rem; }
  #filterlist_distance li .active {
    font-weight: bold;
    cursor: default;
    color: #464646 !important; }

.filter-region .filter-region__wrapper {
  background-color: #ededed; }

.filter-region .filter-headline .icon {
  color: #777777;
  font-size: 2.1rem;
  margin-top: -0.4rem; }

.filter-region label span.location-info {
  display: block; }

@media screen and (max-width: 1024px) {
  .filter-region {
    background-color: #ededed;
    margin: 0 -0.8rem; }
    .filter-region > div {
      padding-right: 0.8rem;
      padding-left: 0.8rem; }
    .filter-region button[data-value='Filter'].collapsed {
      border-color: transparent; } }

@media (min-width: 1025px) {
  .filter-region .filter-region__item > ul {
    height: auto !important;
    display: block;
    overflow-y: auto !important; }
  .filter-region .filter-region__item button {
    cursor: default; }
    .filter-region .filter-region__item button:before, .filter-region .filter-region__item button:after {
      display: none; }
  .filter-region .filter-region__item:first-child button {
    padding-top: 0.8rem; } }

#page .filter-region .filter-region__item button,
#page .filter-region .filter-region__item ul {
  padding-left: 0.8rem; }

.filter-region .filter-region__item .location__wrapper {
  padding: 0.8rem 0.8rem 0;
  font-size: 0; }
  .filter-region .filter-region__item .location__wrapper .location,
  .filter-region .filter-region__item .location__wrapper a {
    font-size: 1.3rem; }
  .filter-region .filter-region__item .location__wrapper .location {
    font-weight: bold;
    margin-right: 0.8rem; }
  .filter-region .filter-region__item .location__wrapper a {
    text-decoration: underline; }
  @media screen and (max-width: 1024px) {
    .filter-region .filter-region__item .location__wrapper {
      padding: 0.8rem;
      background-color: #b2b2b2; } }

.filter-region .current-filter-reset {
  padding-left: 0.8rem;
  font-size: 1.3rem;
  background-color: #b2b2b2; }

.filter_delivery_location_wrapper a {
  display: block;
  padding-top: 0.8rem;
  text-decoration: underline; }

.active-filters {
  display: flex;
  flex-flow: row wrap; }
  .active-filters .btn {
    display: flex;
    align-items: baseline;
    padding: 0.2rem 0.8rem;
    margin: 1.2rem 0.8rem 0 0;
    text-decoration: none;
    white-space: nowrap; }
    .active-filters .btn [class*='icon'] {
      font-size: 1.1rem;
      line-height: 1; }
    .active-filters .btn .how-many {
      display: none; }

.color-thumbs.hidden {
  display: none; }

.color-thumb {
  display: block;
  width: 2.2rem;
  height: 2.2rem; }
  .color-thumb.weiss {
    background: #fff;
    border: 1px solid #d1d1d1; }
  .color-thumb.schwarz {
    background: #000;
    color: #fff; }
  .color-thumb.gelb {
    background-image: -o-linear-gradient(left bottom, #fff8cf 0, #ffce2d 100%);
    background-image: -moz-linear-gradient(left bottom, #fff8cf 0, #ffce2d 100%);
    background-image: -webkit-linear-gradient(left bottom, #fff8cf 0, #ffce2d 100%);
    background-image: -ms-linear-gradient(left bottom, #fff8cf 0, #ffce2d 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #fff8cf), color-stop(1, #ffce2d));
    color: #fff; }
  .color-thumb.orange {
    background-image: -o-linear-gradient(left bottom, #fab515 0, #e2751c 100%);
    background-image: -moz-linear-gradient(left bottom, #fab515 0, #e2751c 100%);
    background-image: -webkit-linear-gradient(left bottom, #fab515 0, #e2751c 100%);
    background-image: -ms-linear-gradient(left bottom, #fab515 0, #e2751c 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #fab515), color-stop(1, #e2751c));
    color: #fff; }
  .color-thumb.rot {
    background-image: -o-linear-gradient(left bottom, #eb3c3f 0, #a23219 100%);
    background-image: -moz-linear-gradient(left bottom, #eb3c3f 0, #a23219 100%);
    background-image: -webkit-linear-gradient(left bottom, #eb3c3f 0, #a23219 100%);
    background-image: -ms-linear-gradient(left bottom, #eb3c3f 0, #a23219 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #eb3c3f), color-stop(1, #a23219));
    color: #fff; }
  .color-thumb.rosa {
    background-image: -o-linear-gradient(left bottom, #ffcdc4 0, #ee899a 100%);
    background-image: -moz-linear-gradient(left bottom, #ffcdc4 0, #ee899a 100%);
    background-image: -webkit-linear-gradient(left bottom, #ffcdc4 0, #ee899a 100%);
    background-image: -ms-linear-gradient(left bottom, #ffcdc4 0, #ee899a 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #ffcdc4), color-stop(1, #ee899a));
    color: #fff; }
  .color-thumb.lila {
    background-image: -o-linear-gradient(left bottom, #bf1fac 0, #671477 100%);
    background-image: -moz-linear-gradient(left bottom, #bf1fac 0, #671477 100%);
    background-image: -webkit-linear-gradient(left bottom, #bf1fac 0, #671477 100%);
    background-image: -ms-linear-gradient(left bottom, #bf1fac 0, #671477 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #bf1fac), color-stop(1, #671477));
    color: #fff; }
  .color-thumb.blau {
    background-image: -o-linear-gradient(left bottom, #8cc7df 0, #36417a 100%);
    background-image: -moz-linear-gradient(left bottom, #8cc7df 0, #36417a 100%);
    background-image: -webkit-linear-gradient(left bottom, #8cc7df 0, #36417a 100%);
    background-image: -ms-linear-gradient(left bottom, #8cc7df 0, #36417a 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #8cc7df), color-stop(1, #36417a));
    color: #fff; }
  .color-thumb.gruen {
    background-image: -o-linear-gradient(left bottom, #a7d218 0, #325a29 100%);
    background-image: -moz-linear-gradient(left bottom, #a7d218 0, #325a29 100%);
    background-image: -webkit-linear-gradient(left bottom, #a7d218 0, #325a29 100%);
    background-image: -ms-linear-gradient(left bottom, #a7d218 0, #325a29 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #a7d218), color-stop(1, #325a29));
    color: #fff; }
  .color-thumb.braun {
    background-image: -o-linear-gradient(left bottom, #ac671e 0, #5b300b 100%);
    background-image: -moz-linear-gradient(left bottom, #ac671e 0, #5b300b 100%);
    background-image: -webkit-linear-gradient(left bottom, #ac671e 0, #5b300b 100%);
    background-image: -ms-linear-gradient(left bottom, #ac671e 0, #5b300b 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #ac671e), color-stop(1, #5b300b));
    color: #fff; }
  .color-thumb.natur {
    background-image: -o-linear-gradient(left bottom, #f4f3ea 0, #ddd7c2 100%);
    background-image: -moz-linear-gradient(left bottom, #f4f3ea 0, #ddd7c2 100%);
    background-image: -webkit-linear-gradient(left bottom, #f4f3ea 0, #ddd7c2 100%);
    background-image: -ms-linear-gradient(left bottom, #f4f3ea 0, #ddd7c2 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #f4f3ea), color-stop(1, #ddd7c2));
    color: #000; }
  .color-thumb.grau {
    background-image: -o-linear-gradient(left bottom, #e9ebe7 0, #929492 100%);
    background-image: -moz-linear-gradient(left bottom, #e9ebe7 0, #929492 100%);
    background-image: -webkit-linear-gradient(left bottom, #e9ebe7 0, #929492 100%);
    background-image: -ms-linear-gradient(left bottom, #e9ebe7 0, #929492 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #e9ebe7), color-stop(1, #929492));
    color: #fff; }
  .color-thumb.goldfarben {
    background-image: -o-linear-gradient(left bottom, #aa5b00 0, #994700 17%, #ffe284 54%, #ffe284 70%, #994700 95%);
    background-image: -moz-linear-gradient(left bottom, #aa5b00 0, #994700 17%, #ffe284 54%, #ffe284 70%, #994700 95%);
    background-image: -webkit-linear-gradient(left bottom, #aa5b00 0, #994700 17%, #ffe284 54%, #ffe284 70%, #994700 95%);
    background-image: -ms-linear-gradient(left bottom, #aa5b00 0, #994700 17%, #ffe284 54%, #ffe284 70%, #994700 95%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #aa5b00), color-stop(0.17, #994700), color-stop(0.54, #ffe284), color-stop(0.7, #ffe284), color-stop(0.95, #994700));
    color: #fff; }
  .color-thumb.silberfarben {
    background-image: -o-linear-gradient(left bottom, #888a87 17%, #e9ebe7 54%, #e9ebe7 70%, #888a87 95%);
    background-image: -moz-linear-gradient(left bottom, #888a87 17%, #e9ebe7 54%, #e9ebe7 70%, #888a87 95%);
    background-image: -webkit-linear-gradient(left bottom, #888a87 17%, #e9ebe7 54%, #e9ebe7 70%, #888a87 95%);
    background-image: -ms-linear-gradient(left bottom, #888a87 17%, #e9ebe7 54%, #e9ebe7 70%, #888a87 95%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.17, #888a87), color-stop(0.54, #e9ebe7), color-stop(0.7, #e9ebe7), color-stop(0.95, #888a87));
    color: #fff; }
  .color-thumb.bunt {
    background-image: -o-linear-gradient(left bottom, #1167cf 5%, #ef00bf 15%, #000291 25%, #00ebd7 41%, #00b539 55%, #f9fd00 73%, #f00 100%);
    background-image: -moz-linear-gradient(left bottom, #1167cf 5%, #ef00bf 15%, #000291 25%, #00ebd7 41%, #00b539 55%, #f9fd00 73%, #f00 100%);
    background-image: -webkit-linear-gradient(left bottom, #1167cf 5%, #ef00bf 15%, #000291 25%, #00ebd7 41%, #00b539 55%, #f9fd00 73%, #f00 100%);
    background-image: -ms-linear-gradient(left bottom, #1167cf 5%, #ef00bf 15%, #000291 25%, #00ebd7 41%, #00b539 55%, #f9fd00 73%, #f00 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.05, #1167cf), color-stop(0.15, #ef00bf), color-stop(0.25, #000291), color-stop(0.45, #00ebd7), color-stop(0.55, #00b539), color-stop(0.75, #f9fd00), color-stop(1, #f00));
    color: #fff; }
  .color-thumb.noColorDetail,
  .no-cssgradients .color-thumb.noColorDetail {
    background: url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/img/global-resources/color-thumbs/platzhalter_colorthumb.gif") no-repeat; }
  .color-thumb .notABaseColor {
    background-position: -3px -3px; }
  .no-cssgradients .color-thumb {
    background: url("/06d96c3ffa0179c74446291f96690ed7641605b9/assets/base/images/color-thumb/farbfilter_sprite.gif") no-repeat;
    background-position: 0 0; }
    .no-cssgradients .color-thumb.gelb {
      background-position-x: 0; }
    .no-cssgradients .color-thumb.orange {
      background-position-x: -44px; }
    .no-cssgradients .color-thumb.rot {
      background-position-x: -88px; }
    .no-cssgradients .color-thumb.rosa {
      background-position-x: -132px; }
    .no-cssgradients .color-thumb.lila {
      background-position-x: -176px; }
    .no-cssgradients .color-thumb.blau {
      background-position-x: -220px; }
    .no-cssgradients .color-thumb.gruen {
      background-position-x: -264px; }
    .no-cssgradients .color-thumb.braun {
      background-position-x: -308px; }
    .no-cssgradients .color-thumb.natur {
      background-position-x: -352px; }
    .no-cssgradients .color-thumb.schwarz {
      background-position-x: -396px; }
    .no-cssgradients .color-thumb.grau {
      background-position-x: -440px; }
    .no-cssgradients .color-thumb.goldfarben {
      background-position-x: -484px; }
    .no-cssgradients .color-thumb.silberfarben {
      background-position-x: -528px; }
    .no-cssgradients .color-thumb.bunt {
      background-position-x: -572px; }

@media screen and (max-width: 1024px) {
  .sidebar-offcanvas {
    display: none; }
  .navbar-toggle {
    display: block; }
  .xs-sidebar-offcanvas.active {
    display: block;
    z-index: 1000;
    overflow-y: auto;
    width: 100%; }
  body.offcanvas {
    overflow: hidden; }
    body.offcanvas .nav-mobile-wrapper,
    body.offcanvas .xs-sidebar-offcanvas {
      -webkit-transform: translate3d(0%, 0, 0);
      -moz-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
    body.offcanvas #page,
    body.offcanvas footer,
    body.offcanvas .footer-links {
      position: relative; }
    body.offcanvas #page:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 990;
      background-color: rgba(0, 0, 0, 0.1); }
  .nav-mobile-wrapper,
  .xs-sidebar-offcanvas {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999; }
    .nav-mobile-wrapper .well,
    .xs-sidebar-offcanvas .well {
      padding-bottom: 50px; }
  .xs-sidebar-offcanvas {
    background-color: #fff; }
  #page {
    position: relative;
    left: 0; }
  .nav-mobile-wrapper,
  .xs-sidebar-offcanvas,
  #page,
  footer,
  .footer-links {
    -webkit-transition: transform 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: transform 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: transform 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: transform 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ } }

@media screen and (max-width: 1024px) and (min-width: 768px) {
  body.offcanvas #page,
  body.offcanvas footer,
  body.offcanvas .footer-links {
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .nav-mobile-wrapper,
  .xs-sidebar-offcanvas {
    width: 50%; } }

@media screen and (max-width: 767px) {
  body.offcanvas #page,
  body.offcanvas footer,
  body.offcanvas .footer-links {
    -webkit-transform: translate3d(70%, 0, 0);
    -moz-transform: translate3d(70%, 0, 0);
    -ms-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .nav-mobile-wrapper {
    width: 100%; }
  .xs-sidebar-offcanvas {
    width: 70%; } }

ul.opening-hours {
  list-style: none;
  width: 100%;
  margin: 0 0 10.5px;
  padding: 0;
  text-align: left; }
  .panel--merchant ul.opening-hours li {
    padding: 0.8rem;
    display: block;
    background-color: #d1d1d1;
    margin-bottom: 2px;
    font-size: 1.3rem; }
    .panel--merchant ul.opening-hours li strong {
      font-size: 1.5rem;
      display: block; }
    .panel--merchant ul.opening-hours li.different-opening-hours {
      background-color: #f2b866; }
      .panel--merchant ul.opening-hours li.different-opening-hours strong {
        display: inline;
        font-size: 1.3rem; }
  .merchant-details ul.opening-hours li.different-opening-hours,
  .contact-form-address ul.opening-hours li.different-opening-hours {
    background-color: #f2b866;
    margin-top: 1em;
    padding: 0.4rem; }

.map {
  width: 100%;
  height: 65rem; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .map {
      height: 40rem; } }
  @media screen and (max-width: 767px) {
    .map {
      height: 30rem; } }

.order-overview-table {
  font-size: 13px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }
  .order-overview-table i.icon {
    padding-right: 1.2rem;
    font-size: 2.8rem; }
  .order-overview-table .border-highlight {
    border-top: 1px solid #464646; }
  @media screen and (max-width: 1024px) {
    #page .order-overview-table .single-price {
      padding-bottom: 0; } }
  .order-overview-table .single-price .single-price-details {
    display: flex;
    gap: 5px;
    justify-content: end; }
    .order-overview-table .single-price .single-price-details .graduated-price-only-content__hidden {
      display: none; }
    @media (min-width: 1025px) {
      .order-overview-table .single-price .single-price-details .graduated-price-disclaimer-wrapper {
        margin-left: -45px; } }
    .order-overview-table .single-price .single-price-details .graduated-price-disclaimer-wrapper .graduated-price-disclaimer {
      font-size: 1.3rem; }
    @media (max-width: 1024px) {
      .order-overview-table .single-price .single-price-details .graduated-price-disclaimer-wrapper {
        width: 65px; }
        .order-overview-table .single-price .single-price-details .graduated-price-disclaimer-wrapper .graduated-price-disclaimer {
          height: 100%; } }
  @media screen and (max-width: 1024px) {
    .order-overview-table .form-amount {
      border-top: 1px solid #d1d1d1;
      border-bottom: 1px solid #d1d1d1;
      padding-top: 1.2rem;
      padding-bottom: 1.2rem; } }
  .order-overview-table .divs-to-single-line:before, .order-overview-table .divs-to-single-line:after {
    content: " ";
    display: table;
    width: 100%; }
  .order-overview-table .divs-to-single-line:after {
    clear: both; }
  .order-overview-table .divs-to-single-line:last-child {
    padding-bottom: 1.2rem; }
  .order-overview-table .divs-to-single-line div {
    float: left;
    padding-right: 0.8rem;
    margin: 1.2rem 0 0 0; }
    .order-overview-table .divs-to-single-line div:last-child {
      padding-right: 0; }
  @media screen and (max-width: 1024px) {
    .order-overview-table .costs {
      border-style: none; }
      .order-overview-table .costs:before,
      .order-overview-table .costs .cell {
        display: none; } }
  @media (min-width: 1025px) {
    .order-overview-table .costs--slim .cell {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; } }
  @media screen and (max-width: 1024px) {
    .order-overview-table .merchant + .merchant {
      margin-top: 1.2rem;
      border-top: 1px solid #d1d1d1; } }
  .order-overview-table .pseudo-table {
    width: 100%; }
  .order-overview-table.order-details.basket .cell.cell--highlight {
    border: 3px solid #5cb85c; }
    .order-overview-table.order-details.basket .cell.cell--highlight .nm-icon-checkmark_01 {
      color: #5cb85c; }
  .order-overview-table.order-details.basket .cell.cell--merchant {
    background-color: #ededed; }

.order-overview-thead {
  padding: 1.2rem 0 1.2rem;
  border: 1px solid #464646;
  background-color: #464646;
  color: #fff; }
  .order-overview-thead + .order-overview-tbody {
    border-top-width: 0; }

.order-overview-tbody {
  border: 1px solid #d1d1d1; }
  .order-overview-tbody .order-overview-row {
    border-top: 1px solid #d1d1d1;
    padding: 1.6rem 0; }
    .order-overview-tbody .order-overview-row:first-child {
      border-top-width: 0; }
    @media screen and (max-width: 1024px) {
      .order-overview-tbody .order-overview-row .col-status {
        margin-top: 1.2rem;
        padding-top: 0.8rem; } }
    @media screen and (max-width: 480px) {
      .order-overview-tbody .order-overview-row .col-status > div > div:first-child {
        width: 65%;
        flex-basis: 65%;
        max-width: 65%; }
      .order-overview-tbody .order-overview-row .col-status > div > div:last-child {
        flex-basis: 35%;
        width: 35%; } }
  .order-overview-tbody .date {
    padding-bottom: 0.4rem; }

.status-availability {
  font-weight: bold; }
  .status-availability:before {
    content: '';
    display: inline-block;
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    margin-right: 0.6rem;
    background-color: #b2b2b2; }
  .status-availability.available {
    color: #5cb85c; }
    .status-availability.available:before {
      background-color: #5cb85c; }
  .status-availability.on-order {
    color: #f0ad4e; }
    .status-availability.on-order:before {
      background-color: #f0ad4e; }
  .status-availability.not-available {
    color: #d9534f; }
    .status-availability.not-available:before {
      background-color: #d9534f; }
  @media screen and (max-width: 1024px) {
    .order-overview-table .status-availability {
      padding-bottom: 0.8rem; } }
  .status-availability + ul {
    margin-top: 2px;
    padding-left: 1.8rem; }

.image-viewer-wrapper img {
  width: 100%;
  height: auto; }

.image-viewer-wrapper .swiper-slide {
  text-align: inherit; }

.image-viewer-wrapper .swiper-container.disabled .carousel-control {
  display: none; }

.image-viewer-wrapper .swiper-container.disabled .image-viewer-thumbs {
  padding: 0; }

.image-viewer .swiper-lazy-preloader {
  position: absolute;
  top: 0;
  left: 0; }

.image-viewer .ratio {
  width: 100%;
  height: auto;
  grid-area: 1 / 1; }

.image-viewer__actions {
  position: relative;
  z-index: 1;
  grid-area: 2 / 1; }

.image-viewer .image-caption {
  font-size: 1.3rem;
  padding: 0.8rem 0;
  text-align: left; }

.image-viewer .btn-zoom {
  display: none;
  white-space: nowrap;
  background-color: white;
  color: #000;
  border: 0; }
  .image-viewer .btn-zoom:hover, .image-viewer .btn-zoom:active, .image-viewer .btn-zoom:focus, .image-viewer .btn-zoom:focus:active, .image-viewer .btn-zoom:focus:hover {
    background-color: whitesmoke;
    color: #000;
    border: 0; }

@media screen and (max-width: 1024px) {
  .image-viewer .swiper-slide .btn-zoom {
    display: block; }
  .image-viewer .swiper-slide .zoom-out {
    display: none; }
  .image-viewer .swiper-slide.zoom img:not(.ratio) {
    max-height: none;
    max-width: none;
    width: auto;
    height: auto; }
  .image-viewer .swiper-slide.zoom .img-wrapper {
    overflow: hidden; }
  .image-viewer .swiper-slide.zoom .zoom-in {
    display: none; }
  .image-viewer .swiper-slide.zoom .btn-zoom .zoom-out {
    display: block; } }

.image-viewer .img-wrapper {
  grid-area: 1 / 1; }
  @media screen and (min-width: 1025px) {
    .image-viewer .img-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }
  .image-viewer .img-wrapper::-webkit-scrollbar {
    display: none; }

.image-viewer .carousel-control:before {
  display: none; }

.image-viewer .carousel-control span {
  color: #fff;
  text-shadow: 0 1px 3px #464646;
  /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */ }

.image-viewer img.swiper-lazy:not(.swiper-lazy-loaded) {
  position: absolute; }

@media (min-width: 1025px) {
  .prd-overview .image-viewer img:hover {
    cursor: zoom-in; } }

body.modal-open .image-viewer .swiper-lazy-preloader {
  padding-bottom: 0; }

body.modal-open .image-viewer img {
  max-height: 62vh; }

@media (min-width: 768px) {
  body.modal-open .image-viewer .image-caption {
    padding: 0.8rem 24px; } }

.image-viewer-thumbs {
  padding: 0 24px; }
  .image-viewer-thumbs .carousel-control {
    width: 24px; }
    #page .image-viewer-thumbs .carousel-control span {
      text-align: center; }
    .image-viewer-thumbs .carousel-control.left span {
      left: 0; }
    .image-viewer-thumbs .carousel-control.right span {
      right: 0; }

.image-viewer-thumbs {
  margin-top: 24px; }
  .image-viewer-thumbs .swiper-slide {
    cursor: pointer; }
    .image-viewer-thumbs .swiper-slide img {
      border: 2px solid transparent; }
    .image-viewer-thumbs .swiper-slide.active img {
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.prd-features {
  display: grid;
  grid-gap: 16px;
  width: 100%; }
  @media screen and (min-width: 1025px) {
    .prd-features {
      grid-template-rows: initial;
      grid-template-columns: 3fr 1fr;
      grid-gap: 16px; } }
  .prd-features__feature-list {
    display: grid;
    max-height: 100px;
    overflow: hidden;
    position: relative;
    transition: all 500ms ease-out;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }
    @media screen and (min-width: 1200px) {
      .prd-features__feature-list {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    .prd-features__feature-list:after {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
      position: absolute;
      width: 100%;
      height: 100%;
      content: ""; }
    .prd-features__feature-list.-visible {
      max-height: 100%; }
      .prd-features__feature-list.-visible:after {
        background: initial;
        display: none; }
  .prd-features__feature {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    word-wrap: break-word;
    align-items: center;
    background-color: #fafafa; }
    @media screen and (max-width: 1199px) {
      .prd-features__feature:nth-child(even) {
        background-color: #e8e8e8; } }
    @media screen and (min-width: 1200px) {
      .prd-features__feature:nth-child(4n+1), .prd-features__feature:nth-child(4n+2) {
        background-color: #e8e8e8; } }
    .prd-features__feature-text {
      padding: 0.8rem; }
      .prd-features__feature-text__link {
        cursor: pointer; }
  .prd-features__expand-btn {
    display: flex;
    justify-content: center;
    text-decoration: none !important;
    padding: 1.2rem;
    cursor: pointer; }
  .prd-features__files {
    list-style: none;
    padding: 0; }
  .prd-features__file-link {
    display: flex;
    align-items: center;
    padding: 0.8rem;
    text-decoration: none; }
    .prd-features__file-link:hover, .prd-features__file-link:active, .prd-features__file-link:focus, .prd-features__file-link:focus:active, .prd-features__file-link:focus:hover {
      text-decoration: none; }
  .prd-features__icon {
    font-size: 2.8rem; }
  .prd-features__text {
    font-size: 1.3rem;
    text-decoration: underline; }
    .prd-features__text:hover, .prd-features__text:active, .prd-features__text:focus, .prd-features__text:focus:active, .prd-features__text:focus:hover {
      text-decoration: none; }

@media (max-width: 767px) {
  .prd-features__modal__margin-50 {
    margin-top: 50%; } }

.prd-additional-text__additional-text {
  max-height: 120px;
  overflow: hidden;
  position: relative;
  transition: all 500ms ease-out;
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%); }
  .prd-additional-text__additional-text.-visible {
    max-height: 100%;
    display: inherit;
    mask-image: none; }

.prd-additional-text__expand-btn {
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  padding: 1.2rem;
  cursor: pointer; }

.prd-additional-text__icon {
  font-size: 2.8rem; }

.prd-additional-text__text {
  font-size: 1.3rem;
  text-decoration: underline; }
  .prd-additional-text__text:hover, .prd-additional-text__text:active, .prd-additional-text__text:focus, .prd-additional-text__text:focus:active, .prd-additional-text__text:focus:hover {
    text-decoration: none; }

.tab-slider-recommendation a[data-toggle='tab'] {
  font-size: 1.3rem; }
  .tab-slider-recommendation a[data-toggle='tab']:before, .tab-slider-recommendation a[data-toggle='tab']:after {
    content: " ";
    display: table;
    width: 100%; }
  .tab-slider-recommendation a[data-toggle='tab']:after {
    clear: both; }
  .tab-slider-recommendation a[data-toggle='tab'] .left-side {
    float: left;
    width: 60px; }
  .tab-slider-recommendation a[data-toggle='tab'] .right-side {
    float: left;
    width: calc(100% - 60px); }
  .tab-slider-recommendation a[data-toggle='tab'] strong {
    display: block; }

.tab-slider-recommendation .slider-recommendation {
  padding: 0 1.2rem; }

.tab-slider-recommendation .carousel-control.left span {
  left: 2px; }

.tab-slider-recommendation .carousel-control.right span {
  right: 2px; }

.accordion-slider-recommendation .panel-heading {
  background-color: transparent; }

#page .accordion-slider-recommendation .panel-body {
  border-top-style: none; }

.accordion-slider-recommendation .panel-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap; }
  .accordion-slider-recommendation .panel-title .prd-example,
  .accordion-slider-recommendation .panel-title .headline,
  .accordion-slider-recommendation .panel-title .category-link {
    flex: 0 0 auto; }
  .accordion-slider-recommendation .panel-title .headline {
    font-size: 1.5rem;
    flex-grow: 1;
    margin: 0;
    padding-right: 0.8rem; }
  .accordion-slider-recommendation .panel-title .category-link {
    margin-left: auto;
    font-size: 1.3rem; }
  @media screen and (max-width: 1024px) {
    .accordion-slider-recommendation .panel-title,
    .accordion-slider-recommendation .panel-title .prd-example,
    .accordion-slider-recommendation .panel-title .headline > * {
      display: block; }
    .accordion-slider-recommendation .panel-title .prd-example {
      float: left; }
    .accordion-slider-recommendation .panel-title .headline,
    .accordion-slider-recommendation .panel-title .headline span,
    .accordion-slider-recommendation .panel-title .category-link {
      padding-top: 0.4rem; }
    .accordion-slider-recommendation .panel-title .category-link {
      padding-bottom: 0.4rem; } }

.accordion-slider-recommendation .prd-example {
  -webkit-transition: all 300ms ease-out 0s;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  -moz-transition: all 300ms ease-out 0s;
  /* Firefox 4.0 - 15  */
  -o-transition: all 300ms ease-out 0s;
  /* Opera 10.5+  */
  transition: all 300ms ease-out 0s;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
  padding-right: 1.2rem; }

.accordion-slider-recommendation .panel-in .prd-example {
  max-height: 0;
  max-width: 0;
  opacity: 0; }

.accordion-slider-recommendation .collapsed .prd-example {
  max-height: 8rem;
  max-width: 8rem;
  opacity: 1; }

.accordion-slider-recommendation .slider-recommendation {
  padding: 0 1.2rem; }

.accordion-slider-recommendation .carousel-control.left span {
  left: 2px; }

.accordion-slider-recommendation .carousel-control.right span {
  right: 2px; }

ul.list-checkmark {
  margin-left: 0;
  padding-left: 0; }
  ul.list-checkmark,
  ul.list-checkmark li {
    list-style-type: none; }
  ul.list-checkmark li {
    margin-left: 4rem;
    margin-bottom: 1.6rem;
    text-indent: -1.2rem;
    font-size: 1.5rem; }
    ul.list-checkmark li .nm-icon:before {
      position: relative;
      top: 4px;
      left: -10px;
      font-size: 1.8rem; }

ul.list-brand {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #b2b2b2; }
  ul.list-brand .headline {
    color: #464646;
    text-transform: uppercase;
    font-weight: bold; }
  ul.list-brand li {
    margin-bottom: 0.4rem; }
  @media (min-width: 768px) {
    ul.list-brand {
      -webkit-column-count: 4;
      /* Chrome, Safari, Opera */
      -moz-column-count: 4;
      /* Firefox */
      column-count: 4; } }
  @media screen and (max-width: 767px) {
    ul.list-brand {
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2; } }

ul.list-assortment {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul.list-assortment ul {
    padding: 0; }
  ul.list-assortment > li {
    padding-top: 2rem; }
    ul.list-assortment > li > a {
      font-family: inherit;
      font-weight: bold;
      line-height: 1.1;
      font-size: 1.9rem; }
  ul.list-assortment > li > ul {
    column-count: 4;
    column-gap: 3rem;
    column-rule: 1px solid #d1d1d1;
    padding: 2rem 1.2rem; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      ul.list-assortment > li > ul {
        column-count: 3; } }
    @media screen and (max-width: 767px) {
      ul.list-assortment > li > ul {
        column-count: 2; } }
    ul.list-assortment > li > ul li {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    ul.list-assortment > li > ul > li {
      display: block;
      margin-bottom: 1.2rem; }
      ul.list-assortment > li > ul > li > a {
        font-weight: bold;
        padding-bottom: 0.2rem;
        display: inline-block; }

#sortiment ul.nav-off--lvl-2 a {
  text-decoration: underline; }

.location.location-trigger {
  position: relative;
  padding: 1.2rem 3rem 1.2rem 4rem;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  color: #fff;
  font-size: 1.3rem; }
  .location.location-trigger[data-toggle="modal"] {
    cursor: pointer; }
  .location.location-trigger .location--icon {
    width: 13px;
    vertical-align: baseline; }
  .location.location-trigger .location--label {
    margin-right: 0.8rem; }
  .location.location-trigger .location--zip {
    text-transform: uppercase;
    font-weight: bold; }
  .location.location-trigger .icon-left {
    position: absolute;
    font-size: 2.4rem;
    top: 0.8rem;
    left: 0.8rem; }
  .location.location-trigger .icon-right {
    -webkit-transition: transform 300ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: transform 300ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: transform 300ms ease-out 0s;
    /* Opera 10.5+  */
    transition: transform 300ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    font-size: 1.2rem; }
  .location.location-trigger.changing .icon-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .location.location-trigger a {
    margin-left: 0.4rem; }
  @media screen and (max-width: 767px) {
    .location.location-trigger {
      padding-left: 3.4rem; }
      #page .location.location-trigger .icon-left {
        left: 0.2rem; }
      .location.location-trigger .location--label {
        display: none; } }
  @media screen and (max-width: 1024px) {
    .prd-filter .location.location-trigger {
      margin-right: -0.8rem;
      margin-left: -0.8rem;
      background-color: #464646; } }

.basket-summary {
  padding-bottom: 3rem; }
  @media (min-width: 768px) {
    .basket-summary .btn-primary {
      float: right; } }
  @media screen and (max-width: 767px) {
    .basket-summary .btn-primary {
      display: block;
      margin-top: 1.6rem; } }
  @media (max-width: 1024px) {
    .basket-summary__header {
      margin: 0; } }

.order-overview-table.basket p {
  font-size: 1.3rem;
  line-height: 1.42857;
  margin: 0;
  padding-bottom: 0.8rem; }

.order-overview-table.basket > .row,
.order-overview-table.basket > .row-flex {
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1; }

.order-overview-table.basket .cell {
  border-right: 1px solid #d1d1d1;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }
  .order-overview-table.basket .cell:last-child {
    border-right-width: 0; }
  .order-overview-table.basket .cell.cell--no-border-right {
    border-right-width: 0; }
  .order-overview-table.basket .cell.cell-flex {
    display: flex;
    align-self: stretch; }
  .order-overview-table.basket .cell.align-items-flex-end {
    align-items: flex-end; }
  .order-overview-table.basket .cell .mask {
    font-size: 0; }
    .order-overview-table.basket .cell .mask:after {
      content: "-";
      font-size: 1.3rem;
      font-weight: normal; }
  .order-overview-table.basket .cell .active .mask {
    font-size: 1.3rem; }
    .order-overview-table.basket .cell .active .mask:after {
      display: none; }

.order-overview-table.basket .cell-flex .cell-wrapper {
  display: flex; }
  .order-overview-table.basket .cell-flex .cell-wrapper.middle {
    align-items: center; }
  .order-overview-table.basket .cell-flex .cell-wrapper.center {
    margin: 0 auto; }

.order-overview-table.basket .row.merchant:nth-child(odd) {
  background-color: whitesmoke; }

.order-overview-table.basket .merchant .h6 a {
  text-decoration: underline; }

.order-overview-table.basket .merchant-info {
  border-bottom: 1px solid #d1d1d1; }
  .order-overview-table.basket .merchant-info a {
    text-decoration: underline; }
  .order-overview-table.basket .merchant-info .cell {
    display: flex; }
  .order-overview-table.basket .merchant-info .h5 {
    margin: 0.4rem 0 0; }
    .order-overview-table.basket .merchant-info .h5 + small {
      display: block; }
      .order-overview-table.basket .merchant-info .h5 + small,
      .order-overview-table.basket .merchant-info .h5 + small a {
        color: #777777; }
      .order-overview-table.basket .merchant-info .h5 + small a:hover {
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
        text-decoration: none; }

@media screen and (max-width: 1024px) {
  .order-overview-table.basket .product {
    padding-bottom: 1.2rem; } }

.order-overview-table.basket .product img {
  max-width: 7.5rem;
  max-height: 7.5rem; }

.order-overview-table.basket .product + .product {
  border-top: 1px solid #d1d1d1; }

@media screen and (max-width: 1024px) {
  .order-overview-table.basket .product > .cell:first-child .pseudo-table {
    border-collapse: collapse; }
  .order-overview-table.basket .product .product-action-wrapper {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1; }
    .order-overview-table.basket .product .product-action-wrapper .td {
      padding-top: 0.4rem;
      padding-bottom: 1.2rem; }
  .order-overview-table.basket .product .form-group {
    margin: 0; } }

@media (min-width: 1025px) {
  .order-overview-table.basket .product .cell {
    padding-top: 2rem; } }

.order-overview-table.basket .product .pseudo-table .product-action {
  display: inline-flex;
  align-items: center;
  margin-top: 0.8rem;
  cursor: pointer;
  color: #b2b2b2; }
  .order-overview-table.basket .product .pseudo-table .product-action:hover, .order-overview-table.basket .product .pseudo-table .product-action:focus {
    text-decoration: none; }
  .order-overview-table.basket .product .pseudo-table .product-action i,
  .order-overview-table.basket .product .pseudo-table .product-action .nm-icon {
    font-size: 1.8rem; }
    .order-overview-table.basket .product .pseudo-table .product-action i.plus-correction,
    .order-overview-table.basket .product .pseudo-table .product-action .nm-icon.plus-correction {
      font-size: 1.6rem; }
  .order-overview-table.basket .product .pseudo-table .product-action span {
    padding-left: 0.4rem; }
  .order-overview-table.basket .product .pseudo-table .product-action .basket-icon {
    font-size: 10px;
    color: #b2b2b2; }

@media (min-width: 1025px) {
  .order-overview-table.basket .product .input-group {
    margin-top: -0.6rem; } }

.order-overview-table.basket .product .input-group.stock-error {
  border: 1px solid #e30613;
  text-align: right; }

.order-overview-table.basket .product .input-group .amount-unit {
  border-left-width: 0; }

.order-overview-table.basket .product .input-group + p {
  padding-top: 0.4rem; }
  @media screen and (max-width: 1024px) {
    .order-overview-table.basket .product .input-group + p {
      text-align: right;
      padding-bottom: 0; } }

.order-overview-table.basket .product input.amount:focus {
  box-shadow: none; }
  .order-overview-table.basket .product input.amount:focus + .amount-unit,
  .order-overview-table.basket .product input.amount:focus + .amount-unit + .edit {
    border-color: #ababab; }

.order-overview-table.basket .product .stock-info {
  color: #e30613; }

.order-overview-table.basket .delivery-options {
  border-top: 1px solid #d1d1d1; }
  @media screen and (max-width: 1024px) {
    .order-overview-table.basket .delivery-options {
      border-style: none; } }
  .order-overview-table.basket .delivery-options .cell {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .order-overview-table.basket .delivery-options .cell + .cell {
      padding-top: 1rem; }
  .order-overview-table.basket .delivery-options .radio + .radio,
  .order-overview-table.basket .delivery-options .value + .value {
    margin-top: 1.6rem; }
  .order-overview-table.basket .delivery-options .value {
    min-height: 2.1rem; }
  .order-overview-table.basket .delivery-options .radio {
    padding-left: 6rem;
    margin: 0; }
    .order-overview-table.basket .delivery-options .radio input[type="radio"] + label {
      top: 0.4rem; }
    .order-overview-table.basket .delivery-options .radio input[type="radio"]:checked + label {
      font-weight: bold;
      cursor: default; }
      .order-overview-table.basket .delivery-options .radio input[type="radio"]:checked + label span {
        font-weight: normal; }
      .order-overview-table.basket .delivery-options .radio input[type="radio"]:checked + label b {
        font-weight: bold; }
    .order-overview-table.basket .delivery-options .radio input[type="radio"] ~ i {
      opacity: 0.33; }
    .order-overview-table.basket .delivery-options .radio input[type="radio"]:checked ~ i {
      opacity: 1; }
    .order-overview-table.basket .delivery-options .radio .notice {
      padding-left: 5px; }
  .order-overview-table.basket .delivery-options i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.8rem; }
  .order-overview-table.basket .delivery-options .different-opening-hours {
    color: #d9534f; }
    .order-overview-table.basket .delivery-options .different-opening-hours a {
      color: #d9534f;
      text-decoration: underline; }

.order-overview-table.basket .costs-total {
  border-bottom-width: 0;
  background-color: #777777;
  color: #fff; }
  .order-overview-table.basket .costs-total .cell {
    position: relative;
    border-right-color: #fff; }
  .order-overview-table.basket .costs-total .h5 {
    text-align: right;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      .order-overview-table.basket .costs-total .h5 {
        text-align: center; } }
  .order-overview-table.basket .costs-total .triangle--bottom:after {
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: -6px;
    width: 14px;
    height: 14px;
    background-color: #777777;
    transform: rotate(45deg); }

.order-overview-table.basket .payment-options .cell {
  padding-top: 2.8rem;
  padding-bottom: 1.8rem; }

.order-overview-table.basket .payment-options img {
  display: inline-block;
  max-width: 6rem;
  margin-top: -1rem; }
  .order-overview-table.basket .payment-options img + img {
    margin-left: 0.5rem; }

.order-overview-table.basket .payment-options .payment-icons, .order-overview-table.basket .payment-options .service-footer .payment-icons__ch, .service-footer .order-overview-table.basket .payment-options .payment-icons__ch {
  justify-content: flex-end; }

.order-overview-table.basket .radio-toggle-class-target {
  visibility: hidden; }
  .order-overview-table.basket .radio-toggle-class-target.active {
    visibility: visible; }

.order-overview-table.basket .merchant .merchant-info .radio-toggle-class-target {
  visibility: visible;
  opacity: 0.33; }
  .order-overview-table.basket .merchant .merchant-info .radio-toggle-class-target.active {
    opacity: 1; }

@media screen and (max-width: 1024px) {
  .order-overview-table.basket .order-overview-thead + .row.merchant .merchant-info {
    border-top: 1px solid #d1d1d1; }
  .order-overview-table.basket .order-overview-thead {
    padding: 1.2rem 0 1.2rem; }
  .order-overview-table.basket .text-right {
    text-align: left; }
  .order-overview-table.basket .cell {
    border-right-width: 0;
    padding-top: .8rem;
    padding-bottom: .8rem; }
  .order-overview-table.basket .row.merchant + .row.merchant .merchant-info {
    border-top-width: 0; }
  .order-overview-table.basket .product .cell.col-delivery,
  .order-overview-table.basket .delivery-options .cell.col-delivery {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; }
    .order-overview-table.basket .product .cell.col-delivery:nth-child(2n),
    .order-overview-table.basket .delivery-options .cell.col-delivery:nth-child(2n) {
      border-right: 1px solid #d1d1d1; }
    .order-overview-table.basket .product .cell.col-delivery .cell-wrapper,
    .order-overview-table.basket .delivery-options .cell.col-delivery .cell-wrapper {
      visibility: visible;
      opacity: 0.33; }
      .order-overview-table.basket .product .cell.col-delivery .cell-wrapper.active,
      .order-overview-table.basket .delivery-options .cell.col-delivery .cell-wrapper.active {
        opacity: 1; }
  .order-overview-table.basket .delivery-options .radio .visible-xs {
    font-weight: normal; }
    .order-overview-table.basket .delivery-options .radio .visible-xs b {
      font-weight: normal; }
  .order-overview-table.basket .delivery-options .value {
    min-height: 0; }
  .order-overview-table.basket > .merchant-info .cell:last-child {
    border-left: 1px solid #d1d1d1; }
  .order-overview-table.basket > .costs .cell:last-child {
    border-left: 1px solid #d1d1d1; }
  .order-overview-table.basket > .costs .cell {
    text-align: right; }
  .order-overview-table.basket > .costs .h6 {
    margin-bottom: 0.8rem; }
  .order-overview-table.basket > .costs .delivery small {
    display: block; }
  .order-overview-table.basket > .costs-total {
    margin-top: 1.6rem;
    border-top-color: #d1d1d1; }
    .order-overview-table.basket > .costs-total .cell {
      text-align: center; }
      .order-overview-table.basket > .costs-total .cell:first-child {
        border-bottom: 1px solid #fff; }
      .order-overview-table.basket > .costs-total .cell:last-child {
        border-left: 1px solid #fff; }
    .order-overview-table.basket > .costs-total .mobile-headline {
      display: inline-block !important;
      position: relative;
      padding-left: 4rem; }
      .order-overview-table.basket > .costs-total .mobile-headline .icon {
        position: absolute;
        left: 0; }
      .order-overview-table.basket > .costs-total .mobile-headline span {
        display: inline-block;
        text-align: left; }
  .order-overview-table.basket > .payment-options .cell {
    padding-top: 1.2rem;
    padding-bottom: 0.4rem; }
    .order-overview-table.basket > .payment-options .cell:last-child {
      border-left: 1px solid #d1d1d1; } }

.order-overview-table.basket .double-border-top:before {
  top: 2px; }

.order-overview-table.basket .td-p-artNr {
  font-size: 11px; }

.order-overview-table.basket .checkout-basket__additional_information__edit,
.order-overview-table.basket .checkout-basket__customer-remarks__edit {
  font-size: 1.5rem; }
  .order-overview-table.basket .checkout-basket__additional_information__edit > form > div,
  .order-overview-table.basket .checkout-basket__customer-remarks__edit > form > div {
    margin: 5px;
    overflow: hidden; }
  .order-overview-table.basket .checkout-basket__additional_information__edit > form label.success,
  .order-overview-table.basket .checkout-basket__customer-remarks__edit > form label.success {
    color: #5cb85c; }
  .order-overview-table.basket .checkout-basket__additional_information__edit > form label.error,
  .order-overview-table.basket .checkout-basket__customer-remarks__edit > form label.error {
    color: #d9534f; }
  .order-overview-table.basket .checkout-basket__additional_information__edit > form textarea,
  .order-overview-table.basket .checkout-basket__customer-remarks__edit > form textarea {
    border: 1px solid #d1d1d1;
    width: 100%;
    resize: none; }
    .order-overview-table.basket .checkout-basket__additional_information__edit > form textarea:focus-visible,
    .order-overview-table.basket .checkout-basket__customer-remarks__edit > form textarea:focus-visible {
      border: 1px solid #d1d1d1;
      outline: none; }

.order-overview-table.basket .checkout-basket__additional_information__unsaved > div,
.order-overview-table.basket .checkout-basket__customer-remarks__unsaved > div {
  text-align: center; }

.order-overview-table.basket .checkout-basket__additional_information__unsaved > .checkout-basket__additional_information__unsaved-text,
.order-overview-table.basket .checkout-basket__additional_information__unsaved > .checkout-basket__customer-remarks__unsaved-text,
.order-overview-table.basket .checkout-basket__customer-remarks__unsaved > .checkout-basket__additional_information__unsaved-text,
.order-overview-table.basket .checkout-basket__customer-remarks__unsaved > .checkout-basket__customer-remarks__unsaved-text {
  font-size: 1.5rem;
  color: #e30613;
  font-weight: bold;
  margin: 5px; }

.order-overview-table.basket .checkout-basket__additional_information__unsaved > .checkout-basket__additional_information__unsaved-buttons,
.order-overview-table.basket .checkout-basket__additional_information__unsaved > .checkout-basket__customer-remarks__unsaved-buttons,
.order-overview-table.basket .checkout-basket__customer-remarks__unsaved > .checkout-basket__additional_information__unsaved-buttons,
.order-overview-table.basket .checkout-basket__customer-remarks__unsaved > .checkout-basket__customer-remarks__unsaved-buttons {
  font-size: 1.3rem;
  margin: 15px; }
  .order-overview-table.basket .checkout-basket__additional_information__unsaved > .checkout-basket__additional_information__unsaved-buttons button,
  .order-overview-table.basket .checkout-basket__additional_information__unsaved > .checkout-basket__customer-remarks__unsaved-buttons button,
  .order-overview-table.basket .checkout-basket__customer-remarks__unsaved > .checkout-basket__additional_information__unsaved-buttons button,
  .order-overview-table.basket .checkout-basket__customer-remarks__unsaved > .checkout-basket__customer-remarks__unsaved-buttons button {
    margin: 10px 0 10px 0; }

.order-overview-table.basket .order-summary__additional-information {
  padding-bottom: 0.8rem; }
  .order-overview-table.basket .order-summary__additional-information-text {
    word-wrap: anywhere;
    overflow: hidden; }
    .order-overview-table.basket .order-summary__additional-information-text.fadeout {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      position: relative; }
    .order-overview-table.basket .order-summary__additional-information-text.fadeout::after {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      top: 0;
      left: 0; }
  .order-overview-table.basket .order-summary__additional-information-expand-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none !important; }

@media screen and (max-width: 1024px) {
  .order-overview-table .single-price .horizontal-line {
    display: block;
    width: 100%; }
  .order-overview-table .single-price div span {
    display: inline;
    float: left; } }

.checkout-basket__position-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: var(--height-spacer); }

.checkout-basket__cutting-service-additional-information {
  padding-bottom: 0.8rem; }
  .checkout-basket__cutting-service-additional-information button {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline; }

.checkout-basket__amount-spacer {
  height: var(--height-spacer); }

.checkout-basket__article-nr {
  font-size: 1.1rem !important;
  padding: 6px 0 10px 0; }

.checkout-basket__article-info {
  display: grid;
  column-gap: 1.6rem;
  row-gap: .8rem;
  grid-template-columns: 75px 1fr; }

.checkout-basket__article-img-link {
  display: block; }

.checkout-basket__article-img {
  width: 75px;
  height: 75px;
  object-fit: contain; }

.checkout-basket__article-actions {
  grid-area: 2 / 2;
  display: grid;
  gap: 1.6rem;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  color: #b2b2b2;
  font-size: 1rem; }
  .checkout-basket__article-actions > *:not(:last-child):after {
    content: "|";
    padding-bottom: 8px;
    padding-left: 5px; }

.checkout-basket__article-action {
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  gap: .8rem;
  align-items: center; }

.checkout-basket__article-action-icon {
  font-size: 1.5rem; }

.checkout-basket__inline-block {
  display: inline-block !important; }

.checkout-basket__shipping-costs-hw a {
  text-decoration: underline; }

:root {
  --height-spacer: 4rem; }

.voucher-float-right {
  margin: 0 1.6rem 1.6rem 1.6rem; }
  @media (min-width: 1024px) {
    .voucher-float-right {
      margin: initial;
      float: right; } }

.voucher-button {
  color: #464646 !important;
  border-color: #464646 !important; }
  .voucher-button:hover {
    background: #b2b2b2 !important; }

.discount {
  color: red; }

.remove-voucher {
  cursor: pointer;
  text-align: center; }
  @media (min-width: 1024px) {
    .remove-voucher {
      text-align: right; } }

.checkmark-voucher {
  color: #00b539; }

.checkmark-mobile {
  display: none; }
  @media (max-width: 1024px) {
    .checkmark-mobile {
      display: contents; } }

@media (max-width: 1024px) {
  .hide-on-mobile {
    display: none; } }

.dropdown-voucher {
  cursor: pointer;
  float: left; }
  @media (min-width: 1024px) {
    .dropdown-voucher {
      float: right; } }

.usp {
  padding: 0.6rem 0;
  font-size: 1.3rem;
  background-color: #ededed;
  transition: 125ms linear opacity, 125ms linear transform; }
  .usp ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
  .usp li {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .usp .nm-icon {
    color: #777777;
    font-size: 1.8rem;
    position: absolute;
    margin-top: 1px; }
    .usp .nm-icon + strong {
      padding-left: 2.2rem; }

.basket-status-bar {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 400ms ease-out 0s;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  -moz-transition: transform 400ms ease-out 0s;
  /* Firefox 4.0 - 15  */
  -o-transition: transform 400ms ease-out 0s;
  /* Opera 10.5+  */
  transition: transform 400ms ease-out 0s;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  border-bottom: 1px solid #d1d1d1;
  min-height: 5rem;
  padding: 0.8rem 0;
  text-align: center; }
  .basket-status-bar > div > span,
  .basket-status-bar > div > a {
    vertical-align: middle; }
  .basket-status-bar .status-text,
  .basket-status-bar .btn {
    font-weight: bold;
    font-size: 1.3rem; }
  .basket-status-bar .btn {
    padding: 0.4rem 3.6rem; }
  .basket-status-bar .cart-btn {
    display: inline-block;
    margin: 0 5rem 0 3rem;
    position: relative; }
    .basket-status-bar .cart-btn .nm-icon {
      font-size: 2.8rem; }
    @media screen and (max-width: 767px) {
      .basket-status-bar .cart-btn {
        margin: 0.8rem 1.2rem 0.8rem 3rem; }
        .basket-status-bar .cart-btn + .btn {
          width: 100%;
          max-width: 29rem;
          display: block;
          margin: 0 auto; } }
  .basket-status-bar .icon:before {
    color: #5cb85c;
    font-size: 1.8rem; }

@media screen and (max-width: 1024px) {
  .basket-status-bar.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .header-elements .popover {
    top: -999em !important; } }

body.header-elements-outside-vp .basket-status-bar.active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

body.header-elements-outside-vp .header-elements .popover {
  top: -999em !important; }

.ui-datepicker {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  border: 1px solid #d1d1d1;
  background-color: #fff;
  padding: 2px; }
  .ui-datepicker .ui-datepicker-calendar {
    margin: 0; }
  .ui-datepicker td span,
  .ui-datepicker td a {
    text-align: center; }
  .ui-datepicker a.ui-state-default,
  .ui-datepicker .ui-datepicker-calendar thead {
    background-color: #464646;
    color: #fff; }
  .ui-datepicker a.ui-state-default:hover {
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .ui-datepicker span.ui-state-default {
    background-color: #ededed; }
  .ui-datepicker .ui-datepicker-prev:before {
    display: inline-block;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .ui-datepicker .ui-datepicker-next:before {
    display: inline-block;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    text-decoration: none;
    cursor: pointer;
    text-align: center; }

.c-linkbox {
  padding: 2rem 0; }
  .c-linkbox ul {
    margin: 0;
    padding: 0 0 0 2.4rem;
    list-style: disc;
    display: flex;
    flex-flow: row wrap; }
  .c-linkbox li {
    flex: 0 0 33.33%;
    padding-bottom: 0.4rem; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .c-linkbox li {
        flex-basis: 50%; } }
  .c-linkbox a {
    text-decoration: underline; }
  .c-linkbox,
  .c-linkbox .headline {
    font-size: 1.3rem; }
  .c-linkbox .headline {
    margin: 0 0 0.8rem; }
  @media screen and (max-width: 767px) {
    .c-linkbox {
      display: block;
      padding: 0; }
      .c-linkbox li {
        flex: none;
        float: left;
        margin-left: 2.8rem;
        padding: 0 0 2.5rem; } }

.boxes-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  border: 1px solid #d1d1d1;
  border-width: 1px 0 0 1px; }
  .boxes-container .box {
    width: 100%;
    padding: 1em;
    border: 1px solid #d1d1d1;
    border-width: 0 1px 1px 0; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .boxes-container .box {
        width: 50%; } }
    @media (min-width: 1025px) {
      .boxes-container .box {
        width: 25%; } }

.divider {
  height: 1px;
  margin: 9.5px 0;
  overflow: hidden;
  background-color: #d1d1d1;
  padding: 0 !important; }

.payment-selection {
  display: grid;
  grid-gap: 16px; }
  .payment-selection__header {
    padding: 1.6rem 2.4rem;
    background-color: #464646;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    margin: 0; }
  .payment-selection__subheader {
    padding: 0 1.6rem; }
  .payment-selection__payment-type {
    --grid-gap: 0;
    background-color: #ededed;
    padding: 1.2rem;
    display: grid;
    align-items: center;
    grid-gap: var(--grid-gap);
    box-shadow: 0 0 2px 0 #b2b2b2;
    margin: 0; }
    .payment-selection__payment-type--no-margin {
      margin-bottom: 0; }
    .payment-selection__payment-type--disabled {
      cursor: not-allowed;
      background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) fixed repeat;
      box-shadow: 0 0 0 0 #b2b2b2; }
      .payment-selection__payment-type--disabled .payment-selection__img-container {
        filter: grayscale(100%); }
    @media screen and (min-width: 768px) and (max-width: 1025px) {
      .payment-selection__payment-type {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8px; } }
    @media screen and (min-width: 1025px) {
      .payment-selection__payment-type {
        grid-template-columns: 1fr 2fr; } }
  .payment-selection__display-area {
    display: grid;
    grid-template-columns: max-content max-content 1fr;
    align-items: center;
    justify-items: start;
    grid-column-gap: 8px; }
    @media screen and (min-width: 768px) {
      .payment-selection__display-area {
        grid-template-columns: max-content max-content 1fr; } }
  .payment-selection__invoice label {
    font-weight: normal; }
  .payment-selection__additional-info {
    margin: auto;
    opacity: 0;
    grid-area: 2 / 1;
    transition: all 0.5s ease-out;
    max-height: 0;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .payment-selection__additional-info {
        grid-area: 2 / 1 / 2 / span 2; } }
    .payment-selection__additional-info--active {
      max-height: 350px;
      opacity: 1; }
    .payment-selection__additional-info--hidden {
      display: none; }
  .payment-selection__error {
    grid-area: 2 / 1;
    color: #000;
    font-weight: normal; }
    @media screen and (min-width: 768px) {
      .payment-selection__error {
        grid-area: 1 / 2;
        text-align: inherit; } }
  .payment-selection__radio-input {
    width: 16px;
    height: 16px;
    justify-self: center;
    grid-area: 1 / 1; }
  .payment-selection__tooltip {
    font-size: 2.25rem;
    grid-area: 1 / 3;
    padding: 1.2rem; }
  .payment-selection__img-container {
    grid-area: 1 / 2; }
  .payment-selection__img {
    margin-right: 8px; }
  .payment-selection__credit-card-iframe {
    border: 0;
    min-height: 20rem !important;
    height: 20rem !important; }
  .payment-selection__form-actions {
    display: flex;
    flex-flow: column nowrap; }
    @media screen and (min-width: 768px) {
      .payment-selection__form-actions {
        flex-flow: row nowrap;
        justify-content: space-between; } }
    .payment-selection__form-actions a {
      margin-bottom: 1.2rem; }
      @media screen and (min-width: 768px) {
        .payment-selection__form-actions a {
          margin-bottom: 0; } }

.checkout-service-form {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: 8px;
  justify-items: start;
  align-items: center; }
  .checkout-service-form__icon {
    font-size: 1.8rem;
    color: #5cb85c; }
  .checkout-service-form__label {
    margin-bottom: 0;
    font-weight: normal; }
    .checkout-service-form__label.-checked {
      font-weight: bold; }

.merchant-search__search-form {
  display: grid;
  grid-gap: 16px; }

.merchant-search__input-wrapper {
  display: grid;
  grid-gap: 16px; }
  @media screen and (min-width: 768px) {
    .merchant-search__input-wrapper {
      grid-template-columns: 2fr 1fr;
      align-items: flex-end; } }

.expert-advice {
  --transform: translateX(-50%);
  --bottom: 0;
  --left: 50%;
  --right: initial;
  --max-width: 320px;
  --background-color: 30;
  --background-saturation: 44%;
  --background-lightness: 93%;
  --box-shadow: 0 0 10px 0px hsl(0 5% 50% / 45%);
  --border: 1px solid white;
  --width: 45px;
  position: fixed;
  bottom: var(--bottom);
  left: var(--left);
  right: var(--right);
  transform: var(--transform);
  background-color: hsl(var(--background-color), var(--background-saturation), var(--background-lightness));
  z-index: 1070;
  font-size: 1.5rem;
  max-width: var(--max-width);
  box-shadow: var(--box-shadow);
  border: var(--border);
  transition: width 200ms ease-out; }
  @media screen and (min-width: 768px) {
    .expert-advice {
      --transform: translateY(25%);
      --bottom: 25%;
      --left: initial;
      --right: 0px;
      --box-shadow: 0 0 5px 1px hsla(0, 5%, 65%, 0.25);
      --width: 45px;
      width: var(--width); }
      .expert-advice:hover {
        --width: 50px; }
      .expert-advice.active {
        --width: inherit; } }
  .expert-advice.active {
    background-color: hsl(var(--background-color), var(--background-saturation), var(--background-lightness)) !important; }
  .expert-advice.active .expert-advice__main-part {
    --width: 320px;
    --padding-bottom: 16px;
    max-height: initial;
    visibility: initial;
    opacity: 100%;
    max-width: initial;
    transition: max-height 500ms ease-out, visibility 500ms ease-out, opacity 500ms ease-out, max-width 500ms ease-out;
    width: var(--width);
    color: #464646;
    background-color: hsl(var(--background-color), var(--background-saturation), var(--background-lightness)); }
  .expert-advice.active .expert-advice__init-msg {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    transition: all 0s; }
  .expert-advice__main-part {
    --width: 0;
    --padding-bottom: 0;
    max-height: 0;
    max-width: 0;
    visibility: hidden;
    opacity: 0;
    transition: max-height 0s ease-out, visibility 0s ease-out, opacity 0s ease-out, max-width 0s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: var(--width);
    padding-bottom: var(--padding-bottom); }
  .expert-advice__close {
    display: none; }
    @media screen and (min-width: 368px) {
      .expert-advice__close {
        --left: -21px;
        --width: 42px;
        --height: 42px;
        position: absolute;
        left: var(--left);
        top: -21px;
        background-color: hsl(var(--background-color), var(--background-saturation), var(--background-lightness));
        border: 1px solid #fff;
        width: var(--width);
        height: var(--height);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 1.8rem;
        border-radius: 100%;
        box-shadow: var(--box-shadow); } }
  .expert-advice__init-msg {
    padding: 8px 16px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    display: inline-block; }
    @media screen and (min-width: 768px) {
      .expert-advice__init-msg {
        writing-mode: vertical-lr;
        padding: 16px 8px;
        text-orientation: mixed;
        transform: rotate(-180deg);
        display: inline-grid;
        grid-template-columns: 1fr 10px;
        grid-gap: 16px;
        place-items: center;
        width: initial; } }
  .expert-advice__arrow {
    display: none; }
    @media screen and (min-width: 768px) {
      .expert-advice__arrow {
        display: inline;
        transform: rotate(180deg); } }
  .expert-advice__welcome-msg {
    padding: 0 1.2rem 1.2rem 1.2rem;
    text-align: center; }
  .expert-advice__portrait-img {
    --max-width: 320px;
    max-width: var(--max-width);
    object-fit: contain;
    margin: 8px 0; }
  .expert-advice__name {
    text-align: center;
    padding: 8px; }
  .expert-advice__phone {
    font-size: 1.8rem;
    color: #fff;
    background-color: #000;
    padding: 4px 16px;
    margin: 8px 0; }
    .expert-advice__phone:hover, .expert-advice__phone:focus, .expert-advice__phone:active, .expert-advice__phone:active:hover, .expert-advice__phone:active:focus {
      background-color: hsl(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness));
      text-decoration: none;
      color: #fff; }
    .expert-advice__phone:visited {
      text-decoration: none;
      color: #fff; }
  .expert-advice__opening-hours {
    list-style: none;
    padding: 8px;
    margin: 0; }
  .expert-advice__link {
    text-decoration: underline;
    padding: 8px;
    width: 100%;
    text-align: center;
    cursor: pointer; }
    .expert-advice__link:hover, .expert-advice__link:focus, .expert-advice__link:active, .expert-advice__link:active:hover, .expert-advice__link:active:focus {
      color: hsl(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness)); }

.cutting-service__dropdown-action {
  text-align: center;
  font-weight: bold;
  padding-bottom: 1.2rem;
  cursor: pointer; }

.cutting-service__basket-positions {
  display: flex; }
  .cutting-service__basket-positions > *:not(:last-child) {
    margin-right: 0.8rem; }

.cutting-service__basket-amount {
  display: inline-block; }
  @media (min-width: 1024px) {
    .cutting-service__basket-amount {
      display: none; } }

.cutting-service__modal-opener {
  padding: 8px; }

.cutting-table__remove-entry {
  cursor: pointer; }
  .cutting-table__remove-entry:hover, .cutting-table__remove-entry:active, .cutting-table__remove-entry:focus, .cutting-table__remove-entry:focus:active, .cutting-table__remove-entry:focus:hover {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.cutting-table__footer {
  border-top: 1px solid #000; }

.cutting-table__price {
  text-align: right; }

.adviser-link {
  display: block;
  background-color: #d7b38f;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6rem; }
  .adviser-link__banner {
    width: 100%;
    object-fit: contain; }

.account-view {
  display: grid;
  gap: 3rem; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .account-view {
      gap: 2rem; } }
  @media (min-width: 1025px) {
    .account-view {
      grid-template-columns: minmax(240px, min-content) 1fr; } }

.user-roles {
  overflow: hidden; }
  .user-roles__table-wrapper {
    overflow: scroll;
    max-height: 70vh;
    border: 1px solid #b2b2b2; }
  .user-roles__table {
    border-collapse: separate;
    margin-bottom: 1.6rem; }
    .user-roles__table thead th:first-of-type {
      border-right: 1px solid #000; }
    .user-roles__table thead th:not(:first-of-type) {
      border-left: 1px solid #000; }
    .user-roles__table thead th:nth-child(2) {
      border-left: none; }
    .user-roles__table thead th {
      border-bottom: 1px solid #000; }
    .user-roles__table tbody tr:not(:last-of-type) th {
      border-bottom: 1px solid #000; }
    .user-roles__table tbody th {
      border-right: 1px solid #000; }
    .user-roles__table tbody td:not(:first-of-type) {
      border-left: 1px solid #000; }
    .user-roles__table tbody tr:not(:last-of-type) td {
      border-bottom: 1px solid #000; }
  .user-roles__header {
    color: #464646; }
  .user-roles__header-entry {
    min-width: 12rem;
    max-width: 14rem;
    word-break: break-word;
    height: 6rem;
    padding: 0 2rem;
    position: sticky;
    background-color: #fff;
    left: 0; }
    @media (min-width: 768px) {
      .user-roles__header-entry {
        min-width: 20rem;
        max-width: 25rem; } }
    .user-roles__header-entry.-top-row {
      top: 0;
      text-align: center;
      padding: 2rem 0; }
      @media (min-width: 768px) {
        .user-roles__header-entry.-top-row {
          padding: 0 2rem; } }
  .user-roles__role-delete {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 1.2rem 0.8rem 1.2rem;
    cursor: pointer;
    font-size: 1.6rem; }
  .user-roles__role-with-description {
    display: inline-grid;
    grid-template-columns: minmax(5rem, max-content) min-content;
    place-items: center; }
  .user-roles__role {
    align-self: end; }
    .user-roles__role.-clickable {
      margin: 0;
      background-color: transparent;
      border: none; }
  .user-roles__description-icon {
    align-self: start;
    padding: 0.8rem;
    cursor: pointer; }
  .user-roles__toggle-wrapper {
    width: 100%;
    height: 6rem;
    display: grid;
    place-items: center;
    margin: 0;
    cursor: pointer; }
    .user-roles__toggle-wrapper:hover {
      background-color: #ededed; }
  .user-roles__toggle {
    width: 1.6rem;
    height: 1.6rem;
    accent-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .user-roles__actions {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  .user-roles__action {
    margin-top: 1.6rem; }
    .user-roles__action--start {
      justify-self: start; }
    .user-roles__action--end {
      justify-self: end; }

.user-roles-overview-modal__submit {
  justify-self: end;
  margin-top: 1.6rem; }

.user-roles-overview-modal__submit-text {
  grid-area: 1 / 1; }

.user-account-menu__navigation {
  margin: 0;
  padding: 0;
  list-style: none; }

.user-account-menu__sub-nav-link {
  list-style: none;
  text-decoration: none;
  min-width: 20rem;
  display: block;
  font-size: 1.8rem; }
  .user-account-menu__sub-nav-link.-active {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  @media (min-width: 1025px) {
    .user-account-menu__sub-nav-link {
      border: 1px solid transparent; } }

.user-account-menu__link {
  padding: 1.2rem;
  text-decoration: none;
  min-width: 20rem;
  display: block;
  font-size: 1.8rem;
  border-bottom: 1px solid #000;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .user-account-menu__link {
      border: 1px solid transparent; } }
  .user-account-menu__link:hover {
    background-color: #ededed;
    text-decoration: none; }
  .user-account-menu__link.-active {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .user-account-menu__link.-no-border {
    border-bottom: none; }

.user-account-menu__details {
  border: 1px solid #000; }
  .user-account-menu__details::-webkit-details-marker {
    display: none; }

.user-account-menu__summary {
  /*display: grid; safari 14 not working, bug https://bugs.webkit.org/show_bug.cgi?id=190065
    grid-template-columns: 1fr min-content;
    align-items: center;*/
  padding: 1.2rem;
  font-size: 1.9rem;
  cursor: pointer;
  outline: none; }

.user-account-menu__summary::-webkit-details-marker {
  display: none; }

.user-account-menu__summary-icon {
  transition: all 250ms ease-in-out;
  float: right; }

.user-account-menu[open] .user-account-menu__summary-icon {
  transform: rotate(180deg); }

.user-account-menu__settings {
  list-style: none; }

.user-account-menu__addresses {
  list-style: none; }

.user-roles-new-role {
  display: grid;
  gap: 1.6rem; }
  .user-roles-new-role__submit {
    justify-self: end; }

.user-roles-remove-role {
  max-width: 460px; }
  .user-roles-remove-role__action-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
    align-items: center;
    justify-items: stretch; }
  .user-roles-remove-role__action {
    margin: 0;
    background-color: #464646;
    border: 1px solid #464646; }
    .user-roles-remove-role__action:hover {
      background-color: #777777;
      border: 1px solid #777777; }

.user-role-user-list {
  list-style: none;
  margin: 0; }
  .user-role-user-list__entry:not(:last-of-type) {
    margin-bottom: 1.2rem; }

.loading-component-parent__text {
  grid-area: 1 / 1; }

.loading-component-parent--active {
  display: inline-grid;
  place-items: center; }

.loading-component__wrapper {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center; }

.loading-component__spinner {
  width: 24px;
  height: 24px;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

.loading-component__mask {
  width: 12px;
  height: 12px;
  overflow: hidden; }

.loading-component__masked-circle {
  width: 20px;
  height: 20px;
  border-radius: 12px;
  border: 3px solid #000; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.request-feedback {
  margin: 0 0 1.6rem 0;
  padding: 1.2rem;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  color: #464646; }
  .request-feedback.-error {
    background-color: #d9534f;
    color: #fff; }
  .request-feedback.-success {
    background-color: #5cb85c;
    color: #fff; }

.request-feedback {
  margin: 0 0 1.6rem 0;
  padding: 1.2rem;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  color: #464646; }
  .request-feedback.-error {
    background-color: #d9534f;
    color: #fff; }
  .request-feedback.-success {
    background-color: #5cb85c;
    color: #fff; }

.flatpickr-new-hours {
  width: 100%;
  font-weight: bold; }

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
  opacity: 1; }

.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  place-items: center;
  z-index: 2000; }
  .custom-modal__content {
    width: 100%;
    border: 1px solid #464646;
    background-color: #fff; }
    @media (min-width: 768px) {
      .custom-modal__content {
        width: 768px; } }
  .custom-modal__header {
    display: grid;
    grid-template-columns: 1fr 6.4rem;
    gap: 1.6rem;
    align-items: center;
    padding: 1.2rem;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem; }
  .custom-modal__header-text {
    margin: 0;
    padding: 0;
    color: #fff; }
  .custom-modal__close {
    font-size: 2rem;
    padding: 0 1.2rem;
    justify-self: end;
    cursor: pointer; }
  .custom-modal__body {
    padding: 1.2rem;
    display: grid; }

.account-address-overview {
  max-width: 730px; }
  .account-address-overview__filters {
    max-width: 350px;
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .account-address-overview__filters {
        grid-template-columns: repeat(2, 1fr); } }
  .account-address-overview__list {
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .account-address-overview__list {
        grid-template-columns: 1fr 1fr;
        align-items: stretch; } }

.address-tile-add {
  border: 1px solid #b2b2b2;
  padding: 8px 0;
  max-width: 350px;
  height: 39px;
  font-size: 15px;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  gap: 1.6rem;
  align-items: center;
  color: #464646; }
  .address-tile-add:hover, .address-tile-add:focus, .address-tile-add:active, .address-tile-add:active:hover, .address-tile-add:active:focus {
    text-decoration: none;
    color: inherit; }
    .address-tile-add:hover .address-tile-add__add-address-text, .address-tile-add:focus .address-tile-add__add-address-text, .address-tile-add:active .address-tile-add__add-address-text, .address-tile-add:active:hover .address-tile-add__add-address-text, .address-tile-add:active:focus .address-tile-add__add-address-text {
      text-decoration: underline;
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  @media (min-width: 768px) {
    .address-tile-add {
      min-height: 300px;
      padding: 10px 20px;
      grid-template-columns: initial;
      height: 100%;
      align-items: initial; } }
  .address-tile-add__add-address-icon {
    padding-left: 10px;
    color: #ededed; }
    @media (min-width: 768px) {
      .address-tile-add__add-address-icon {
        font-size: 50px;
        align-self: end;
        justify-self: center;
        padding: initial; } }
  .address-tile-add__add-address-text {
    font-weight: bold; }
    @media (min-width: 768px) {
      .address-tile-add__add-address-text {
        font-size: 25px;
        justify-self: center; } }
  .address-tile-add__add-address-arrow-icon {
    font-size: 0.8rem;
    padding-right: 5px; }
    @media (min-width: 768px) {
      .address-tile-add__add-address-arrow-icon {
        display: none; } }

.address-tile {
  border: 1px solid #b2b2b2;
  min-height: 300px;
  max-width: 350px;
  padding: 10px 20px;
  font-size: 15px;
  display: flex;
  flex-flow: column;
  justify-content: space-between; }
  .address-tile__address {
    margin-bottom: 2rem; }
  .address-tile .js--deliveryInstruction summary :hover {
    cursor: pointer; }
  .address-tile .js--deliveryInstruction summary .deliveryInstructionArrow {
    vertical-align: sub; }
  .address-tile .js--deliveryInstruction[open] summary .deliveryInstructionArrow {
    transform: rotate(180deg);
    vertical-align: baseline; }
  .address-tile__address-delete {
    cursor: pointer; }
    .address-tile__address-delete:hover, .address-tile__address-delete:focus, .address-tile__address-delete:active, .address-tile__address-delete:active:hover, .address-tile__address-delete:active:focus {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      text-decoration: underline; }
  .address-tile__delete-icon {
    text-decoration: none; }
  .address-tile__metadata {
    text-align: right; }
  .address-tile__metadata-modified {
    color: #5cb85c;
    font-weight: bold;
    display: block; }

.address-edit__header {
  margin-bottom: 1.6rem; }

.address-edit__mandatory-explanation {
  text-align: right; }

.address-edit__content {
  border: 1px solid #b2b2b2;
  padding: 15px;
  padding-bottom: 30px; }

.address-edit__save-action {
  float: right;
  margin-top: 15px; }

.address-edit__input-row {
  display: grid;
  gap: 1.6rem;
  margin-bottom: 1.6rem; }
  @media (min-width: 768px) {
    .address-edit__input-row__thirds {
      grid-template-columns: repeat(3, 1fr); }
    .address-edit__input-row__streetAndHouseNumber {
      grid-template-columns: 2fr 1fr; } }

.address-remove {
  max-width: 560px; }
  .address-remove__action-wrapper {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
    align-items: center;
    justify-items: stretch; }
  .address-remove__action {
    max-width: 150px;
    margin-right: auto; }
  .address-remove__action-cancel {
    margin-top: 5px;
    margin-left: 50px;
    background-color: #464646;
    border: 1px solid #464646; }
    .address-remove__action-cancel:hover {
      background-color: #777777;
      border: 1px solid #777777; }
  .address-remove__header {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px; }
  .address-remove__address-details {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
  .address-remove__hint {
    margin-left: 50px;
    margin-top: 20px; }

.member-overview {
  overflow: hidden; }
  .member-overview__filters {
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .member-overview__filters {
        grid-template-columns: repeat(3, 1fr); } }
  .member-overview__search {
    margin-bottom: 1.6rem; }
  .member-overview__search-icon {
    font-size: initial !important;
    margin-right: 0 !important; }
  .member-overview__listing {
    margin-bottom: 1.6rem;
    overflow: auto; }
    .member-overview__listing > table > thead > tr > th,
    .member-overview__listing > table > tbody > tr > td {
      white-space: nowrap; }
  .member-overview__table {
    border: 1px solid #b2b2b2; }
  .member-overview__listing-entry {
    white-space: nowrap; }
  .member-overview__edit-icon {
    text-align: center; }
  .member-overview__result-amount {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: end;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
  .member-overview__action-wrapper {
    display: grid;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .member-overview__action-wrapper {
        grid-template-columns: repeat(2, 1fr);
        align-items: center; } }
  .member-overview__new-user-link {
    justify-self: stretch;
    grid-area: 2 / 1; }
    @media (min-width: 768px) {
      .member-overview__new-user-link {
        justify-self: start;
        grid-area: 1 / 1; } }
  .member-overview__pagination {
    grid-area: 1 / 1;
    justify-self: end; }
    @media (min-width: 768px) {
      .member-overview__pagination {
        grid-area: 1 / 2; } }

.member-edit__header {
  margin-bottom: 1.6rem; }

.member-edit__status {
  margin-bottom: 1.6rem; }

.member-edit__status-text {
  margin: 0; }

.member-edit__required-status-wrapper {
  display: grid;
  grid-template-columns: 1fr auto; }

.member-edit__required {
  margin: 0; }

.member-edit__input-row {
  display: grid;
  gap: 1.6rem;
  margin-bottom: 1.6rem; }
  @media (min-width: 768px) {
    .member-edit__input-row {
      grid-template-columns: repeat(3, 1fr); } }

.member-edit__roles {
  margin-bottom: 1.6rem; }

.member-edit__roles-header {
  font-size: 1.5rem;
  border: 0; }

@media (min-width: 768px) {
  .member-edit__roles-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem; } }

.member-edit__roles-wrapper > div {
  display: grid;
  grid-template-columns: min-content 1fr;
  justify-items: start;
  align-items: center;
  gap: .8rem;
  margin: 2.4rem 0; }
  @media (min-width: 768px) {
    .member-edit__roles-wrapper > div {
      margin: 0 !important; } }

.member-edit__roles-wrapper label {
  font-weight: normal;
  margin: 0; }

.member-edit__single-role {
  accent-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.member-edit__create-action {
  float: right; }

.merchant-overview {
  overflow: hidden; }
  .merchant-overview__filters {
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-overview__filters {
        grid-template-columns: repeat(3, 1fr); } }
  .merchant-overview__search {
    margin-bottom: 1.6rem; }
  .merchant-overview__search-icon {
    font-size: initial !important;
    margin-right: 0 !important; }
  .merchant-overview__listing {
    margin-bottom: 1.6rem;
    overflow: auto;
    border: 1px solid #b2b2b2; }
    .merchant-overview__listing > table > thead > tr > th,
    .merchant-overview__listing > table > tbody > tr > td {
      white-space: nowrap; }
  .merchant-overview__edit-icon {
    text-align: center; }
  .merchant-overview__result-amount {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: end;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
  .merchant-overview__action-wrapper {
    display: grid;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-overview__action-wrapper {
        grid-template-columns: repeat(2, 1fr);
        align-items: center; } }
  .merchant-overview__new-user-link {
    justify-self: stretch;
    grid-area: 2 / 1; }
    @media (min-width: 768px) {
      .merchant-overview__new-user-link {
        justify-self: start;
        grid-area: 1 / 1; } }
  .merchant-overview__pagination {
    grid-area: 1 / 1;
    justify-self: end; }
    @media (min-width: 768px) {
      .merchant-overview__pagination {
        grid-area: 1 / 2; } }

.merchant-edit {
  --channel-platform-entry-width: 1fr; }
  @media (min-width: 768px) {
    .merchant-edit {
      --channel-platform-entry-width: 250px; } }
  .merchant-edit__mandatory-explanation {
    text-align: right; }
  .merchant-edit__edit-groups {
    margin-bottom: 1.6rem; }
  .merchant-edit__edit-groups-subsection-header {
    font-weight: bold; }
  .merchant-edit__edit-group {
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
    align-items: end; }
    @media (min-width: 768px) {
      .merchant-edit__edit-group {
        grid-template-columns: repeat(3, 1fr); }
        .merchant-edit__edit-group.hq-merchant {
          grid-template-columns: auto 1fr; }
          .merchant-edit__edit-group.hq-merchant .form-group:first-child {
            display: grid;
            justify-content: start; }
          .merchant-edit__edit-group.hq-merchant .form-group:last-child {
            display: grid;
            justify-content: end; }
          .merchant-edit__edit-group.hq-merchant #hq-merchant-assortment {
            display: flex;
            gap: 54px; } }
  .merchant-edit__edit-entry-label {
    font-weight: normal;
    word-break: break-word; }
  .merchant-edit__checkbox-with-add-label {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    font-weight: normal; }
  .merchant-edit__opening-hour-timetable {
    margin-bottom: 1.2rem; }
  .merchant-edit__opening-hour-day-of-week {
    text-transform: capitalize; }
  .merchant-edit__opening-hour-entry {
    display: grid;
    grid-template-areas: "from from_text till" ". also ." "add_from add_from_text add_till";
    grid-template-columns: 1fr min-content 1fr;
    align-items: center;
    row-gap: .8rem; }
    @media (min-width: 768px) {
      .merchant-edit__opening-hour-entry {
        grid-template-areas: "from from_text till also add_from add_from_text add_till";
        grid-template-columns: 125px min-content 125px min-content 125px min-content 125px;
        gap: 1rem; } }
    .merchant-edit__opening-hour-entry--add-all {
      grid-template-areas: "from from_text till" ". also ." "add_from add_from_text add_till" "add_all add_all add_all"; }
      @media (min-width: 768px) {
        .merchant-edit__opening-hour-entry--add-all {
          grid-template-areas: "from from_text till also add_from add_from_text add_till add_all";
          grid-template-columns: 125px min-content 125px min-content 125px min-content 125px 1fr; } }
    .merchant-edit__opening-hour-entry--show-day {
      grid-template-areas: "from from_text till" ". also ." "add_from add_from_text add_till" "show_day show_day show_day"; }
      @media (min-width: 768px) {
        .merchant-edit__opening-hour-entry--show-day {
          grid-template-areas: "from from_text till also add_from add_from_text add_till show_day";
          grid-template-columns: 125px min-content 125px min-content 125px min-content 125px 1fr; } }
  .merchant-edit__opening-hour-entry-from {
    grid-area: from; }
  .merchant-edit__opening-hour-entry-from-text {
    grid-area: from_text;
    text-align: center; }
  .merchant-edit__erp-import-start-time {
    grid-area: from; }
  .merchant-edit__erp-import-start-time-text {
    grid-area: from_text;
    text-align: center; }
  .merchant-edit__opening-hour-entry-till {
    grid-area: till; }
  .merchant-edit__opening-hour-entry-also {
    grid-area: also; }
  .merchant-edit__opening-hour-entry-add-from {
    grid-area: add_from; }
  .merchant-edit__opening-hour-entry-add-from-text {
    grid-area: add_from_text;
    text-align: center; }
  .merchant-edit__opening-hour-entry-add-till {
    grid-area: add_till; }
  .merchant-edit__opening-hour-entry-add-all {
    grid-area: add_all; }
  .merchant-edit__opening-hour-entry-show-day {
    grid-area: show_day;
    text-align: center; }
  .merchant-edit__channel-platform-header {
    display: grid;
    grid-template-columns: repeat(2, var(--channel-platform-entry-width));
    gap: 16px; }
  .merchant-edit__channel-platform-entry {
    display: grid;
    grid-template-columns: repeat(2, var(--channel-platform-entry-width));
    gap: 16px; }
  @media (min-width: 768px) {
    .merchant-edit .oversized-info-text {
      width: 400px; } }
  .merchant-edit__erp-import-schedule {
    display: grid;
    grid-template-areas: "import_status import_startdate import_starttime import_interval";
    grid-template-columns: 70px  250px  125px  70px;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
    align-items: end; }
    .merchant-edit__erp-import-schedule__status {
      grid-area: import_status; }
      .merchant-edit__erp-import-schedule__status .merchant-edit__checkbox-with-add-label {
        height: 35px; }
    .merchant-edit__erp-import-schedule__start-date {
      grid-area: import_startdate; }
    .merchant-edit__erp-import-schedule__start-time {
      grid-area: import_starttime; }
    .merchant-edit__erp-import-schedule__interval {
      grid-area: import_interval; }

.merchant-details-new {
  border: 1px solid #d1d1d1;
  color: #464646; }
  .merchant-details-new[open] .merchant-details-new__icon-opener {
    transform: rotate(180deg); }
  .merchant-details-new[open] .merchant-details-new__header {
    border-bottom: 1px solid #d1d1d1; }
  .merchant-details-new__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
    background-color: #ededed;
    cursor: pointer; }
  .merchant-details-new__header-text {
    display: flex;
    flex-flow: column nowrap; }
  .merchant-details-new__icons {
    display: flex;
    align-items: center;
    gap: 1.2rem; }
  .merchant-details-new__icon-opener {
    --padding-left: 20px;
    --padding-right: 8px;
    --icon-width: 50px;
    transition: transform 250ms ease-in-out;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    padding: 0 var(--padding-right) 0 var(--padding-left);
    width: var(--icon-width);
    transform-origin: calc(var(--icon-width) - var(--padding-left)); }
  .merchant-details-new__all-info {
    display: grid;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-details-new__all-info {
        grid-auto-flow: column;
        grid-auto-columns: 1fr; } }
    .merchant-details-new__all-info .hq-merchant {
      margin-top: 20px;
      margin-bottom: 5px; }
      @media (min-width: 768px) {
        .merchant-details-new__all-info .hq-merchant {
          margin-top: 35px;
          margin-bottom: 5px; } }
      .merchant-details-new__all-info .hq-merchant .hq-assortment-wrapper {
        display: flex;
        gap: 1rem; }
        .merchant-details-new__all-info .hq-merchant .hq-assortment-wrapper img {
          height: 45px;
          width: 45px; }
        .merchant-details-new__all-info .hq-merchant .hq-assortment-wrapper .hq-assortment p {
          display: inline; }
          .merchant-details-new__all-info .hq-merchant .hq-assortment-wrapper .hq-assortment p:not(:last-child)::after {
            content: ' |'; }
  .merchant-details-new__navigation-to {
    display: block; }

.merchant-opening-hours[open] .merchant-opening-hours__opener {
  transform: rotate(180deg); }

.merchant-opening-hours__header {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  align-items: center;
  background-color: #ededed;
  color: #464646;
  cursor: pointer; }

.merchant-opening-hours__opener {
  transition: transform 250ms ease-in-out; }

.merchant-opening-hours__entries {
  list-style: none; }

.merchant-opening-hours__entry {
  background-color: #b2b2b2;
  color: #464646; }
  .merchant-opening-hours__entry--different {
    background-color: #f2b866; }

.merchant-services {
  list-style: none; }
  .merchant-services__service {
    display: flex;
    align-items: center;
    gap: 1.6rem; }
  .merchant-services__service-icon {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.custom-dialog-modal {
  border: none;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.25);
  min-width: 3.2rem;
  padding: 0; }
  @media (min-width: 768px) {
    .custom-dialog-modal {
      width: 50%; } }
  .custom-dialog-modal::backdrop {
    background-color: rgba(0, 0, 0, 0.5); }
  .custom-dialog-modal__header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.6rem;
    align-items: center;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    padding: 0.8rem 0 0.8rem 1.2rem; }
  .custom-dialog-modal__header-text {
    font-size: 15px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: bold; }
  .custom-dialog-modal__close-x {
    color: #fff;
    font-size: 2rem;
    padding: 0 1.2rem;
    justify-self: end;
    cursor: pointer;
    font-weight: bold; }
  .custom-dialog-modal__body {
    padding: 1.6rem; }

.delivery-time {
  overflow: hidden; }
  .delivery-time__table-wrapper {
    overflow: auto; }
  .delivery-time__table {
    border-collapse: separate;
    border-spacing: 1rem 1rem;
    margin-bottom: 1.6rem;
    width: 100%; }
    .delivery-time__table.-longer {
      min-width: 50rem; }
  .delivery-time__helper {
    float: right;
    margin-top: 1.6rem; }
  .delivery-time__submit {
    float: right;
    margin-top: 1.6rem; }

.delivery-cost__table {
  border-collapse: separate;
  border-spacing: 1rem 1rem;
  margin-bottom: 3.2rem; }

.delivery-cost__add-new-row {
  width: 100%; }
  @media (min-width: 768px) {
    .delivery-cost__add-new-row {
      width: auto; } }

.delivery-cost__submit {
  float: right; }

.delivery-cost__craftsman-form-label {
  display: block; }

.delivery-cost__craftsman-msg {
  width: 100%; }

.delivery-cost__success {
  color: #5cb85c; }

@keyframes fade-effect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.account-cutting-service .account-cutting-service-description {
  font-size: 1.5rem;
  border: none;
  grid-area: 1/1/1/3; }

.account-cutting-service .account-cutting-service-save-success {
  color: #5cb85c; }

.account-cutting-service .cutting-service-row {
  margin-top: 1.4em; }

.account-cutting-service .cutting-service-btn {
  float: right;
  margin-top: 1.4em; }

.account-cutting-service .cutting-service-row-value-error {
  border-color: #d9534f;
  border-width: 2px; }

.account-cutting-service .cutting-service-submit-modal-body {
  padding: 1.4em; }
  .account-cutting-service .cutting-service-submit-modal-body div {
    padding: 0.7em; }
  .account-cutting-service .cutting-service-submit-modal-body .cutting-service-submit-modal-body-centered {
    display: flex;
    justify-content: space-evenly; }

.whitelists {
  overflow: auto; }

.merchant-group-overview {
  overflow: hidden; }
  .merchant-group-overview__filters {
    display: grid;
    margin-bottom: 1.6rem;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-group-overview__filters {
        grid-template-columns: 1fr 4fr; } }
  .merchant-group-overview__entries {
    margin-bottom: 1.6rem;
    overflow: auto;
    border: 1px solid #b2b2b2; }
  .merchant-group-overview__entry {
    white-space: nowrap; }
  .merchant-group-overview__result-amount {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: end;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
  .merchant-group-overview__action-wrapper {
    display: grid;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-group-overview__action-wrapper {
        grid-template-columns: repeat(2, 1fr);
        align-items: center; } }
  .merchant-group-overview__pagination {
    grid-area: 1 / 1;
    justify-self: end; }
    @media (min-width: 768px) {
      .merchant-group-overview__pagination {
        grid-area: 1 / 2; } }
  .merchant-group-overview__new-user-link {
    justify-self: stretch;
    grid-area: 2 / 1; }
    @media (min-width: 768px) {
      .merchant-group-overview__new-user-link {
        justify-self: start;
        grid-area: 1 / 1; } }

.merchant-group-edit {
  --channel-platform-entry-width: 1fr; }
  .merchant-group-edit__mandatory {
    display: block;
    text-align: right; }
  .merchant-group-edit__edit-group {
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-group-edit__edit-group {
        grid-template-columns: repeat(3, 1fr); } }
  .merchant-group-edit__edit-entry-label {
    font-weight: normal;
    word-break: break-word; }
  .merchant-group-edit__edit-groups-subsection-header {
    font-weight: bold; }
  .merchant-group-edit__checkbox-with-add-label {
    display: flex;
    gap: .8rem; }
  .merchant-group-edit__associate-picker {
    display: grid;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .merchant-group-edit__associate-picker {
        grid-template-columns: 1fr 5rem 1fr; } }
  .merchant-group-edit__single-picker {
    width: 100%; }
  .merchant-group-edit__associate-merchants {
    overflow: auto;
    height: 40rem;
    border: 1px solid #b2b2b2; }
  .merchant-group-edit__associate-merchant {
    display: flex;
    gap: 1.6rem;
    padding: 1.2rem;
    cursor: pointer;
    align-items: center;
    margin: 0; }
    .merchant-group-edit__associate-merchant:hover {
      background-color: #ededed; }
    .merchant-group-edit__associate-merchant.-active {
      background-color: #b2b2b2; }
    .merchant-group-edit__associate-merchant.-disabled {
      display: none; }
  .merchant-group-edit__associate-merchant-selectors {
    display: grid;
    gap: 6rem;
    grid-template-columns: repeat(2, 1fr);
    place-self: center; }
    @media (min-width: 768px) {
      .merchant-group-edit__associate-merchant-selectors {
        grid-template-columns: initial; } }
  .merchant-group-edit__selector-wrapper {
    display: grid;
    place-items: center;
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid #777777;
    border-radius: 50%;
    background-color: #b2b2b2; }
    .merchant-group-edit__selector-wrapper:hover {
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    @media (min-width: 768px) {
      .merchant-group-edit__selector-wrapper--add {
        order: 1; } }
    @media (min-width: 768px) {
      .merchant-group-edit__selector-wrapper--remove {
        order: 2; } }
  .merchant-group-edit__selector-icon {
    color: #fff; }
    @media (min-width: 768px) {
      .merchant-group-edit__selector-icon--add {
        transform: rotate(270deg); } }
    @media (min-width: 768px) {
      .merchant-group-edit__selector-icon--remove {
        transform: rotate(270deg); } }
  .merchant-group-edit__channel-platform-header {
    display: grid;
    grid-template-columns: repeat(2, var(--channel-platform-entry-width));
    gap: 16px; }
  .merchant-group-edit__channel-platform-entry {
    display: grid;
    grid-template-columns: repeat(2, var(--channel-platform-entry-width));
    gap: 16px; }

.craftsman-employee__registration {
  margin: 0 auto;
  width: calc(min(100%, 768px)); }

.craftsman-employee__submit {
  float: right; }

.craftsman-overview {
  overflow: hidden; }
  .craftsman-overview__filters {
    display: grid;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .craftsman-overview__filters {
        grid-template-columns: 1fr 4fr; } }
  .craftsman-overview__entries {
    overflow: auto;
    border: 1px solid #b2b2b2; }
  .craftsman-overview__entry {
    white-space: nowrap; }
  .craftsman-overview__result-amount {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: end;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1.6rem; }
  .craftsman-overview__action-wrapper {
    display: inline flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%; }
    @media (min-width: 768px) {
      .craftsman-overview__action-wrapper {
        grid-template-columns: repeat(2, 1fr);
        align-items: center; } }
    .craftsman-overview__action-wrapper div {
      display: inline-flex;
      gap: 1.6rem; }
  .craftsman-overview__pagination {
    grid-area: 1 / 1;
    justify-self: end; }
    @media (min-width: 768px) {
      .craftsman-overview__pagination {
        grid-area: 1 / 2; } }
  .craftsman-overview__new-craftsman-link {
    justify-self: stretch;
    grid-area: 2 / 1; }
    @media (min-width: 768px) {
      .craftsman-overview__new-craftsman-link {
        justify-self: start;
        grid-area: 1 / 1; } }
  .craftsman-overview .custom-modal {
    z-index: 5; }
    .craftsman-overview .custom-modal .custom-modal__content {
      max-width: 560px; }
      .craftsman-overview .custom-modal .custom-modal__content .user-feedback {
        margin: 1em;
        display: grid;
        gap: 1em; }
      .craftsman-overview .custom-modal .custom-modal__content .craftsman-remove-modal-body {
        margin: 2em; }
      .craftsman-overview .custom-modal .custom-modal__content .craftsman-remove-action-wrapper {
        display: flex;
        gap: 3.2rem;
        align-items: center; }
        .craftsman-overview .custom-modal .custom-modal__content .craftsman-remove-action-wrapper .craftsman-remove-action {
          max-width: 150px;
          margin-right: auto; }
        .craftsman-overview .custom-modal .custom-modal__content .craftsman-remove-action-wrapper .craftsman-remove-action-cancel {
          margin-left: 50px;
          background-color: #464646;
          border: 1px solid #464646; }
          .craftsman-overview .custom-modal .custom-modal__content .craftsman-remove-action-wrapper .craftsman-remove-action-cancel:hover {
            background-color: #777777;
            border: 1px solid #777777; }

.craftsman-edit {
  overflow: auto; }
  .craftsman-edit__status {
    display: grid; }
  .craftsman-edit__status-input {
    display: flex;
    align-items: center;
    gap: 1.2rem; }
  .craftsman-edit__status-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .craftsman-edit__mandatory {
    display: block;
    text-align: right; }
  .craftsman-edit__edit-group {
    display: grid;
    gap: 1.6rem; }
    @media (min-width: 768px) {
      .craftsman-edit__edit-group {
        grid-template-columns: repeat(3, 1fr); } }
  .craftsman-edit__edit-entry-label {
    font-weight: normal;
    word-break: break-word; }
  .craftsman-edit__actions {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.craftsman-employee-edit__status {
  display: grid; }

.craftsman-employee-edit__status-input {
  display: flex;
  align-items: center;
  gap: 1.2rem; }

.craftsman-employee-edit__status-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.craftsman-employee-edit__mandatory {
  display: block;
  text-align: right; }

.craftsman-employee-edit__edit-group {
  display: grid;
  gap: 1.6rem; }
  .craftsman-employee-edit__edit-group .form-control[readonly="readonly"] {
    cursor: not-allowed; }
  @media (min-width: 768px) {
    .craftsman-employee-edit__edit-group {
      grid-template-columns: repeat(3, 1fr); } }

.craftsman-employee-edit__edit-entry-label {
  font-weight: normal;
  word-break: break-word; }

.craftsman-employee-edit__actions {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.craftsman-employee-edit__create-action {
  float: right; }

.craftsman-employee-edit__roles {
  margin-bottom: 1.6rem; }

.craftsman-employee-edit__roles-header {
  font-size: 1.5rem;
  border: 0; }

@media (min-width: 768px) {
  .craftsman-employee-edit__roles-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem; } }

.craftsman-employee-edit__roles-wrapper > div {
  display: grid;
  grid-template-columns: min-content 1fr;
  justify-items: start;
  align-items: center;
  gap: .8rem;
  margin: 2.4rem 0; }
  @media (min-width: 768px) {
    .craftsman-employee-edit__roles-wrapper > div {
      margin: 0 !important; } }

.craftsman-employee-edit__roles-wrapper label {
  font-weight: normal;
  margin: 0; }

.order-overview__filters {
  display: grid;
  gap: 16px; }
  @media (min-width: 768px) {
    .order-overview__filters {
      grid-template-columns: repeat(3, 1fr); } }

.order-overview__header {
  display: none; }
  @media (min-width: 767px) {
    .order-overview__header {
      display: grid;
      background-color: #464646;
      color: #ededed;
      grid-template-columns: repeat(3, 1fr) 120px;
      gap: 16px; } }
  @media (min-width: 767px) {
    .order-overview__header--expanded {
      display: grid;
      background-color: #464646;
      color: #ededed;
      grid-template-columns: 1fr 100px 1fr 1fr 120px;
      gap: 16px; } }

.order-overview__entry {
  display: grid;
  border: 1px solid #464646;
  margin-bottom: 32px; }
  @media (min-width: 767px) {
    .order-overview__entry {
      grid-template-columns: repeat(3, 1fr) 120px;
      border: 1px solid #464646;
      border-top: none;
      margin-bottom: 0;
      gap: 16px; } }
  @media (min-width: 767px) {
    .order-overview__entry--expanded {
      grid-template-columns: 1fr 100px 1fr 1fr 120px;
      border: 1px solid #464646;
      border-top: none;
      margin-bottom: 0;
      gap: 16px; } }

.order-overview__add-details {
  justify-self: end; }
  @media (min-width: 767px) {
    .order-overview__add-details {
      align-self: center; } }

.single-order-overview {
  --orders-columns-gap: 8px;
  --orders-columns: 90px 1fr; }
  @media (min-width: 768px) {
    .single-order-overview {
      --orders-columns: 90px 3fr 1fr 90px 150px; } }
  .single-order-overview__header {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100);
    font-size: 2rem; }
    @media (min-width: 768px) {
      .single-order-overview__header {
        font-size: initial; } }
  .single-order-overview__general-info-header {
    display: grid;
    border-bottom: 1px solid #b2b2b2; }
    @media (min-width: 768px) {
      .single-order-overview__general-info-header {
        grid-template-columns: repeat(4, 1fr);
        border-bottom: initial;
        border-right: 1px solid #b2b2b2; } }
  .single-order-overview__general-info {
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2; }
    @media (min-width: 768px) {
      .single-order-overview__general-info {
        border-right: initial;
        border-left: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        border-bottom: 1px solid #b2b2b2; } }
  @media (min-width: 768px) {
    .single-order-overview__article-infos-header {
      display: grid;
      grid-template-columns: var(--orders-columns);
      gap: var(--orders-columns-gap);
      background-color: #464646;
      color: #fff; } }
  @media (min-width: 768px) {
    .single-order-overview__purchased-article-header {
      grid-area: 1 / 1 / 1 / 3; } }
  .single-order-overview__article-infos-general {
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2; }
    @media (min-width: 768px) {
      .single-order-overview__article-infos-general {
        display: grid;
        grid-template-columns: var(--orders-columns);
        gap: var(--orders-columns-gap); } }
  @media (min-width: 768px) {
    .single-order-overview__merchant-name-with-contact {
      grid-area: 1 / 1 / 1 / 5; } }
  .single-order-overview__purchase-type {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
    gap: var(--orders-columns-gap);
    border: 3px solid #5cb85c; }
  .single-order-overview__checkmark {
    justify-self: end; }
  .single-order-overview__purchase-type-name {
    justify-self: start; }
  .single-order-overview__article-info {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: var(--orders-columns-gap);
    grid-template-areas: "article-img article-description" "single-price single-price" "amount amount" "total-price total-price" ". .";
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2; }
    @media (min-width: 768px) {
      .single-order-overview__article-info {
        grid-template-columns: var(--orders-columns);
        gap: var(--orders-columns-gap);
        grid-template-areas: initial; } }
  .single-order-overview__article-img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    grid-area: article-img;
    padding-top: 12px;
    padding-left: 12px; }
    @media (min-width: 768px) {
      .single-order-overview__article-img {
        grid-area: initial;
        padding-bottom: 12px; } }
  .single-order-overview__info {
    grid-area: article-description;
    padding-top: 12px;
    padding-right: 12px; }
    @media (min-width: 768px) {
      .single-order-overview__info {
        grid-area: initial;
        padding: 12px 0; } }
  .single-order-overview__single-price {
    grid-area: single-price;
    text-align: left;
    padding: 0 12px 12px 12px;
    border-bottom: 1px solid #b2b2b2; }
    @media (min-width: 768px) {
      .single-order-overview__single-price {
        grid-area: initial;
        text-align: center;
        padding: 12px 0;
        border-bottom: none;
        font-weight: bold; } }
    .single-order-overview__single-price--with-graduated-price {
      justify-content: end;
      display: inline-flex;
      width: auto; }
      @media (max-width: 767px) {
        .single-order-overview__single-price--with-graduated-price {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 1.6rem;
          padding: unset; } }
      .single-order-overview__single-price--with-graduated-price .graduated-price-disclaimer {
        font-size: 1.3rem !important; }
  .single-order-overview__graduated-price-disclaimer {
    width: 80px; }
  .single-order-overview__amount {
    grid-area: amount;
    text-align: left;
    padding: 0 12px 12px 12px;
    border-bottom: 1px solid #b2b2b2; }
    @media (min-width: 768px) {
      .single-order-overview__amount {
        grid-area: initial;
        text-align: center;
        padding: 12px 0;
        border-bottom: none; } }
  .single-order-overview__article-total-amount {
    grid-area: total-price;
    text-align: left;
    padding: 12px; }
    @media (min-width: 768px) {
      .single-order-overview__article-total-amount {
        grid-area: initial;
        text-align: right;
        border-left: 1px solid #b2b2b2;
        padding: 12px 12px 12px 0; } }
  .single-order-overview__basket-price {
    border: 1px solid #b2b2b2;
    text-align: left; }
    @media (min-width: 768px) {
      .single-order-overview__basket-price {
        display: grid;
        gap: var(--orders-columns-gap);
        grid-template-columns: var(--orders-columns);
        text-align: right;
        border-bottom: none; } }
  .single-order-overview__shipping-price {
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    text-align: left; }
    @media (min-width: 768px) {
      .single-order-overview__shipping-price {
        display: grid;
        grid-template-columns: var(--orders-columns);
        gap: var(--orders-columns-gap);
        text-align: right;
        border-bottom: none; } }
  .single-order-overview__discount-price {
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    text-align: left;
    color: #e30613; }
    @media (min-width: 768px) {
      .single-order-overview__discount-price {
        display: grid;
        grid-template-columns: var(--orders-columns);
        gap: var(--orders-columns-gap);
        text-align: right; } }
  .single-order-overview__total-price {
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    text-align: left; }
    @media (min-width: 768px) {
      .single-order-overview__total-price {
        display: grid;
        grid-template-columns: var(--orders-columns);
        gap: var(--orders-columns-gap);
        text-align: right; } }
  @media (min-width: 768px) {
    .single-order-overview__discount-price-label {
      grid-area: 1 / 1 / 1 / 5; } }
  @media (min-width: 768px) {
    .single-order-overview__basket-price-label {
      grid-area: 1 / 1 / 1 / 5; } }
  @media (min-width: 768px) {
    .single-order-overview__shipping-price-label {
      grid-area: 1 / 1 / 1 / 5; } }
  @media (min-width: 768px) {
    .single-order-overview__total-price-label {
      grid-area: 1 / 1 / 1 / 5; } }
  .single-order-overview__total {
    display: grid;
    gap: var(--orders-columns-gap);
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    color: #fff;
    background-color: #777777;
    align-items: center;
    text-align: center; }
    @media (min-width: 768px) {
      .single-order-overview__total {
        grid-template-columns: var(--orders-columns);
        text-align: right; } }
  @media (min-width: 768px) {
    .single-order-overview__total-label {
      grid-area: 1 / 1 / 1 / 5; } }
  .single-order-overview__payment-details-btn {
    text-decoration: underline; }
  .single-order-overview__total-description {
    border-top: 1px solid #fff; }
    @media (min-width: 768px) {
      .single-order-overview__total-description {
        border-top: none;
        border-left: 1px solid #fff; } }
  .single-order-overview__customer-remarks {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem; }
    .single-order-overview__customer-remarks-text {
      word-wrap: anywhere;
      overflow: hidden; }
      .single-order-overview__customer-remarks-text.fadeout {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        position: relative; }
      .single-order-overview__customer-remarks-text.fadeout::after {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        left: 0; }
    .single-order-overview__customer-remarks-expand-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-decoration: none !important; }
  .single-order-overview__callback {
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    display: grid;
    grid-template-columns: var(--orders-columns);
    text-align: right; }
  .single-order-overview__callback-info {
    grid-area: 1 / 1 / 1 / 5;
    padding: .8rem;
    margin: 0;
    align-self: center;
    justify-self: start; }
  .single-order-overview__callback-icon {
    place-self: center; }

.update-articles__success {
  color: #5cb85c; }

.update-articles__failure {
  color: #d9534f; }

.assembly-request-header__summary {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  cursor: pointer; }

.assembly-request-header[open] .assembly-request-header__summary-icon-opener {
  transform: rotate(180deg); }

.assembly-request-header__summary-text {
  color: #464646;
  font-weight: bold;
  text-decoration: underline; }

.assembly-request-header__summary-icon-opener {
  transition: transform 250ms ease-in-out;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.assembly-request-checkout__form {
  grid-area: 3 / 2;
  display: none; }
  @media (min-width: 1025px) {
    .assembly-request-checkout__form {
      display: block; } }

.assembly-request-checkout__slider-input {
  display: grid;
  grid-template-columns: min-content 1fr;
  justify-items: start;
  align-items: center;
  column-gap: 1.6rem; }
  @media (min-width: 1025px) {
    .assembly-request-checkout__slider-input--mobile {
      display: none; } }

.assembly-request-checkout__icon {
  font-size: 1.8rem; }
  .assembly-request-checkout__icon--success {
    color: #5cb85c; }

.assembly-request-checkout__icon-wrapper {
  display: none; }
  @media (min-width: 1025px) {
    .assembly-request-checkout__icon-wrapper {
      display: inline; } }

.assembly-request-checkout__label {
  font-weight: normal; }
  .assembly-request-checkout__label--checked {
    font-weight: bold; }

.assembly-request-checkout__free-offer-text {
  display: none; }
  @media (min-width: 1025px) {
    .assembly-request-checkout__free-offer-text {
      display: inline; } }

@media (min-width: 1025px) {
  .assembly-request-checkout__free-offer-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; } }

@media (min-width: 1025px) {
  .assembly-request-checkout__icon-section-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.assembly-request-summary__normal-text {
  display: none; }
  @media (min-width: 1025px) {
    .assembly-request-summary__normal-text {
      display: block; } }

@media (min-width: 1025px) {
  .assembly-request-summary__free-offer {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.assembly-request-summary__free-offer-text {
  display: none; }
  @media (min-width: 1025px) {
    .assembly-request-summary__free-offer-text {
      display: inline; } }

.assembly-request-summary__icon-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.assembly-request-summary__icon {
  font-size: 1.8rem;
  color: #5cb85c; }
  .assembly-request-summary__icon--desktop {
    display: none; }
    @media (min-width: 1025px) {
      .assembly-request-summary__icon--desktop {
        display: block; } }

.assembly-request-summary__icon-mobile-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-top: 1px solid #d1d1d1; }
  @media (min-width: 1025px) {
    .assembly-request-summary__icon-mobile-wrapper {
      display: none; } }

.registration-page {
  --max-width: 800px;
  max-width: var(--max-width);
  margin: 0 auto; }
  .registration-page__header {
    font-size: 2.5rem; }
  .registration-page__label {
    font-weight: normal;
    word-break: break-word; }
  .registration-page__salutation {
    margin-bottom: 1.6rem; }
  .registration-page__company-trigger {
    align-items: center !important;
    min-height: 65px; }
  @media (min-width: 768px) {
    .registration-page__company-wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: center;
      gap: 1.6rem; } }
  @media (min-width: 768px) {
    .registration-page__salutation-first-last-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.6rem; } }
  @media (min-width: 768px) {
    .registration-page__str-nr-wrapper {
      display: grid;
      grid-template-columns: 3fr 1fr;
      gap: 1.6rem; } }
  @media (min-width: 768px) {
    .registration-page__zip-city-wrapper {
      display: grid;
      grid-template-columns: 1fr 3fr;
      gap: 1.6rem; } }
  @media (max-width: 767px) {
    .registration-page__submit {
      width: 100%; } }
  .registration-page__mandatory {
    border-bottom: none !important;
    text-decoration: none; }

.account-registration-success__header {
  font-size: 2.5rem;
  font-weight: bold;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  margin-bottom: 8rem; }

.account-registration-success__part-2 {
  margin-bottom: 3rem; }

.account-registration-success__body {
  margin: 0 auto;
  width: calc(min(100%, 560px)); }

.newsletter-registration__header-1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-registration__header-2 {
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.6rem; }

.newsletter-registration__form {
  width: calc(min(768px, 100%));
  margin: 0 auto;
  display: grid;
  gap: 16px; }

.newsletter-registration__abbr {
  border: none !important;
  text-decoration: none; }

.newsletter-registration__mandatory-notice {
  font-size: 1.3rem;
  text-align: right; }

.newsletter-registration__label {
  font-weight: normal; }

.newsletter-registration__first-row {
  display: grid; }
  @media (min-width: 768px) {
    .newsletter-registration__first-row {
      grid-template-columns: repeat(3, 1fr);
      gap: 16px; } }

.newsletter-registration__row {
  display: grid;
  gap: 16px; }

.newsletter-registration__input-group {
  display: grid;
  gap: 6px; }

.newsletter-registration__birthdate {
  max-width: 200px; }

.newsletter-registration__confirmation-box {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  font-weight: normal; }

.newsletter-registration__strong-text {
  font-weight: bold; }

.newsletter-registration__normal-text {
  font-weight: normal; }

.newsletter-registration__register-button {
  justify-self: center; }

.newsletter-registration__form-error {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-success-registration__header-1 {
  font-size: 2.5rem;
  margin-bottom: 1.6rem;
  font-weight: bold;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-success-registration__header-2 {
  margin-bottom: 1.6rem;
  font-size: 2.2rem;
  font-weight: bold; }

.newsletter-unsuccessfull-confirmation__header-1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-unsuccessfull-confirmation__header-2 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1.6rem; }

.newsletter-verification-confirmation__header-1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-verification-confirmation__header-2 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1.6rem; }

.newsletter-success-unregistration__header-1 {
  font-size: 2.5rem;
  margin-bottom: 1.6rem;
  font-weight: bold;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-success-unregistration__header-2 {
  margin-bottom: 1.6rem;
  font-size: 2.2rem;
  font-weight: bold; }

.newsletter-unregistration__header-1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.newsletter-unregistration__header-2 {
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.6rem; }

.newsletter-unregistration__form {
  width: calc(min(768px, 100%));
  margin: 0 auto;
  display: grid;
  gap: 16px; }

.newsletter-unregistration__abbr {
  border: none !important;
  text-decoration: none; }

.newsletter-unregistration__mandatory-notice {
  font-size: 1.3rem;
  text-align: right; }

.newsletter-unregistration__label {
  font-weight: normal; }

.newsletter-unregistration__input-group {
  display: grid;
  gap: 6px; }

.newsletter-unregistration__unregister-button {
  justify-self: center; }

.newsletter-unregistration__form-error {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.account-exports__newsletter {
  display: grid;
  gap: 16px; }

.account-exports__newsletter-type-selection {
  justify-self: start; }

.account-exports__newsletter-download {
  justify-self: start; }

.account-exports__deliveryareas {
  display: block; }
  .account-exports__deliveryareas .download {
    padding-bottom: 2rem; }

.checkout-newsletter {
  padding: 16px;
  display: grid;
  gap: 16px; }
  .checkout-newsletter__header {
    margin: 0;
    padding: 0 !important;
    font-weight: bold; }
  .checkout-newsletter__body {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(min-content, 280px); }
  .checkout-newsletter__starlet-message {
    margin-bottom: 15px; }
  .checkout-newsletter__checkbox {
    display: grid;
    grid-template-columns: min-content 1fr;
    justify-items: start;
    align-items: flex-start;
    gap: 8px; }
    .checkout-newsletter__checkbox--centered {
      align-items: center; }
    .checkout-newsletter__checkbox--unselected {
      font-weight: normal !important; }
  .checkout-newsletter__checkbox-input {
    margin: 0 !important; }
  .checkout-newsletter__abbr {
    border: none !important;
    text-decoration: none; }

.checkmark-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%; }
  .checkmark-input-wrapper input {
    width: 100%; }
  .checkmark-input-wrapper .nm-icon {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 5px;
    pointer-events: none;
    color: #5cb85c; }
  .checkmark-input-wrapper .flatpickr-input {
    width: auto; }

.datepicker-checkmark {
  width: fit-content; }

.nm-ai-chat {
  position: absolute;
  z-index: 1500; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table;
    width: 100%; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #d1d1d1; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
    width: 100%; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 1025px) {
  .modal-lg {
    width: 900px; } }

.modal-dialog {
  position: absolute;
  margin: 0 !important;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  max-height: 100vh; }
  .modal-dialog img {
    max-width: 100%; }
  .modal-dialog .close {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 2px;
    color: #fff; }
    .modal-dialog .close:hover, .modal-dialog .close:focus {
      text-shadow: none; }
    .modal-dialog .close:focus {
      outline: none; }
  @media screen and (max-width: 767px) {
    .modal-dialog {
      width: 100%;
      height: 100%; } }

.modal-content {
  border-style: none; }

.modal-header {
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  color: #fff; }

.modal.location-overlay label {
  font-weight: normal; }

.modal.location-overlay .btn {
  white-space: normal; }

.modal.location-overlay .location__zip {
  display: block;
  font-weight: bold;
  padding-top: 0.4rem;
  padding-bottom: 0.8rem; }

.modal.location-overlay .alert {
  display: none; }

.modal.location-overlay.error .alert {
  display: block; }

@media (min-width: 768px) {
  .modal.location-overlay .modal-body {
    padding-top: 24px;
    padding-bottom: 24px; }
  .modal.location-overlay .row {
    margin: 0; } }

.modal.contact-form-overlay label {
  font-weight: normal; }

.modal.contact-form-overlay .btn {
  white-space: normal; }

.modal.contact-form-overlay .alert {
  display: none; }

.modal.contact-form-overlay.error .alert {
  display: block; }

.modal.contact-form-overlay abbr {
  text-decoration: none;
  border-bottom: none; }

.modal.contact-form-overlay textarea .has-error {
  background-color: #f0ad4e; }

.modal.contact-form-overlay button {
  float: right; }

@media (min-width: 768px) {
  .modal.contact-form-overlay .modal-body {
    padding-top: 24px;
    padding-bottom: 24px; }
  .modal.contact-form-overlay .row {
    margin: 0; }
  .modal.contact-form-overlay .modal-dialog {
    width: 70%; } }

.landing-page__contact-form-modal {
  overflow-x: clip; }

.contact-form-modal {
  overflow-x: hidden;
  overflow-y: auto; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100); }
  .tooltip.top {
    margin-top: -3px;
    padding: 0 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 0; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 0 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 0; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #464646;
  text-align: center;
  background-color: #fff;
  border-radius: 0px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: 0;
  border-width: 0 0 0;
  border-top-color: #fff; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  border-width: 0 0 0;
  border-top-color: #fff; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  border-width: 0 0 0;
  border-top-color: #fff; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: 0;
  border-width: 0 0 0 0;
  border-right-color: #fff; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: 0;
  border-width: 0 0 0 0;
  border-left-color: #fff; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: 0;
  border-width: 0 0 0;
  border-bottom-color: #fff; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 0;
  margin-top: 0;
  border-width: 0 0 0;
  border-bottom-color: #fff; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 0;
  margin-top: 0;
  border-width: 0 0 0;
  border-bottom-color: #fff; }

@media screen and (max-width: 1024px) {
  [data-toggle='tooltip']:not(.btn-disabled):hover,
  [data-toggle='tooltip']:not(.btn-disabled):hover *, [data-toggle='tooltip']:not(.btn-disabled)[aria-describedby],
  [data-toggle='tooltip']:not(.btn-disabled)[aria-describedby] * {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); } }

.tooltip {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  max-width: 90%;
  pointer-events: none; }
  @media (min-width: 768px) {
    .tooltip {
      max-width: 200px; } }
  .tooltip.top {
    border: 1px solid #d1d1d1;
    border-bottom-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    @media (min-width: 1025px) {
      .tooltip.top {
        margin-top: -1rem; }
        .tooltip.top:before {
          position: absolute;
          left: 50%;
          bottom: -0.8rem;
          margin-left: -0.8rem;
          content: '';
          width: 0;
          height: 0;
          border-left: 0.8rem solid transparent;
          border-right: 0.8rem solid transparent;
          border-top: 0.8rem solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); } }
  .tooltip.bottom {
    border: 1px solid #d1d1d1;
    border-top-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    @media (min-width: 1025px) {
      .tooltip.bottom {
        margin-bottom: -1rem; }
        .tooltip.bottom:before {
          position: absolute;
          left: 50%;
          top: -0.8rem;
          margin-left: -0.8rem;
          content: '';
          width: 0;
          height: 0;
          border-left: 0.8rem solid transparent;
          border-right: 0.8rem solid transparent;
          border-bottom: 0.8rem solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); } }
  .tooltip ul {
    margin: 0;
    padding: 0 0.4rem; }
    .tooltip .tooltip-inner ul {
      column-count: 1; }

.tooltip-inner {
  text-align: left;
  border-radius: 0;
  padding: 0.8rem 0.4rem; }
  .page-checkout .tooltip-inner {
    max-width: 100%; }

.tooltip-arrow {
  display: none; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 15px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d1d1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 15px;
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  border-bottom: 1px solid hsla(var(--color-primary-base), var(--color-primary-saturation), calc(var(--color-primary-lightness) - 5%), var(--color-primary-alpha));
  border-radius: -1px -1px 0 0; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #9e9e9e;
  border-top-color: rgba(0, 0, 0, 0.15);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #9e9e9e;
  border-right-color: rgba(0, 0, 0, 0.15); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #9e9e9e;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #9e9e9e;
  border-left-color: rgba(0, 0, 0, 0.15); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    bottom: -10px; }

.popover-title {
  color: #fff; }

#page .popover .arrow {
  border-bottom-color: #fff; }
  #page .popover .arrow:after {
    top: 2px; }

.cart-header-wrapper .popover,
.notepad-header-wrapper .popover {
  max-width: 2000px !important; }
  .cart-header-wrapper .popover .close,
  .notepad-header-wrapper .popover .close {
    margin-top: -2px; }
  .cart-header-wrapper .popover .popover-content .media,
  .notepad-header-wrapper .popover .popover-content .media {
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
    border-bottom: 1px solid #d1d1d1; }
  .cart-header-wrapper .popover .popover-content .thumbnail,
  .notepad-header-wrapper .popover .popover-content .thumbnail {
    border-style: none; }
  .cart-header-wrapper .popover .popover-content .media-body,
  .notepad-header-wrapper .popover .popover-content .media-body {
    font-size: 1.3rem; }
  .cart-header-wrapper .popover .popover-content .media-heading,
  .notepad-header-wrapper .popover .popover-content .media-heading {
    font-weight: bold;
    font-size: 1.5rem; }
  .cart-header-wrapper .popover .popover-content .advice,
  .notepad-header-wrapper .popover .popover-content .advice {
    letter-spacing: 0.8px;
    padding: 0.4rem 0;
    text-transform: uppercase; }
  .cart-header-wrapper .popover .popover-content .btn,
  .notepad-header-wrapper .popover .popover-content .btn {
    width: 100% !important; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.9;
  filter: alpha(opacity=90);
  font-size: 20px;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.control-wrapper {
  position: relative; }
  .control-wrapper .swiper-container {
    padding: 0 24px; }

.carousel-control {
  -webkit-transition: color 400ms ease-out 0s;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  -moz-transition: color 400ms ease-out 0s;
  /* Firefox 4.0 - 15  */
  -o-transition: color 400ms ease-out 0s;
  /* Opera 10.5+  */
  transition: color 400ms ease-out 0s;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
  text-shadow: none;
  width: 36px;
  opacity: 1 !important; }
  .carousel-control:before {
    content: '';
    position: absolute;
    top: 0;
    width: 1.2rem;
    height: 100%;
    background-color: #fff; }
  .carousel-control, .carousel-control.swiper-button-disabled:hover {
    color: #777777; }
  .carousel-control:not(.swiper-button-disabled) {
    cursor: pointer; }
  .carousel-control:hover {
    -webkit-transition: color 200ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: color 200ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: color 200ms ease-out 0s;
    /* Opera 10.5+  */
    transition: color 200ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .carousel-control.left, .carousel-control.right {
    background-image: none;
    -ms-filter: "none";
    z-index: 1; }
  .carousel-control.left:before {
    left: 0; }
  .carousel-control.left span {
    text-align: left;
    left: 0; }
  .carousel-control.right:before {
    right: 0; }
  .carousel-control.right span {
    text-align: right;
    right: 0; }
  .carousel-control [class*="icon"] {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: block;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px; }
  .carousel-control.swiper-button-disabled {
    cursor: default;
    pointer-events: none; }
    .carousel-control.swiper-button-disabled span {
      opacity: 0.2; }

.carousel-indicators {
  display: none;
  z-index: 1; }
  .carousel-indicators li {
    border-style: none;
    background: #b2b2b2;
    border-radius: 0; }
    .carousel-indicators li, .carousel-indicators li.active {
      margin-right: 4px; }

.row-flex {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px; }
  .row-flex.reverse {
    flex-direction: row-reverse; }

.col-flex-xs-1, .col-flex-sm-1, .col-flex-md-1, .col-flex-lg-1, .col-flex-xs-2, .col-flex-sm-2, .col-flex-md-2, .col-flex-lg-2, .col-flex-xs-3, .col-flex-sm-3, .col-flex-md-3, .col-flex-lg-3, .col-flex-xs-4, .col-flex-sm-4, .col-flex-md-4, .col-flex-lg-4, .col-flex-xs-5, .col-flex-sm-5, .col-flex-md-5, .col-flex-lg-5, .col-flex-xs-6, .col-flex-sm-6, .col-flex-md-6, .col-flex-lg-6, .col-flex-xs-7, .col-flex-sm-7, .col-flex-md-7, .col-flex-lg-7, .col-flex-xs-8, .col-flex-sm-8, .col-flex-md-8, .col-flex-lg-8, .col-flex-xs-9, .col-flex-sm-9, .col-flex-md-9, .col-flex-lg-9, .col-flex-xs-10, .col-flex-sm-10, .col-flex-md-10, .col-flex-lg-10, .col-flex-xs-11, .col-flex-sm-11, .col-flex-md-11, .col-flex-lg-11, .col-flex-xs-12, .col-flex-sm-12, .col-flex-md-12, .col-flex-lg-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.start-xs {
  justify-content: flex-start; }
  .start-xs.text-start {
    text-align: start; }

.center-xs {
  justify-content: center; }
  .center-xs.text-center {
    text-align: center; }

.end-xs {
  justify-content: flex-end; }
  .end-xs.text-end {
    text-align: end; }

.top-xs {
  align-items: flex-start; }

.middle-xs {
  align-items: center; }

.bottom-xs {
  align-items: flex-end; }

.col-flex-xs-1 {
  width: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.col-flex-xs-2 {
  width: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.col-flex-xs-3 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-flex-xs-4 {
  width: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.col-flex-xs-5 {
  width: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.col-flex-xs-6 {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-flex-xs-7 {
  width: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.col-flex-xs-8 {
  width: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.col-flex-xs-9 {
  width: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-flex-xs-10 {
  width: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.col-flex-xs-11 {
  width: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.col-flex-xs-12 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-flex-xs-pull-0 {
  right: auto; }

.col-flex-xs-pull-1 {
  right: 8.33333%; }

.col-flex-xs-pull-2 {
  right: 16.66667%; }

.col-flex-xs-pull-3 {
  right: 25%; }

.col-flex-xs-pull-4 {
  right: 33.33333%; }

.col-flex-xs-pull-5 {
  right: 41.66667%; }

.col-flex-xs-pull-6 {
  right: 50%; }

.col-flex-xs-pull-7 {
  right: 58.33333%; }

.col-flex-xs-pull-8 {
  right: 66.66667%; }

.col-flex-xs-pull-9 {
  right: 75%; }

.col-flex-xs-pull-10 {
  right: 83.33333%; }

.col-flex-xs-pull-11 {
  right: 91.66667%; }

.col-flex-xs-pull-12 {
  right: 100%; }

.col-flex-xs-push-0 {
  left: auto; }

.col-flex-xs-push-1 {
  left: 8.33333%; }

.col-flex-xs-push-2 {
  left: 16.66667%; }

.col-flex-xs-push-3 {
  left: 25%; }

.col-flex-xs-push-4 {
  left: 33.33333%; }

.col-flex-xs-push-5 {
  left: 41.66667%; }

.col-flex-xs-push-6 {
  left: 50%; }

.col-flex-xs-push-7 {
  left: 58.33333%; }

.col-flex-xs-push-8 {
  left: 66.66667%; }

.col-flex-xs-push-9 {
  left: 75%; }

.col-flex-xs-push-10 {
  left: 83.33333%; }

.col-flex-xs-push-11 {
  left: 91.66667%; }

.col-flex-xs-push-12 {
  left: 100%; }

.col-flex-xs-offset-0 {
  margin-left: 0%; }

.col-flex-xs-offset-1 {
  margin-left: 8.33333%; }

.col-flex-xs-offset-2 {
  margin-left: 16.66667%; }

.col-flex-xs-offset-3 {
  margin-left: 25%; }

.col-flex-xs-offset-4 {
  margin-left: 33.33333%; }

.col-flex-xs-offset-5 {
  margin-left: 41.66667%; }

.col-flex-xs-offset-6 {
  margin-left: 50%; }

.col-flex-xs-offset-7 {
  margin-left: 58.33333%; }

.col-flex-xs-offset-8 {
  margin-left: 66.66667%; }

.col-flex-xs-offset-9 {
  margin-left: 75%; }

.col-flex-xs-offset-10 {
  margin-left: 83.33333%; }

.col-flex-xs-offset-11 {
  margin-left: 91.66667%; }

.col-flex-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .start-sm {
    justify-content: flex-start; }
    .start-sm.text-start {
      text-align: start; }
  .center-sm {
    justify-content: center; }
    .center-sm.text-center {
      text-align: center; }
  .end-sm {
    justify-content: flex-end; }
    .end-sm.text-end {
      text-align: end; }
  .top-sm {
    align-items: flex-start; }
  .middle-sm {
    align-items: center; }
  .bottom-sm {
    align-items: flex-end; }
  .col-flex-sm-1 {
    width: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-flex-sm-2 {
    width: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-flex-sm-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-flex-sm-4 {
    width: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-flex-sm-5 {
    width: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-flex-sm-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-flex-sm-7 {
    width: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-flex-sm-8 {
    width: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-flex-sm-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-flex-sm-10 {
    width: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-flex-sm-11 {
    width: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-flex-sm-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-flex-sm-pull-0 {
    right: auto; }
  .col-flex-sm-pull-1 {
    right: 8.33333%; }
  .col-flex-sm-pull-2 {
    right: 16.66667%; }
  .col-flex-sm-pull-3 {
    right: 25%; }
  .col-flex-sm-pull-4 {
    right: 33.33333%; }
  .col-flex-sm-pull-5 {
    right: 41.66667%; }
  .col-flex-sm-pull-6 {
    right: 50%; }
  .col-flex-sm-pull-7 {
    right: 58.33333%; }
  .col-flex-sm-pull-8 {
    right: 66.66667%; }
  .col-flex-sm-pull-9 {
    right: 75%; }
  .col-flex-sm-pull-10 {
    right: 83.33333%; }
  .col-flex-sm-pull-11 {
    right: 91.66667%; }
  .col-flex-sm-pull-12 {
    right: 100%; }
  .col-flex-sm-push-0 {
    left: auto; }
  .col-flex-sm-push-1 {
    left: 8.33333%; }
  .col-flex-sm-push-2 {
    left: 16.66667%; }
  .col-flex-sm-push-3 {
    left: 25%; }
  .col-flex-sm-push-4 {
    left: 33.33333%; }
  .col-flex-sm-push-5 {
    left: 41.66667%; }
  .col-flex-sm-push-6 {
    left: 50%; }
  .col-flex-sm-push-7 {
    left: 58.33333%; }
  .col-flex-sm-push-8 {
    left: 66.66667%; }
  .col-flex-sm-push-9 {
    left: 75%; }
  .col-flex-sm-push-10 {
    left: 83.33333%; }
  .col-flex-sm-push-11 {
    left: 91.66667%; }
  .col-flex-sm-push-12 {
    left: 100%; }
  .col-flex-sm-offset-0 {
    margin-left: 0%; }
  .col-flex-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-flex-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-flex-sm-offset-3 {
    margin-left: 25%; }
  .col-flex-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-flex-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-flex-sm-offset-6 {
    margin-left: 50%; }
  .col-flex-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-flex-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-flex-sm-offset-9 {
    margin-left: 75%; }
  .col-flex-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-flex-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-flex-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1025px) {
  .start-md {
    justify-content: flex-start; }
    .start-md.text-start {
      text-align: start; }
  .center-md {
    justify-content: center; }
    .center-md.text-center {
      text-align: center; }
  .end-md {
    justify-content: flex-end; }
    .end-md.text-end {
      text-align: end; }
  .top-md {
    align-items: flex-start; }
  .middle-md {
    align-items: center; }
  .bottom-md {
    align-items: flex-end; }
  .col-flex-md-1 {
    width: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-flex-md-2 {
    width: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-flex-md-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-flex-md-4 {
    width: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-flex-md-5 {
    width: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-flex-md-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-flex-md-7 {
    width: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-flex-md-8 {
    width: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-flex-md-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-flex-md-10 {
    width: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-flex-md-11 {
    width: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-flex-md-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-flex-md-pull-0 {
    right: auto; }
  .col-flex-md-pull-1 {
    right: 8.33333%; }
  .col-flex-md-pull-2 {
    right: 16.66667%; }
  .col-flex-md-pull-3 {
    right: 25%; }
  .col-flex-md-pull-4 {
    right: 33.33333%; }
  .col-flex-md-pull-5 {
    right: 41.66667%; }
  .col-flex-md-pull-6 {
    right: 50%; }
  .col-flex-md-pull-7 {
    right: 58.33333%; }
  .col-flex-md-pull-8 {
    right: 66.66667%; }
  .col-flex-md-pull-9 {
    right: 75%; }
  .col-flex-md-pull-10 {
    right: 83.33333%; }
  .col-flex-md-pull-11 {
    right: 91.66667%; }
  .col-flex-md-pull-12 {
    right: 100%; }
  .col-flex-md-push-0 {
    left: auto; }
  .col-flex-md-push-1 {
    left: 8.33333%; }
  .col-flex-md-push-2 {
    left: 16.66667%; }
  .col-flex-md-push-3 {
    left: 25%; }
  .col-flex-md-push-4 {
    left: 33.33333%; }
  .col-flex-md-push-5 {
    left: 41.66667%; }
  .col-flex-md-push-6 {
    left: 50%; }
  .col-flex-md-push-7 {
    left: 58.33333%; }
  .col-flex-md-push-8 {
    left: 66.66667%; }
  .col-flex-md-push-9 {
    left: 75%; }
  .col-flex-md-push-10 {
    left: 83.33333%; }
  .col-flex-md-push-11 {
    left: 91.66667%; }
  .col-flex-md-push-12 {
    left: 100%; }
  .col-flex-md-offset-0 {
    margin-left: 0%; }
  .col-flex-md-offset-1 {
    margin-left: 8.33333%; }
  .col-flex-md-offset-2 {
    margin-left: 16.66667%; }
  .col-flex-md-offset-3 {
    margin-left: 25%; }
  .col-flex-md-offset-4 {
    margin-left: 33.33333%; }
  .col-flex-md-offset-5 {
    margin-left: 41.66667%; }
  .col-flex-md-offset-6 {
    margin-left: 50%; }
  .col-flex-md-offset-7 {
    margin-left: 58.33333%; }
  .col-flex-md-offset-8 {
    margin-left: 66.66667%; }
  .col-flex-md-offset-9 {
    margin-left: 75%; }
  .col-flex-md-offset-10 {
    margin-left: 83.33333%; }
  .col-flex-md-offset-11 {
    margin-left: 91.66667%; }
  .col-flex-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .start-lg {
    justify-content: flex-start; }
    .start-lg.text-start {
      text-align: start; }
  .center-lg {
    justify-content: center; }
    .center-lg.text-center {
      text-align: center; }
  .end-lg {
    justify-content: flex-end; }
    .end-lg.text-end {
      text-align: end; }
  .top-lg {
    align-items: flex-start; }
  .middle-lg {
    align-items: center; }
  .bottom-lg {
    align-items: flex-end; }
  .col-flex-lg-1 {
    width: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-flex-lg-2 {
    width: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-flex-lg-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-flex-lg-4 {
    width: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-flex-lg-5 {
    width: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-flex-lg-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-flex-lg-7 {
    width: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-flex-lg-8 {
    width: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-flex-lg-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-flex-lg-10 {
    width: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-flex-lg-11 {
    width: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-flex-lg-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-flex-lg-pull-0 {
    right: auto; }
  .col-flex-lg-pull-1 {
    right: 8.33333%; }
  .col-flex-lg-pull-2 {
    right: 16.66667%; }
  .col-flex-lg-pull-3 {
    right: 25%; }
  .col-flex-lg-pull-4 {
    right: 33.33333%; }
  .col-flex-lg-pull-5 {
    right: 41.66667%; }
  .col-flex-lg-pull-6 {
    right: 50%; }
  .col-flex-lg-pull-7 {
    right: 58.33333%; }
  .col-flex-lg-pull-8 {
    right: 66.66667%; }
  .col-flex-lg-pull-9 {
    right: 75%; }
  .col-flex-lg-pull-10 {
    right: 83.33333%; }
  .col-flex-lg-pull-11 {
    right: 91.66667%; }
  .col-flex-lg-pull-12 {
    right: 100%; }
  .col-flex-lg-push-0 {
    left: auto; }
  .col-flex-lg-push-1 {
    left: 8.33333%; }
  .col-flex-lg-push-2 {
    left: 16.66667%; }
  .col-flex-lg-push-3 {
    left: 25%; }
  .col-flex-lg-push-4 {
    left: 33.33333%; }
  .col-flex-lg-push-5 {
    left: 41.66667%; }
  .col-flex-lg-push-6 {
    left: 50%; }
  .col-flex-lg-push-7 {
    left: 58.33333%; }
  .col-flex-lg-push-8 {
    left: 66.66667%; }
  .col-flex-lg-push-9 {
    left: 75%; }
  .col-flex-lg-push-10 {
    left: 83.33333%; }
  .col-flex-lg-push-11 {
    left: 91.66667%; }
  .col-flex-lg-push-12 {
    left: 100%; }
  .col-flex-lg-offset-0 {
    margin-left: 0%; }
  .col-flex-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-flex-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-flex-lg-offset-3 {
    margin-left: 25%; }
  .col-flex-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-flex-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-flex-lg-offset-6 {
    margin-left: 50%; }
  .col-flex-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-flex-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-flex-lg-offset-9 {
    margin-left: 75%; }
  .col-flex-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-flex-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-flex-lg-offset-12 {
    margin-left: 100%; } }

[data-toggle="collapse"] {
  cursor: pointer;
  position: relative;
  padding-right: 4.2rem; }
  [data-toggle="collapse"]:after {
    display: inline-block;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  [data-toggle="collapse"]:after {
    -webkit-transition: transform 300ms ease-out 0s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: transform 300ms ease-out 0s;
    /* Firefox 4.0 - 15  */
    -o-transition: transform 300ms ease-out 0s;
    /* Opera 10.5+  */
    transition: transform 300ms ease-out 0s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.8rem;
    height: 1.8rem;
    margin: -0.9rem 1.2rem 0;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .panel-in [data-toggle="collapse"]:after, [data-toggle="collapse"].panel-in:after, [data-toggle="collapse"][aria-expanded="true"]:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  [data-toggle="collapse"]:after, [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .prd-filter [data-toggle="collapse"]:before {
    display: inline-block;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .prd-filter [data-toggle="collapse"]:after {
    font-family: "novosales_iconsweb"; }
  .prd-filter [data-toggle="collapse"]:before, .prd-filter [data-toggle="collapse"]:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    margin: -0.55rem 0 0;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .prd-filter [data-toggle="collapse"].panel-in:after, .prd-filter [data-toggle="collapse"][aria-expanded="true"]:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .prd-filter [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  html.firefox .prd-filter [data-toggle="collapse"]:before, html.firefox .prd-filter [data-toggle="collapse"]:after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transform: none;
    /* Safari and Chrome */
    -moz-transform: none;
    /* Firefox */
    -ms-transform: none;
    /* IE 9 */
    -o-transform: none;
    /* Opera */
    transform: none; }
  html.firefox .prd-filter [data-toggle="collapse"]:before {
    display: none; }
  html.firefox .prd-filter [data-toggle="collapse"].collapsed:after:after {
    font-family: "novosales_iconsweb"; }

/*
html structure:
.js_toggle-content .js_toggle-item
.js_toggle-content > .folded
*/
html.js .js_toggle-content > .folded .js_toggle-item {
  display: none; }

.js_fso {
  cursor: pointer; }

.nav > li > .js_fso {
  display: block; }

#js_fso-form {
  display: none; }

.header__notification {
  display: grid;
  width: 100%;
  text-align: center;
  color: #000;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 20px;
  vertical-align: middle;
  align-items: center; }

.header__notification.less {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  height: 4.2rem; }

.relocate_arrow {
  position: absolute;
  top: 10px;
  right: 10px; }

.bg-default-header {
  background: #e0e0e0; }

@media screen and (max-width: 1024px) {
  body:not(.page-checkout) header.main-header {
    border-bottom: 1px solid #d1d1d1; } }

:root {
  --grid-gap: 12px;
  --grid-column-gap: 12px;
  --grid-row-gap: 8px;
  --color-white: #fff; }

.header {
  --grid-areas: "location location location location" "menu logo search-button basket" "search search search search";
  --menu-width: 48px;
  --menu-height: 48px;
  --action-section-width: 100px;
  --border-bottom: 1px solid #d1d1d1;
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 8px;
  --padding-left: 0;
  --grid-col-1: fit-content(75px);
  --grid-col-2: 1fr;
  --grid-col-3: fit-content(75px);
  --grid-col-4: 75px;
  display: grid;
  grid-template-areas: var(--grid-areas);
  grid-template-columns: var(--grid-col-1) var(--grid-col-2) var(--grid-col-3) var(--grid-col-4);
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
  border-bottom: var(--border-bottom);
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left); }
  @media (min-width: 768px) {
    .header {
      --grid-areas: "location location location location" "menu logo search basket";
      --grid-col-3: 1fr;
      --grid-col-4: fit-content(100px); } }
  @media screen and (min-width: 1025px) {
    .header {
      --grid-areas: "logo location location" "logo search basket";
      --border-bottom: 0;
      --grid-row-gap: 0;
      --grid-col-1: fit-content(300px);
      --grid-col-2: 1fr;
      --grid-col-3: fit-content(125px);
      --padding-top: 12px;
      --padding-bottom: 12px;
      --padding-left: 16px;
      grid-template-columns: var(--grid-col-1) var(--grid-col-2) var(--grid-col-3); } }
  .header.-basket {
    --grid-areas: "location location" "logo logo";
    grid-template-columns: var(--grid-col-1) var(--grid-col-2);
    --padding-left: 0;
    --grid-column-gap: .8rem; }
    @media (min-width: 1024px) {
      .header.-basket {
        --grid-areas: "logo location" "logo search"; } }
  @media (max-width: 1024px) {
    .header__wrapper {
      padding: 0;
      height: 118px;
      max-width: 744px; } }
  @media (min-width: 1025px) {
    .header__wrapper {
      height: 111px;
      width: 940px; } }
  @media (min-width: 1200px) {
    .header__wrapper {
      height: 111px;
      width: 1140px; } }
  .header__top-nav {
    grid-area: location; }
  .header__menu {
    --justify-self: center;
    --align-self: center;
    grid-area: menu;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    width: var(--menu-width);
    height: var(--menu-height);
    justify-self: var(--justify-self);
    align-self: var(--align-self); }
    .header__menu:hover, .header__menu:focus, .header__menu:active, .header__menu:focus:active, .header__menu:focus:hover {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    @media (min-width: 768px) {
      .header__menu {
        --justify-self: start; } }
    @media screen and (min-width: 1025px) {
      .header__menu {
        display: none; } }
    .header__menu.-basket {
      display: none; }
  .header__logo {
    --logo-width: 136px;
    --logo-height: 47px;
    --justify-self: center;
    --align-self: center;
    grid-area: logo;
    display: inline-block;
    max-width: var(--logo-width);
    max-height: var(--logo-height);
    justify-self: var(--justify-self);
    align-self: var(--align-self); }
    @media (min-width: 768px) {
      .header__logo {
        --justify-self: center;
        --align-self: center; } }
    @media screen and (min-width: 768px) and (max-width: 1025px) {
      .header__logo {
        --logo-width: 161px;
        --logo-height: 55px; } }
    @media screen and (min-width: 1025px) {
      .header__logo {
        --logo-width: 250px;
        --logo-height: 87px; } }
    .header__logo.-basket {
      padding-left: 0.5rem; }
  .header__logo-img {
    max-width: var(--logo-width);
    max-height: var(--logo-height);
    object-fit: contain;
    width: 100%;
    height: var(--logo-height);
    transition: 125ms linear opacity, 125ms linear transform; }
  .header__icon {
    --font-size: 2.8rem;
    font-size: var(--font-size) !important;
    font-family: "novosales_iconsweb", serif; }
  .header__search {
    --justify-self: end;
    --align-self: center;
    --padding-top: 8px;
    --padding-right: 8px;
    --padding-bottom: 8px;
    --padding-left: 8px;
    --width: 100%;
    grid-area: search;
    justify-self: var(--justify-self);
    align-self: var(--align-self);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
    text-underline: none;
    width: var(--width);
    transition: 125ms linear opacity, 125ms linear transform; }
    @media (min-width: 768px) {
      .header__search {
        --justify-self: start;
        --align-self: center; } }
    @media screen and (min-width: 768px) and (max-width: 1025px) {
      .header__search {
        --justify-self: center;
        --align-self: center;
        --padding-bottom: 0; } }
    @media screen and (min-width: 1025px) {
      .header__search {
        --justify-self: end;
        --align-self: center;
        --width: 75%;
        --padding-bottom: 0; } }
    .header__search.-basket {
      display: none; }
  .header__search-field-group {
    --font-size: 1.3rem;
    display: grid;
    font-size: var(--font-size); }
  .header__search-input {
    grid-area: 1 / 1; }
  .header__search-icon {
    --margin-right: 0;
    --justify-self: end;
    --align-self: center;
    --z-index: 5;
    --padding: 0 8px;
    grid-area: 1 / 1;
    margin-right: var(--margin-right);
    justify-self: var(--justify-self);
    align-self: var(--align-self);
    z-index: var(--z-index);
    padding: var(--padding); }
    @media (min-width: 768px) {
      .header__search-icon {
        --margin-right: 10px;
        --padding: inherit; } }
  .header__toggle-search {
    text-decoration: none;
    grid-area: search-button; }
    .header__toggle-search:hover, .header__toggle-search:focus, .header__toggle-search:active, .header__toggle-search:focus:active, .header__toggle-search:focus:hover {
      text-decoration: none; }
    @media (min-width: 768px) {
      .header__toggle-search {
        display: none; } }
    .header__toggle-search.-basket {
      display: none !important; }
  .header__basket {
    --justify-self: start;
    --align-self: center;
    --padding-top: 8px;
    --padding-right: 8px;
    --padding-bottom: 8px;
    --padding-left: 8px;
    grid-area: basket;
    position: relative;
    justify-self: var(--justify-self);
    align-self: var(--align-self);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
    text-decoration: none;
    transition: 125ms linear opacity, 125ms linear transform; }
    .header__basket:hover, .header__basket:focus, .header__basket:active, .header__basket:focus:active, .header__basket:focus:hover {
      text-decoration: none; }
    @media (min-width: 768px) {
      .header__basket {
        --justify-self: center;
        --align-self: center; } }
    @media screen and (min-width: 768px) and (max-width: 1025px) {
      .header__basket {
        --justify-self: center;
        --align-self: center;
        --padding-bottom: 0; } }
    @media screen and (min-width: 1025px) {
      .header__basket {
        --padding-bottom: 0; } }
  .header__cart {
    display: inline-block;
    position: relative; }
  .header__cart-text {
    --font-weight: bold;
    --font-size: 1.3rem;
    font-weight: var(--font-weight);
    font-size: var(--font-size); }
  .header__badge {
    position: absolute !important;
    top: -5px !important;
    right: -10px;
    color: var(--color-white);
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .header .mobile-search {
    --margin: 8px 0;
    margin: var(--margin); }

@media (min-width: 768px) {
  .header {
    --width: 750px;
    --grid-areas: "location location location location" "menu logo search basket";
    --grid-col-3: 1fr;
    --grid-col-4: fit-content(100px); }
    .header__logo {
      --justify-self: center;
      --align-self: center; }
    .header__menu {
      --justify-self: start; }
    .header__search {
      --justify-self: start;
      --align-self: center; }
    .header__search-icon {
      --margin-right: 10px;
      --padding: inherit; }
    .header__basket {
      --justify-self: center;
      --align-self: center; }
    .header__toggle-search {
      display: none; } }

@media screen and (min-width: 768px) and (max-width: 1025px) {
  .header__logo {
    --logo-width: 161px;
    --logo-height: 55px; }
  .header__search {
    --justify-self: center;
    --align-self: center;
    --padding-bottom: 0; }
  .header__basket {
    --justify-self: center;
    --align-self: center;
    --padding-bottom: 0; } }

@media screen and (min-width: 1025px) {
  .header {
    --grid-areas: "logo location location" "logo search basket";
    --border-bottom: 0;
    --grid-row-gap: 0;
    --grid-col-1: fit-content(300px);
    --grid-col-2: 1fr;
    --grid-col-3: fit-content(125px);
    --padding-top: 12px;
    --padding-bottom: 12px;
    --padding-left: 24px;
    grid-template-columns: var(--grid-col-1) var(--grid-col-2) var(--grid-col-3); }
    .header__logo {
      --logo-width: 250px;
      --logo-height: 87px; }
    .header__search {
      --justify-self: end;
      --align-self: center;
      --width: 75%;
      --padding-bottom: 0; }
    .header__menu {
      display: none; }
    .header__basket {
      --padding-bottom: 0; } }

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .header {
    --width: 964px; } }

@media screen and (min-width: 1200px) {
  .header {
    --width: 1164px; } }

.sticky {
  z-index: 1000;
  background: white;
  top: 0;
  position: sticky; }

[id] {
  scroll-margin-top: 16rem; }

@media (min-width: 1024px) {
  .hide-header-elements {
    opacity: 0;
    height: 0; } }

@media (min-width: 1024px) {
  .hide-header-elements--hidden {
    display: none; } }

.hide-header-elements--mobile-hidden {
  display: none; }

.logo {
  float: left;
  text-decoration: none !important; }
  @media screen and (max-width: 1024px) {
    .logo {
      text-align: center; } }
  .logo,
  .logo img {
    display: inline-block; }
  .logo img {
    max-width: 100%;
    max-height: 7.5rem;
    height: auto; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .logo img {
        max-height: 5.5rem; } }
    @media screen and (max-width: 767px) {
      .logo img {
        max-height: 4.7rem; } }

.header-elements .logo {
  position: relative;
  width: 100%; }
  .header-elements .logo svg,
  .header-elements .logo img {
    height: auto; }
  .header-elements .logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.header-elements .col {
  float: left;
  width: 244px; }
  .header-elements .col:last-child {
    width: calc(100% - 244px); }
  @media (min-width: 1025px) {
    .header-elements .col {
      padding-right: 12px;
      padding-left: 12px; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .header-elements .col {
      width: 232px; }
      .header-elements .col:last-child {
        width: calc(100% - 232px); }
      .header-elements .col .logo {
        width: 161px; } }
  @media screen and (max-width: 767px) {
    .header-elements .col {
      position: relative;
      width: calc(100% - 9.8rem); }
      .header-elements .col:first-child {
        text-align: center;
        padding-left: 42px; }
      .header-elements .col:last-child {
        width: 9.8rem; }
      .header-elements .col .logo {
        float: none;
        width: 136px;
        margin-top: -7px; } }

.header-elements .searchbox-header {
  width: 100%;
  float: right; }
  .header-elements .searchbox-header .basket-element {
    padding: 0 1.2rem 0 0.8rem; }
  @media (min-width: 1025px) {
    .header-elements .searchbox-header {
      padding-top: 3.5rem;
      max-width: 57rem; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .header-elements .searchbox-header {
      padding-top: 0.5rem; } }
  @media (min-width: 768px) {
    .header-elements .searchbox-header {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-end; }
      .header-elements .searchbox-header .search-element,
      .header-elements .searchbox-header .basket-element {
        flex: 0 1 auto;
        order: 0; }
      .header-elements .searchbox-header .basket-element {
        order: 1; }
      .header-elements .searchbox-header .search-element {
        flex-grow: 1;
        padding-right: 12px; } }
  @media screen and (max-width: 767px) {
    .header-elements .searchbox-header .search-element,
    .header-elements .searchbox-header .basket-element {
      float: right; } }

.header-elements .btn,
.header-elements .input-group-btn,
.header-elements .main-search .form-control {
  height: 3.9rem; }

.header-elements .btn:not(.cart-btn):not(.error-dismiss),
.header-elements .input-group-btn:not(.cart-btn):not(.error-dismiss) {
  width: 3.9rem; }

.header-elements .btn [class*="icon"]:before,
.header-elements .input-group-btn [class*="icon"]:before {
  font-size: 2.8rem; }

@media screen and (max-width: 1024px) {
  .header-elements .text-center > .logo {
    float: none;
    width: 15rem; } }

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .header-elements {
    padding: 0.8rem 12px 12px; }
    .header-elements .searchbox-header {
      margin-top: 1.2rem; } }

@media screen and (max-width: 767px) {
  .header-elements {
    padding: 12px 12px 0.8rem; }
    .header-elements .searchbox-header {
      margin-top: 0.4rem; } }

.page-checkout .header-elements {
  padding: 24px 0; }
  @media screen and (max-width: 1024px) {
    .page-checkout .header-elements {
      padding: 1.6rem 0; } }

.searchbox-header .btn.toggle-search {
  position: relative; }

.navbar-toggle {
  margin-right: 0;
  padding-top: 16px; }
  .navbar-toggle:hover {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .navbar-toggle .icon:before {
    display: inline-block;
    font-size: 3rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  @media screen and (max-width: 767px) {
    .navbar-toggle .icon:before {
      font-size: 2.8rem; } }
  @media screen and (max-width: 1024px) {
    .navbar-toggle {
      margin: 0;
      padding: 22px 12px 0 0; } }
  @media screen and (max-width: 767px) {
    .navbar-toggle {
      position: absolute;
      left: 0; }
      #page .navbar-toggle {
        padding-top: 10px; } }

.main-search {
  position: relative;
  width: 100%; }
  .main-search,
  .main-search input.form-control {
    font-size: 1.3rem; }
  @media (min-width: 768px) {
    .main-search input.form-control {
      padding-right: 5.8rem; } }
  .main-search .btn [class*="icon"] {
    margin-right: 0; }
  @media (min-width: 768px) {
    .main-search .input-group-btn {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5; }
    .main-search .btn {
      border-style: none; } }
  @media screen and (max-width: 767px) {
    .header-search-wrapper .main-search {
      display: none; }
    .main-search .btn.toggle-search {
      display: block; } }

@media (min-width: 768px) {
  .search-form button.btn {
    padding: 0; } }

.btn.toggle-search {
  display: none;
  padding: 0;
  height: 10px; }
  .btn.toggle-search .nm-icon {
    margin: 0; }
    .btn.toggle-search .nm-icon:before {
      margin: 0; }
  .btn.toggle-search:after {
    display: none; }
  @media screen and (max-width: 767px) {
    .btn.toggle-search {
      display: block; } }

.mobile-search {
  padding: 0 12px; }
  .mobile-search form {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem; }
  .mobile-search .collapse-wrapper {
    width: 100%; }

.suggest {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
  background: #fff;
  border: 1px solid #ababab;
  font-size: 1.3rem;
  margin-top: -1px;
  padding: 0.4rem 0; }
  .suggest > * {
    padding: 1rem 0.8rem;
    margin: 0 0.4rem; }
  .suggest .autocomplete-suggestion {
    cursor: pointer; }
    .suggest .autocomplete-suggestion strong {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .suggest .autocomplete-selected {
    color: whitesmoke;
    background: #464646; }
  .suggest .header-divider-title {
    text-transform: uppercase;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 0.4rem; }

.nav-meta {
  padding: 0; }
  @media screen and (min-width: 1025px) {
    .nav-meta {
      padding: initial; } }
  .nav-meta__top-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-meta__header-element {
    font-size: 1.3rem;
    cursor: pointer;
    position: relative; }
    .nav-meta__header-element--transparent {
      display: none; }
      @media screen and (min-width: 1025px) {
        .nav-meta__header-element--transparent {
          display: block; } }
    .nav-meta__header-element--filled {
      display: none; }
      @media screen and (min-width: 1025px) {
        .nav-meta__header-element--filled {
          display: block;
          margin-left: 1.2rem; } }
    .nav-meta__header-element--location, .nav-meta__header-element--location-merchant {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      box-shadow: 0 0 1px 0 hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      padding: 1.2rem;
      color: #fff;
      cursor: pointer; }
      @media screen and (min-width: 1025px) {
        .nav-meta__header-element--location, .nav-meta__header-element--location-merchant {
          width: auto;
          margin-left: 1.2rem; } }
      .nav-meta__header-element--location-merchant {
        cursor: initial; }
    .nav-meta__header-element ~ .nav-meta__header-element:not(.nav-meta__header-element--filled):not(:last-of-type):before {
      content: "";
      position: absolute;
      left: 0;
      top: 25%;
      height: 50%;
      border-left: 1px solid #b2b2b2; }
  .nav-meta__transparent-btn {
    color: #3c3c3b;
    padding: 1.2rem;
    font-weight: bold;
    display: block; }
  .nav-meta__filled-btn {
    color: #fff;
    font-weight: bold;
    padding: 1.2rem;
    background-color: #777777;
    box-shadow: 0 0 1px 0 #777777;
    display: block; }
    .nav-meta__filled-btn:active, .nav-meta__filled-btn:hover, .nav-meta__filled-btn:focus, .nav-meta__filled-btn:focus:active, .nav-meta__filled-btn:focus:hover {
      text-decoration: none;
      cursor: pointer;
      color: #fff; }
  .nav-meta__location-btn--pin-icon {
    font-size: 2.2rem;
    vertical-align: center;
    margin-right: 10px;
    line-height: 0; }
  .nav-meta__location-btn--label {
    margin-right: 10px; }
  .nav-meta__location-btn--zip {
    font-weight: bold;
    margin-right: 10px;
    text-transform: uppercase; }
  .nav-meta__location-btn--chevron {
    line-height: 0;
    top: 0; }

@media (min-width: 1025px) {
  .navigation-vue-wrapper {
    height: 40px;
    width: 964px; } }

@media (min-width: 1200px) {
  .navigation-vue-wrapper {
    height: 40px;
    width: 1164px; } }

@media (min-width: 768px) {
  .page-checkout .nav-main-wrapper .container {
    padding-right: 24px;
    padding-left: 24px; }
    .page-checkout .nav-main-wrapper .container .basket-status {
      border-top: 1px solid #d1d1d1;
      border-bottom: 1px solid #d1d1d1; } }

@media screen and (max-width: 767px) {
  .page-checkout .nav-main-wrapper {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1; } }

.page-checkout .nav-main-wrapper .basket-status {
  padding: 0.8rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #464646; }
  .page-checkout .nav-main-wrapper .basket-status > div {
    float: left; }
    .page-checkout .nav-main-wrapper .basket-status > div + div {
      border-left: 1px solid #d1d1d1;
      margin-left: 1.2rem;
      padding-left: 1.2rem; }
  .page-checkout .nav-main-wrapper .basket-status .mobile-status div {
    float: left; }
    .page-checkout .nav-main-wrapper .basket-status .mobile-status div + div {
      margin-left: 1.2rem; }
  @media screen and (max-width: 1024px) {
    .page-checkout .nav-main-wrapper .basket-status {
      font-size: 1.3rem;
      font-weight: normal;
      line-height: 1.2em;
      padding: 0.4rem 12px; } }
  .page-checkout .nav-main-wrapper .basket-status [class*="icon"] {
    font-size: 2.8rem;
    position: relative; }

.nav-main {
  /*
  $second-lvl-rows: 100;
  $second-lvl-cols: 4;
  $showNavImageInLastRow: true;
  $third-lvl-max-elements: 100;

  $second-lvl-max-elements: $second-lvl-cols*$second-lvl-rows;
  @if $showNavImageInLastRow == true {
    $second-lvl-max-elements: ($second-lvl-cols*$second-lvl-rows - 1);
  }
  */
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1; }
  .nav-main img {
    max-width: 100%;
    height: auto; }
  .nav-main .nav-img-wrapper {
    display: none; }
  @media (min-width: 1025px) {
    .nav-main {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      position: relative; }
      .nav-main > li > .js_fso,
      .nav-main > li > a {
        position: relative;
        color: #464646;
        background-color: transparent !important;
        overflow: hidden;
        padding: 0.8rem 0;
        font-weight: bold; }
        .nav-main > li > .js_fso:after,
        .nav-main > li > a:after {
          -webkit-transition: bottom 200ms ease-out 0s;
          /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          -moz-transition: bottom 200ms ease-out 0s;
          /* Firefox 4.0 - 15  */
          -o-transition: bottom 200ms ease-out 0s;
          /* Opera 10.5+  */
          transition: bottom 200ms ease-out 0s;
          /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
          position: absolute;
          left: 50%;
          bottom: -8px;
          margin-left: -8px;
          content: '';
          width: 0;
          height: 0;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 8px solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
      .nav-main > li li .js_fso:hover {
        text-decoration: underline; }
      .nav-main > li ul ul .js_fso,
      .nav-main > li ul ul a {
        color: #777777;
        display: inline-block; }
      .nav-main > li:hover > .js_fso,
      .nav-main > li:hover > a, .nav-main > li.active > .js_fso,
      .nav-main > li.active > a {
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
      .nav-main > li + li > > .js_fso:before,
      .nav-main > li + li > a:before {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 1.5rem;
        background-color: #d1d1d1; }
      .nav-main > li ul {
        display: none;
        margin: 0;
        padding: 0; }
      .nav-main > li li {
        list-style: none; }
      .nav-main > li li .js_fso,
      .nav-main > li li a {
        color: #464646; }
        .nav-main > li li .js_fso:hover, .nav-main > li li .js_fso:active, .nav-main > li li .js_fso.active,
        .nav-main > li li a:hover,
        .nav-main > li li a:active,
        .nav-main > li li a.active {
          color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
      .nav-main > li.hover {
        position: static; }
        .nav-main > li.hover .js_fso:after,
        .nav-main > li.hover a:after {
          bottom: 0; }
        .nav-main > li.hover > ul {
          display: block; }
          .nav-main > li.hover > ul ul {
            display: block; }
      .nav-main > li > ul {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.175);
        position: absolute;
        left: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid #d1d1d1;
        border-top-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
        z-index: 10;
        column-count: 4;
        column-gap: 3rem;
        column-rule: 1px solid #d1d1d1;
        padding: 2rem 3rem; }
        .nav-main > li > ul .column-balance {
          overflow: inherit !important; }
        .nav-main > li > ul > li {
          display: block;
          margin-bottom: 1.2rem; }
          .nav-main > li > ul > li > .js_fso,
          .nav-main > li > ul > li > a {
            font-weight: bold;
            padding-bottom: 0.2rem;
            display: inline-block; } }

.nav-mobile-wrapper {
  -webkit-box-shadow: 1px 0 4px 0 rgba(0,0,0,.175);
  box-shadow: 1px 0 4px 0 rgba(0,0,0,.175);
  display: none;
  z-index: 0; }
  @media screen and (max-width: 1024px) {
    .nav-mobile-wrapper {
      position: fixed;
      display: block;
      height: 100%;
      background-color: #fff;
      overflow: hidden; } }
  .nav-mobile-open .nav-mobile-wrapper {
    z-index: 1000;
    overflow-y: auto; }

.nav-mobile {
  border-top-style: none;
  border-bottom-style: none; }
  .nav-mobile li {
    padding: 0 0.8rem; }
    .nav-mobile li.account a, .nav-mobile li.logout a {
      border-bottom: none; }
    .nav-mobile li.logout {
      padding-left: 4rem; }
    .nav-mobile li.contact {
      font-weight: normal !important; }
    .nav-mobile li a, .nav-mobile li span.navigation__link {
      border-bottom: 1px solid #d1d1d1; }
  .nav-mobile > li:not(.nav-mobile-ctr),
  .nav-mobile .nav-mobile-ctr__headline {
    font-weight: bold; }
  .nav-mobile li li {
    font-weight: normal; }
  .nav-mobile .js_fso,
  .nav-mobile span.navigation__link, .nav-mobile,
  .nav-mobile a {
    position: relative; }
  .nav-mobile li {
    min-height: 4.4rem;
    display: flex;
    align-items: center; }
    .nav-mobile li .js_fso,
    .nav-mobile li span.navigation__link,
    .nav-mobile li a {
      width: 100%; }
  .nav-mobile,
  .nav-mobile ul {
    list-style: none;
    padding: 0; }
  .nav-mobile > li.has-children > .js_fso,
  .nav-mobile > li.has-children > span.navigation__link,
  .nav-mobile > li.has-children > a {
    color: #464646;
    background-color: #fff; }
  .nav-mobile ul {
    display: none;
    position: absolute;
    top: 10.6rem;
    left: 100%;
    max-width: 100%; }
    .nav-mobile ul ul {
      top: 0; }
  .nav-mobile li {
    position: static;
    width: 100%;
    float: none;
    cursor: pointer; }
    .nav-mobile li > .js_fso,
    .nav-mobile li > span.navigation__link,
    .nav-mobile li > a {
      word-wrap: break-word;
      padding: 0.8rem 0.4rem; }
    .nav-mobile li.has-children > .js_fso,
    .nav-mobile li.has-children > span.navigation__link,
    .nav-mobile li.has-children > a {
      padding-right: 2.6rem; }
      .nav-mobile li.has-children > .js_fso:before,
      .nav-mobile li.has-children > span.navigation__link:before,
      .nav-mobile li.has-children > a:before {
        display: inline-block;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        vertical-align: middle;
        text-decoration: inherit;
        text-transform: none !important;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: "novosales_iconsweb"; }
      .nav-mobile li.has-children > .js_fso:before,
      .nav-mobile li.has-children > span.navigation__link:before,
      .nav-mobile li.has-children > a:before {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 0.4rem; }
    .nav-mobile li .nav-off--lvl-2 li.has-children > .js_fso:before,
    .nav-mobile li .nav-off--lvl-2 li.has-children > span.navigation__link:before,
    .nav-mobile li .nav-off--lvl-2 li.has-children > a:before {
      display: none; }
    .nav-mobile li.nav-mobile-ctr .js_fso:hover,
    .nav-mobile li.nav-mobile-ctr > span.navigation__link:hover,
    .nav-mobile li.nav-mobile-ctr a:hover {
      background-color: transparent; }
    .nav-mobile li > .js_fso,
    .nav-mobile li > span.navigation__link,
    .nav-mobile li > a,
    .nav-mobile li > .nm-icon {
      color: #464646; }
    .nav-mobile li.active > .js_fso,
    .nav-mobile li.active > span.navigation__link,
    .nav-mobile li.active > a,
    .nav-mobile li.active > .nm-icon {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .nav-mobile li.active > .js_fso,
    .nav-mobile li.active > span.navigation__link,
    .nav-mobile li.active > a {
      background: #fff; }
    .nav-mobile li + li {
      margin-left: 0; }
  .nav-mobile span.navigation__link + ul,
  .nav-mobile .js_fso.clicked + ul,
  .nav-mobile a.clicked + ul {
    display: block; }
  .nav-mobile .nav > li > .js_fso,
  .nav-mobile .nav > li > a,
  .nav-mobile .js_fso,
  .nav-mobile span.navigation__link,
  .nav-mobile a {
    display: block;
    padding: 1.2rem 2.2rem;
    text-decoration: none; }
  .nav-mobile .nav-mobile-ctr__back .nm-icon {
    position: relative;
    width: 2.2rem;
    text-align: center;
    line-height: 4.4rem;
    z-index: 1; }
  body .nav-mobile .btn-notepad-mobile {
    position: relative; }
    body .nav-mobile .btn-notepad-mobile .js_fso,
    body .nav-mobile .btn-notepad-mobile span.navigation__link,
    body .nav-mobile .btn-notepad-mobile a {
      position: static;
      padding-left: 4.4rem; }
    body .nav-mobile .btn-notepad-mobile .nm-icon {
      position: absolute;
      top: 0;
      left: 2.2rem;
      text-align: left; }
    body .nav-mobile .btn-notepad-mobile .notepad-count {
      position: relative;
      right: -3px; }
  .nav-mobile .nav-mobile-ctr__back,
  .nav-mobile .nav-mobile-ctr__headline {
    top: 0;
    right: -100%;
    height: 4.4rem;
    width: 100%;
    border-bottom: 1px solid #d1d1d1; }
    .nav-mobile .nav-mobile-ctr__back a,
    .nav-mobile .nav-mobile-ctr__headline a {
      border-bottom-style: none; }
  .nav-mobile li.nav-mobile-ctr__headline {
    top: 4.4rem;
    background-color: #ededed;
    height: 6.3rem;
    display: inline-flex;
    align-items: center; }
    .nav-mobile li.nav-mobile-ctr__headline .js_fso,
    .nav-mobile li.nav-mobile-ctr__headline span.navigation__link,
    .nav-mobile li.nav-mobile-ctr__headline a {
      padding-top: 0;
      padding-bottom: 0;
      height: auto;
      min-height: 0;
      max-height: 100%; }
      .nav-mobile li.nav-mobile-ctr__headline .js_fso, .nav-mobile li.nav-mobile-ctr__headline .js_fso:hover,
      .nav-mobile li.nav-mobile-ctr__headline span.navigation__link,
      .nav-mobile li.nav-mobile-ctr__headline span.navigation__link:hover,
      .nav-mobile li.nav-mobile-ctr__headline a,
      .nav-mobile li.nav-mobile-ctr__headline a:hover {
        color: #464646;
        font-weight: bold; }
  .nav-mobile .nav-off--lvl-1 {
    right: -100%; }
  .nav-mobile .nav-off--lvl-2 {
    right: -200%; }
  .nav-mobile.nav-off--lvl-1 {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .nav-mobile.nav-off--lvl-2 {
    -webkit-transform: translate3d(-200%, 0, 0);
    -moz-transform: translate3d(-200%, 0, 0);
    -ms-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }

@media (min-width: 1025px) {
  #page .nav-mobile-ctr {
    display: none; }
  #page .nav-main {
    display: none; } }

ul.nav-page {
  list-style: none;
  padding: 1.2rem 0 2rem;
  margin: 0 0 1.2rem;
  border-bottom: 1px solid #d1d1d1; }
  ul.nav-page .active {
    font-weight: bold; }
  ul.nav-page li {
    margin-bottom: 0.4rem;
    padding-left: 0.8rem; }

.service-footer, .footer__navi {
  color: #464646;
  background: #ededed;
  border-top: 1px solid #e8e8e8; }
  .service-footer .headline, .footer__navi .headline {
    font-size: 1.5rem;
    font-weight: bold; }
    .service-footer .headline, .footer__navi .headline,
    .service-footer .headline *,
    .footer__navi .headline * {
      color: #464646; }
  .service-footer a, .footer__navi a {
    color: #464646; }
    .service-footer a:hover, .footer__navi a:hover, .service-footer a:active, .footer__navi a:active, .service-footer a:focus, .footer__navi a:focus {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

/*
// seo links
.footer-links__wrapper {
  padding-top: $nm-grid-gutter-width;
}

.footer-links {
  @extend %footer;
  @include nm-vertical-space(true);

  border-top: 5px solid $nm-color-brand;
}
*/
.main-footer {
  padding-top: 24px; }

.service-footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.3rem;
  border-top-width: 2px;
  border-bottom: 1px solid #d4d4d4; }
  .service-footer img {
    margin: 0 0.4rem 1.2rem;
    width: auto;
    max-width: 100%; }
  .service-footer .footer-social-media-image img {
    margin: 0.2rem 0.5rem 0 0; }
  .service-footer .payment-icons, .service-footer .payment-icons__ch {
    padding: 0.4rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center; }
    .service-footer .payment-icons img, .service-footer .payment-icons__ch img {
      height: 4rem; }
    .service-footer .payment-icons__ch {
      display: inline-grid;
      grid-template-columns: 1fr 1fr; }
  .service-footer li {
    padding-top: 1.4rem; }
  @media (min-width: 768px) {
    .service-footer .col-flex-sm-3 + .col-flex-sm-3 {
      border-left: 1px solid #d1d1d1; } }
  @media screen and (max-width: 767px) {
    .service-footer {
      padding-top: 0; }
      .service-footer .col-flex-xs-6 {
        position: relative;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem; }
        .service-footer .col-flex-xs-6:nth-child(2n):before {
          content: "";
          position: absolute;
          top: 1.2rem;
          left: 0;
          background-color: #d1d1d1;
          width: 1px;
          height: calc(100% - 2.4rem); }
        .service-footer .col-flex-xs-6:nth-child(n+3) {
          border-top: 1px solid #d1d1d1; } }
  .service-footer__images {
    width: 100% !important;
    height: auto; }

.footer__navi {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  flex-flow: column-reverse nowrap;
  padding: 1.2rem; }
  @media (min-width: 768px) {
    .footer__navi {
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center; } }

.footer__link-list {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1.6rem 0;
  padding: 0;
  font-size: small; }
  @media (min-width: 768px) {
    .footer__link-list {
      margin: 0; } }

.footer__link {
  padding: 0.8rem;
  display: block; }

.footer__messenger {
  display: inline-block;
  padding: 1.2rem 0;
  text-decoration: none;
  color: #3c3c3b; }

.footer__newsletter {
  display: inline-block;
  padding: 1.2rem 0;
  text-decoration: none;
  color: #3c3c3b; }

.partners-and-certificates {
  margin-bottom: 1.6rem; }
  .partners-and-certificates__header {
    margin: 0 0 1.6rem 0;
    text-align: center; }
  .partners-and-certificates__entries {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
  .partners-and-certificates__entry {
    padding: 0 !important;
    margin: 0 3.2rem 1.6rem 0; }
  .partners-and-certificates__link {
    display: block;
    width: 100%;
    height: 100%; }
  .partners-and-certificates__image {
    margin: 0 !important; }

.slider-icon {
  font-size: 15px;
  color: white; }

.filter-container {
  border-top: 0.25rem solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  background-color: #e6e6e6;
  padding: 1.5rem; }
  .filter-container form {
    margin-bottom: 1.5rem; }

.flex-item {
  background-color: #e6e6e6; }
  .flex-item:not(:last-of-type) {
    margin-bottom: 1.6rem; }
  .flex-item-form {
    display: grid;
    grid-template-columns: min-content 1fr;
    align-items: center;
    gap: .8rem; }
    .flex-item-form:first-of-type {
      margin-bottom: .8rem; }
    .flex-item-form:hover {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .flex-item-form > label {
      text-transform: none;
      margin-bottom: 0;
      font-size: 1.3rem; }
  .flex-item-form-promo {
    display: grid;
    grid-template-columns: min-content 1fr;
    align-items: center;
    gap: .8rem; }
    .flex-item-form-promo:first-of-type {
      margin-bottom: .8rem; }
    .flex-item-form-promo:hover {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .flex-item-form-promo > label {
      text-transform: none;
      margin-bottom: 0;
      font-size: 13px; }
  @media only screen and (max-width: 350px) {
    .flex-item {
      width: 100%; } }

.filter__label {
  font-weight: normal;
  margin: 0; }
  .filter__label--selected {
    font-weight: bold; }

.default-select-wrapper select {
  min-width: 100%; }

.label-pointer {
  cursor: pointer; }

.no-padding {
  padding: 0; }
  .no-padding-left {
    padding-left: 0; }
  .no-padding-right {
    padding-right: 0; }

.full-width {
  width: 100% !important; }

.filter__span--tipp {
  font-size: 1.2rem; }

.filter__span--specify-location:hover {
  text-decoration: underline;
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
  cursor: pointer; }

.filter {
  /* Rounded sliders */ }
  .filter__location {
    font-size: 1.5rem; }
    .filter__location .location--label {
      display: inline-block;
      white-space: nowrap; }
      .filter__location .location--label .location--icon {
        width: 14px;
        vertical-align: baseline; }
      .filter__location .location--label .location--message {
        margin-right: 0.8rem; }
    .filter__location .location--zip {
      display: inline-block;
      text-transform: uppercase;
      font-weight: bold;
      text-decoration: underline;
      white-space: nowrap; }
    .filter__location .icon-left {
      position: absolute;
      font-size: 2.4rem;
      top: 0.8rem;
      left: 0.8rem; }
    .filter__location .icon-right {
      -webkit-transition: transform 300ms ease-out 0s;
      /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
      -moz-transition: transform 300ms ease-out 0s;
      /* Firefox 4.0 - 15  */
      -o-transition: transform 300ms ease-out 0s;
      /* Opera 10.5+  */
      transition: transform 300ms ease-out 0s;
      /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
      font-size: 1.2rem; }
    @media (min-width: 1024px) {
      .filter__location {
        font-size: 1.3rem; } }
  .filter__switch {
    position: relative;
    display: inline-block;
    margin-bottom: 0 !important;
    width: 4.4rem;
    height: 2.6rem; }
    @media (min-width: 1024px) {
      .filter__switch {
        width: 2.9rem;
        height: 1.7rem; } }
    .filter__switch.-mobile {
      width: 4.4rem;
      height: 2.6rem; }
  .filter__switch input {
    opacity: 0;
    width: 0;
    height: 0; }
    .filter__switch input:checked + .filter__slider {
      background-color: hsla(var(--color-secondary-base, var(--color-primary-base)), var(--color-secondary-saturation, var(--color-primary-saturation)), var(--color-secondary-lightness, var(--color-primary-lightness)), var(--color-primary-alpha));
      box-shadow: 0 0 1px 0 #e30613; }
    .filter__switch input:focus + .filter__slider {
      box-shadow: 0 0 1px hsla(var(--color-secondary-base, var(--color-primary-base)), var(--color-secondary-saturation, var(--color-primary-saturation)), var(--color-secondary-lightness, var(--color-primary-lightness)), var(--color-primary-alpha)); }
    .filter__switch input:checked + .filter__slider:before {
      -webkit-transform: translateX(1.8rem);
      -ms-transform: translateX(1.8rem);
      transform: translateX(1.8rem); }
      @media (min-width: 1024px) {
        .filter__switch input:checked + .filter__slider:before {
          -webkit-transform: translateX(1.2rem);
          -ms-transform: translateX(1.2rem);
          transform: translateX(1.2rem); } }
    .filter__switch input:checked + .filter__slider.-mobile:before {
      -webkit-transform: translateX(1.8rem);
      -ms-transform: translateX(1.8rem);
      transform: translateX(1.8rem); }
  .filter__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #464646;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    .filter__slider.-mobile:before {
      height: 1.8rem;
      width: 1.8rem; }
    .filter__slider:before {
      position: absolute;
      content: "";
      left: 4px;
      bottom: 4px;
      height: 1.8rem;
      width: 1.8rem;
      background-color: #fff;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      @media (min-width: 1024px) {
        .filter__slider:before {
          height: .9rem;
          width: .9rem; } }
  .filter__slider.round {
    border-radius: 34px; }
    .filter__slider.round:before {
      border-radius: 50%; }

.vacuus {
  display: none; }

.contact-form__quote-and-assembly-request {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.6rem; }

.zoomed-image {
  object-fit: contain;
  width: 100%;
  height: auto; }

.prd-top {
  padding-top: 12px; }
  .prd-top h1 {
    margin-top: 0; }
    .prd-top h1 + h2 {
      font-weight: normal;
      font-size: 1.3rem;
      margin-top: 0; }
  .prd-top .brand-img-wrapper {
    text-align: right; }
    .prd-top .brand-img-wrapper img {
      max-width: 10rem;
      max-height: 6.2rem;
      vertical-align: top; }
  .prd-top .panel-body {
    padding-top: 0;
    padding-bottom: 0; }
  .prd-top .headline {
    font-size: 1.3rem;
    border-top: 1px solid #d1d1d1;
    margin: 2rem 0 0;
    padding: 1.6rem 0; }
    @media screen and (max-width: 1024px) {
      .prd-top .headline {
        border-top: 0 none;
        margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .prd-variants .form-group {
    margin-bottom: 0.8rem; } }

.prd-merchant-info .h5 a {
  text-decoration: underline; }

.prd-merchant-info,
.prd-delivery-info {
  border-bottom: 1px solid #d1d1d1; }
  .prd-merchant-info span.default-link-style,
  .prd-delivery-info span.default-link-style {
    color: #00e;
    text-decoration: none;
    cursor: pointer; }
    .prd-merchant-info span.default-link-style:hover,
    .prd-delivery-info span.default-link-style:hover {
      text-decoration: underline; }
  .prd-merchant-info span.different-opening-hours,
  .prd-delivery-info span.different-opening-hours {
    color: #d9534f; }
    .prd-merchant-info span.different-opening-hours a,
    .prd-delivery-info span.different-opening-hours a {
      color: #d9534f;
      text-decoration: underline; }

.prd-delivery-info h3,
.prd-delivery-info .h3,
.prd-service h3,
.prd-service .h3 {
  margin-top: 0; }

@media screen and (max-width: 1024px) {
  .prd-service {
    padding-top: 0; }
    .prd-service h3,
    .prd-service .h3 {
      display: none; } }

.prd-delivery-info,
.prd-service,
.prd-price-info {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }
  .prd-delivery-info,
  .prd-delivery-info p,
  .prd-service,
  .prd-service p,
  .prd-price-info,
  .prd-price-info p {
    font-size: 1.3rem; }
  .prd-delivery-info p,
  .prd-service p,
  .prd-price-info p {
    margin-bottom: 0; }

.prd-amount {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }
  @media (min-width: 1025px) {
    .prd-amount {
      float: right;
      border-left: 1px solid #d1d1d1; } }
  .prd-amount .price {
    font-size: 1.9rem;
    padding: 0.4rem 0; }
  .prd-amount .reduction {
    padding-top: 0.4rem; }
  .prd-amount label {
    padding-top: 1.2rem;
    font-size: 1.3rem;
    font-weight: bold; }
  .prd-amount .form-group {
    margin-bottom: 0; }
  .prd-amount .ground-price-with-unit,
  .prd-amount .delivery-price-with-unit,
  .prd-amount .delivery-explanation {
    font-size: 1.3rem; }
  .prd-amount .delivery-explanation {
    padding-top: 0.4rem; }
  .prd-amount .sum-wrapper {
    padding-top: 1.2rem; }
    .prd-amount .sum-wrapper strong {
      display: block;
      font-size: 1.3rem; }
    .prd-amount .sum-wrapper .sum-info {
      color: #777777;
      font-size: 1.1rem; }
  .prd-amount .cutting-request-wrapper {
    padding-top: 1.2rem;
    margin-bottom: 0.8rem; }
    .prd-amount .cutting-request-wrapper strong {
      font-size: 1.3rem; }

span.default-link-style {
  color: #00e;
  text-decoration: none;
  cursor: pointer; }
  span.default-link-style:hover {
    text-decoration: underline; }

.additional-text p {
  margin: 3rem 0 0; }

#cuttingLengthInfoText.has-error {
  color: #d9534f;
  font-weight: bold; }

#cuttingsTable input[name='cuttingposition']:invalid {
  border: 1px solid #d9534f; }

@media (min-width: 1024px) {
  .prd-overview {
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: auto;
    grid-column-gap: 16px; }
    .prd-overview__header {
      grid-area: auto / right; }
    .prd-overview__gallery {
      min-width: 0;
      grid-column: left;
      grid-row-start: 1;
      grid-row-end: span 10; }
    .prd-overview__pricing {
      grid-area: auto / right; }
    .prd-overview__cutting {
      grid-area: auto / right; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .prd-overview {
    grid-template-columns: [left] 40% [right] 60%; } }

@media (min-width: 1199px) {
  .prd-overview {
    grid-template-columns: [left] 1fr [right] 1fr; } }

@media (min-width: 1024px) {
  .prd-overview__cutting #cuttingsTable td {
    border-top: unset; }
  .prd-overview__cutting div.input-group {
    width: 50%; } }

@media screen and (max-width: 1024px) {
  .prd-viewer {
    margin-top: 12px;
    margin-bottom: 12px; } }

.prd-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  padding: 12px;
  background-color: #ededed;
  margin-bottom: 3px; }
  @media screen and (max-width: 1024px) {
    .prd-head {
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .prd-head {
      padding: 12px 6px; } }
  @media screen and (max-width: 767px) {
    .prd-head {
      margin-right: -12px;
      margin-left: -12px; } }
  .prd-head .headline {
    margin: 1rem 0; }
  .prd-head p {
    margin: 0; }
  .prd-head__logo,
  .prd-head__content {
    margin: 0 12px; }
    @media screen and (max-width: 767px) {
      .prd-head__logo,
      .prd-head__content {
        margin: 0 6px; } }
  .prd-head__logo {
    display: block;
    padding: 1.2rem; }
  .prd-head__image {
    object-fit: contain; }

.prd-content {
  position: relative;
  background-color: #ededed; }
  @media screen and (max-width: 767px) {
    .prd-content {
      margin-right: -12px;
      margin-left: -12px; } }
  .prd-content__details {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding-top: 1.2rem; }
  .prd-content__cutting-service-link {
    cursor: pointer;
    justify-self: end;
    display: grid;
    place-items: center;
    grid-template-columns: min-content 1fr;
    gap: 1.0rem;
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      .prd-content__cutting-service-link {
        margin-right: 12px; } }
    .prd-content__cutting-service-link span {
      text-decoration: underline;
      font-weight: bold;
      font-size: 1.3rem; }

.prd-cutting {
  background-color: #ededed;
  margin-bottom: 3px;
  padding: 0 1.2rem; }
  @media screen and (max-width: 767px) {
    .prd-cutting {
      margin-right: -12px;
      margin-left: -12px; } }
  .prd-cutting .prd-details {
    text-align: center;
    font-weight: bold;
    cursor: default; }
    .prd-cutting .prd-details #prd-cutting-header-button {
      cursor: pointer; }
    .prd-cutting .prd-details #prd-info-icon {
      text-decoration: none;
      font-size: 2rem; }
  .prd-cutting .prd-variants {
    padding: 0 24px 12px 24px; }
    .prd-cutting .prd-variants .prd-cuttings-add-panel__js > .cutting-service-additional-information__notice {
      font-size: 1.3rem;
      padding-top: 0.8rem; }
    .prd-cutting .prd-variants > div {
      width: 100%; }
  .prd-cutting .nm-icon-cutting-service {
    vertical-align: middle;
    font-size: 1.8rem;
    top: -2px;
    position: relative;
    margin-right: 0.4rem; }
  .prd-cutting .prd-variants a {
    text-decoration: underline;
    cursor: pointer; }

.prd-details {
  font-weight: bold;
  margin: 0;
  padding: 0 24px 12px 24px; }
  @media screen and (max-width: 767px) {
    .prd-details {
      padding: 0 12px 6px 12px; } }

.prd-variants {
  padding: 0 24px;
  display: flex;
  flex-flow: row wrap;
  margin-right: -12px;
  margin-left: -12px; }
  .prd-variants > div {
    flex: 1 1 auto;
    padding: 0 12px; }
  @media screen and (max-width: 767px) {
    .prd-variants {
      padding: 0 12px; } }
  .prd-variants .form-group {
    margin-bottom: 0.8rem; }

.prd-add-panel {
  margin: 0 24px 6px; }
  @media screen and (max-width: 767px) {
    .prd-add-panel {
      margin: 0 12px 3px; } }
  .nm-form + form .prd-add-panel {
    margin-top: 0.8rem; }
  .prd-add-panel__content {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 1px solid #ededed; }
    .prd-add-panel__content:after {
      content: '';
      position: absolute;
      height: 100%;
      width: 1px;
      left: 50%;
      background-color: #ededed; }
    @media screen and (max-width: 480px) {
      .prd-add-panel__content {
        flex-flow: column-reverse; }
        .prd-add-panel__content:after {
          display: none; } }
  .prd-costs,
  .prd-merchant {
    padding: 1.2rem 1.2rem 0;
    flex: 0 0 50%; }
    @media screen and (max-width: 480px) {
      .prd-costs,
      .prd-merchant {
        flex-basis: 100%; } }
  @media screen and (max-width: 480px) {
    .prd-costs {
      border-top: 1px solid #ededed;
      padding-top: 12px; } }
  .prd-costs--no-price {
    display: grid;
    place-items: center; }
  .prd-costs .price-info .graduated-price-disclaimer {
    float: right;
    margin-top: -12px; }
  .prd-pickup__merchant {
    display: flex;
    align-items: flex-start;
    flex-flow: row-reverse nowrap; }
    .prd-pickup__merchant .contact-c {
      flex: 0 0 auto; }
    .prd-pickup__merchant .address {
      margin-top: 0.4rem;
      flex: 0 1 100%; }
      .prd-pickup__merchant .address > a,
      .prd-pickup__merchant .address > span {
        display: block;
        float: left; }
      .prd-pickup__merchant .address .city {
        clear: left; }
    .prd-pickup__merchant a:not(.contact) {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .prd-pickup__merchant span {
      font-weight: normal; }
    .prd-pickup__merchant .name {
      display: block;
      font-size: 1.6rem;
      font-weight: bold;
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      margin-bottom: 0; }
    .prd-pickup__merchant .city {
      font-size: 1.3rem;
      color: #464646;
      padding-right: 0.4rem; }
    .prd-pickup__merchant .distance {
      font-size: 1.1rem;
      color: whitesmoke;
      background-color: #464646;
      padding: 0 0.4rem;
      margin-top: 0.2rem;
      white-space: nowrap; }
    .prd-pickup__merchant .contact {
      padding: 0.8rem;
      margin-left: 1.2rem;
      float: right;
      cursor: pointer; }
      .prd-pickup__merchant .contact,
      .prd-pickup__merchant .contact span {
        display: block;
        text-decoration: none; }
  .prd-add-panel__footer {
    display: flex;
    flex-flow: row wrap;
    padding: 0 0.6rem 1.2rem; }
    .prd-add-panel__footer.prd-cuttings-add-panel__js .btn {
      margin-top: 1.2rem;
      flex: 0 0 calc(100% - 1.2rem); }
      .prd-add-panel__footer.prd-cuttings-add-panel__js .btn:first-child {
        margin: 1.2rem 0.6rem 0 0; }
      .prd-add-panel__footer.prd-cuttings-add-panel__js .btn:last-child {
        margin: 1.2rem 0 0 0.6rem; }
      @media (min-width: 768px) {
        .prd-add-panel__footer.prd-cuttings-add-panel__js .btn:not(.prd-cutting-request):not(.prd-planning-request):not(.full-size) {
          flex-basis: calc(50% - 0.6rem); } }
    .prd-add-panel__footer .btn {
      margin: 1.2rem 0.6rem 0;
      flex: 0 0 calc(100% - 1.2rem); }
      @media (min-width: 768px) {
        .prd-add-panel__footer .btn:not(.prd-cutting-request):not(.prd-planning-request):not(.full-size) {
          flex-basis: calc(50% - 1.2rem); } }
  .status-availability:before {
    display: none; }
  .price-old,
  .price .unit,
  .delivery-price-with-unit,
  .ground-price-with-unit,
  .prd-overview label,
  .delivery-explanation,
  .sum-info,
  .prd-delivery,
  .available-in-exhibition,
  .not-available-in-exhibition span:last-child {
    font-size: 1.3rem; }
  .prd-overview label {
    font-weight: normal;
    text-transform: uppercase; }
    .price-info .prd-overview label {
      margin-top: 0.8rem; }
    .ground-price-with-unit + div .prd-overview label {
      margin-top: 1.2rem; }
  .form-group {
    margin-bottom: 0; }
  .delivery-explanation {
    padding-top: 0.4rem; }
  .sum-wrapper {
    margin-top: 1.2rem; }
    .sum-wrapper .sum-price-wrapper {
      display: block; }
    .sum-wrapper .sum {
      padding: 0; }
  .sum-info,
  .sum-info a {
    color: #777777; }
  .price-info--discount, .price-info--discount-present, .merchant-selector__entry .product-price-cta .price-info--discount-present {
    min-height: 2.7rem;
    padding: 0.3rem 0; }
    .price-info--discount-present {
      background-color: #464646;
      color: whitesmoke; }
  .prd-delivery,
  .prd-delivery ul {
    margin-top: 1.2rem; }
  .prd-delivery a {
    text-decoration: underline; }

.prd-overview__footer {
  padding: 6px 24px 12px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between; }
  .prd-overview__footer p {
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .prd-overview__footer {
      flex-flow: column;
      padding: 6px 12px 3px;
      text-align: center; }
      .prd-overview__footer > p,
      .prd-overview__footer > div {
        margin-top: 12px; } }

.single-price .price-information-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1.9rem; }

.single-price .price-information-value {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .single-price .price-information-value .price-old {
    white-space: nowrap;
    overflow: hidden; }
    .single-price .price-information-value .price-old div {
      display: inline-block; }

@media (max-width: 500px) {
  .single-price .graduated-price-wrapper-mobile {
    justify-content: space-between;
    gap: unset; } }

.single-price .graduated-price-wrapper-mobile .price-information-value div {
  display: inline-flex; }

.single-price .graduated-price-wrapper-mobile .price-disclaimer {
  scale: 0.7;
  margin: -6px -6px 0px -12px;
  background-color: #ffc90e; }

.single-price .graduated-price-wrapper-desktop {
  width: max-content;
  justify-content: end;
  float: inline-end; }
  .single-price .graduated-price-wrapper-desktop .col-flex .graduated-price-disclaimer-wrapper {
    padding-right: 12px; }

.prd-discount-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.32rem;
  padding: 0.2rem 0.6rem;
  width: auto;
  margin: 0 0.8rem 0 0.8rem;
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #ffffff;
  background-color: #e50615; }

.prd-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.32rem;
  background-color: #ededed;
  padding: 0 0.4rem;
  width: auto;
  margin-bottom: 0.8rem; }
  .prd-badge .content {
    font-size: 1.1rem;
    line-height: 1.6rem; }
  .prd-badge-discount {
    margin-left: 0;
    padding-left: 0; }
  .prd-overview .prd-badge {
    margin-left: -1.2rem;
    padding-left: 1.2rem; }
  .prd-badge.prd-badge--primary {
    color: #fff;
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.merchant-service {
  font-weight: bold;
  font-size: 1.3rem; }
  .merchant-service span {
    font-size: 1.8rem;
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  @media screen and (max-width: 767px) {
    .prd-overview__footer .merchant-service {
      display: none; } }

.prd-service-mobile {
  display: none; }
  @media screen and (max-width: 767px) {
    .prd-service-mobile {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      padding: 1.2rem 0.6rem 0; } }

.prd-hazard-warnings {
  border: 2px solid #1b1b1b;
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 1rem 2.5rem 1rem 2.5rem; }
  .prd-hazard-warnings .hazard-warning {
    display: flex;
    flex-direction: row;
    padding-bottom: 1rem;
    align-items: center; }
    .prd-hazard-warnings .hazard-warning__text {
      flex-basis: 70%;
      font-size: 2rem; }
    .prd-hazard-warnings .hazard-warning__pictogram-wrapper {
      flex-basis: 30%;
      display: flex;
      justify-content: space-evenly; }
      .prd-hazard-warnings .hazard-warning__pictogram-wrapper .pictogram {
        overflow: hidden;
        width: 47px;
        height: 47px; }
  .prd-hazard-warnings .biozid-warning {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .prd-hazard-warnings .biozid-warning__text {
      flex-basis: 70%;
      font-size: 1.3rem;
      padding-right: 1.5rem; }
    .prd-hazard-warnings .biozid-warning__pictogram-wrapper {
      flex-basis: 30%;
      display: flex;
      justify-content: space-evenly; }
      .prd-hazard-warnings .biozid-warning__pictogram-wrapper .pictogram {
        width: 47px;
        height: 47px; }
  .prd-hazard-warnings__more {
    text-align: center;
    font-size: 1.3rem;
    padding-top: 1.5rem; }
    .prd-hazard-warnings__more .hazard-information {
      vertical-align: middle; }

.service-icons {
  padding: 10px; }
  .service-icons a {
    display: inline-block; }

.product-number-items {
  width: 130px; }
  .product-number-items label {
    width: 40px;
    margin: 8px; }
  .product-number-items select {
    width: 50px;
    display: inline-block; }

.product-display {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.change-twenty-four {
  display: none; }

.coupon-btn {
  padding-top: 0.8rem; }

.help-list > li {
  padding-bottom: 0.8rem; }

.help-list > li:last-child {
  padding-bottom: 0; }

#coupon {
  height: 40px; }

@media (max-width: 767px) {
  .coupon-btn {
    margin-top: 10px;
    width: 100%; } }

.alert .msg a {
  color: inherit; }

.cart-product .media a.pull-left {
  min-width: 80px; }

.checkout .h1 {
  margin-bottom: 0; }
  .checkout .h1 span.text {
    padding-right: 25px; }
  .checkout .h1 span.footer-powered {
    text-transform: none;
    display: inline-block;
    padding: 0; }

span.footer-powered {
  text-transform: none;
  display: inline-block;
  padding: 0; }

@media (max-width: 767px) {
  p.hint {
    text-align: right; } }

.cart-page .infos .h4 {
  text-transform: uppercase; }

.cart-page .infos .payment .row {
  margin: 0 -6px;
  font-size: 1.1rem; }

.cart-page .infos .payment .col-xs-3 {
  padding: 0 6px;
  width: 23.33%; }
  .cart-page .infos .payment .col-xs-3:first-child {
    width: 30%;
    top: -2px; }

.cart-page .infos .hotline p {
  color: #464646;
  font-size: 12px; }

.cart-page .infos .hotline .h3 a,
.cart-page .infos .hotline .h3 {
  color: #777777;
  font-size: 20px;
  margin-bottom: 5px; }

.cart-page .infos .benefits ul li {
  margin-bottom: 5px;
  color: #464646;
  font-size: 12px; }
  .cart-page .infos .benefits ul li > span:first-child {
    color: #fb735b;
    float: left;
    margin: 2px 10px 10px 0; }

.cart-edit label {
  display: none; }

.cart-edit .order-count {
  width: auto; }

.delete-text {
  padding-right: 10px; }

.credit-body li {
  width: 20%; }

.action--change {
  position: relative;
  top: -2px;
  padding-left: 0.8rem;
  text-decoration: underline;
  white-space: nowrap; }
  .action--change + div {
    clear: left; }
  .action--change .nm-icon {
    font-size: 1.6rem;
    text-decoration: none; }

.check-order-data .h6,
.check-order-data .action--change {
  float: left; }

.newsletter-info-panel {
  margin-top: -12px; }

.checkout--success .panel-subheading .panel-title {
  font-weight: normal; }

iframe.hpf-cc {
  width: 100%;
  height: 25rem; }

.checkout--delivery .radio {
  margin-right: 1.2rem;
  margin-left: 0 !important; }
  .checkout--delivery .radio label {
    padding-left: 5px; }

.checkout--delivery div > .additional-info {
  padding-left: 3.7rem; }
  .checkout--delivery div > .additional-info span {
    display: block;
    line-height: 1.4em; }
  .checkout--delivery div > .additional-info.address {
    float: left; }
  .checkout--delivery div > .additional-info.market {
    float: right;
    padding-right: 2rem; }
    .checkout--delivery div > .additional-info.market a {
      text-decoration: underline; }
  @media screen and (max-width: 1024px) {
    .checkout--delivery div > .additional-info.address {
      float: none; }
    .checkout--delivery div > .additional-info.market {
      float: none;
      padding-right: 0;
      padding-left: 3.8rem;
      margin-top: 0.8rem; } }

.checkout--delivery #existingAltAddress {
  display: none; }

.checkout--delivery #newAlternativeAddress {
  display: none; }

.checkout--delivery #radioNewAddress:checked + label #newAlternativeAddress {
  display: block; }

.checkout--delivery #radioExistingAddress:checked + label #existingAltAddress {
  display: block; }

.checkout--delivery #radioDifferentShippingAddress:checked + label + div.alternative-delivery-address {
  display: block; }

.checkout--delivery .alt-address .checkbox {
  padding-left: 20px; }

.checkout--delivery .alt-address > .row {
  margin-top: 1.6rem;
  margin-bottom: 0.8rem; }
  .checkout--delivery .alt-address > .row:nth-of-type(1) {
    margin-top: 0;
    margin-bottom: 0; }

.checkout--delivery .alternative-delivery-address {
  padding-left: 20px;
  display: none; }
  .checkout--delivery .alternative-delivery-address__only {
    padding-left: 20px;
    display: block; }
  .checkout--delivery .alternative-delivery-address__option {
    float: none; }
    .checkout--delivery .alternative-delivery-address__option.guest #radioNewAddress + label::before, .checkout--delivery .alternative-delivery-address__option.guest #radioNewAddress + label::after {
      display: none; }
    .checkout--delivery .alternative-delivery-address__option.guest #newAlternativeAddress {
      margin-left: -35px; }

.delivery-panel .change-twenty-four {
  margin-top: 10px;
  display: inline-block; }

.checkout--payment img {
  max-width: 6rem; }

@media screen and (max-width: 767px) {
  .checkout--payment img {
    max-width: 5rem; } }

.submit-buttons {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.notepad-header-wrapper .popover-content,
.cart-header-wrapper .popover-content {
  background: #fff;
  border-radius: 0 0 0px; }

.checkout--pay .paid {
  border-bottom: 1px solid #d1d1d1; }
  .checkout--pay .paid:last-child {
    border-bottom-style: none; }
  .checkout--pay .paid h2:before {
    display: inline-block;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "novosales_iconsweb"; }
  .checkout--pay .paid h2:before {
    color: #5cb85c;
    margin-right: 1.2rem; }

.progress-steps {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 1025px) {
    .progress-steps {
      margin-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    .progress-steps {
      margin-top: 1.2rem;
      margin-bottom: 1.6rem; } }
  .progress-steps a {
    display: inline-block;
    text-decoration: none; }
    .progress-steps a:hover {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .progress-steps .step-circle {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 4.4rem;
    height: 4.4rem;
    border: 0.5rem solid #d1d1d1;
    border-radius: 50%;
    transform: rotate(45deg);
    text-align: center;
    background-color: #fff; }
  .progress-steps .progress-step-wrapper {
    font-size: 0; }
    .progress-steps .progress-step-wrapper:after {
      content: "....................................................";
      position: absolute;
      height: 100%;
      margin-top: 0.8rem;
      padding-left: 0.8rem;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 1.5rem;
      letter-spacing: 1px;
      white-space: pre;
      font-weight: normal;
      color: #d1d1d1;
      background-color: #fff; }
    .progress-steps .progress-step-wrapper .step-circle,
    .progress-steps .progress-step-wrapper .step-text {
      font-size: 1.5rem; }
    .progress-steps .progress-step-wrapper.step-1 .step-circle {
      border-bottom-color: #b2b2b2; }
    .progress-steps .progress-step-wrapper.step-1.active .step-circle,
    .progress-steps .progress-step-wrapper.step-1.done .step-circle {
      border-bottom-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .progress-steps .progress-step-wrapper.step-2 .step-circle {
      border-bottom-color: #b2b2b2;
      border-left-color: #b2b2b2; }
    .progress-steps .progress-step-wrapper.step-2.active .step-circle,
    .progress-steps .progress-step-wrapper.step-2.done .step-circle {
      border-bottom-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      border-left-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .progress-steps .progress-step-wrapper.step-3 .step-circle {
      border-bottom-color: #b2b2b2;
      border-left-color: #b2b2b2;
      border-top-color: #b2b2b2; }
    .progress-steps .progress-step-wrapper.step-3.active .step-circle,
    .progress-steps .progress-step-wrapper.step-3.done .step-circle {
      border-bottom-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      border-left-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      border-top-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .progress-steps .progress-step-wrapper.step-4 .step-circle {
      border-color: #b2b2b2; }
    .progress-steps .progress-step-wrapper.step-4.active .step-circle,
    .progress-steps .progress-step-wrapper.step-4.done .step-circle {
      border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .progress-steps .progress-step-wrapper.done .step-number {
      font-size: 0; }
      .progress-steps .progress-step-wrapper.done .step-number:after {
        display: inline-block;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        vertical-align: middle;
        text-decoration: inherit;
        text-transform: none !important;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: "novosales_iconsweb"; }
      .progress-steps .progress-step-wrapper.done .step-number:after {
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
    .progress-steps .progress-step-wrapper .step-number {
      display: block;
      transform: rotate(-45deg);
      font-size: 1.8rem;
      font-weight: bold;
      position: relative;
      height: 3.4rem;
      line-height: 3.4rem;
      width: 100%; }
    .progress-steps .progress-step-wrapper .step-text {
      display: inline-block;
      position: relative;
      top: 5px;
      padding-left: 0.8rem;
      background-color: #fff;
      font-weight: bold; }
    .progress-steps .progress-step-wrapper .step {
      display: inline-block; }
  .progress-steps .progress-step-wrapper.step-1 .step-spacer {
    display: none; }
  .progress-steps .col-xs-4 .progress-step-wrapper:after {
    content: "..........................................................................."; }
  .progress-steps > div:last-child .progress-step-wrapper:after {
    content: ''; }
  @media (min-width: 1025px) {
    .progress-steps .col-xs-4 + .col-xs-4 .progress-step-wrapper {
      text-align: center; }
    .progress-steps > div:last-child .progress-step-wrapper {
      text-align: right !important; } }
  .progress-steps .step-spacer {
    display: inline-block;
    background-color: #fff;
    width: 1rem;
    margin-left: -1rem;
    height: 2rem;
    position: relative;
    top: 1rem; }
  .progress-steps .progress-step-wrapper {
    text-align: left; }
    .progress-steps .progress-step-wrapper:not(.active) .step-text,
    .progress-steps .progress-step-wrapper:not(.active) .step-number {
      color: #b2b2b2; }
    .progress-steps .progress-step-wrapper.done .step-text,
    .progress-steps .progress-step-wrapper.done .step-number, .progress-steps .progress-step-wrapper.active .step-text,
    .progress-steps .progress-step-wrapper.active .step-number {
      color: #464646; }
  @media screen and (max-width: 1024px) {
    .progress-steps .progress-step-wrapper {
      text-align: center !important; }
      .progress-steps .progress-step-wrapper:not(.active) {
        display: none; } }
  .progress-steps.progress-steps--v2 .step-circle {
    transform: none;
    border-color: #b2b2b2; }
  .progress-steps.progress-steps--v2 .progress-step-wrapper.active .step-circle, .progress-steps.progress-steps--v2 .progress-step-wrapper.done .step-circle {
    border-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .progress-steps.progress-steps--v2 .progress-step-wrapper.active .step-circle {
    background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .progress-steps.progress-steps--v2 .progress-step-wrapper.active .step-number {
    color: #fff; }
  .progress-steps.progress-steps--v2 .progress-step-wrapper.active .step-text {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .progress-steps.progress-steps--v2 .progress-step-wrapper .step-number {
    transform: none; }
  @media screen and (max-width: 1024px) {
    .progress-steps.progress-steps--v2 .progress-step-wrapper:after {
      font-size: 2rem;
      top: -0.4rem;
      left: 50%;
      margin-top: 0;
      margin-left: 2.2rem;
      padding-left: 0.8rem;
      width: calc(100% - 5.2rem);
      overflow: hidden;
      font-weight: bold;
      line-height: 4.4rem; }
    .progress-steps.progress-steps--v2 .progress-step-wrapper:not(.active) {
      display: block; }
    .progress-steps.progress-steps--v2 .progress-step-wrapper .step-spacer {
      display: none; }
    .progress-steps.progress-steps--v2 .progress-step-wrapper.done:after {
      content: "................................"; }
    .progress-steps.progress-steps--v2 .progress-step-wrapper .step {
      display: block; }
      .progress-steps.progress-steps--v2 .progress-step-wrapper .step .step-text {
        display: flex;
        justify-content: center;
        font-weight: normal;
        padding-left: 0;
        position: relative;
        z-index: 1; } }
  @media screen and (max-width: 380px) {
    .progress-steps.progress-steps--v2 .step-text {
      font-size: 1.2rem; } }
  .progress-steps.progress-steps--points .progress-step-wrapper:not(.done):after {
    content: "                                                    "; }
  @media screen and (max-width: 1024px) {
    .progress-steps.progress-steps--points.progress-steps--v2 .progress-step-wrapper.active:after {
      content: "                                "; } }

.default-select-wrapper select.checkout-login__salutation-select {
  width: 100%; }

.checkout-login__country-select {
  width: 100%; }

.payment-panel.panel--form {
  padding-right: 2px; }
  .payment-panel.panel--form .panel-title {
    padding: 1.6rem 1.6rem 1.2rem; }
  .payment-panel.panel--form .panel-body {
    padding: 0;
    font-size: 15px;
    height: 30px; }
    .payment-panel.panel--form .panel-body__title {
      border: 1px solid #ccc;
      padding: 5px 15px 10px 15px;
      background: #eee linear-gradient(#fdfdfd, #eee) repeat scroll 0 0;
      width: 100%; }
    .payment-panel.panel--form .panel-body__content {
      border: 1px solid #ccc;
      padding: 10px 15px 10px 15px;
      height: 60px;
      width: 100%; }

.novalnet-modal-iframe {
  margin-top: 4px !important; }

@media (max-width: 767px) {
  .checkout-name-group div {
    width: 100%; } }

.cart-product .actions a {
  font-size: 1.3rem; }

.cart-product .actions .nm-icon {
  padding-right: 0.4rem; }

.cart-content {
  border: 1px solid #d1d1d1; }
  .cart-content .basket.head {
    padding: 0.8rem 0;
    color: whitesmoke;
    background-color: #464646; }
  .cart-content .basket .col-sm-2 {
    text-align: left; }
  .cart-content .row.product {
    padding-top: 4px; }
    .cart-content .row.product article.products {
      padding: 0 0 0 12px; }
      .cart-content .row.product article.products .cart-picture {
        background: none;
        float: left;
        min-height: 100px;
        min-width: 100px;
        padding: 10px 0 0; }
        .cart-content .row.product article.products .cart-picture img {
          height: 100px;
          width: 100px; }
      .cart-content .row.product article.products h3 {
        margin: 8px 0 0 120px;
        padding-bottom: 6px; }
      .cart-content .row.product article.products p {
        margin: 0 0 0 120px;
        font-size: 12px;
        color: #777; }
    .cart-content .row.product span.price-label,
    .cart-content .row.product span.count-label {
      font-size: 13px;
      line-height: 15px;
      padding-top: 4px;
      color: #777; }
    @media (max-width: 768px) {
      .cart-content .row.product .detail.col-xs-4 {
        padding-bottom: 2rem; } }
    .cart-content .row.product .detail.col-xs-4 {
      padding-top: 4px;
      text-align: left;
      font-size: 17px; }
      .cart-content .row.product .detail.col-xs-4 h3 {
        margin-top: 0;
        margin-bottom: 0; }
      .cart-content .row.product .detail.col-xs-4 span.product-count {
        padding-left: 20px; }
      .cart-content .row.product .detail.col-xs-4 .dicount {
        float: right; }
      .cart-content .row.product .detail.col-xs-4.last {
        padding: 8px 16px 0 0;
        text-align: right; }
  .cart-content div h3,
  .cart-content .row.product .detail.col-xs-4.last h3 {
    font-size: 17px; }
  .cart-content .row.calc {
    border-top: 1px solid #cbcbcb;
    padding: 10px 0; }
    .cart-content .row.calc .col-xs-6.col-sm-9 {
      padding-left: 20px; }
    .cart-content .row.calc .col-xs-6.col-sm-3 {
      padding-right: 20px; }
      .cart-content .row.calc .col-xs-6.col-sm-3 h3,
      .cart-content .row.calc .col-xs-6.col-sm-3 small {
        float: right; }
    .cart-content .row.calc.last {
      padding-bottom: 0; }
      .cart-content .row.calc.last small {
        text-align: right; }
  .cart-content .row.voucher {
    border-top: 2px solid #777;
    padding: 10px 0 14px; }
    .cart-content .row.voucher input.encash-voucher {
      float: left;
      width: 40%;
      margin-right: 15px; }
      @media (max-width: 767px) {
        .cart-content .row.voucher input.encash-voucher {
          width: 100%; } }
    .cart-content .row.voucher input.encash-voucher-submit {
      float: right;
      margin-top: 0; }
      @media (max-width: 767px) {
        .cart-content .row.voucher input.encash-voucher-submit {
          width: 100%;
          margin-top: 10px; } }
    .cart-content .row.voucher .voucher-code h3 {
      float: right; }
  .cart-content .special-price-unselected .line-total {
    color: #bbb; }
  .cart-content .payment-left {
    border-top: 2px solid #777777;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .cart-content .payment-left > * {
      padding-top: 12px;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-order: 1;
      order: 1; }
    .cart-content .payment-left .service-checkout {
      background-color: #f9f9f9; }
      @media (max-width: 1025px) {
        .cart-content .payment-left .service-checkout {
          border-top: 2px solid #777777;
          -webkit-order: 2;
          -moz-order: 2;
          -ms-order: 2;
          order: 2; }
          .order-summery-page .cart-content .payment-left .service-checkout {
            display: none; } }
  @media (max-width: 480px) {
    .cart-content {
      border: none; }
      .cart-content .payment-left .service-checkout {
        background-color: transparent; } }

.cart-sub-headline {
  border-bottom: 1px solid #cbcbcb;
  font-size: 22px;
  letter-spacing: 0.8px;
  line-height: 22px;
  margin-bottom: 24px;
  padding: 0 0 4px;
  text-transform: uppercase; }

.notepad-warning {
  padding-left: 25px;
  vertical-align: middle;
  height: 50px; }

.sum {
  padding-right: 35px; }

@media (min-width: 1200px) {
  .cart-content .row.product article.products h3,
  .cart-content .row.product .detail.col-xs-4.last h3 {
    font-size: 21px; } }

@media (max-width: 480px) {
  .cart-content .row.product article.products {
    padding-left: 0; }
    .cart-content .row.product article.products h3 {
      margin-left: 115px; }
    .cart-content .row.product article.products p {
      margin-left: 115px; } }

.cart-content div h3,
.cart-content .row.product .detail.col-xs-4.last h3 {
  font-size: 20px; }

.cart-content .row.product .detail.col-xs-4 {
  font-size: 16px; }

.cart-content ul.list-unstyled {
  padding: 0 0 0 4px; }
  .cart-content ul.list-unstyled li {
    padding-bottom: 1px; }
    .cart-content ul.list-unstyled li a {
      font-size: 13px; }

.cart-content .row.calc.price,
.cart-content .row.calc.shipping,
.cart-content .row.calc.voucher {
  border-top: 0;
  padding-top: 0; }

.cart-content .row.calc .col-xs-6.col-sm-5 {
  text-align: right; }

.cart-content .row.calc.price div h3,
.cart-content .row.calc.last div h3 {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 2px; }

.cart-content .row.calc.shipping div h3 {
  font-size: 16px;
  color: #888;
  margin-top: 16px; }

.cart-content .row.calc.voucher {
  padding-bottom: 0; }

.cart-content .row.calc.voucher h3 {
  font-size: 14px;
  color: #888;
  margin-top: 16px; }

.cart-content .row.calc.last {
  padding-bottom: 24px; }
  .cart-content .row.calc.last small a {
    text-decoration: underline; }

@media (max-width: 1025px) {
  .cart-content .row.calc.last {
    padding-bottom: 14px;
    margin-bottom: 6px;
    border-bottom: 2px solid #777777; } }

@media (max-width: 1025px) {
  .order-summery-page .cart-content .row.calc.last {
    margin-bottom: 0;
    border-bottom-style: none; } }

.cart-content .row.calc.last div h3 {
  font-weight: bold; }

.service-payment div.h5,
.service-benefits div.h5 {
  width: 100%;
  border-bottom: 1px solid #cbcbcb;
  font-size: 14px;
  letter-spacing: 1.6px;
  line-height: 24px;
  margin-bottom: 10px; }

.service-payment .payment-name {
  padding: 10px 0; }

.service-payment .payment-name div.h6 {
  float: left;
  padding: 4px 0;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 12px;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  margin-right: 10px;
  margin-bottom: 10px; }

.service-payment .payment-name div.h6:last-child {
  margin-right: 0; }

.payment-logo {
  float: left;
  padding: 4px 12px 8px 0; }

.payment-logo img.visa {
  width: 64px;
  height: 34px; }

.payment-logo img.mastercard {
  width: 55px;
  height: 34px; }

.payment-logo img.amex {
  width: 51px;
  height: 34px; }

.payment-logo img.paypal {
  width: 98px;
  height: 34px; }

.payment-logo img.maestro {
  width: 54px;
  height: 34px; }

.payment-logo img.sofort {
  width: 71px;
  height: 34px; }

.cart-content .row.payment-left .nm-icon.nm-icon-tip {
  position: relative;
  top: -1px;
  padding-right: 4px; }

.service-checkout .row.payment .payment-type {
  height: 34px;
  border: 1px solid #cbcbcb;
  padding: 2px 0;
  margin-bottom: 10px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75); }
  .service-checkout .row.payment .payment-type img {
    display: inline-block;
    height: 100%; }
  .service-checkout .row.payment .payment-type p {
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px; }

.order-summery-page .payment-left .voucher h3.voucher-toggle {
  cursor: pointer; }
  .order-summery-page .payment-left .voucher h3.voucher-toggle span {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 5px;
    float: right;
    border: 7px solid transparent;
    border-top-color: #888; }
  .order-summery-page .payment-left .voucher h3.voucher-toggle:hover {
    color: #000; }
    .order-summery-page .payment-left .voucher h3.voucher-toggle:hover span.voucher-toggle {
      border-top-color: #ccc; }
  .order-summery-page .payment-left .voucher h3.voucher-toggle.toggled span {
    top: -2px;
    border-top-color: transparent;
    border-bottom-color: #888; }

.order-summery-page .payment-left .voucher .invalidVoucher {
  padding: 40px 0 0;
  width: calc(100% - 24px);
  color: #d9534f;
  font-size: 14px; }

@media (max-width: 767px) {
  .cart-content .cart-product .old-price {
    font-size: 12px; }
  .cart-content .cart-product ul.actions.list-inline {
    margin: 0 0 8px 10px; } }

.cart-page .payment,
.cart-page .hotline,
.cart-page .benefits {
  margin-top: 2rem;
  margin-bottom: 2rem; }

@media (min-width: 1025px) {
  .cart-page .cart .price {
    text-align: center; }
  .cart-page .cart .seals {
    margin-top: 20px; }
  .cart-page .cart .count {
    text-align: center; } }

.sub-category {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.kes-item a {
  text-decoration: none; }

.grid-element {
  margin-bottom: 30px; }
  .grid-element:nth-child(odd) {
    clear: both; }

.service-title {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.content.contact {
  font-size: 13px; }
  .content.contact .h1 {
    margin-top: 50px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 24px; }
  .content.contact hr {
    margin-top: 0; }
  .content.contact .row.mb20 {
    margin-bottom: 20px; }
  .content.contact label {
    display: inline-block; }
  .content.contact p.hint {
    margin-top: 0; }

.error-layout .header-elements p {
  min-height: 20px; }

.error-layout .footer-telephone {
  padding-left: 0; }

.error404 .btn-100 {
  text-decoration: none; }

.sign.error-page-wrapper {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background-color: #fff;
  position: relative; }
  @media screen and (max-width: 500px) {
    .sign.error-page-wrapper {
      padding-top: 10%; } }
  .sign.error-page-wrapper * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0; }
  .sign.error-page-wrapper .sign-container {
    width: 450px;
    height: 415px;
    position: relative;
    margin: 0 auto;
    transform-origin: center top 0;
    animation-name: sign;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    animation-iteration-count: 1; }
    @media screen and (max-width: 500px) {
      .sign.error-page-wrapper .sign-container {
        width: 280px;
        height: 280px;
        top: 0 !important; } }
    .sign.error-page-wrapper .sign-container .nob {
      height: 44px;
      width: 44px;
      border-radius: 99px;
      border: 12px solid #343c3f;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -22px; }
    .sign.error-page-wrapper .sign-container .post {
      transition: background-color 0.5s linear;
      width: 190px;
      height: 15px;
      top: 71px;
      background-color: #343c3f; }
      @media screen and (max-width: 500px) {
        .sign.error-page-wrapper .sign-container .post {
          width: 100px;
          top: 50px; } }
      .sign.error-page-wrapper .sign-container .post.left {
        position: absolute;
        transform: rotate(-30deg);
        left: 35px; }
      .sign.error-page-wrapper .sign-container .post.right {
        position: absolute;
        transform: rotate(30deg);
        right: 35px; }
    .sign.error-page-wrapper .sign-container .pane {
      transition: background-color 0.5s linear, border-color 0.5s linear;
      box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1) inset, 5px 0 0 rgba(0, 0, 0, 0.1) inset, 15px 15px 0 rgba(0, 0, 0, 0.1);
      border: 20px solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
      height: 300px;
      text-align: center;
      position: absolute;
      top: 115px;
      left: 0;
      right: 0;
      background-color: #dbdbdb; }
      @media screen and (max-width: 500px) {
        .sign.error-page-wrapper .sign-container .pane {
          top: 70px;
          height: 220px; } }
      .sign.error-page-wrapper .sign-container .pane .headline {
        transition: color 0.5s linear;
        margin-top: 65px;
        margin-bottom: 10px;
        font-size: 54px;
        line-height: 68px;
        font-weight: 600;
        letter-spacing: -2px;
        text-transform: uppercase;
        color: #3d3c39; }
        @media screen and (max-width: 500px) {
          .sign.error-page-wrapper .sign-container .pane .headline {
            margin-top: 20px;
            font-size: 45px;
            margin-bottom: 6px; } }
      .sign.error-page-wrapper .sign-container .pane .context {
        transition: color 0.5s linear;
        color: #3d3c39;
        font-size: 24px;
        line-height: 32px; }
        @media screen and (max-width: 500px) {
          .sign.error-page-wrapper .sign-container .pane .context {
            font-size: 20px;
            line-height: 28px; }
            .sign.error-page-wrapper .sign-container .pane .context p {
              display: none; } }
        .sign.error-page-wrapper .sign-container .pane .context .h1 {
          margin-bottom: 20px; }

@keyframes sign {
  from {
    transform: rotate(-20deg); }
  to {
    transform: rotate(0deg); } }

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

.error404 .m-top-20 {
  margin-top: 20px; }

.error404 .m-top-50 {
  margin-top: 50px; }

.error404 .search-block {
  display: inline-block;
  text-align: left; }

.merchant-selector {
  font-size: 1.3rem; }
  .merchant-selector__headline {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 3.2rem 0 1.6rem; }
    @media screen and (max-width: 1024px) {
      .merchant-selector__headline {
        font-size: 1.8rem;
        margin: 1.6rem 0 0.8rem; } }
  .merchant-selector__content {
    background-color: #ededed;
    padding: 0 24px 0.8rem; }
    .merchant-selector__content:before, .merchant-selector__content:after {
      content: " ";
      display: table;
      width: 100%; }
    .merchant-selector__content:after {
      clear: both; }
    @media screen and (max-width: 767px) {
      .merchant-selector__content {
        margin-right: -12px;
        margin-left: -12px; } }
    @media screen and (max-width: 767px) {
      .merchant-selector__content {
        padding: 0 12px 0.8rem; } }
  .merchant-selector__footer {
    background-color: #ededed;
    padding: 0.8rem 24px 1.2rem; }
    .merchant-selector__footer .visible-merchants {
      text-align: center; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .merchant-selector__footer .visible-merchants {
          line-height: 3.9rem; } }
    .merchant-selector__footer .more-merchants-cta {
      text-decoration: none; }
      .merchant-selector__footer .more-merchants-cta .arrow-link {
        display: inline-flex; }
        .merchant-selector__footer .more-merchants-cta .arrow-link .icon {
          margin: 0.2rem 0.4rem 0 0; }
      .merchant-selector__footer .more-merchants-cta__wrapper {
        text-align: center; }
        @media (min-width: 768px) {
          .merchant-selector__footer .more-merchants-cta__wrapper {
            text-align: right; } }
  .merchant-selector.modal .modal-dialog {
    width: auto; }
    @media screen and (max-width: 767px) {
      .merchant-selector.modal .modal-dialog {
        width: 100%; } }
  .merchant-selector.modal .modal-content {
    padding: 0;
    overflow-y: auto;
    max-height: 100vh; }
    .merchant-selector.modal .modal-content .alert {
      margin: 1.2rem; }
  .merchant-selector.modal .modal-header {
    background-color: inherit;
    color: inherit;
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0 24px 0.8rem; }
    @media screen and (max-width: 767px) {
      .merchant-selector.modal .modal-header {
        padding: 0 12px 0.8rem; } }
  .merchant-selector.modal .close {
    color: #464646; }
    .merchant-selector.modal .close:hover, .merchant-selector.modal .close:focus {
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .merchant-selector.modal .subhead, .merchant-selector.modal .s-box-text h2, .s-box-text .merchant-selector.modal h2,
  .merchant-selector.modal .modal-dialog .close {
    margin-top: 2rem; }
  .merchant-selector.modal .modal-body {
    overflow: auto;
    padding: 0; }
  @media screen and (max-width: 767px) {
    .merchant-selector.modal .merchant-selector__content {
      margin-right: 0;
      margin-left: 0; } }

.merchant-selector__filter-list {
  display: flex;
  flex-flow: row wrap; }
  .merchant-selector__filter {
    margin-right: 1.2rem;
    order: 1;
    flex: 0 1 auto;
    margin-bottom: 1.6rem; }
    .merchant-selector__filter label:first-child {
      font-weight: normal;
      display: block;
      text-transform: uppercase;
      white-space: nowrap; }
    .merchant-selector__filter .filter-name {
      font-weight: normal;
      display: block;
      text-transform: uppercase;
      white-space: nowrap;
      margin-bottom: 5px; }
  @media (min-width: 1025px) {
    .merchant-selector__filter--desktop-right {
      display: flex;
      flex-flow: column nowrap;
      flex: 1 1 auto;
      align-items: flex-end;
      order: 2;
      margin-right: 0; } }
  .merchant-selector__filter--newline {
    width: 100%;
    order: 2; }
  @media (min-width: 1025px) {
    .merchant-selector__filter--desktop-newline {
      order: 2;
      width: 100%; } }
  .merchant-selector__filter-list .checkbox {
    margin: 0; }

.merchant-selector__entry {
  -webkit-transition: max-height 300ms ease-out 0s;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  -moz-transition: max-height 300ms ease-out 0s;
  /* Firefox 4.0 - 15  */
  -o-transition: max-height 300ms ease-out 0s;
  /* Opera 10.5+  */
  transition: max-height 300ms ease-out 0s;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  font-size: 1.3rem;
  margin-top: 1.2rem;
  overflow: hidden; }
  .merchant-selector__entry > div {
    padding: 1.2rem;
    flex: 0 1 100%; }
    .merchant-selector__entry > div + div {
      border-left: 1px solid #ededed; }
    .merchant-selector__entry > div .product-price-cta {
      flex-basis: 80%; }
  .merchant-selector__entry .merchant-info {
    padding-bottom: 1.2rem; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .merchant-selector__entry {
      flex-wrap: wrap; }
      .merchant-selector__entry > div {
        border-left: 0; }
      .merchant-selector__entry .merchant-info {
        width: 100%; }
      .merchant-selector__entry .product-info {
        border-left: 0; }
      .merchant-selector__entry .product-info,
      .merchant-selector__entry .product-price-cta {
        border-top: 1px solid #ededed;
        flex: 0 0 50%; }
      .merchant-selector__entry .rb-service-list, .merchant-selector__entry .tooltip ul, .tooltip .merchant-selector__entry ul {
        column-count: 3; } }
  @media screen and (max-width: 767px) {
    .merchant-selector__entry {
      flex-flow: column; }
      .merchant-selector__entry > div + div {
        border-left: 0;
        border-top: 1px solid #ededed; } }
  .merchant-selector__entry.invisible,
  .filtered .merchant-selector__entry:not(.filter-match) {
    max-height: 0;
    padding: 0;
    margin: 0; }
  .merchant-selector__entry .address {
    margin-bottom: 0; }
  .merchant-selector__entry .rb-service-list, .merchant-selector__entry .tooltip ul, .tooltip .merchant-selector__entry ul {
    margin: 1.6rem 0 0; }
  .merchant-selector__entry .product-info .status-availability {
    margin-bottom: 1.6rem; }
  .merchant-selector__entry .product-info .service-icons {
    padding: 0.8rem 0 0 0; }
  .merchant-selector__entry .product-info ul {
    padding-left: 2rem; }
  .merchant-selector__entry .product-price-cta {
    display: flex;
    flex-flow: column;
    justify-content: space-between; }
    .merchant-selector__entry .product-price-cta .price-info-wrapper {
      display: flex;
      gap: 15px; }
    .merchant-selector__entry .product-price-cta .price-info--discount, .merchant-selector__entry .product-price-cta .price-info--discount-present {
      min-height: 2.7rem;
      padding: 0.3rem 0; }
      .merchant-selector__entry .product-price-cta .price-info--discount-present {
        margin: 0 -12px;
        background-color: #464646;
        color: whitesmoke; }
    .merchant-selector__entry .product-price-cta .graduated-price-disclaimer-wrapper {
      position: relative; }
      .merchant-selector__entry .product-price-cta .graduated-price-disclaimer-wrapper .graduated-price-disclaimer {
        position: absolute;
        bottom: 5px; }
  .merchant-selector__entry .prd-badge {
    margin-left: -1.2rem;
    padding-left: 1.2rem; }
  .merchant-selector__entry .price-info + .cta-choose {
    margin-top: 1.6rem; }
  .merchant-selector__entry .cta-choose__info {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha));
    font-weight: bold; }
  .merchant-selector__entry .btn {
    font-weight: bold; }
  .merchant-selector__entry .different-opening-hours {
    color: #d9534f; }
    .merchant-selector__entry .different-opening-hours a {
      color: #d9534f;
      text-decoration: underline; }
  .merchant-selector__entry.other-variation .product-price-cta {
    justify-content: flex-end; }
  @media screen and (max-width: 767px) {
    .merchant-selector__entry {
      padding: 0.8rem; }
      .merchant-selector__entry .merchant-info {
        padding-bottom: 0; }
      .merchant-selector__entry .available-in-exhibition {
        padding: 0 !important; }
      .merchant-selector__entry .service-list li span {
        margin-top: 0.4rem !important; } }

.page-login {
  --max-width: 600px; }
  .page-login__header {
    font-size: 1.9rem;
    font-weight: bold;
    color: #fff;
    background-color: #464646;
    text-align: center;
    padding: 1.2rem;
    margin: 0 auto;
    max-width: var(--max-width); }
    @media (min-width: 768px) {
      .page-login__header {
        font-size: 2.5rem;
        color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100%);
        background-color: transparent;
        text-align: initial;
        margin: initial;
        max-width: initial; } }
    .page-login__header.-checkout-style {
      font-size: 1.9rem;
      font-weight: bold;
      color: #fff;
      background-color: #464646;
      text-align: center;
      padding: 1.2rem;
      margin: 0 auto;
      max-width: initial; }
  .page-login__wrapper {
    padding: 1.2rem;
    border: 1px solid #d1d1d1;
    max-width: var(--max-width);
    margin: 0 auto; }
    @media (min-width: 768px) {
      .page-login__wrapper {
        padding: initial;
        border: none; } }
    .page-login__wrapper.-checkout-style {
      padding: 1.2rem;
      border: initial;
      max-width: initial;
      margin: 0 auto; }
  .page-login__form {
    display: grid;
    row-gap: 1.6rem; }
  .page-login__form-group {
    display: grid;
    font-weight: initial;
    font-size: 1.3rem; }
  .page-login__form-input.-has-error {
    border: 1px solid #e9323e; }
  .page-login__error-msg {
    color: #e9323e; }
  .page-login__forgotten-password {
    text-decoration: underline;
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
    justify-self: start; }
  .page-login__registration-header {
    margin: 0; }
  .page-login__advantages {
    list-style: none;
    margin: 0 0 1.6rem 0;
    padding: 0; }
  .page-login__advantage:before {
    content: "\2714\0020"; }
  .page-login__registration-btn--simple {
    text-decoration: underline; }
  .page-login__registration-b2c {
    background-color: #464646;
    border-color: #3c3c3b;
    color: #fff;
    margin-bottom: 16px; }
    .page-login__registration-b2c:focus, .page-login__registration-b2c:active, .page-login__registration-b2c:active:hover, .page-login__registration-b2c:active:focus {
      background-color: #464646;
      border-color: #3c3c3b;
      color: #fff; }
    .page-login__registration-b2c:hover {
      background-color: #3c3c3b;
      border-color: #222222; }

@keyframes fade-effect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.ads-anchors {
  display: grid;
  justify-items: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(150px, min-content)); }
  @media (min-width: 1024px) {
    .ads-anchors {
      justify-content: start;
      justify-items: start;
      gap: 1.6rem;
      border-top: 1px solid #d1d1d1;
      border-bottom: 1px solid #d1d1d1;
      padding: 16px; } }
  .ads-anchors__element {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.6rem;
    cursor: pointer;
    padding: 16px; }
    @media (min-width: 1024px) {
      .ads-anchors__element {
        padding: 0; } }
    .ads-anchors__element:active, .ads-anchors__element:hover, .ads-anchors__element:focus, .ads-anchors__element:focus:active, .ads-anchors__element:focus:hover {
      text-decoration: none;
      color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .ads-anchors__text {
    text-decoration: none;
    color: inherit; }
    .ads-anchors__text:active, .ads-anchors__text:hover, .ads-anchors__text:focus, .ads-anchors__text:focus:active, .ads-anchors__text:focus:hover {
      text-decoration: none;
      color: inherit; }
  .ads-anchors__icon {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
  width: 100%; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.pull-right-or-on-mobile-left {
  float: right !important; }
  @media screen and (max-width: 767px) {
    .pull-right-or-on-mobile-left {
      float: left !important; } }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.visible-lg-flex {
  display: none !important; }
  @media (min-width: 1200px) {
    .visible-lg-flex {
      display: flex !important; } }

.swipe {
  overflow: hidden;
  position: relative; }
  .swipe .swipe-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
    .swipe .swipe-wrap:before, .swipe .swipe-wrap:after {
      content: " ";
      display: table;
      width: 100%; }
    .swipe .swipe-wrap:after {
      clear: both; }
    .swipe .swipe-wrap > div {
      float: left;
      position: relative;
      -webkit-user-drag: none; }
      .thumbnail .swipe .swipe-wrap > div {
        text-align: center; }
  .swipe ~ .carousel-control.left {
    left: -12px; }
  .swipe ~ .carousel-control.right {
    right: -12px; }

div[id^="trustbadge-container-"] {
  z-index: 1048 !important; }

#MyCustomTrustbadge {
  width: 80px;
  height: 80px; }

div[data-authorizedby-rendered-badge] {
  z-index: 999; }

.merchant-secondary-color__btn {
  background-color: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100);
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100);
  box-shadow: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100);
  border: 1px solid hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100); }
  .merchant-secondary-color__btn:hover {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100);
    background-color: hsla(var(--color-secondary-base), var(--color-secondary-saturation), calc(var(--color-secondary-lightness) - var(--color-background-hover-lightness-decrease)), 100);
    border: 1px solid hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100); }

.merchant-secondary-color__request-btn {
  background-color: hsla(var(--color-white-base), var(--color-white-saturation), var(--color-white-lightness), 100);
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100);
  box-shadow: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100);
  border: 1px solid hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100); }
  .merchant-secondary-color__request-btn:hover {
    color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100) !important;
    background-color: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100) !important;
    box-shadow: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100) !important;
    border: 1px solid hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100) !important; }

.merchant-secondary-color__background-color {
  background-color: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100) !important; }
  .merchant-secondary-color__background-color--hover:hover {
    background-color: hsla(var(--color-secondary-base), var(--color-secondary-saturation), calc(var(--color-secondary-lightness) - var(--color-background-hover-lightness-decrease)), 100) !important; }

.merchant-secondary-color__color {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100) !important; }

.merchant-secondary-color__box-shadow {
  box-shadow: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100); }

.merchant-secondary-color__border {
  border: 1px solid hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100); }

.merchant-secondary-color__header {
  color: hsla(var(--color-secondary-base), var(--color-secondary-saturation), var(--color-secondary-lightness), 100);
  background-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), 100); }

.cb-with-accent-color {
  accent-color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }
  .cb-with-accent-color[readonly], .cb-with-accent-color[readonly="true"] {
    accent-color: #b2b2b2;
    filter: opacity(0.25) brightness(0.25);
    cursor: not-allowed; }

.cb-with-no-padding {
  padding: 0; }
  .cb-with-no-padding--important {
    padding: 0 !important; }

.cb-with-no-margin {
  margin: 0; }
  .cb-with-no-margin--important {
    margin: 0 !important; }

.hlz-checkbox {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start; }
  .hlz-checkbox--center {
    align-items: center; }
  .hlz-checkbox--end {
    align-items: end; }

.margin-0 {
  margin: 0; }
  @media (min-width: 768px) {
    .margin-0--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0--desktop {
      margin: initial; } }

.margin-top-0 {
  margin-top: 0; }
  @media (min-width: 768px) {
    .margin-top-0--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0--desktop {
      margin: initial; } }

.margin-right-0 {
  margin-right: 0; }
  @media (min-width: 768px) {
    .margin-right-0--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0--desktop {
      margin: initial; } }

.margin-bottom-0 {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .margin-bottom-0--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0--desktop {
      margin: initial; } }

.margin-left-0 {
  margin-left: 0; }
  @media (min-width: 768px) {
    .margin-left-0--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0--desktop {
      margin: initial; } }

.margin-0-1 {
  margin: 0.1rem; }
  @media (min-width: 768px) {
    .margin-0-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-1--desktop {
      margin: initial; } }

.margin-top-0-1 {
  margin-top: 0.1rem; }
  @media (min-width: 768px) {
    .margin-top-0-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-1--desktop {
      margin: initial; } }

.margin-right-0-1 {
  margin-right: 0.1rem; }
  @media (min-width: 768px) {
    .margin-right-0-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-1--desktop {
      margin: initial; } }

.margin-bottom-0-1 {
  margin-bottom: 0.1rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-1--desktop {
      margin: initial; } }

.margin-left-0-1 {
  margin-left: 0.1rem; }
  @media (min-width: 768px) {
    .margin-left-0-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-1--desktop {
      margin: initial; } }

.margin-0-2 {
  margin: 0.2rem; }
  @media (min-width: 768px) {
    .margin-0-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-2--desktop {
      margin: initial; } }

.margin-top-0-2 {
  margin-top: 0.2rem; }
  @media (min-width: 768px) {
    .margin-top-0-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-2--desktop {
      margin: initial; } }

.margin-right-0-2 {
  margin-right: 0.2rem; }
  @media (min-width: 768px) {
    .margin-right-0-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-2--desktop {
      margin: initial; } }

.margin-bottom-0-2 {
  margin-bottom: 0.2rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-2--desktop {
      margin: initial; } }

.margin-left-0-2 {
  margin-left: 0.2rem; }
  @media (min-width: 768px) {
    .margin-left-0-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-2--desktop {
      margin: initial; } }

.margin-0-3 {
  margin: 0.3rem; }
  @media (min-width: 768px) {
    .margin-0-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-3--desktop {
      margin: initial; } }

.margin-top-0-3 {
  margin-top: 0.3rem; }
  @media (min-width: 768px) {
    .margin-top-0-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-3--desktop {
      margin: initial; } }

.margin-right-0-3 {
  margin-right: 0.3rem; }
  @media (min-width: 768px) {
    .margin-right-0-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-3--desktop {
      margin: initial; } }

.margin-bottom-0-3 {
  margin-bottom: 0.3rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-3--desktop {
      margin: initial; } }

.margin-left-0-3 {
  margin-left: 0.3rem; }
  @media (min-width: 768px) {
    .margin-left-0-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-3--desktop {
      margin: initial; } }

.margin-0-4 {
  margin: 0.4rem; }
  @media (min-width: 768px) {
    .margin-0-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-4--desktop {
      margin: initial; } }

.margin-top-0-4 {
  margin-top: 0.4rem; }
  @media (min-width: 768px) {
    .margin-top-0-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-4--desktop {
      margin: initial; } }

.margin-right-0-4 {
  margin-right: 0.4rem; }
  @media (min-width: 768px) {
    .margin-right-0-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-4--desktop {
      margin: initial; } }

.margin-bottom-0-4 {
  margin-bottom: 0.4rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-4--desktop {
      margin: initial; } }

.margin-left-0-4 {
  margin-left: 0.4rem; }
  @media (min-width: 768px) {
    .margin-left-0-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-4--desktop {
      margin: initial; } }

.margin-0-5 {
  margin: 0.5rem; }
  @media (min-width: 768px) {
    .margin-0-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-5--desktop {
      margin: initial; } }

.margin-top-0-5 {
  margin-top: 0.5rem; }
  @media (min-width: 768px) {
    .margin-top-0-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-5--desktop {
      margin: initial; } }

.margin-right-0-5 {
  margin-right: 0.5rem; }
  @media (min-width: 768px) {
    .margin-right-0-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-5--desktop {
      margin: initial; } }

.margin-bottom-0-5 {
  margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-5--desktop {
      margin: initial; } }

.margin-left-0-5 {
  margin-left: 0.5rem; }
  @media (min-width: 768px) {
    .margin-left-0-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-5--desktop {
      margin: initial; } }

.margin-0-6 {
  margin: 0.6rem; }
  @media (min-width: 768px) {
    .margin-0-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-6--desktop {
      margin: initial; } }

.margin-top-0-6 {
  margin-top: 0.6rem; }
  @media (min-width: 768px) {
    .margin-top-0-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-6--desktop {
      margin: initial; } }

.margin-right-0-6 {
  margin-right: 0.6rem; }
  @media (min-width: 768px) {
    .margin-right-0-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-6--desktop {
      margin: initial; } }

.margin-bottom-0-6 {
  margin-bottom: 0.6rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-6--desktop {
      margin: initial; } }

.margin-left-0-6 {
  margin-left: 0.6rem; }
  @media (min-width: 768px) {
    .margin-left-0-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-6--desktop {
      margin: initial; } }

.margin-0-7 {
  margin: 0.7rem; }
  @media (min-width: 768px) {
    .margin-0-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-7--desktop {
      margin: initial; } }

.margin-top-0-7 {
  margin-top: 0.7rem; }
  @media (min-width: 768px) {
    .margin-top-0-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-7--desktop {
      margin: initial; } }

.margin-right-0-7 {
  margin-right: 0.7rem; }
  @media (min-width: 768px) {
    .margin-right-0-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-7--desktop {
      margin: initial; } }

.margin-bottom-0-7 {
  margin-bottom: 0.7rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-7--desktop {
      margin: initial; } }

.margin-left-0-7 {
  margin-left: 0.7rem; }
  @media (min-width: 768px) {
    .margin-left-0-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-7--desktop {
      margin: initial; } }

.margin-0-8 {
  margin: 0.8rem; }
  @media (min-width: 768px) {
    .margin-0-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-8--desktop {
      margin: initial; } }

.margin-top-0-8 {
  margin-top: 0.8rem; }
  @media (min-width: 768px) {
    .margin-top-0-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-8--desktop {
      margin: initial; } }

.margin-right-0-8 {
  margin-right: 0.8rem; }
  @media (min-width: 768px) {
    .margin-right-0-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-8--desktop {
      margin: initial; } }

.margin-bottom-0-8 {
  margin-bottom: 0.8rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-8--desktop {
      margin: initial; } }

.margin-left-0-8 {
  margin-left: 0.8rem; }
  @media (min-width: 768px) {
    .margin-left-0-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-8--desktop {
      margin: initial; } }

.margin-0-9 {
  margin: 0.9rem; }
  @media (min-width: 768px) {
    .margin-0-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0-9--desktop {
      margin: initial; } }

.margin-top-0-9 {
  margin-top: 0.9rem; }
  @media (min-width: 768px) {
    .margin-top-0-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0-9--desktop {
      margin: initial; } }

.margin-right-0-9 {
  margin-right: 0.9rem; }
  @media (min-width: 768px) {
    .margin-right-0-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0-9--desktop {
      margin: initial; } }

.margin-bottom-0-9 {
  margin-bottom: 0.9rem; }
  @media (min-width: 768px) {
    .margin-bottom-0-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-0-9--desktop {
      margin: initial; } }

.margin-left-0-9 {
  margin-left: 0.9rem; }
  @media (min-width: 768px) {
    .margin-left-0-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0-9--desktop {
      margin: initial; } }

.margin-1 {
  margin: 1rem; }
  @media (min-width: 768px) {
    .margin-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1--desktop {
      margin: initial; } }

.margin-top-1 {
  margin-top: 1rem; }
  @media (min-width: 768px) {
    .margin-top-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1--desktop {
      margin: initial; } }

.margin-right-1 {
  margin-right: 1rem; }
  @media (min-width: 768px) {
    .margin-right-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1--desktop {
      margin: initial; } }

.margin-bottom-1 {
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    .margin-bottom-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1--desktop {
      margin: initial; } }

.margin-left-1 {
  margin-left: 1rem; }
  @media (min-width: 768px) {
    .margin-left-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1--desktop {
      margin: initial; } }

.margin-1-1 {
  margin: 1.1rem; }
  @media (min-width: 768px) {
    .margin-1-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-1--desktop {
      margin: initial; } }

.margin-top-1-1 {
  margin-top: 1.1rem; }
  @media (min-width: 768px) {
    .margin-top-1-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-1--desktop {
      margin: initial; } }

.margin-right-1-1 {
  margin-right: 1.1rem; }
  @media (min-width: 768px) {
    .margin-right-1-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-1--desktop {
      margin: initial; } }

.margin-bottom-1-1 {
  margin-bottom: 1.1rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-1--desktop {
      margin: initial; } }

.margin-left-1-1 {
  margin-left: 1.1rem; }
  @media (min-width: 768px) {
    .margin-left-1-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-1--desktop {
      margin: initial; } }

.margin-1-2 {
  margin: 1.2rem; }
  @media (min-width: 768px) {
    .margin-1-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-2--desktop {
      margin: initial; } }

.margin-top-1-2 {
  margin-top: 1.2rem; }
  @media (min-width: 768px) {
    .margin-top-1-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-2--desktop {
      margin: initial; } }

.margin-right-1-2 {
  margin-right: 1.2rem; }
  @media (min-width: 768px) {
    .margin-right-1-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-2--desktop {
      margin: initial; } }

.margin-bottom-1-2 {
  margin-bottom: 1.2rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-2--desktop {
      margin: initial; } }

.margin-left-1-2 {
  margin-left: 1.2rem; }
  @media (min-width: 768px) {
    .margin-left-1-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-2--desktop {
      margin: initial; } }

.margin-1-3 {
  margin: 1.3rem; }
  @media (min-width: 768px) {
    .margin-1-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-3--desktop {
      margin: initial; } }

.margin-top-1-3 {
  margin-top: 1.3rem; }
  @media (min-width: 768px) {
    .margin-top-1-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-3--desktop {
      margin: initial; } }

.margin-right-1-3 {
  margin-right: 1.3rem; }
  @media (min-width: 768px) {
    .margin-right-1-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-3--desktop {
      margin: initial; } }

.margin-bottom-1-3 {
  margin-bottom: 1.3rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-3--desktop {
      margin: initial; } }

.margin-left-1-3 {
  margin-left: 1.3rem; }
  @media (min-width: 768px) {
    .margin-left-1-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-3--desktop {
      margin: initial; } }

.margin-1-4 {
  margin: 1.4rem; }
  @media (min-width: 768px) {
    .margin-1-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-4--desktop {
      margin: initial; } }

.margin-top-1-4 {
  margin-top: 1.4rem; }
  @media (min-width: 768px) {
    .margin-top-1-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-4--desktop {
      margin: initial; } }

.margin-right-1-4 {
  margin-right: 1.4rem; }
  @media (min-width: 768px) {
    .margin-right-1-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-4--desktop {
      margin: initial; } }

.margin-bottom-1-4 {
  margin-bottom: 1.4rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-4--desktop {
      margin: initial; } }

.margin-left-1-4 {
  margin-left: 1.4rem; }
  @media (min-width: 768px) {
    .margin-left-1-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-4--desktop {
      margin: initial; } }

.margin-1-5 {
  margin: 1.5rem; }
  @media (min-width: 768px) {
    .margin-1-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-5--desktop {
      margin: initial; } }

.margin-top-1-5 {
  margin-top: 1.5rem; }
  @media (min-width: 768px) {
    .margin-top-1-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-5--desktop {
      margin: initial; } }

.margin-right-1-5 {
  margin-right: 1.5rem; }
  @media (min-width: 768px) {
    .margin-right-1-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-5--desktop {
      margin: initial; } }

.margin-bottom-1-5 {
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-5--desktop {
      margin: initial; } }

.margin-left-1-5 {
  margin-left: 1.5rem; }
  @media (min-width: 768px) {
    .margin-left-1-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-5--desktop {
      margin: initial; } }

.margin-1-6 {
  margin: 1.6rem; }
  @media (min-width: 768px) {
    .margin-1-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-6--desktop {
      margin: initial; } }

.margin-top-1-6 {
  margin-top: 1.6rem; }
  @media (min-width: 768px) {
    .margin-top-1-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-6--desktop {
      margin: initial; } }

.margin-right-1-6 {
  margin-right: 1.6rem; }
  @media (min-width: 768px) {
    .margin-right-1-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-6--desktop {
      margin: initial; } }

.margin-bottom-1-6 {
  margin-bottom: 1.6rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-6--desktop {
      margin: initial; } }

.margin-left-1-6 {
  margin-left: 1.6rem; }
  @media (min-width: 768px) {
    .margin-left-1-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-6--desktop {
      margin: initial; } }

.margin-1-7 {
  margin: 1.7rem; }
  @media (min-width: 768px) {
    .margin-1-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-7--desktop {
      margin: initial; } }

.margin-top-1-7 {
  margin-top: 1.7rem; }
  @media (min-width: 768px) {
    .margin-top-1-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-7--desktop {
      margin: initial; } }

.margin-right-1-7 {
  margin-right: 1.7rem; }
  @media (min-width: 768px) {
    .margin-right-1-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-7--desktop {
      margin: initial; } }

.margin-bottom-1-7 {
  margin-bottom: 1.7rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-7--desktop {
      margin: initial; } }

.margin-left-1-7 {
  margin-left: 1.7rem; }
  @media (min-width: 768px) {
    .margin-left-1-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-7--desktop {
      margin: initial; } }

.margin-1-8 {
  margin: 1.8rem; }
  @media (min-width: 768px) {
    .margin-1-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-8--desktop {
      margin: initial; } }

.margin-top-1-8 {
  margin-top: 1.8rem; }
  @media (min-width: 768px) {
    .margin-top-1-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-8--desktop {
      margin: initial; } }

.margin-right-1-8 {
  margin-right: 1.8rem; }
  @media (min-width: 768px) {
    .margin-right-1-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-8--desktop {
      margin: initial; } }

.margin-bottom-1-8 {
  margin-bottom: 1.8rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-8--desktop {
      margin: initial; } }

.margin-left-1-8 {
  margin-left: 1.8rem; }
  @media (min-width: 768px) {
    .margin-left-1-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-8--desktop {
      margin: initial; } }

.margin-1-9 {
  margin: 1.9rem; }
  @media (min-width: 768px) {
    .margin-1-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1-9--desktop {
      margin: initial; } }

.margin-top-1-9 {
  margin-top: 1.9rem; }
  @media (min-width: 768px) {
    .margin-top-1-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1-9--desktop {
      margin: initial; } }

.margin-right-1-9 {
  margin-right: 1.9rem; }
  @media (min-width: 768px) {
    .margin-right-1-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1-9--desktop {
      margin: initial; } }

.margin-bottom-1-9 {
  margin-bottom: 1.9rem; }
  @media (min-width: 768px) {
    .margin-bottom-1-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-1-9--desktop {
      margin: initial; } }

.margin-left-1-9 {
  margin-left: 1.9rem; }
  @media (min-width: 768px) {
    .margin-left-1-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1-9--desktop {
      margin: initial; } }

.margin-2 {
  margin: 2rem; }
  @media (min-width: 768px) {
    .margin-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2--desktop {
      margin: initial; } }

.margin-top-2 {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .margin-top-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2--desktop {
      margin: initial; } }

.margin-right-2 {
  margin-right: 2rem; }
  @media (min-width: 768px) {
    .margin-right-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2--desktop {
      margin: initial; } }

.margin-bottom-2 {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .margin-bottom-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2--desktop {
      margin: initial; } }

.margin-left-2 {
  margin-left: 2rem; }
  @media (min-width: 768px) {
    .margin-left-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2--desktop {
      margin: initial; } }

.margin-2-1 {
  margin: 2.1rem; }
  @media (min-width: 768px) {
    .margin-2-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-1--desktop {
      margin: initial; } }

.margin-top-2-1 {
  margin-top: 2.1rem; }
  @media (min-width: 768px) {
    .margin-top-2-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-1--desktop {
      margin: initial; } }

.margin-right-2-1 {
  margin-right: 2.1rem; }
  @media (min-width: 768px) {
    .margin-right-2-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-1--desktop {
      margin: initial; } }

.margin-bottom-2-1 {
  margin-bottom: 2.1rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-1--desktop {
      margin: initial; } }

.margin-left-2-1 {
  margin-left: 2.1rem; }
  @media (min-width: 768px) {
    .margin-left-2-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-1--desktop {
      margin: initial; } }

.margin-2-2 {
  margin: 2.2rem; }
  @media (min-width: 768px) {
    .margin-2-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-2--desktop {
      margin: initial; } }

.margin-top-2-2 {
  margin-top: 2.2rem; }
  @media (min-width: 768px) {
    .margin-top-2-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-2--desktop {
      margin: initial; } }

.margin-right-2-2 {
  margin-right: 2.2rem; }
  @media (min-width: 768px) {
    .margin-right-2-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-2--desktop {
      margin: initial; } }

.margin-bottom-2-2 {
  margin-bottom: 2.2rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-2--desktop {
      margin: initial; } }

.margin-left-2-2 {
  margin-left: 2.2rem; }
  @media (min-width: 768px) {
    .margin-left-2-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-2--desktop {
      margin: initial; } }

.margin-2-3 {
  margin: 2.3rem; }
  @media (min-width: 768px) {
    .margin-2-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-3--desktop {
      margin: initial; } }

.margin-top-2-3 {
  margin-top: 2.3rem; }
  @media (min-width: 768px) {
    .margin-top-2-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-3--desktop {
      margin: initial; } }

.margin-right-2-3 {
  margin-right: 2.3rem; }
  @media (min-width: 768px) {
    .margin-right-2-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-3--desktop {
      margin: initial; } }

.margin-bottom-2-3 {
  margin-bottom: 2.3rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-3--desktop {
      margin: initial; } }

.margin-left-2-3 {
  margin-left: 2.3rem; }
  @media (min-width: 768px) {
    .margin-left-2-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-3--desktop {
      margin: initial; } }

.margin-2-4 {
  margin: 2.4rem; }
  @media (min-width: 768px) {
    .margin-2-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-4--desktop {
      margin: initial; } }

.margin-top-2-4 {
  margin-top: 2.4rem; }
  @media (min-width: 768px) {
    .margin-top-2-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-4--desktop {
      margin: initial; } }

.margin-right-2-4 {
  margin-right: 2.4rem; }
  @media (min-width: 768px) {
    .margin-right-2-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-4--desktop {
      margin: initial; } }

.margin-bottom-2-4 {
  margin-bottom: 2.4rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-4--desktop {
      margin: initial; } }

.margin-left-2-4 {
  margin-left: 2.4rem; }
  @media (min-width: 768px) {
    .margin-left-2-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-4--desktop {
      margin: initial; } }

.margin-2-5 {
  margin: 2.5rem; }
  @media (min-width: 768px) {
    .margin-2-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-5--desktop {
      margin: initial; } }

.margin-top-2-5 {
  margin-top: 2.5rem; }
  @media (min-width: 768px) {
    .margin-top-2-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-5--desktop {
      margin: initial; } }

.margin-right-2-5 {
  margin-right: 2.5rem; }
  @media (min-width: 768px) {
    .margin-right-2-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-5--desktop {
      margin: initial; } }

.margin-bottom-2-5 {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-5--desktop {
      margin: initial; } }

.margin-left-2-5 {
  margin-left: 2.5rem; }
  @media (min-width: 768px) {
    .margin-left-2-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-5--desktop {
      margin: initial; } }

.margin-2-6 {
  margin: 2.6rem; }
  @media (min-width: 768px) {
    .margin-2-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-6--desktop {
      margin: initial; } }

.margin-top-2-6 {
  margin-top: 2.6rem; }
  @media (min-width: 768px) {
    .margin-top-2-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-6--desktop {
      margin: initial; } }

.margin-right-2-6 {
  margin-right: 2.6rem; }
  @media (min-width: 768px) {
    .margin-right-2-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-6--desktop {
      margin: initial; } }

.margin-bottom-2-6 {
  margin-bottom: 2.6rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-6--desktop {
      margin: initial; } }

.margin-left-2-6 {
  margin-left: 2.6rem; }
  @media (min-width: 768px) {
    .margin-left-2-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-6--desktop {
      margin: initial; } }

.margin-2-7 {
  margin: 2.7rem; }
  @media (min-width: 768px) {
    .margin-2-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-7--desktop {
      margin: initial; } }

.margin-top-2-7 {
  margin-top: 2.7rem; }
  @media (min-width: 768px) {
    .margin-top-2-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-7--desktop {
      margin: initial; } }

.margin-right-2-7 {
  margin-right: 2.7rem; }
  @media (min-width: 768px) {
    .margin-right-2-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-7--desktop {
      margin: initial; } }

.margin-bottom-2-7 {
  margin-bottom: 2.7rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-7--desktop {
      margin: initial; } }

.margin-left-2-7 {
  margin-left: 2.7rem; }
  @media (min-width: 768px) {
    .margin-left-2-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-7--desktop {
      margin: initial; } }

.margin-2-8 {
  margin: 2.8rem; }
  @media (min-width: 768px) {
    .margin-2-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-8--desktop {
      margin: initial; } }

.margin-top-2-8 {
  margin-top: 2.8rem; }
  @media (min-width: 768px) {
    .margin-top-2-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-8--desktop {
      margin: initial; } }

.margin-right-2-8 {
  margin-right: 2.8rem; }
  @media (min-width: 768px) {
    .margin-right-2-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-8--desktop {
      margin: initial; } }

.margin-bottom-2-8 {
  margin-bottom: 2.8rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-8--desktop {
      margin: initial; } }

.margin-left-2-8 {
  margin-left: 2.8rem; }
  @media (min-width: 768px) {
    .margin-left-2-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-8--desktop {
      margin: initial; } }

.margin-2-9 {
  margin: 2.9rem; }
  @media (min-width: 768px) {
    .margin-2-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2-9--desktop {
      margin: initial; } }

.margin-top-2-9 {
  margin-top: 2.9rem; }
  @media (min-width: 768px) {
    .margin-top-2-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2-9--desktop {
      margin: initial; } }

.margin-right-2-9 {
  margin-right: 2.9rem; }
  @media (min-width: 768px) {
    .margin-right-2-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2-9--desktop {
      margin: initial; } }

.margin-bottom-2-9 {
  margin-bottom: 2.9rem; }
  @media (min-width: 768px) {
    .margin-bottom-2-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-2-9--desktop {
      margin: initial; } }

.margin-left-2-9 {
  margin-left: 2.9rem; }
  @media (min-width: 768px) {
    .margin-left-2-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2-9--desktop {
      margin: initial; } }

.margin-3 {
  margin: 3rem; }
  @media (min-width: 768px) {
    .margin-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3--desktop {
      margin: initial; } }

.margin-top-3 {
  margin-top: 3rem; }
  @media (min-width: 768px) {
    .margin-top-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3--desktop {
      margin: initial; } }

.margin-right-3 {
  margin-right: 3rem; }
  @media (min-width: 768px) {
    .margin-right-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3--desktop {
      margin: initial; } }

.margin-bottom-3 {
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .margin-bottom-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3--desktop {
      margin: initial; } }

.margin-left-3 {
  margin-left: 3rem; }
  @media (min-width: 768px) {
    .margin-left-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3--desktop {
      margin: initial; } }

.margin-3-1 {
  margin: 3.1rem; }
  @media (min-width: 768px) {
    .margin-3-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-1--desktop {
      margin: initial; } }

.margin-top-3-1 {
  margin-top: 3.1rem; }
  @media (min-width: 768px) {
    .margin-top-3-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-1--desktop {
      margin: initial; } }

.margin-right-3-1 {
  margin-right: 3.1rem; }
  @media (min-width: 768px) {
    .margin-right-3-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-1--desktop {
      margin: initial; } }

.margin-bottom-3-1 {
  margin-bottom: 3.1rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-1--desktop {
      margin: initial; } }

.margin-left-3-1 {
  margin-left: 3.1rem; }
  @media (min-width: 768px) {
    .margin-left-3-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-1--desktop {
      margin: initial; } }

.margin-3-2 {
  margin: 3.2rem; }
  @media (min-width: 768px) {
    .margin-3-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-2--desktop {
      margin: initial; } }

.margin-top-3-2 {
  margin-top: 3.2rem; }
  @media (min-width: 768px) {
    .margin-top-3-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-2--desktop {
      margin: initial; } }

.margin-right-3-2 {
  margin-right: 3.2rem; }
  @media (min-width: 768px) {
    .margin-right-3-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-2--desktop {
      margin: initial; } }

.margin-bottom-3-2 {
  margin-bottom: 3.2rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-2--desktop {
      margin: initial; } }

.margin-left-3-2 {
  margin-left: 3.2rem; }
  @media (min-width: 768px) {
    .margin-left-3-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-2--desktop {
      margin: initial; } }

.margin-3-3 {
  margin: 3.3rem; }
  @media (min-width: 768px) {
    .margin-3-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-3--desktop {
      margin: initial; } }

.margin-top-3-3 {
  margin-top: 3.3rem; }
  @media (min-width: 768px) {
    .margin-top-3-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-3--desktop {
      margin: initial; } }

.margin-right-3-3 {
  margin-right: 3.3rem; }
  @media (min-width: 768px) {
    .margin-right-3-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-3--desktop {
      margin: initial; } }

.margin-bottom-3-3 {
  margin-bottom: 3.3rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-3--desktop {
      margin: initial; } }

.margin-left-3-3 {
  margin-left: 3.3rem; }
  @media (min-width: 768px) {
    .margin-left-3-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-3--desktop {
      margin: initial; } }

.margin-3-4 {
  margin: 3.4rem; }
  @media (min-width: 768px) {
    .margin-3-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-4--desktop {
      margin: initial; } }

.margin-top-3-4 {
  margin-top: 3.4rem; }
  @media (min-width: 768px) {
    .margin-top-3-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-4--desktop {
      margin: initial; } }

.margin-right-3-4 {
  margin-right: 3.4rem; }
  @media (min-width: 768px) {
    .margin-right-3-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-4--desktop {
      margin: initial; } }

.margin-bottom-3-4 {
  margin-bottom: 3.4rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-4--desktop {
      margin: initial; } }

.margin-left-3-4 {
  margin-left: 3.4rem; }
  @media (min-width: 768px) {
    .margin-left-3-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-4--desktop {
      margin: initial; } }

.margin-3-5 {
  margin: 3.5rem; }
  @media (min-width: 768px) {
    .margin-3-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-5--desktop {
      margin: initial; } }

.margin-top-3-5 {
  margin-top: 3.5rem; }
  @media (min-width: 768px) {
    .margin-top-3-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-5--desktop {
      margin: initial; } }

.margin-right-3-5 {
  margin-right: 3.5rem; }
  @media (min-width: 768px) {
    .margin-right-3-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-5--desktop {
      margin: initial; } }

.margin-bottom-3-5 {
  margin-bottom: 3.5rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-5--desktop {
      margin: initial; } }

.margin-left-3-5 {
  margin-left: 3.5rem; }
  @media (min-width: 768px) {
    .margin-left-3-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-5--desktop {
      margin: initial; } }

.margin-3-6 {
  margin: 3.6rem; }
  @media (min-width: 768px) {
    .margin-3-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-6--desktop {
      margin: initial; } }

.margin-top-3-6 {
  margin-top: 3.6rem; }
  @media (min-width: 768px) {
    .margin-top-3-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-6--desktop {
      margin: initial; } }

.margin-right-3-6 {
  margin-right: 3.6rem; }
  @media (min-width: 768px) {
    .margin-right-3-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-6--desktop {
      margin: initial; } }

.margin-bottom-3-6 {
  margin-bottom: 3.6rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-6--desktop {
      margin: initial; } }

.margin-left-3-6 {
  margin-left: 3.6rem; }
  @media (min-width: 768px) {
    .margin-left-3-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-6--desktop {
      margin: initial; } }

.margin-3-7 {
  margin: 3.7rem; }
  @media (min-width: 768px) {
    .margin-3-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-7--desktop {
      margin: initial; } }

.margin-top-3-7 {
  margin-top: 3.7rem; }
  @media (min-width: 768px) {
    .margin-top-3-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-7--desktop {
      margin: initial; } }

.margin-right-3-7 {
  margin-right: 3.7rem; }
  @media (min-width: 768px) {
    .margin-right-3-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-7--desktop {
      margin: initial; } }

.margin-bottom-3-7 {
  margin-bottom: 3.7rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-7--desktop {
      margin: initial; } }

.margin-left-3-7 {
  margin-left: 3.7rem; }
  @media (min-width: 768px) {
    .margin-left-3-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-7--desktop {
      margin: initial; } }

.margin-3-8 {
  margin: 3.8rem; }
  @media (min-width: 768px) {
    .margin-3-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-8--desktop {
      margin: initial; } }

.margin-top-3-8 {
  margin-top: 3.8rem; }
  @media (min-width: 768px) {
    .margin-top-3-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-8--desktop {
      margin: initial; } }

.margin-right-3-8 {
  margin-right: 3.8rem; }
  @media (min-width: 768px) {
    .margin-right-3-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-8--desktop {
      margin: initial; } }

.margin-bottom-3-8 {
  margin-bottom: 3.8rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-8--desktop {
      margin: initial; } }

.margin-left-3-8 {
  margin-left: 3.8rem; }
  @media (min-width: 768px) {
    .margin-left-3-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-8--desktop {
      margin: initial; } }

.margin-3-9 {
  margin: 3.9rem; }
  @media (min-width: 768px) {
    .margin-3-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3-9--desktop {
      margin: initial; } }

.margin-top-3-9 {
  margin-top: 3.9rem; }
  @media (min-width: 768px) {
    .margin-top-3-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3-9--desktop {
      margin: initial; } }

.margin-right-3-9 {
  margin-right: 3.9rem; }
  @media (min-width: 768px) {
    .margin-right-3-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3-9--desktop {
      margin: initial; } }

.margin-bottom-3-9 {
  margin-bottom: 3.9rem; }
  @media (min-width: 768px) {
    .margin-bottom-3-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-3-9--desktop {
      margin: initial; } }

.margin-left-3-9 {
  margin-left: 3.9rem; }
  @media (min-width: 768px) {
    .margin-left-3-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3-9--desktop {
      margin: initial; } }

.margin-4 {
  margin: 4rem; }
  @media (min-width: 768px) {
    .margin-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4--desktop {
      margin: initial; } }

.margin-top-4 {
  margin-top: 4rem; }
  @media (min-width: 768px) {
    .margin-top-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4--desktop {
      margin: initial; } }

.margin-right-4 {
  margin-right: 4rem; }
  @media (min-width: 768px) {
    .margin-right-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4--desktop {
      margin: initial; } }

.margin-bottom-4 {
  margin-bottom: 4rem; }
  @media (min-width: 768px) {
    .margin-bottom-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4--desktop {
      margin: initial; } }

.margin-left-4 {
  margin-left: 4rem; }
  @media (min-width: 768px) {
    .margin-left-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4--desktop {
      margin: initial; } }

.margin-4-1 {
  margin: 4.1rem; }
  @media (min-width: 768px) {
    .margin-4-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-1--desktop {
      margin: initial; } }

.margin-top-4-1 {
  margin-top: 4.1rem; }
  @media (min-width: 768px) {
    .margin-top-4-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-1--desktop {
      margin: initial; } }

.margin-right-4-1 {
  margin-right: 4.1rem; }
  @media (min-width: 768px) {
    .margin-right-4-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-1--desktop {
      margin: initial; } }

.margin-bottom-4-1 {
  margin-bottom: 4.1rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-1--desktop {
      margin: initial; } }

.margin-left-4-1 {
  margin-left: 4.1rem; }
  @media (min-width: 768px) {
    .margin-left-4-1--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-1--desktop {
      margin: initial; } }

.margin-4-2 {
  margin: 4.2rem; }
  @media (min-width: 768px) {
    .margin-4-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-2--desktop {
      margin: initial; } }

.margin-top-4-2 {
  margin-top: 4.2rem; }
  @media (min-width: 768px) {
    .margin-top-4-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-2--desktop {
      margin: initial; } }

.margin-right-4-2 {
  margin-right: 4.2rem; }
  @media (min-width: 768px) {
    .margin-right-4-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-2--desktop {
      margin: initial; } }

.margin-bottom-4-2 {
  margin-bottom: 4.2rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-2--desktop {
      margin: initial; } }

.margin-left-4-2 {
  margin-left: 4.2rem; }
  @media (min-width: 768px) {
    .margin-left-4-2--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-2--desktop {
      margin: initial; } }

.margin-4-3 {
  margin: 4.3rem; }
  @media (min-width: 768px) {
    .margin-4-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-3--desktop {
      margin: initial; } }

.margin-top-4-3 {
  margin-top: 4.3rem; }
  @media (min-width: 768px) {
    .margin-top-4-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-3--desktop {
      margin: initial; } }

.margin-right-4-3 {
  margin-right: 4.3rem; }
  @media (min-width: 768px) {
    .margin-right-4-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-3--desktop {
      margin: initial; } }

.margin-bottom-4-3 {
  margin-bottom: 4.3rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-3--desktop {
      margin: initial; } }

.margin-left-4-3 {
  margin-left: 4.3rem; }
  @media (min-width: 768px) {
    .margin-left-4-3--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-3--desktop {
      margin: initial; } }

.margin-4-4 {
  margin: 4.4rem; }
  @media (min-width: 768px) {
    .margin-4-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-4--desktop {
      margin: initial; } }

.margin-top-4-4 {
  margin-top: 4.4rem; }
  @media (min-width: 768px) {
    .margin-top-4-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-4--desktop {
      margin: initial; } }

.margin-right-4-4 {
  margin-right: 4.4rem; }
  @media (min-width: 768px) {
    .margin-right-4-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-4--desktop {
      margin: initial; } }

.margin-bottom-4-4 {
  margin-bottom: 4.4rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-4--desktop {
      margin: initial; } }

.margin-left-4-4 {
  margin-left: 4.4rem; }
  @media (min-width: 768px) {
    .margin-left-4-4--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-4--desktop {
      margin: initial; } }

.margin-4-5 {
  margin: 4.5rem; }
  @media (min-width: 768px) {
    .margin-4-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-5--desktop {
      margin: initial; } }

.margin-top-4-5 {
  margin-top: 4.5rem; }
  @media (min-width: 768px) {
    .margin-top-4-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-5--desktop {
      margin: initial; } }

.margin-right-4-5 {
  margin-right: 4.5rem; }
  @media (min-width: 768px) {
    .margin-right-4-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-5--desktop {
      margin: initial; } }

.margin-bottom-4-5 {
  margin-bottom: 4.5rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-5--desktop {
      margin: initial; } }

.margin-left-4-5 {
  margin-left: 4.5rem; }
  @media (min-width: 768px) {
    .margin-left-4-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-5--desktop {
      margin: initial; } }

.margin-4-6 {
  margin: 4.6rem; }
  @media (min-width: 768px) {
    .margin-4-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-6--desktop {
      margin: initial; } }

.margin-top-4-6 {
  margin-top: 4.6rem; }
  @media (min-width: 768px) {
    .margin-top-4-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-6--desktop {
      margin: initial; } }

.margin-right-4-6 {
  margin-right: 4.6rem; }
  @media (min-width: 768px) {
    .margin-right-4-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-6--desktop {
      margin: initial; } }

.margin-bottom-4-6 {
  margin-bottom: 4.6rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-6--desktop {
      margin: initial; } }

.margin-left-4-6 {
  margin-left: 4.6rem; }
  @media (min-width: 768px) {
    .margin-left-4-6--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-6--desktop {
      margin: initial; } }

.margin-4-7 {
  margin: 4.7rem; }
  @media (min-width: 768px) {
    .margin-4-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-7--desktop {
      margin: initial; } }

.margin-top-4-7 {
  margin-top: 4.7rem; }
  @media (min-width: 768px) {
    .margin-top-4-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-7--desktop {
      margin: initial; } }

.margin-right-4-7 {
  margin-right: 4.7rem; }
  @media (min-width: 768px) {
    .margin-right-4-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-7--desktop {
      margin: initial; } }

.margin-bottom-4-7 {
  margin-bottom: 4.7rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-7--desktop {
      margin: initial; } }

.margin-left-4-7 {
  margin-left: 4.7rem; }
  @media (min-width: 768px) {
    .margin-left-4-7--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-7--desktop {
      margin: initial; } }

.margin-4-8 {
  margin: 4.8rem; }
  @media (min-width: 768px) {
    .margin-4-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-8--desktop {
      margin: initial; } }

.margin-top-4-8 {
  margin-top: 4.8rem; }
  @media (min-width: 768px) {
    .margin-top-4-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-8--desktop {
      margin: initial; } }

.margin-right-4-8 {
  margin-right: 4.8rem; }
  @media (min-width: 768px) {
    .margin-right-4-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-8--desktop {
      margin: initial; } }

.margin-bottom-4-8 {
  margin-bottom: 4.8rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-8--desktop {
      margin: initial; } }

.margin-left-4-8 {
  margin-left: 4.8rem; }
  @media (min-width: 768px) {
    .margin-left-4-8--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-8--desktop {
      margin: initial; } }

.margin-4-9 {
  margin: 4.9rem; }
  @media (min-width: 768px) {
    .margin-4-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4-9--desktop {
      margin: initial; } }

.margin-top-4-9 {
  margin-top: 4.9rem; }
  @media (min-width: 768px) {
    .margin-top-4-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4-9--desktop {
      margin: initial; } }

.margin-right-4-9 {
  margin-right: 4.9rem; }
  @media (min-width: 768px) {
    .margin-right-4-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4-9--desktop {
      margin: initial; } }

.margin-bottom-4-9 {
  margin-bottom: 4.9rem; }
  @media (min-width: 768px) {
    .margin-bottom-4-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-4-9--desktop {
      margin: initial; } }

.margin-left-4-9 {
  margin-left: 4.9rem; }
  @media (min-width: 768px) {
    .margin-left-4-9--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4-9--desktop {
      margin: initial; } }

.margin-5 {
  margin: 5rem; }
  @media (min-width: 768px) {
    .margin-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-5--desktop {
      margin: initial; } }

.margin-top-5 {
  margin-top: 5rem; }
  @media (min-width: 768px) {
    .margin-top-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-5--desktop {
      margin: initial; } }

.margin-right-5 {
  margin-right: 5rem; }
  @media (min-width: 768px) {
    .margin-right-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-5--desktop {
      margin: initial; } }

.margin-bottom-5 {
  margin-bottom: 5rem; }
  @media (min-width: 768px) {
    .margin-bottom-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-bottom-5--desktop {
      margin: initial; } }

.margin-left-5 {
  margin-left: 5rem; }
  @media (min-width: 768px) {
    .margin-left-5--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-5--desktop {
      margin: initial; } }

.margin-0px {
  margin: 0; }
  @media (min-width: 768px) {
    .margin-0px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-0px--desktop {
      margin: initial; } }

.margin-top-0px {
  margin-top: 0; }
  @media (min-width: 768px) {
    .margin-top-0px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-0px--desktop {
      margin: initial; } }

.margin-right-0px {
  margin-right: 0; }
  @media (min-width: 768px) {
    .margin-right-0px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-0px--desktop {
      margin: initial; } }

.margin-bottom-0px {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .margin-bottom-0px--mobile {
      margin: initial; } }

.margin-left-0px {
  margin-left: 0; }
  @media (min-width: 768px) {
    .margin-left-0px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-0px--desktop {
      margin: initial; } }

.margin-1px {
  margin: 1px; }
  @media (min-width: 768px) {
    .margin-1px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-1px--desktop {
      margin: initial; } }

.margin-top-1px {
  margin-top: 1px; }
  @media (min-width: 768px) {
    .margin-top-1px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-1px--desktop {
      margin: initial; } }

.margin-right-1px {
  margin-right: 1px; }
  @media (min-width: 768px) {
    .margin-right-1px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-1px--desktop {
      margin: initial; } }

.margin-bottom-1px {
  margin-bottom: 1px; }
  @media (min-width: 768px) {
    .margin-bottom-1px--mobile {
      margin: initial; } }

.margin-left-1px {
  margin-left: 1px; }
  @media (min-width: 768px) {
    .margin-left-1px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-1px--desktop {
      margin: initial; } }

.margin-2px {
  margin: 2px; }
  @media (min-width: 768px) {
    .margin-2px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-2px--desktop {
      margin: initial; } }

.margin-top-2px {
  margin-top: 2px; }
  @media (min-width: 768px) {
    .margin-top-2px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-2px--desktop {
      margin: initial; } }

.margin-right-2px {
  margin-right: 2px; }
  @media (min-width: 768px) {
    .margin-right-2px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-2px--desktop {
      margin: initial; } }

.margin-bottom-2px {
  margin-bottom: 2px; }
  @media (min-width: 768px) {
    .margin-bottom-2px--mobile {
      margin: initial; } }

.margin-left-2px {
  margin-left: 2px; }
  @media (min-width: 768px) {
    .margin-left-2px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-2px--desktop {
      margin: initial; } }

.margin-3px {
  margin: 3px; }
  @media (min-width: 768px) {
    .margin-3px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-3px--desktop {
      margin: initial; } }

.margin-top-3px {
  margin-top: 3px; }
  @media (min-width: 768px) {
    .margin-top-3px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-3px--desktop {
      margin: initial; } }

.margin-right-3px {
  margin-right: 3px; }
  @media (min-width: 768px) {
    .margin-right-3px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-3px--desktop {
      margin: initial; } }

.margin-bottom-3px {
  margin-bottom: 3px; }
  @media (min-width: 768px) {
    .margin-bottom-3px--mobile {
      margin: initial; } }

.margin-left-3px {
  margin-left: 3px; }
  @media (min-width: 768px) {
    .margin-left-3px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-3px--desktop {
      margin: initial; } }

.margin-4px {
  margin: 4px; }
  @media (min-width: 768px) {
    .margin-4px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-4px--desktop {
      margin: initial; } }

.margin-top-4px {
  margin-top: 4px; }
  @media (min-width: 768px) {
    .margin-top-4px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-4px--desktop {
      margin: initial; } }

.margin-right-4px {
  margin-right: 4px; }
  @media (min-width: 768px) {
    .margin-right-4px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-4px--desktop {
      margin: initial; } }

.margin-bottom-4px {
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .margin-bottom-4px--mobile {
      margin: initial; } }

.margin-left-4px {
  margin-left: 4px; }
  @media (min-width: 768px) {
    .margin-left-4px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-4px--desktop {
      margin: initial; } }

.margin-5px {
  margin: 5px; }
  @media (min-width: 768px) {
    .margin-5px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-5px--desktop {
      margin: initial; } }

.margin-top-5px {
  margin-top: 5px; }
  @media (min-width: 768px) {
    .margin-top-5px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-5px--desktop {
      margin: initial; } }

.margin-right-5px {
  margin-right: 5px; }
  @media (min-width: 768px) {
    .margin-right-5px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-5px--desktop {
      margin: initial; } }

.margin-bottom-5px {
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .margin-bottom-5px--mobile {
      margin: initial; } }

.margin-left-5px {
  margin-left: 5px; }
  @media (min-width: 768px) {
    .margin-left-5px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-5px--desktop {
      margin: initial; } }

.margin-6px {
  margin: 6px; }
  @media (min-width: 768px) {
    .margin-6px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-6px--desktop {
      margin: initial; } }

.margin-top-6px {
  margin-top: 6px; }
  @media (min-width: 768px) {
    .margin-top-6px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-6px--desktop {
      margin: initial; } }

.margin-right-6px {
  margin-right: 6px; }
  @media (min-width: 768px) {
    .margin-right-6px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-6px--desktop {
      margin: initial; } }

.margin-bottom-6px {
  margin-bottom: 6px; }
  @media (min-width: 768px) {
    .margin-bottom-6px--mobile {
      margin: initial; } }

.margin-left-6px {
  margin-left: 6px; }
  @media (min-width: 768px) {
    .margin-left-6px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-6px--desktop {
      margin: initial; } }

.margin-7px {
  margin: 7px; }
  @media (min-width: 768px) {
    .margin-7px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-7px--desktop {
      margin: initial; } }

.margin-top-7px {
  margin-top: 7px; }
  @media (min-width: 768px) {
    .margin-top-7px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-7px--desktop {
      margin: initial; } }

.margin-right-7px {
  margin-right: 7px; }
  @media (min-width: 768px) {
    .margin-right-7px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-7px--desktop {
      margin: initial; } }

.margin-bottom-7px {
  margin-bottom: 7px; }
  @media (min-width: 768px) {
    .margin-bottom-7px--mobile {
      margin: initial; } }

.margin-left-7px {
  margin-left: 7px; }
  @media (min-width: 768px) {
    .margin-left-7px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-7px--desktop {
      margin: initial; } }

.margin-8px {
  margin: 8px; }
  @media (min-width: 768px) {
    .margin-8px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-8px--desktop {
      margin: initial; } }

.margin-top-8px {
  margin-top: 8px; }
  @media (min-width: 768px) {
    .margin-top-8px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-8px--desktop {
      margin: initial; } }

.margin-right-8px {
  margin-right: 8px; }
  @media (min-width: 768px) {
    .margin-right-8px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-8px--desktop {
      margin: initial; } }

.margin-bottom-8px {
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .margin-bottom-8px--mobile {
      margin: initial; } }

.margin-left-8px {
  margin-left: 8px; }
  @media (min-width: 768px) {
    .margin-left-8px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-8px--desktop {
      margin: initial; } }

.margin-9px {
  margin: 9px; }
  @media (min-width: 768px) {
    .margin-9px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-9px--desktop {
      margin: initial; } }

.margin-top-9px {
  margin-top: 9px; }
  @media (min-width: 768px) {
    .margin-top-9px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-9px--desktop {
      margin: initial; } }

.margin-right-9px {
  margin-right: 9px; }
  @media (min-width: 768px) {
    .margin-right-9px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-9px--desktop {
      margin: initial; } }

.margin-bottom-9px {
  margin-bottom: 9px; }
  @media (min-width: 768px) {
    .margin-bottom-9px--mobile {
      margin: initial; } }

.margin-left-9px {
  margin-left: 9px; }
  @media (min-width: 768px) {
    .margin-left-9px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-9px--desktop {
      margin: initial; } }

.margin-10px {
  margin: 10px; }
  @media (min-width: 768px) {
    .margin-10px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-10px--desktop {
      margin: initial; } }

.margin-top-10px {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .margin-top-10px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-10px--desktop {
      margin: initial; } }

.margin-right-10px {
  margin-right: 10px; }
  @media (min-width: 768px) {
    .margin-right-10px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-10px--desktop {
      margin: initial; } }

.margin-bottom-10px {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .margin-bottom-10px--mobile {
      margin: initial; } }

.margin-left-10px {
  margin-left: 10px; }
  @media (min-width: 768px) {
    .margin-left-10px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-10px--desktop {
      margin: initial; } }

.margin-11px {
  margin: 11px; }
  @media (min-width: 768px) {
    .margin-11px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-11px--desktop {
      margin: initial; } }

.margin-top-11px {
  margin-top: 11px; }
  @media (min-width: 768px) {
    .margin-top-11px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-11px--desktop {
      margin: initial; } }

.margin-right-11px {
  margin-right: 11px; }
  @media (min-width: 768px) {
    .margin-right-11px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-11px--desktop {
      margin: initial; } }

.margin-bottom-11px {
  margin-bottom: 11px; }
  @media (min-width: 768px) {
    .margin-bottom-11px--mobile {
      margin: initial; } }

.margin-left-11px {
  margin-left: 11px; }
  @media (min-width: 768px) {
    .margin-left-11px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-11px--desktop {
      margin: initial; } }

.margin-12px {
  margin: 12px; }
  @media (min-width: 768px) {
    .margin-12px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-12px--desktop {
      margin: initial; } }

.margin-top-12px {
  margin-top: 12px; }
  @media (min-width: 768px) {
    .margin-top-12px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-12px--desktop {
      margin: initial; } }

.margin-right-12px {
  margin-right: 12px; }
  @media (min-width: 768px) {
    .margin-right-12px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-12px--desktop {
      margin: initial; } }

.margin-bottom-12px {
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .margin-bottom-12px--mobile {
      margin: initial; } }

.margin-left-12px {
  margin-left: 12px; }
  @media (min-width: 768px) {
    .margin-left-12px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-12px--desktop {
      margin: initial; } }

.margin-13px {
  margin: 13px; }
  @media (min-width: 768px) {
    .margin-13px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-13px--desktop {
      margin: initial; } }

.margin-top-13px {
  margin-top: 13px; }
  @media (min-width: 768px) {
    .margin-top-13px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-13px--desktop {
      margin: initial; } }

.margin-right-13px {
  margin-right: 13px; }
  @media (min-width: 768px) {
    .margin-right-13px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-13px--desktop {
      margin: initial; } }

.margin-bottom-13px {
  margin-bottom: 13px; }
  @media (min-width: 768px) {
    .margin-bottom-13px--mobile {
      margin: initial; } }

.margin-left-13px {
  margin-left: 13px; }
  @media (min-width: 768px) {
    .margin-left-13px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-13px--desktop {
      margin: initial; } }

.margin-14px {
  margin: 14px; }
  @media (min-width: 768px) {
    .margin-14px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-14px--desktop {
      margin: initial; } }

.margin-top-14px {
  margin-top: 14px; }
  @media (min-width: 768px) {
    .margin-top-14px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-14px--desktop {
      margin: initial; } }

.margin-right-14px {
  margin-right: 14px; }
  @media (min-width: 768px) {
    .margin-right-14px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-14px--desktop {
      margin: initial; } }

.margin-bottom-14px {
  margin-bottom: 14px; }
  @media (min-width: 768px) {
    .margin-bottom-14px--mobile {
      margin: initial; } }

.margin-left-14px {
  margin-left: 14px; }
  @media (min-width: 768px) {
    .margin-left-14px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-14px--desktop {
      margin: initial; } }

.margin-15px {
  margin: 15px; }
  @media (min-width: 768px) {
    .margin-15px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-15px--desktop {
      margin: initial; } }

.margin-top-15px {
  margin-top: 15px; }
  @media (min-width: 768px) {
    .margin-top-15px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-15px--desktop {
      margin: initial; } }

.margin-right-15px {
  margin-right: 15px; }
  @media (min-width: 768px) {
    .margin-right-15px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-15px--desktop {
      margin: initial; } }

.margin-bottom-15px {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .margin-bottom-15px--mobile {
      margin: initial; } }

.margin-left-15px {
  margin-left: 15px; }
  @media (min-width: 768px) {
    .margin-left-15px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-15px--desktop {
      margin: initial; } }

.margin-16px {
  margin: 16px; }
  @media (min-width: 768px) {
    .margin-16px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-16px--desktop {
      margin: initial; } }

.margin-top-16px {
  margin-top: 16px; }
  @media (min-width: 768px) {
    .margin-top-16px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-16px--desktop {
      margin: initial; } }

.margin-right-16px {
  margin-right: 16px; }
  @media (min-width: 768px) {
    .margin-right-16px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-16px--desktop {
      margin: initial; } }

.margin-bottom-16px {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .margin-bottom-16px--mobile {
      margin: initial; } }

.margin-left-16px {
  margin-left: 16px; }
  @media (min-width: 768px) {
    .margin-left-16px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-16px--desktop {
      margin: initial; } }

.margin-17px {
  margin: 17px; }
  @media (min-width: 768px) {
    .margin-17px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-17px--desktop {
      margin: initial; } }

.margin-top-17px {
  margin-top: 17px; }
  @media (min-width: 768px) {
    .margin-top-17px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-17px--desktop {
      margin: initial; } }

.margin-right-17px {
  margin-right: 17px; }
  @media (min-width: 768px) {
    .margin-right-17px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-17px--desktop {
      margin: initial; } }

.margin-bottom-17px {
  margin-bottom: 17px; }
  @media (min-width: 768px) {
    .margin-bottom-17px--mobile {
      margin: initial; } }

.margin-left-17px {
  margin-left: 17px; }
  @media (min-width: 768px) {
    .margin-left-17px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-17px--desktop {
      margin: initial; } }

.margin-18px {
  margin: 18px; }
  @media (min-width: 768px) {
    .margin-18px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-18px--desktop {
      margin: initial; } }

.margin-top-18px {
  margin-top: 18px; }
  @media (min-width: 768px) {
    .margin-top-18px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-18px--desktop {
      margin: initial; } }

.margin-right-18px {
  margin-right: 18px; }
  @media (min-width: 768px) {
    .margin-right-18px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-18px--desktop {
      margin: initial; } }

.margin-bottom-18px {
  margin-bottom: 18px; }
  @media (min-width: 768px) {
    .margin-bottom-18px--mobile {
      margin: initial; } }

.margin-left-18px {
  margin-left: 18px; }
  @media (min-width: 768px) {
    .margin-left-18px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-18px--desktop {
      margin: initial; } }

.margin-19px {
  margin: 19px; }
  @media (min-width: 768px) {
    .margin-19px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-19px--desktop {
      margin: initial; } }

.margin-top-19px {
  margin-top: 19px; }
  @media (min-width: 768px) {
    .margin-top-19px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-19px--desktop {
      margin: initial; } }

.margin-right-19px {
  margin-right: 19px; }
  @media (min-width: 768px) {
    .margin-right-19px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-19px--desktop {
      margin: initial; } }

.margin-bottom-19px {
  margin-bottom: 19px; }
  @media (min-width: 768px) {
    .margin-bottom-19px--mobile {
      margin: initial; } }

.margin-left-19px {
  margin-left: 19px; }
  @media (min-width: 768px) {
    .margin-left-19px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-19px--desktop {
      margin: initial; } }

.margin-20px {
  margin: 20px; }
  @media (min-width: 768px) {
    .margin-20px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-20px--desktop {
      margin: initial; } }

.margin-top-20px {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .margin-top-20px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-20px--desktop {
      margin: initial; } }

.margin-right-20px {
  margin-right: 20px; }
  @media (min-width: 768px) {
    .margin-right-20px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-20px--desktop {
      margin: initial; } }

.margin-bottom-20px {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .margin-bottom-20px--mobile {
      margin: initial; } }

.margin-left-20px {
  margin-left: 20px; }
  @media (min-width: 768px) {
    .margin-left-20px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-20px--desktop {
      margin: initial; } }

.margin-21px {
  margin: 21px; }
  @media (min-width: 768px) {
    .margin-21px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-21px--desktop {
      margin: initial; } }

.margin-top-21px {
  margin-top: 21px; }
  @media (min-width: 768px) {
    .margin-top-21px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-21px--desktop {
      margin: initial; } }

.margin-right-21px {
  margin-right: 21px; }
  @media (min-width: 768px) {
    .margin-right-21px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-21px--desktop {
      margin: initial; } }

.margin-bottom-21px {
  margin-bottom: 21px; }
  @media (min-width: 768px) {
    .margin-bottom-21px--mobile {
      margin: initial; } }

.margin-left-21px {
  margin-left: 21px; }
  @media (min-width: 768px) {
    .margin-left-21px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-21px--desktop {
      margin: initial; } }

.margin-22px {
  margin: 22px; }
  @media (min-width: 768px) {
    .margin-22px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-22px--desktop {
      margin: initial; } }

.margin-top-22px {
  margin-top: 22px; }
  @media (min-width: 768px) {
    .margin-top-22px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-22px--desktop {
      margin: initial; } }

.margin-right-22px {
  margin-right: 22px; }
  @media (min-width: 768px) {
    .margin-right-22px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-22px--desktop {
      margin: initial; } }

.margin-bottom-22px {
  margin-bottom: 22px; }
  @media (min-width: 768px) {
    .margin-bottom-22px--mobile {
      margin: initial; } }

.margin-left-22px {
  margin-left: 22px; }
  @media (min-width: 768px) {
    .margin-left-22px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-22px--desktop {
      margin: initial; } }

.margin-23px {
  margin: 23px; }
  @media (min-width: 768px) {
    .margin-23px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-23px--desktop {
      margin: initial; } }

.margin-top-23px {
  margin-top: 23px; }
  @media (min-width: 768px) {
    .margin-top-23px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-23px--desktop {
      margin: initial; } }

.margin-right-23px {
  margin-right: 23px; }
  @media (min-width: 768px) {
    .margin-right-23px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-23px--desktop {
      margin: initial; } }

.margin-bottom-23px {
  margin-bottom: 23px; }
  @media (min-width: 768px) {
    .margin-bottom-23px--mobile {
      margin: initial; } }

.margin-left-23px {
  margin-left: 23px; }
  @media (min-width: 768px) {
    .margin-left-23px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-23px--desktop {
      margin: initial; } }

.margin-24px {
  margin: 24px; }
  @media (min-width: 768px) {
    .margin-24px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-24px--desktop {
      margin: initial; } }

.margin-top-24px {
  margin-top: 24px; }
  @media (min-width: 768px) {
    .margin-top-24px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-24px--desktop {
      margin: initial; } }

.margin-right-24px {
  margin-right: 24px; }
  @media (min-width: 768px) {
    .margin-right-24px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-24px--desktop {
      margin: initial; } }

.margin-bottom-24px {
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .margin-bottom-24px--mobile {
      margin: initial; } }

.margin-left-24px {
  margin-left: 24px; }
  @media (min-width: 768px) {
    .margin-left-24px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-24px--desktop {
      margin: initial; } }

.margin-25px {
  margin: 25px; }
  @media (min-width: 768px) {
    .margin-25px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-25px--desktop {
      margin: initial; } }

.margin-top-25px {
  margin-top: 25px; }
  @media (min-width: 768px) {
    .margin-top-25px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-25px--desktop {
      margin: initial; } }

.margin-right-25px {
  margin-right: 25px; }
  @media (min-width: 768px) {
    .margin-right-25px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-25px--desktop {
      margin: initial; } }

.margin-bottom-25px {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .margin-bottom-25px--mobile {
      margin: initial; } }

.margin-left-25px {
  margin-left: 25px; }
  @media (min-width: 768px) {
    .margin-left-25px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-25px--desktop {
      margin: initial; } }

.margin-26px {
  margin: 26px; }
  @media (min-width: 768px) {
    .margin-26px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-26px--desktop {
      margin: initial; } }

.margin-top-26px {
  margin-top: 26px; }
  @media (min-width: 768px) {
    .margin-top-26px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-26px--desktop {
      margin: initial; } }

.margin-right-26px {
  margin-right: 26px; }
  @media (min-width: 768px) {
    .margin-right-26px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-26px--desktop {
      margin: initial; } }

.margin-bottom-26px {
  margin-bottom: 26px; }
  @media (min-width: 768px) {
    .margin-bottom-26px--mobile {
      margin: initial; } }

.margin-left-26px {
  margin-left: 26px; }
  @media (min-width: 768px) {
    .margin-left-26px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-26px--desktop {
      margin: initial; } }

.margin-27px {
  margin: 27px; }
  @media (min-width: 768px) {
    .margin-27px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-27px--desktop {
      margin: initial; } }

.margin-top-27px {
  margin-top: 27px; }
  @media (min-width: 768px) {
    .margin-top-27px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-27px--desktop {
      margin: initial; } }

.margin-right-27px {
  margin-right: 27px; }
  @media (min-width: 768px) {
    .margin-right-27px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-27px--desktop {
      margin: initial; } }

.margin-bottom-27px {
  margin-bottom: 27px; }
  @media (min-width: 768px) {
    .margin-bottom-27px--mobile {
      margin: initial; } }

.margin-left-27px {
  margin-left: 27px; }
  @media (min-width: 768px) {
    .margin-left-27px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-27px--desktop {
      margin: initial; } }

.margin-28px {
  margin: 28px; }
  @media (min-width: 768px) {
    .margin-28px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-28px--desktop {
      margin: initial; } }

.margin-top-28px {
  margin-top: 28px; }
  @media (min-width: 768px) {
    .margin-top-28px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-28px--desktop {
      margin: initial; } }

.margin-right-28px {
  margin-right: 28px; }
  @media (min-width: 768px) {
    .margin-right-28px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-28px--desktop {
      margin: initial; } }

.margin-bottom-28px {
  margin-bottom: 28px; }
  @media (min-width: 768px) {
    .margin-bottom-28px--mobile {
      margin: initial; } }

.margin-left-28px {
  margin-left: 28px; }
  @media (min-width: 768px) {
    .margin-left-28px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-28px--desktop {
      margin: initial; } }

.margin-29px {
  margin: 29px; }
  @media (min-width: 768px) {
    .margin-29px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-29px--desktop {
      margin: initial; } }

.margin-top-29px {
  margin-top: 29px; }
  @media (min-width: 768px) {
    .margin-top-29px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-29px--desktop {
      margin: initial; } }

.margin-right-29px {
  margin-right: 29px; }
  @media (min-width: 768px) {
    .margin-right-29px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-29px--desktop {
      margin: initial; } }

.margin-bottom-29px {
  margin-bottom: 29px; }
  @media (min-width: 768px) {
    .margin-bottom-29px--mobile {
      margin: initial; } }

.margin-left-29px {
  margin-left: 29px; }
  @media (min-width: 768px) {
    .margin-left-29px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-29px--desktop {
      margin: initial; } }

.margin-30px {
  margin: 30px; }
  @media (min-width: 768px) {
    .margin-30px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-30px--desktop {
      margin: initial; } }

.margin-top-30px {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .margin-top-30px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-30px--desktop {
      margin: initial; } }

.margin-right-30px {
  margin-right: 30px; }
  @media (min-width: 768px) {
    .margin-right-30px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-30px--desktop {
      margin: initial; } }

.margin-bottom-30px {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .margin-bottom-30px--mobile {
      margin: initial; } }

.margin-left-30px {
  margin-left: 30px; }
  @media (min-width: 768px) {
    .margin-left-30px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-30px--desktop {
      margin: initial; } }

.margin-31px {
  margin: 31px; }
  @media (min-width: 768px) {
    .margin-31px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-31px--desktop {
      margin: initial; } }

.margin-top-31px {
  margin-top: 31px; }
  @media (min-width: 768px) {
    .margin-top-31px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-31px--desktop {
      margin: initial; } }

.margin-right-31px {
  margin-right: 31px; }
  @media (min-width: 768px) {
    .margin-right-31px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-31px--desktop {
      margin: initial; } }

.margin-bottom-31px {
  margin-bottom: 31px; }
  @media (min-width: 768px) {
    .margin-bottom-31px--mobile {
      margin: initial; } }

.margin-left-31px {
  margin-left: 31px; }
  @media (min-width: 768px) {
    .margin-left-31px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-31px--desktop {
      margin: initial; } }

.margin-32px {
  margin: 32px; }
  @media (min-width: 768px) {
    .margin-32px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-32px--desktop {
      margin: initial; } }

.margin-top-32px {
  margin-top: 32px; }
  @media (min-width: 768px) {
    .margin-top-32px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-32px--desktop {
      margin: initial; } }

.margin-right-32px {
  margin-right: 32px; }
  @media (min-width: 768px) {
    .margin-right-32px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-32px--desktop {
      margin: initial; } }

.margin-bottom-32px {
  margin-bottom: 32px; }
  @media (min-width: 768px) {
    .margin-bottom-32px--mobile {
      margin: initial; } }

.margin-left-32px {
  margin-left: 32px; }
  @media (min-width: 768px) {
    .margin-left-32px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-32px--desktop {
      margin: initial; } }

.margin-33px {
  margin: 33px; }
  @media (min-width: 768px) {
    .margin-33px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-33px--desktop {
      margin: initial; } }

.margin-top-33px {
  margin-top: 33px; }
  @media (min-width: 768px) {
    .margin-top-33px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-33px--desktop {
      margin: initial; } }

.margin-right-33px {
  margin-right: 33px; }
  @media (min-width: 768px) {
    .margin-right-33px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-33px--desktop {
      margin: initial; } }

.margin-bottom-33px {
  margin-bottom: 33px; }
  @media (min-width: 768px) {
    .margin-bottom-33px--mobile {
      margin: initial; } }

.margin-left-33px {
  margin-left: 33px; }
  @media (min-width: 768px) {
    .margin-left-33px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-33px--desktop {
      margin: initial; } }

.margin-34px {
  margin: 34px; }
  @media (min-width: 768px) {
    .margin-34px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-34px--desktop {
      margin: initial; } }

.margin-top-34px {
  margin-top: 34px; }
  @media (min-width: 768px) {
    .margin-top-34px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-34px--desktop {
      margin: initial; } }

.margin-right-34px {
  margin-right: 34px; }
  @media (min-width: 768px) {
    .margin-right-34px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-34px--desktop {
      margin: initial; } }

.margin-bottom-34px {
  margin-bottom: 34px; }
  @media (min-width: 768px) {
    .margin-bottom-34px--mobile {
      margin: initial; } }

.margin-left-34px {
  margin-left: 34px; }
  @media (min-width: 768px) {
    .margin-left-34px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-34px--desktop {
      margin: initial; } }

.margin-35px {
  margin: 35px; }
  @media (min-width: 768px) {
    .margin-35px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-35px--desktop {
      margin: initial; } }

.margin-top-35px {
  margin-top: 35px; }
  @media (min-width: 768px) {
    .margin-top-35px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-35px--desktop {
      margin: initial; } }

.margin-right-35px {
  margin-right: 35px; }
  @media (min-width: 768px) {
    .margin-right-35px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-35px--desktop {
      margin: initial; } }

.margin-bottom-35px {
  margin-bottom: 35px; }
  @media (min-width: 768px) {
    .margin-bottom-35px--mobile {
      margin: initial; } }

.margin-left-35px {
  margin-left: 35px; }
  @media (min-width: 768px) {
    .margin-left-35px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-35px--desktop {
      margin: initial; } }

.margin-36px {
  margin: 36px; }
  @media (min-width: 768px) {
    .margin-36px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-36px--desktop {
      margin: initial; } }

.margin-top-36px {
  margin-top: 36px; }
  @media (min-width: 768px) {
    .margin-top-36px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-36px--desktop {
      margin: initial; } }

.margin-right-36px {
  margin-right: 36px; }
  @media (min-width: 768px) {
    .margin-right-36px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-36px--desktop {
      margin: initial; } }

.margin-bottom-36px {
  margin-bottom: 36px; }
  @media (min-width: 768px) {
    .margin-bottom-36px--mobile {
      margin: initial; } }

.margin-left-36px {
  margin-left: 36px; }
  @media (min-width: 768px) {
    .margin-left-36px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-36px--desktop {
      margin: initial; } }

.margin-37px {
  margin: 37px; }
  @media (min-width: 768px) {
    .margin-37px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-37px--desktop {
      margin: initial; } }

.margin-top-37px {
  margin-top: 37px; }
  @media (min-width: 768px) {
    .margin-top-37px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-37px--desktop {
      margin: initial; } }

.margin-right-37px {
  margin-right: 37px; }
  @media (min-width: 768px) {
    .margin-right-37px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-37px--desktop {
      margin: initial; } }

.margin-bottom-37px {
  margin-bottom: 37px; }
  @media (min-width: 768px) {
    .margin-bottom-37px--mobile {
      margin: initial; } }

.margin-left-37px {
  margin-left: 37px; }
  @media (min-width: 768px) {
    .margin-left-37px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-37px--desktop {
      margin: initial; } }

.margin-38px {
  margin: 38px; }
  @media (min-width: 768px) {
    .margin-38px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-38px--desktop {
      margin: initial; } }

.margin-top-38px {
  margin-top: 38px; }
  @media (min-width: 768px) {
    .margin-top-38px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-38px--desktop {
      margin: initial; } }

.margin-right-38px {
  margin-right: 38px; }
  @media (min-width: 768px) {
    .margin-right-38px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-38px--desktop {
      margin: initial; } }

.margin-bottom-38px {
  margin-bottom: 38px; }
  @media (min-width: 768px) {
    .margin-bottom-38px--mobile {
      margin: initial; } }

.margin-left-38px {
  margin-left: 38px; }
  @media (min-width: 768px) {
    .margin-left-38px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-38px--desktop {
      margin: initial; } }

.margin-39px {
  margin: 39px; }
  @media (min-width: 768px) {
    .margin-39px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-39px--desktop {
      margin: initial; } }

.margin-top-39px {
  margin-top: 39px; }
  @media (min-width: 768px) {
    .margin-top-39px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-39px--desktop {
      margin: initial; } }

.margin-right-39px {
  margin-right: 39px; }
  @media (min-width: 768px) {
    .margin-right-39px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-39px--desktop {
      margin: initial; } }

.margin-bottom-39px {
  margin-bottom: 39px; }
  @media (min-width: 768px) {
    .margin-bottom-39px--mobile {
      margin: initial; } }

.margin-left-39px {
  margin-left: 39px; }
  @media (min-width: 768px) {
    .margin-left-39px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-39px--desktop {
      margin: initial; } }

.margin-40px {
  margin: 40px; }
  @media (min-width: 768px) {
    .margin-40px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-40px--desktop {
      margin: initial; } }

.margin-top-40px {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .margin-top-40px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-40px--desktop {
      margin: initial; } }

.margin-right-40px {
  margin-right: 40px; }
  @media (min-width: 768px) {
    .margin-right-40px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-40px--desktop {
      margin: initial; } }

.margin-bottom-40px {
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .margin-bottom-40px--mobile {
      margin: initial; } }

.margin-left-40px {
  margin-left: 40px; }
  @media (min-width: 768px) {
    .margin-left-40px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-40px--desktop {
      margin: initial; } }

.margin-41px {
  margin: 41px; }
  @media (min-width: 768px) {
    .margin-41px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-41px--desktop {
      margin: initial; } }

.margin-top-41px {
  margin-top: 41px; }
  @media (min-width: 768px) {
    .margin-top-41px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-41px--desktop {
      margin: initial; } }

.margin-right-41px {
  margin-right: 41px; }
  @media (min-width: 768px) {
    .margin-right-41px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-41px--desktop {
      margin: initial; } }

.margin-bottom-41px {
  margin-bottom: 41px; }
  @media (min-width: 768px) {
    .margin-bottom-41px--mobile {
      margin: initial; } }

.margin-left-41px {
  margin-left: 41px; }
  @media (min-width: 768px) {
    .margin-left-41px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-41px--desktop {
      margin: initial; } }

.margin-42px {
  margin: 42px; }
  @media (min-width: 768px) {
    .margin-42px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-42px--desktop {
      margin: initial; } }

.margin-top-42px {
  margin-top: 42px; }
  @media (min-width: 768px) {
    .margin-top-42px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-42px--desktop {
      margin: initial; } }

.margin-right-42px {
  margin-right: 42px; }
  @media (min-width: 768px) {
    .margin-right-42px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-42px--desktop {
      margin: initial; } }

.margin-bottom-42px {
  margin-bottom: 42px; }
  @media (min-width: 768px) {
    .margin-bottom-42px--mobile {
      margin: initial; } }

.margin-left-42px {
  margin-left: 42px; }
  @media (min-width: 768px) {
    .margin-left-42px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-42px--desktop {
      margin: initial; } }

.margin-43px {
  margin: 43px; }
  @media (min-width: 768px) {
    .margin-43px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-43px--desktop {
      margin: initial; } }

.margin-top-43px {
  margin-top: 43px; }
  @media (min-width: 768px) {
    .margin-top-43px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-43px--desktop {
      margin: initial; } }

.margin-right-43px {
  margin-right: 43px; }
  @media (min-width: 768px) {
    .margin-right-43px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-43px--desktop {
      margin: initial; } }

.margin-bottom-43px {
  margin-bottom: 43px; }
  @media (min-width: 768px) {
    .margin-bottom-43px--mobile {
      margin: initial; } }

.margin-left-43px {
  margin-left: 43px; }
  @media (min-width: 768px) {
    .margin-left-43px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-43px--desktop {
      margin: initial; } }

.margin-44px {
  margin: 44px; }
  @media (min-width: 768px) {
    .margin-44px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-44px--desktop {
      margin: initial; } }

.margin-top-44px {
  margin-top: 44px; }
  @media (min-width: 768px) {
    .margin-top-44px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-44px--desktop {
      margin: initial; } }

.margin-right-44px {
  margin-right: 44px; }
  @media (min-width: 768px) {
    .margin-right-44px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-44px--desktop {
      margin: initial; } }

.margin-bottom-44px {
  margin-bottom: 44px; }
  @media (min-width: 768px) {
    .margin-bottom-44px--mobile {
      margin: initial; } }

.margin-left-44px {
  margin-left: 44px; }
  @media (min-width: 768px) {
    .margin-left-44px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-44px--desktop {
      margin: initial; } }

.margin-45px {
  margin: 45px; }
  @media (min-width: 768px) {
    .margin-45px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-45px--desktop {
      margin: initial; } }

.margin-top-45px {
  margin-top: 45px; }
  @media (min-width: 768px) {
    .margin-top-45px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-45px--desktop {
      margin: initial; } }

.margin-right-45px {
  margin-right: 45px; }
  @media (min-width: 768px) {
    .margin-right-45px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-45px--desktop {
      margin: initial; } }

.margin-bottom-45px {
  margin-bottom: 45px; }
  @media (min-width: 768px) {
    .margin-bottom-45px--mobile {
      margin: initial; } }

.margin-left-45px {
  margin-left: 45px; }
  @media (min-width: 768px) {
    .margin-left-45px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-45px--desktop {
      margin: initial; } }

.margin-46px {
  margin: 46px; }
  @media (min-width: 768px) {
    .margin-46px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-46px--desktop {
      margin: initial; } }

.margin-top-46px {
  margin-top: 46px; }
  @media (min-width: 768px) {
    .margin-top-46px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-46px--desktop {
      margin: initial; } }

.margin-right-46px {
  margin-right: 46px; }
  @media (min-width: 768px) {
    .margin-right-46px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-46px--desktop {
      margin: initial; } }

.margin-bottom-46px {
  margin-bottom: 46px; }
  @media (min-width: 768px) {
    .margin-bottom-46px--mobile {
      margin: initial; } }

.margin-left-46px {
  margin-left: 46px; }
  @media (min-width: 768px) {
    .margin-left-46px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-46px--desktop {
      margin: initial; } }

.margin-47px {
  margin: 47px; }
  @media (min-width: 768px) {
    .margin-47px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-47px--desktop {
      margin: initial; } }

.margin-top-47px {
  margin-top: 47px; }
  @media (min-width: 768px) {
    .margin-top-47px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-47px--desktop {
      margin: initial; } }

.margin-right-47px {
  margin-right: 47px; }
  @media (min-width: 768px) {
    .margin-right-47px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-47px--desktop {
      margin: initial; } }

.margin-bottom-47px {
  margin-bottom: 47px; }
  @media (min-width: 768px) {
    .margin-bottom-47px--mobile {
      margin: initial; } }

.margin-left-47px {
  margin-left: 47px; }
  @media (min-width: 768px) {
    .margin-left-47px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-47px--desktop {
      margin: initial; } }

.margin-48px {
  margin: 48px; }
  @media (min-width: 768px) {
    .margin-48px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-48px--desktop {
      margin: initial; } }

.margin-top-48px {
  margin-top: 48px; }
  @media (min-width: 768px) {
    .margin-top-48px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-48px--desktop {
      margin: initial; } }

.margin-right-48px {
  margin-right: 48px; }
  @media (min-width: 768px) {
    .margin-right-48px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-48px--desktop {
      margin: initial; } }

.margin-bottom-48px {
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .margin-bottom-48px--mobile {
      margin: initial; } }

.margin-left-48px {
  margin-left: 48px; }
  @media (min-width: 768px) {
    .margin-left-48px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-48px--desktop {
      margin: initial; } }

.margin-49px {
  margin: 49px; }
  @media (min-width: 768px) {
    .margin-49px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-49px--desktop {
      margin: initial; } }

.margin-top-49px {
  margin-top: 49px; }
  @media (min-width: 768px) {
    .margin-top-49px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-49px--desktop {
      margin: initial; } }

.margin-right-49px {
  margin-right: 49px; }
  @media (min-width: 768px) {
    .margin-right-49px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-49px--desktop {
      margin: initial; } }

.margin-bottom-49px {
  margin-bottom: 49px; }
  @media (min-width: 768px) {
    .margin-bottom-49px--mobile {
      margin: initial; } }

.margin-left-49px {
  margin-left: 49px; }
  @media (min-width: 768px) {
    .margin-left-49px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-49px--desktop {
      margin: initial; } }

.margin-50px {
  margin: 50px; }
  @media (min-width: 768px) {
    .margin-50px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-50px--desktop {
      margin: initial; } }

.margin-top-50px {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .margin-top-50px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-top-50px--desktop {
      margin: initial; } }

.margin-right-50px {
  margin-right: 50px; }
  @media (min-width: 768px) {
    .margin-right-50px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-right-50px--desktop {
      margin: initial; } }

.margin-bottom-50px {
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .margin-bottom-50px--mobile {
      margin: initial; } }

.margin-left-50px {
  margin-left: 50px; }
  @media (min-width: 768px) {
    .margin-left-50px--mobile {
      margin: initial; } }
  @media (max-width: 768px) {
    .margin-left-50px--desktop {
      margin: initial; } }

.padding-0 {
  padding: 0; }

.padding-top-0 {
  padding-top: 0; }

.padding-right-0 {
  padding-right: 0; }

.padding-bottom-0 {
  padding-bottom: 0; }

.padding-left-0 {
  padding-left: 0; }

.padding-0-1 {
  padding: 0.1rem; }

.padding-top-0-1 {
  padding-top: 0.1rem; }

.padding-right-0-1 {
  padding-right: 0.1rem; }

.padding-bottom-0-1 {
  padding-bottom: 0.1rem; }

.padding-left-0-1 {
  padding-left: 0.1rem; }

.padding-0-2 {
  padding: 0.2rem; }

.padding-top-0-2 {
  padding-top: 0.2rem; }

.padding-right-0-2 {
  padding-right: 0.2rem; }

.padding-bottom-0-2 {
  padding-bottom: 0.2rem; }

.padding-left-0-2 {
  padding-left: 0.2rem; }

.padding-0-3 {
  padding: 0.3rem; }

.padding-top-0-3 {
  padding-top: 0.3rem; }

.padding-right-0-3 {
  padding-right: 0.3rem; }

.padding-bottom-0-3 {
  padding-bottom: 0.3rem; }

.padding-left-0-3 {
  padding-left: 0.3rem; }

.padding-0-4 {
  padding: 0.4rem; }

.padding-top-0-4 {
  padding-top: 0.4rem; }

.padding-right-0-4 {
  padding-right: 0.4rem; }

.padding-bottom-0-4 {
  padding-bottom: 0.4rem; }

.padding-left-0-4 {
  padding-left: 0.4rem; }

.padding-0-5 {
  padding: 0.5rem; }

.padding-top-0-5 {
  padding-top: 0.5rem; }

.padding-right-0-5 {
  padding-right: 0.5rem; }

.padding-bottom-0-5 {
  padding-bottom: 0.5rem; }

.padding-left-0-5 {
  padding-left: 0.5rem; }

.padding-0-6 {
  padding: 0.6rem; }

.padding-top-0-6 {
  padding-top: 0.6rem; }

.padding-right-0-6 {
  padding-right: 0.6rem; }

.padding-bottom-0-6 {
  padding-bottom: 0.6rem; }

.padding-left-0-6 {
  padding-left: 0.6rem; }

.padding-0-7 {
  padding: 0.7rem; }

.padding-top-0-7 {
  padding-top: 0.7rem; }

.padding-right-0-7 {
  padding-right: 0.7rem; }

.padding-bottom-0-7 {
  padding-bottom: 0.7rem; }

.padding-left-0-7 {
  padding-left: 0.7rem; }

.padding-0-8 {
  padding: 0.8rem; }

.padding-top-0-8 {
  padding-top: 0.8rem; }

.padding-right-0-8 {
  padding-right: 0.8rem; }

.padding-bottom-0-8 {
  padding-bottom: 0.8rem; }

.padding-left-0-8 {
  padding-left: 0.8rem; }

.padding-0-9 {
  padding: 0.9rem; }

.padding-top-0-9 {
  padding-top: 0.9rem; }

.padding-right-0-9 {
  padding-right: 0.9rem; }

.padding-bottom-0-9 {
  padding-bottom: 0.9rem; }

.padding-left-0-9 {
  padding-left: 0.9rem; }

.padding-1 {
  padding: 1rem; }

.padding-top-1 {
  padding-top: 1rem; }

.padding-right-1 {
  padding-right: 1rem; }

.padding-bottom-1 {
  padding-bottom: 1rem; }

.padding-left-1 {
  padding-left: 1rem; }

.padding-1-1 {
  padding: 1.1rem; }

.padding-top-1-1 {
  padding-top: 1.1rem; }

.padding-right-1-1 {
  padding-right: 1.1rem; }

.padding-bottom-1-1 {
  padding-bottom: 1.1rem; }

.padding-left-1-1 {
  padding-left: 1.1rem; }

.padding-1-2 {
  padding: 1.2rem; }

.padding-top-1-2 {
  padding-top: 1.2rem; }

.padding-right-1-2 {
  padding-right: 1.2rem; }

.padding-bottom-1-2 {
  padding-bottom: 1.2rem; }

.padding-left-1-2 {
  padding-left: 1.2rem; }

.padding-1-3 {
  padding: 1.3rem; }

.padding-top-1-3 {
  padding-top: 1.3rem; }

.padding-right-1-3 {
  padding-right: 1.3rem; }

.padding-bottom-1-3 {
  padding-bottom: 1.3rem; }

.padding-left-1-3 {
  padding-left: 1.3rem; }

.padding-1-4 {
  padding: 1.4rem; }

.padding-top-1-4 {
  padding-top: 1.4rem; }

.padding-right-1-4 {
  padding-right: 1.4rem; }

.padding-bottom-1-4 {
  padding-bottom: 1.4rem; }

.padding-left-1-4 {
  padding-left: 1.4rem; }

.padding-1-5 {
  padding: 1.5rem; }

.padding-top-1-5 {
  padding-top: 1.5rem; }

.padding-right-1-5 {
  padding-right: 1.5rem; }

.padding-bottom-1-5 {
  padding-bottom: 1.5rem; }

.padding-left-1-5 {
  padding-left: 1.5rem; }

.padding-1-6 {
  padding: 1.6rem; }

.padding-top-1-6 {
  padding-top: 1.6rem; }

.padding-right-1-6 {
  padding-right: 1.6rem; }

.padding-bottom-1-6 {
  padding-bottom: 1.6rem; }

.padding-left-1-6 {
  padding-left: 1.6rem; }

.padding-1-7 {
  padding: 1.7rem; }

.padding-top-1-7 {
  padding-top: 1.7rem; }

.padding-right-1-7 {
  padding-right: 1.7rem; }

.padding-bottom-1-7 {
  padding-bottom: 1.7rem; }

.padding-left-1-7 {
  padding-left: 1.7rem; }

.padding-1-8 {
  padding: 1.8rem; }

.padding-top-1-8 {
  padding-top: 1.8rem; }

.padding-right-1-8 {
  padding-right: 1.8rem; }

.padding-bottom-1-8 {
  padding-bottom: 1.8rem; }

.padding-left-1-8 {
  padding-left: 1.8rem; }

.padding-1-9 {
  padding: 1.9rem; }

.padding-top-1-9 {
  padding-top: 1.9rem; }

.padding-right-1-9 {
  padding-right: 1.9rem; }

.padding-bottom-1-9 {
  padding-bottom: 1.9rem; }

.padding-left-1-9 {
  padding-left: 1.9rem; }

.padding-2 {
  padding: 2rem; }

.padding-top-2 {
  padding-top: 2rem; }

.padding-right-2 {
  padding-right: 2rem; }

.padding-bottom-2 {
  padding-bottom: 2rem; }

.padding-left-2 {
  padding-left: 2rem; }

.padding-2-1 {
  padding: 2.1rem; }

.padding-top-2-1 {
  padding-top: 2.1rem; }

.padding-right-2-1 {
  padding-right: 2.1rem; }

.padding-bottom-2-1 {
  padding-bottom: 2.1rem; }

.padding-left-2-1 {
  padding-left: 2.1rem; }

.padding-2-2 {
  padding: 2.2rem; }

.padding-top-2-2 {
  padding-top: 2.2rem; }

.padding-right-2-2 {
  padding-right: 2.2rem; }

.padding-bottom-2-2 {
  padding-bottom: 2.2rem; }

.padding-left-2-2 {
  padding-left: 2.2rem; }

.padding-2-3 {
  padding: 2.3rem; }

.padding-top-2-3 {
  padding-top: 2.3rem; }

.padding-right-2-3 {
  padding-right: 2.3rem; }

.padding-bottom-2-3 {
  padding-bottom: 2.3rem; }

.padding-left-2-3 {
  padding-left: 2.3rem; }

.padding-2-4 {
  padding: 2.4rem; }

.padding-top-2-4 {
  padding-top: 2.4rem; }

.padding-right-2-4 {
  padding-right: 2.4rem; }

.padding-bottom-2-4 {
  padding-bottom: 2.4rem; }

.padding-left-2-4 {
  padding-left: 2.4rem; }

.padding-2-5 {
  padding: 2.5rem; }

.padding-top-2-5 {
  padding-top: 2.5rem; }

.padding-right-2-5 {
  padding-right: 2.5rem; }

.padding-bottom-2-5 {
  padding-bottom: 2.5rem; }

.padding-left-2-5 {
  padding-left: 2.5rem; }

.padding-2-6 {
  padding: 2.6rem; }

.padding-top-2-6 {
  padding-top: 2.6rem; }

.padding-right-2-6 {
  padding-right: 2.6rem; }

.padding-bottom-2-6 {
  padding-bottom: 2.6rem; }

.padding-left-2-6 {
  padding-left: 2.6rem; }

.padding-2-7 {
  padding: 2.7rem; }

.padding-top-2-7 {
  padding-top: 2.7rem; }

.padding-right-2-7 {
  padding-right: 2.7rem; }

.padding-bottom-2-7 {
  padding-bottom: 2.7rem; }

.padding-left-2-7 {
  padding-left: 2.7rem; }

.padding-2-8 {
  padding: 2.8rem; }

.padding-top-2-8 {
  padding-top: 2.8rem; }

.padding-right-2-8 {
  padding-right: 2.8rem; }

.padding-bottom-2-8 {
  padding-bottom: 2.8rem; }

.padding-left-2-8 {
  padding-left: 2.8rem; }

.padding-2-9 {
  padding: 2.9rem; }

.padding-top-2-9 {
  padding-top: 2.9rem; }

.padding-right-2-9 {
  padding-right: 2.9rem; }

.padding-bottom-2-9 {
  padding-bottom: 2.9rem; }

.padding-left-2-9 {
  padding-left: 2.9rem; }

.padding-3 {
  padding: 3rem; }

.padding-top-3 {
  padding-top: 3rem; }

.padding-right-3 {
  padding-right: 3rem; }

.padding-bottom-3 {
  padding-bottom: 3rem; }

.padding-left-3 {
  padding-left: 3rem; }

.padding-3-1 {
  padding: 3.1rem; }

.padding-top-3-1 {
  padding-top: 3.1rem; }

.padding-right-3-1 {
  padding-right: 3.1rem; }

.padding-bottom-3-1 {
  padding-bottom: 3.1rem; }

.padding-left-3-1 {
  padding-left: 3.1rem; }

.padding-3-2 {
  padding: 3.2rem; }

.padding-top-3-2 {
  padding-top: 3.2rem; }

.padding-right-3-2 {
  padding-right: 3.2rem; }

.padding-bottom-3-2 {
  padding-bottom: 3.2rem; }

.padding-left-3-2 {
  padding-left: 3.2rem; }

.padding-3-3 {
  padding: 3.3rem; }

.padding-top-3-3 {
  padding-top: 3.3rem; }

.padding-right-3-3 {
  padding-right: 3.3rem; }

.padding-bottom-3-3 {
  padding-bottom: 3.3rem; }

.padding-left-3-3 {
  padding-left: 3.3rem; }

.padding-3-4 {
  padding: 3.4rem; }

.padding-top-3-4 {
  padding-top: 3.4rem; }

.padding-right-3-4 {
  padding-right: 3.4rem; }

.padding-bottom-3-4 {
  padding-bottom: 3.4rem; }

.padding-left-3-4 {
  padding-left: 3.4rem; }

.padding-3-5 {
  padding: 3.5rem; }

.padding-top-3-5 {
  padding-top: 3.5rem; }

.padding-right-3-5 {
  padding-right: 3.5rem; }

.padding-bottom-3-5 {
  padding-bottom: 3.5rem; }

.padding-left-3-5 {
  padding-left: 3.5rem; }

.padding-3-6 {
  padding: 3.6rem; }

.padding-top-3-6 {
  padding-top: 3.6rem; }

.padding-right-3-6 {
  padding-right: 3.6rem; }

.padding-bottom-3-6 {
  padding-bottom: 3.6rem; }

.padding-left-3-6 {
  padding-left: 3.6rem; }

.padding-3-7 {
  padding: 3.7rem; }

.padding-top-3-7 {
  padding-top: 3.7rem; }

.padding-right-3-7 {
  padding-right: 3.7rem; }

.padding-bottom-3-7 {
  padding-bottom: 3.7rem; }

.padding-left-3-7 {
  padding-left: 3.7rem; }

.padding-3-8 {
  padding: 3.8rem; }

.padding-top-3-8 {
  padding-top: 3.8rem; }

.padding-right-3-8 {
  padding-right: 3.8rem; }

.padding-bottom-3-8 {
  padding-bottom: 3.8rem; }

.padding-left-3-8 {
  padding-left: 3.8rem; }

.padding-3-9 {
  padding: 3.9rem; }

.padding-top-3-9 {
  padding-top: 3.9rem; }

.padding-right-3-9 {
  padding-right: 3.9rem; }

.padding-bottom-3-9 {
  padding-bottom: 3.9rem; }

.padding-left-3-9 {
  padding-left: 3.9rem; }

.padding-4 {
  padding: 4rem; }

.padding-top-4 {
  padding-top: 4rem; }

.padding-right-4 {
  padding-right: 4rem; }

.padding-bottom-4 {
  padding-bottom: 4rem; }

.padding-left-4 {
  padding-left: 4rem; }

.padding-4-1 {
  padding: 4.1rem; }

.padding-top-4-1 {
  padding-top: 4.1rem; }

.padding-right-4-1 {
  padding-right: 4.1rem; }

.padding-bottom-4-1 {
  padding-bottom: 4.1rem; }

.padding-left-4-1 {
  padding-left: 4.1rem; }

.padding-4-2 {
  padding: 4.2rem; }

.padding-top-4-2 {
  padding-top: 4.2rem; }

.padding-right-4-2 {
  padding-right: 4.2rem; }

.padding-bottom-4-2 {
  padding-bottom: 4.2rem; }

.padding-left-4-2 {
  padding-left: 4.2rem; }

.padding-4-3 {
  padding: 4.3rem; }

.padding-top-4-3 {
  padding-top: 4.3rem; }

.padding-right-4-3 {
  padding-right: 4.3rem; }

.padding-bottom-4-3 {
  padding-bottom: 4.3rem; }

.padding-left-4-3 {
  padding-left: 4.3rem; }

.padding-4-4 {
  padding: 4.4rem; }

.padding-top-4-4 {
  padding-top: 4.4rem; }

.padding-right-4-4 {
  padding-right: 4.4rem; }

.padding-bottom-4-4 {
  padding-bottom: 4.4rem; }

.padding-left-4-4 {
  padding-left: 4.4rem; }

.padding-4-5 {
  padding: 4.5rem; }

.padding-top-4-5 {
  padding-top: 4.5rem; }

.padding-right-4-5 {
  padding-right: 4.5rem; }

.padding-bottom-4-5 {
  padding-bottom: 4.5rem; }

.padding-left-4-5 {
  padding-left: 4.5rem; }

.padding-4-6 {
  padding: 4.6rem; }

.padding-top-4-6 {
  padding-top: 4.6rem; }

.padding-right-4-6 {
  padding-right: 4.6rem; }

.padding-bottom-4-6 {
  padding-bottom: 4.6rem; }

.padding-left-4-6 {
  padding-left: 4.6rem; }

.padding-4-7 {
  padding: 4.7rem; }

.padding-top-4-7 {
  padding-top: 4.7rem; }

.padding-right-4-7 {
  padding-right: 4.7rem; }

.padding-bottom-4-7 {
  padding-bottom: 4.7rem; }

.padding-left-4-7 {
  padding-left: 4.7rem; }

.padding-4-8 {
  padding: 4.8rem; }

.padding-top-4-8 {
  padding-top: 4.8rem; }

.padding-right-4-8 {
  padding-right: 4.8rem; }

.padding-bottom-4-8 {
  padding-bottom: 4.8rem; }

.padding-left-4-8 {
  padding-left: 4.8rem; }

.padding-4-9 {
  padding: 4.9rem; }

.padding-top-4-9 {
  padding-top: 4.9rem; }

.padding-right-4-9 {
  padding-right: 4.9rem; }

.padding-bottom-4-9 {
  padding-bottom: 4.9rem; }

.padding-left-4-9 {
  padding-left: 4.9rem; }

.padding-5 {
  padding: 5rem; }

.padding-top-5 {
  padding-top: 5rem; }

.padding-right-5 {
  padding-right: 5rem; }

.padding-bottom-5 {
  padding-bottom: 5rem; }

.padding-left-5 {
  padding-left: 5rem; }

.padding-0px {
  padding: 0; }

.padding-top-0px {
  padding-top: 0; }

.padding-right-0px {
  padding-right: 0; }

.padding-bottom-0px {
  padding-bottom: 0; }

.padding-left-0px {
  padding-left: 0; }

.padding-1px {
  padding: 1px; }

.padding-top-1px {
  padding-top: 1px; }

.padding-right-1px {
  padding-right: 1px; }

.padding-bottom-1px {
  padding-bottom: 1px; }

.padding-left-1px {
  padding-left: 1px; }

.padding-2px {
  padding: 2px; }

.padding-top-2px {
  padding-top: 2px; }

.padding-right-2px {
  padding-right: 2px; }

.padding-bottom-2px {
  padding-bottom: 2px; }

.padding-left-2px {
  padding-left: 2px; }

.padding-3px {
  padding: 3px; }

.padding-top-3px {
  padding-top: 3px; }

.padding-right-3px {
  padding-right: 3px; }

.padding-bottom-3px {
  padding-bottom: 3px; }

.padding-left-3px {
  padding-left: 3px; }

.padding-4px {
  padding: 4px; }

.padding-top-4px {
  padding-top: 4px; }

.padding-right-4px {
  padding-right: 4px; }

.padding-bottom-4px {
  padding-bottom: 4px; }

.padding-left-4px {
  padding-left: 4px; }

.padding-5px {
  padding: 5px; }

.padding-top-5px {
  padding-top: 5px; }

.padding-right-5px {
  padding-right: 5px; }

.padding-bottom-5px {
  padding-bottom: 5px; }

.padding-left-5px {
  padding-left: 5px; }

.padding-6px {
  padding: 6px; }

.padding-top-6px {
  padding-top: 6px; }

.padding-right-6px {
  padding-right: 6px; }

.padding-bottom-6px {
  padding-bottom: 6px; }

.padding-left-6px {
  padding-left: 6px; }

.padding-7px {
  padding: 7px; }

.padding-top-7px {
  padding-top: 7px; }

.padding-right-7px {
  padding-right: 7px; }

.padding-bottom-7px {
  padding-bottom: 7px; }

.padding-left-7px {
  padding-left: 7px; }

.padding-8px {
  padding: 8px; }

.padding-top-8px {
  padding-top: 8px; }

.padding-right-8px {
  padding-right: 8px; }

.padding-bottom-8px {
  padding-bottom: 8px; }

.padding-left-8px {
  padding-left: 8px; }

.padding-9px {
  padding: 9px; }

.padding-top-9px {
  padding-top: 9px; }

.padding-right-9px {
  padding-right: 9px; }

.padding-bottom-9px {
  padding-bottom: 9px; }

.padding-left-9px {
  padding-left: 9px; }

.padding-10px {
  padding: 10px; }

.padding-top-10px {
  padding-top: 10px; }

.padding-right-10px {
  padding-right: 10px; }

.padding-bottom-10px {
  padding-bottom: 10px; }

.padding-left-10px {
  padding-left: 10px; }

.padding-11px {
  padding: 11px; }

.padding-top-11px {
  padding-top: 11px; }

.padding-right-11px {
  padding-right: 11px; }

.padding-bottom-11px {
  padding-bottom: 11px; }

.padding-left-11px {
  padding-left: 11px; }

.padding-12px {
  padding: 12px; }

.padding-top-12px {
  padding-top: 12px; }

.padding-right-12px {
  padding-right: 12px; }

.padding-bottom-12px {
  padding-bottom: 12px; }

.padding-left-12px {
  padding-left: 12px; }

.padding-13px {
  padding: 13px; }

.padding-top-13px {
  padding-top: 13px; }

.padding-right-13px {
  padding-right: 13px; }

.padding-bottom-13px {
  padding-bottom: 13px; }

.padding-left-13px {
  padding-left: 13px; }

.padding-14px {
  padding: 14px; }

.padding-top-14px {
  padding-top: 14px; }

.padding-right-14px {
  padding-right: 14px; }

.padding-bottom-14px {
  padding-bottom: 14px; }

.padding-left-14px {
  padding-left: 14px; }

.padding-15px {
  padding: 15px; }

.padding-top-15px {
  padding-top: 15px; }

.padding-right-15px {
  padding-right: 15px; }

.padding-bottom-15px {
  padding-bottom: 15px; }

.padding-left-15px {
  padding-left: 15px; }

.padding-16px {
  padding: 16px; }

.padding-top-16px {
  padding-top: 16px; }

.padding-right-16px {
  padding-right: 16px; }

.padding-bottom-16px {
  padding-bottom: 16px; }

.padding-left-16px {
  padding-left: 16px; }

.padding-17px {
  padding: 17px; }

.padding-top-17px {
  padding-top: 17px; }

.padding-right-17px {
  padding-right: 17px; }

.padding-bottom-17px {
  padding-bottom: 17px; }

.padding-left-17px {
  padding-left: 17px; }

.padding-18px {
  padding: 18px; }

.padding-top-18px {
  padding-top: 18px; }

.padding-right-18px {
  padding-right: 18px; }

.padding-bottom-18px {
  padding-bottom: 18px; }

.padding-left-18px {
  padding-left: 18px; }

.padding-19px {
  padding: 19px; }

.padding-top-19px {
  padding-top: 19px; }

.padding-right-19px {
  padding-right: 19px; }

.padding-bottom-19px {
  padding-bottom: 19px; }

.padding-left-19px {
  padding-left: 19px; }

.padding-20px {
  padding: 20px; }

.padding-top-20px {
  padding-top: 20px; }

.padding-right-20px {
  padding-right: 20px; }

.padding-bottom-20px {
  padding-bottom: 20px; }

.padding-left-20px {
  padding-left: 20px; }

.padding-21px {
  padding: 21px; }

.padding-top-21px {
  padding-top: 21px; }

.padding-right-21px {
  padding-right: 21px; }

.padding-bottom-21px {
  padding-bottom: 21px; }

.padding-left-21px {
  padding-left: 21px; }

.padding-22px {
  padding: 22px; }

.padding-top-22px {
  padding-top: 22px; }

.padding-right-22px {
  padding-right: 22px; }

.padding-bottom-22px {
  padding-bottom: 22px; }

.padding-left-22px {
  padding-left: 22px; }

.padding-23px {
  padding: 23px; }

.padding-top-23px {
  padding-top: 23px; }

.padding-right-23px {
  padding-right: 23px; }

.padding-bottom-23px {
  padding-bottom: 23px; }

.padding-left-23px {
  padding-left: 23px; }

.padding-24px {
  padding: 24px; }

.padding-top-24px {
  padding-top: 24px; }

.padding-right-24px {
  padding-right: 24px; }

.padding-bottom-24px {
  padding-bottom: 24px; }

.padding-left-24px {
  padding-left: 24px; }

.padding-25px {
  padding: 25px; }

.padding-top-25px {
  padding-top: 25px; }

.padding-right-25px {
  padding-right: 25px; }

.padding-bottom-25px {
  padding-bottom: 25px; }

.padding-left-25px {
  padding-left: 25px; }

.padding-26px {
  padding: 26px; }

.padding-top-26px {
  padding-top: 26px; }

.padding-right-26px {
  padding-right: 26px; }

.padding-bottom-26px {
  padding-bottom: 26px; }

.padding-left-26px {
  padding-left: 26px; }

.padding-27px {
  padding: 27px; }

.padding-top-27px {
  padding-top: 27px; }

.padding-right-27px {
  padding-right: 27px; }

.padding-bottom-27px {
  padding-bottom: 27px; }

.padding-left-27px {
  padding-left: 27px; }

.padding-28px {
  padding: 28px; }

.padding-top-28px {
  padding-top: 28px; }

.padding-right-28px {
  padding-right: 28px; }

.padding-bottom-28px {
  padding-bottom: 28px; }

.padding-left-28px {
  padding-left: 28px; }

.padding-29px {
  padding: 29px; }

.padding-top-29px {
  padding-top: 29px; }

.padding-right-29px {
  padding-right: 29px; }

.padding-bottom-29px {
  padding-bottom: 29px; }

.padding-left-29px {
  padding-left: 29px; }

.padding-30px {
  padding: 30px; }

.padding-top-30px {
  padding-top: 30px; }

.padding-right-30px {
  padding-right: 30px; }

.padding-bottom-30px {
  padding-bottom: 30px; }

.padding-left-30px {
  padding-left: 30px; }

.padding-31px {
  padding: 31px; }

.padding-top-31px {
  padding-top: 31px; }

.padding-right-31px {
  padding-right: 31px; }

.padding-bottom-31px {
  padding-bottom: 31px; }

.padding-left-31px {
  padding-left: 31px; }

.padding-32px {
  padding: 32px; }

.padding-top-32px {
  padding-top: 32px; }

.padding-right-32px {
  padding-right: 32px; }

.padding-bottom-32px {
  padding-bottom: 32px; }

.padding-left-32px {
  padding-left: 32px; }

.padding-33px {
  padding: 33px; }

.padding-top-33px {
  padding-top: 33px; }

.padding-right-33px {
  padding-right: 33px; }

.padding-bottom-33px {
  padding-bottom: 33px; }

.padding-left-33px {
  padding-left: 33px; }

.padding-34px {
  padding: 34px; }

.padding-top-34px {
  padding-top: 34px; }

.padding-right-34px {
  padding-right: 34px; }

.padding-bottom-34px {
  padding-bottom: 34px; }

.padding-left-34px {
  padding-left: 34px; }

.padding-35px {
  padding: 35px; }

.padding-top-35px {
  padding-top: 35px; }

.padding-right-35px {
  padding-right: 35px; }

.padding-bottom-35px {
  padding-bottom: 35px; }

.padding-left-35px {
  padding-left: 35px; }

.padding-36px {
  padding: 36px; }

.padding-top-36px {
  padding-top: 36px; }

.padding-right-36px {
  padding-right: 36px; }

.padding-bottom-36px {
  padding-bottom: 36px; }

.padding-left-36px {
  padding-left: 36px; }

.padding-37px {
  padding: 37px; }

.padding-top-37px {
  padding-top: 37px; }

.padding-right-37px {
  padding-right: 37px; }

.padding-bottom-37px {
  padding-bottom: 37px; }

.padding-left-37px {
  padding-left: 37px; }

.padding-38px {
  padding: 38px; }

.padding-top-38px {
  padding-top: 38px; }

.padding-right-38px {
  padding-right: 38px; }

.padding-bottom-38px {
  padding-bottom: 38px; }

.padding-left-38px {
  padding-left: 38px; }

.padding-39px {
  padding: 39px; }

.padding-top-39px {
  padding-top: 39px; }

.padding-right-39px {
  padding-right: 39px; }

.padding-bottom-39px {
  padding-bottom: 39px; }

.padding-left-39px {
  padding-left: 39px; }

.padding-40px {
  padding: 40px; }

.padding-top-40px {
  padding-top: 40px; }

.padding-right-40px {
  padding-right: 40px; }

.padding-bottom-40px {
  padding-bottom: 40px; }

.padding-left-40px {
  padding-left: 40px; }

.padding-41px {
  padding: 41px; }

.padding-top-41px {
  padding-top: 41px; }

.padding-right-41px {
  padding-right: 41px; }

.padding-bottom-41px {
  padding-bottom: 41px; }

.padding-left-41px {
  padding-left: 41px; }

.padding-42px {
  padding: 42px; }

.padding-top-42px {
  padding-top: 42px; }

.padding-right-42px {
  padding-right: 42px; }

.padding-bottom-42px {
  padding-bottom: 42px; }

.padding-left-42px {
  padding-left: 42px; }

.padding-43px {
  padding: 43px; }

.padding-top-43px {
  padding-top: 43px; }

.padding-right-43px {
  padding-right: 43px; }

.padding-bottom-43px {
  padding-bottom: 43px; }

.padding-left-43px {
  padding-left: 43px; }

.padding-44px {
  padding: 44px; }

.padding-top-44px {
  padding-top: 44px; }

.padding-right-44px {
  padding-right: 44px; }

.padding-bottom-44px {
  padding-bottom: 44px; }

.padding-left-44px {
  padding-left: 44px; }

.padding-45px {
  padding: 45px; }

.padding-top-45px {
  padding-top: 45px; }

.padding-right-45px {
  padding-right: 45px; }

.padding-bottom-45px {
  padding-bottom: 45px; }

.padding-left-45px {
  padding-left: 45px; }

.padding-46px {
  padding: 46px; }

.padding-top-46px {
  padding-top: 46px; }

.padding-right-46px {
  padding-right: 46px; }

.padding-bottom-46px {
  padding-bottom: 46px; }

.padding-left-46px {
  padding-left: 46px; }

.padding-47px {
  padding: 47px; }

.padding-top-47px {
  padding-top: 47px; }

.padding-right-47px {
  padding-right: 47px; }

.padding-bottom-47px {
  padding-bottom: 47px; }

.padding-left-47px {
  padding-left: 47px; }

.padding-48px {
  padding: 48px; }

.padding-top-48px {
  padding-top: 48px; }

.padding-right-48px {
  padding-right: 48px; }

.padding-bottom-48px {
  padding-bottom: 48px; }

.padding-left-48px {
  padding-left: 48px; }

.padding-49px {
  padding: 49px; }

.padding-top-49px {
  padding-top: 49px; }

.padding-right-49px {
  padding-right: 49px; }

.padding-bottom-49px {
  padding-bottom: 49px; }

.padding-left-49px {
  padding-left: 49px; }

.padding-50px {
  padding: 50px; }

.padding-top-50px {
  padding-top: 50px; }

.padding-right-50px {
  padding-right: 50px; }

.padding-bottom-50px {
  padding-bottom: 50px; }

.padding-left-50px {
  padding-left: 50px; }

.tabs {
  display: grid;
  grid-auto-columns: 1fr;
  place-items: stretch;
  padding: 0;
  list-style: none;
  margin-bottom: 3.2rem; }
  @media (min-width: 768px) {
    .tabs {
      grid-auto-flow: column; } }
  .tabs__selector {
    border: none;
    border-bottom: 1px solid #ededed;
    background: none;
    padding: 0.8rem;
    transition: 125ms border-bottom-color ease-in-out;
    font-size: 1.6rem; }
    .tabs__selector.-font-1rem {
      font-size: 1rem; }
    .tabs__selector.-font-1-1rem {
      font-size: 1.1rem; }
    .tabs__selector.-font-1-2rem {
      font-size: 1.2rem; }
    .tabs__selector.-font-1-3rem {
      font-size: 1.3rem; }
    .tabs__selector.-font-1-4rem {
      font-size: 1.4rem; }
    .tabs__selector.-font-1-5rem {
      font-size: 1.5rem; }
    .tabs__selector.-font-1-6rem {
      font-size: 1.6rem; }
    .tabs__selector.-font-1-7rem {
      font-size: 1.7rem; }
    .tabs__selector.-font-1-8rem {
      font-size: 1.8rem; }
    .tabs__selector.-font-1-9rem {
      font-size: 1.9rem; }
    .tabs__selector.-font-2rem {
      font-size: 2rem; }
    .tabs__selector.active {
      border-bottom: 1px solid #000;
      font-weight: bold; }
    .tabs__selector.-full-width {
      width: 100%; }
    .tabs__selector.-full-height {
      height: 100%; }
  .tabs__content {
    display: none;
    animation: fade-effect 500ms; }
    .tabs__content.active {
      display: block; }

:root {
  --clr-danger: hsl(2, 64%, 58%); }

.font-1 {
  font-size: 1rem; }

.font-1-1 {
  font-size: 1.1rem; }

.font-1-2 {
  font-size: 1.2rem; }

.font-1-3 {
  font-size: 1.3rem; }

.font-1-4 {
  font-size: 1.4rem; }

.font-1-5 {
  font-size: 1.5rem; }

.font-1-6 {
  font-size: 1.6rem; }

.font-1-7 {
  font-size: 1.7rem; }

.font-1-8 {
  font-size: 1.8rem; }

.font-1-9 {
  font-size: 1.9rem; }

.font-2 {
  font-size: 2rem; }

.font-2-1 {
  font-size: 2.1rem; }

.font-2-2 {
  font-size: 2.2rem; }

.font-2-3 {
  font-size: 2.3rem; }

.font-2-4 {
  font-size: 2.4rem; }

.font-2-5 {
  font-size: 2.5rem; }

.font-2-6 {
  font-size: 2.6rem; }

.font-2-7 {
  font-size: 2.7rem; }

.font-2-8 {
  font-size: 2.8rem; }

.font-2-9 {
  font-size: 2.9rem; }

.font-3 {
  font-size: 3rem; }

@media (min-width: 768px) {
  .font--mobile {
    font-size: inherit; } }

@media (max-width: 768px) {
  .font--desktop {
    font-size: inherit; } }

.font--bold {
  font-weight: bold; }

.font--normal {
  font-weight: normal; }

.font--danger {
  color: var(--clr-danger); }

.font--gray-lighter {
  color: #b2b2b2; }

.font--gray-light {
  color: #777777; }

.font--normal {
  font-weight: normal; }

.font--success {
  color: #5cb85c; }

.shadow-top {
  clip-path: polygon(0% -20%, 100% -20%, 100% 100%, 0% 100%); }

.shadow-right {
  clip-path: polygon(0% 0%, 120% 0%, 120% 100%, 0% 100%); }

.shadow-bottom {
  clip-path: polygon(0% 0%, 99% 0%, 99% 120%, 0% 120%); }

.shadow-left {
  clip-path: polygon(-20% 0%, 100% 0%, 100% 100%, -20% 100%); }

.shadow-bottom-right {
  clip-path: polygon(0% 0%, 120% 0%, 120% 120%, 0% 120%); }

.primary-accent-color {
  color: hsla(var(--color-primary-base), var(--color-primary-saturation), var(--color-primary-lightness), var(--color-primary-alpha)); }

.color-grey-light {
  color: #777777; }

.color-grey-lighter {
  color: #b2b2b2; }

.color-grey-lightest {
  color: #ededed; }

:root {
  --clr-danger: hsl(2, 64%, 58%); }

.border {
  border: 1px solid #000; }
  .border--gray {
    border: 1px solid #464646; }
  .border--gray-lighter {
    border: 1px solid #b2b2b2; }
  .border--gray-lightest {
    border: 1px solid #ededed; }
  .border--none {
    border: none; }
  .border--danger {
    border: 1px solid var(--clr-danger); }
  .border--white {
    border: 1px solid #fff; }

.border-top-1 {
  border-top: 1px solid #000; }
  .border-top-1--gray {
    border-top: 1px solid #464646; }
  .border-top-1--gray-lighter {
    border-top: 1px solid #b2b2b2; }
  .border-top-1--gray-lightest {
    border-top: 1px solid #ededed; }
  .border-top-1--none {
    border-top: none; }
  .border-top-1--white {
    border-top: 1px solid #fff; }

.border-right-1 {
  border-right: 1px solid #000; }
  .border-right-1--gray {
    border-right: 1px solid #464646; }
  .border-right-1--gray-lighter {
    border-right: 1px solid #b2b2b2; }
  .border-right-1--gray-lightest {
    border-right: 1px solid #ededed; }
  .border-right-1--none {
    border-right: none; }
  .border-right-1--white {
    border-right: 1px solid #fff; }

.border-bottom-1 {
  border-bottom: 1px solid #000; }
  .border-bottom-1--gray {
    border-bottom: 1px solid #464646; }
  .border-bottom-1--gray-lighter {
    border-bottom: 1px solid #b2b2b2; }
  .border-bottom-1--gray-lightest {
    border-bottom: 1px solid #ededed; }
  .border-bottom-1--none {
    border-bottom: none; }
  .border-bottom-1--white {
    border-bottom: 1px solid #fff; }

.border-left-1 {
  border-left: 1px solid #000; }
  .border-left-1--gray {
    border-left: 1px solid #464646; }
  .border-left-1--gray-lighter {
    border-left: 1px solid #b2b2b2; }
  .border-left-1--gray-lightest {
    border-left: 1px solid #ededed; }
  .border-left-1--none {
    border-left: none; }
  .border-left-1--white {
    border-left: 1px solid #fff; }

.details-summary-no-safari-arrow::-webkit-details-marker {
  display: none; }

.btn-fn.btn-functional-100.ishop-plugin-lifx:hover .btn {
  color: #fff; }

.ishop-plugin.ishop-plugin-lifx {
  min-height: 240px; }
  .ishop-plugin.ishop-plugin-lifx .lifx-header .lifx-logo {
    float: left;
    margin-left: 15px;
    margin-top: 12px;
    width: 40px; }
  .ishop-plugin.ishop-plugin-lifx .lifx-header .lifx-text {
    margin-top: 10px;
    margin-left: 14px;
    float: left;
    color: #555; }
  .ishop-plugin.ishop-plugin-lifx .lifx-no-authentication p {
    margin-left: 15px;
    margin-top: 15px; }
  .ishop-plugin.ishop-plugin-lifx .lifx-no-authentication .lifx-input-token {
    margin: 15px;
    width: 187px;
    float: left; }
  .ishop-plugin.ishop-plugin-lifx .lifx-no-authentication .lifx-submit-token {
    width: 30px;
    height: 30px;
    padding: 6px;
    float: left;
    margin-top: 16px; }
  .ishop-plugin.ishop-plugin-lifx .lifx-with-authentication a {
    white-space: normal;
    height: auto;
    margin: 25px 5px 10px; }

/* Comparison box */
#comparison-container .comparison-compare-box {
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0; }

#comparison-container .comparison-item-outer,
#comparison-container .comparison-button-outer {
  padding: 15px; }

#comparison-container .comparison-item {
  position: relative;
  padding: 12px 8px; }

#comparison-container .comparison-image {
  height: 200px; }
  #comparison-container .comparison-image a img {
    margin: 0 auto;
    max-height: 200px; }

#comparison-container .comparison-container > a:focus {
  text-decoration: none; }

#comparison-container .comparison-item-description-block {
  font-size: 14px;
  line-height: 1.4;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

#comparison-container .comparison-item-description-price strong {
  font-weight: bold;
  font-size: 24px;
  display: block;
  padding-top: 10px; }
  #comparison-container .comparison-item-description-price strong.comparison-item-marked-price {
    color: red; }

#comparison-container .comparison-item-description-price span {
  font-size: 13px;
  display: block; }

#comparison-container .comparison-item-old-price {
  text-decoration: line-through; }

#comparison-container .comparison-button-box {
  height: 180px;
  padding: 8px 0; }

#comparison-container .comparison-button-a {
  position: absolute;
  top: 70%;
  top: calc(70% - 15px);
  left: 20%;
  font-weight: bold;
  font-size: 13px; }

/* Comparison page */
.product-compare-list .comparison-item img {
  max-height: 250px;
  margin: 0 auto; }

.product-compare-list .compare-table-inner .row:nth-child(odd) {
  background: #efefef; }

.product-compare-list .show-dif div:not(:first-child) {
  background: #bbb; }

/* For both */
.right-corner {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 20px;
  height: 20px; }

.comparison-item .nm-icon {
  font-size: 1.5em; }
  .comparison-item .nm-icon:hover {
    text-decoration: none;
    cursor: pointer; }

/* Config */
:root {
  --sk-size: 40px;
  --sk-color: #333; }

/* Utility class for centering */
.sk-center {
  margin: auto; }

/*  Plane

      <div class="sk-plane"></div>
 */
.sk-plane {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  animation: sk-plane 1.2s infinite ease-in-out; }

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

/*  Chase

      <div class="sk-chase">
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
      </div>
 */
.sk-chase {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-chase 2.5s infinite linear both; }

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both; }

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; }

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2) {
  animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s; }

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s; }

@keyframes sk-chase {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg); } }

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); }
  100%, 0% {
    transform: scale(1); } }

/*  Bounce

      <div class="sk-bounce">
        <div class="sk-bounce-dot"></div>
        <div class="sk-bounce-dot"></div>
      </div>
  */
.sk-bounce {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative; }

.sk-bounce-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--sk-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.sk-bounce-dot:nth-child(2) {
  animation-delay: -1.0s; }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0); }
  45%, 55% {
    transform: scale(1); } }

/*  Wave

      <div class="sk-wave">
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
      </div>
 */
.sk-wave {
  width: var(--sk-size);
  height: var(--sk-size);
  display: flex;
  justify-content: space-between; }

.sk-wave-rect {
  background-color: var(--sk-color);
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out; }

.sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s; }

.sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s; }

.sk-wave-rect:nth-child(3) {
  animation-delay: -1.0s; }

.sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s; }

.sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s; }

@keyframes sk-wave {
  0%, 40%, 100% {
    transform: scaleY(0.4); }
  20% {
    transform: scaleY(1); } }

/*  Pulse

      <div class="sk-pulse"></div>
 */
.sk-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@keyframes sk-pulse {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }

/*  Flow

      <div class="sk-flow">
        <div class="sk-flow-dot"></div>
        <div class="sk-flow-dot"></div>
        <div class="sk-flow-dot"></div>
      </div>
 */
.sk-flow {
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
  display: flex;
  justify-content: space-between; }

.sk-flow-dot {
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 50%;
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both; }

.sk-flow-dot:nth-child(1) {
  animation-delay: -0.30s; }

.sk-flow-dot:nth-child(2) {
  animation-delay: -0.15s; }

@keyframes sk-flow {
  0%, 80%, 100% {
    transform: scale(0.3); }
  40% {
    transform: scale(1); } }

/*  Swing

      <div class="sk-swing">
        <div class="sk-swing-dot"></div>
        <div class="sk-swing-dot"></div>
      </div>
 */
.sk-swing {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-swing 1.8s infinite linear; }

.sk-swing-dot {
  width: 45%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-swing-dot 2s infinite ease-in-out; }

.sk-swing-dot:nth-child(2) {
  top: auto;
  bottom: 0;
  animation-delay: -1s; }

@keyframes sk-swing {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-swing-dot {
  0%, 100% {
    transform: scale(0.2); }
  50% {
    transform: scale(1); } }

/*  Circle

      <div class="sk-circle">
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
      </div>
 */
.sk-circle {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative; }

.sk-circle-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle-dot:before {
  content: '';
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle 1.2s infinite ease-in-out both; }

.sk-circle-dot:nth-child(1) {
  transform: rotate(30deg); }

.sk-circle-dot:nth-child(2) {
  transform: rotate(60deg); }

.sk-circle-dot:nth-child(3) {
  transform: rotate(90deg); }

.sk-circle-dot:nth-child(4) {
  transform: rotate(120deg); }

.sk-circle-dot:nth-child(5) {
  transform: rotate(150deg); }

.sk-circle-dot:nth-child(6) {
  transform: rotate(180deg); }

.sk-circle-dot:nth-child(7) {
  transform: rotate(210deg); }

.sk-circle-dot:nth-child(8) {
  transform: rotate(240deg); }

.sk-circle-dot:nth-child(9) {
  transform: rotate(270deg); }

.sk-circle-dot:nth-child(10) {
  transform: rotate(300deg); }

.sk-circle-dot:nth-child(11) {
  transform: rotate(330deg); }

.sk-circle-dot:nth-child(1):before {
  animation-delay: -1.1s; }

.sk-circle-dot:nth-child(2):before {
  animation-delay: -1s; }

.sk-circle-dot:nth-child(3):before {
  animation-delay: -0.9s; }

.sk-circle-dot:nth-child(4):before {
  animation-delay: -0.8s; }

.sk-circle-dot:nth-child(5):before {
  animation-delay: -0.7s; }

.sk-circle-dot:nth-child(6):before {
  animation-delay: -0.6s; }

.sk-circle-dot:nth-child(7):before {
  animation-delay: -0.5s; }

.sk-circle-dot:nth-child(8):before {
  animation-delay: -0.4s; }

.sk-circle-dot:nth-child(9):before {
  animation-delay: -0.3s; }

.sk-circle-dot:nth-child(10):before {
  animation-delay: -0.2s; }

.sk-circle-dot:nth-child(11):before {
  animation-delay: -0.1s; }

@keyframes sk-circle {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/*  Circle Fade

      <div class="sk-circle-fade">
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
      </div>
 */
.sk-circle-fade {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative; }

.sk-circle-fade-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle-fade-dot:before {
  content: '';
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle-fade 1.2s infinite ease-in-out both; }

.sk-circle-fade-dot:nth-child(1) {
  transform: rotate(30deg); }

.sk-circle-fade-dot:nth-child(2) {
  transform: rotate(60deg); }

.sk-circle-fade-dot:nth-child(3) {
  transform: rotate(90deg); }

.sk-circle-fade-dot:nth-child(4) {
  transform: rotate(120deg); }

.sk-circle-fade-dot:nth-child(5) {
  transform: rotate(150deg); }

.sk-circle-fade-dot:nth-child(6) {
  transform: rotate(180deg); }

.sk-circle-fade-dot:nth-child(7) {
  transform: rotate(210deg); }

.sk-circle-fade-dot:nth-child(8) {
  transform: rotate(240deg); }

.sk-circle-fade-dot:nth-child(9) {
  transform: rotate(270deg); }

.sk-circle-fade-dot:nth-child(10) {
  transform: rotate(300deg); }

.sk-circle-fade-dot:nth-child(11) {
  transform: rotate(330deg); }

.sk-circle-fade-dot:nth-child(1):before {
  animation-delay: -1.1s; }

.sk-circle-fade-dot:nth-child(2):before {
  animation-delay: -1.0s; }

.sk-circle-fade-dot:nth-child(3):before {
  animation-delay: -0.9s; }

.sk-circle-fade-dot:nth-child(4):before {
  animation-delay: -0.8s; }

.sk-circle-fade-dot:nth-child(5):before {
  animation-delay: -0.7s; }

.sk-circle-fade-dot:nth-child(6):before {
  animation-delay: -0.6s; }

.sk-circle-fade-dot:nth-child(7):before {
  animation-delay: -0.5s; }

.sk-circle-fade-dot:nth-child(8):before {
  animation-delay: -0.4s; }

.sk-circle-fade-dot:nth-child(9):before {
  animation-delay: -0.3s; }

.sk-circle-fade-dot:nth-child(10):before {
  animation-delay: -0.2s; }

.sk-circle-fade-dot:nth-child(11):before {
  animation-delay: -0.1s; }

@keyframes sk-circle-fade {
  0%, 39%, 100% {
    opacity: 0;
    transform: scale(0.6); }
  40% {
    opacity: 1;
    transform: scale(1); } }

/*  Grid

    <div class="sk-grid">
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
    </div>
 */
.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
  /* Cube positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ }

.sk-grid-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: var(--sk-color);
  float: left;
  animation: sk-grid 1.3s infinite ease-in-out; }

.sk-grid-cube:nth-child(1) {
  animation-delay: 0.2s; }

.sk-grid-cube:nth-child(2) {
  animation-delay: 0.3s; }

.sk-grid-cube:nth-child(3) {
  animation-delay: 0.4s; }

.sk-grid-cube:nth-child(4) {
  animation-delay: 0.1s; }

.sk-grid-cube:nth-child(5) {
  animation-delay: 0.2s; }

.sk-grid-cube:nth-child(6) {
  animation-delay: 0.3s; }

.sk-grid-cube:nth-child(7) {
  animation-delay: 0.0s; }

.sk-grid-cube:nth-child(8) {
  animation-delay: 0.1s; }

.sk-grid-cube:nth-child(9) {
  animation-delay: 0.2s; }

@keyframes sk-grid {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1); }
  35% {
    transform: scale3D(0, 0, 1); } }

/*  Fold

      <div class="sk-fold">
        <div class="sk-fold-cube"></div>
        <div class="sk-fold-cube"></div>
        <div class="sk-fold-cube"></div>
        <div class="sk-fold-cube"></div>
      </div>
 */
.sk-fold {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  transform: rotateZ(45deg); }

.sk-fold-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1); }

.sk-fold-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-fold 2.4s infinite linear both;
  transform-origin: 100% 100%; }

.sk-fold-cube:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg); }

.sk-fold-cube:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg); }

.sk-fold-cube:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg); }

.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s; }

.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s; }

.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s; }

@keyframes sk-fold {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*  Wander

      <div class="sk-wander">
        <div class="sk-wander-cube"></div>
        <div class="sk-wander-cube"></div>
        <div class="sk-wander-cube"></div>
        <div class="sk-wander-cube"></div>
      </div>
 */
.sk-wander {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative; }

.sk-wander-cube {
  background-color: var(--sk-color);
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0;
  left: 0;
  --sk-wander-distance: calc(var(--sk-size) * 0.75);
  animation: sk-wander 2.0s ease-in-out -2.0s infinite both; }

.sk-wander-cube:nth-child(2) {
  animation-delay: -0.5s; }

.sk-wander-cube:nth-child(3) {
  animation-delay: -1.0s; }

@keyframes sk-wander {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6); }
  50% {
    /* Make FF rotate in the right direction */
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg); }
  50.1% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg); }
  75% {
    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6); }
  100% {
    transform: rotate(-360deg); } }

/*# sourceMappingURL=styles.css.map */