body>#vue-app {
  margin-top: 0 !important;
}

:root {
  --primary-color: #249e2c;
  --primarytext-color: #ffffff;
  --primaryhover-color: #249e2c;
  --secondary-color: #000000;
  --background-color: #fff;
  --button-color: #000000;
  --buttonhover-color: #ffffff;
  --footerbackground-color: #000000;
  --footertext-color: #ffffff;
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('../documents/fonts/roboto-v18-latin-100.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'), url('../documents/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/roboto-v18-latin-100.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-100.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-100.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/roboto-v18-latin-100.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url('../documents/fonts/roboto-v18-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'), url('../documents/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/roboto-v18-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/roboto-v18-latin-300.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('../documents/fonts/roboto-v18-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('../documents/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/roboto-v18-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url('../documents/fonts/roboto-v18-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../documents/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/roboto-v18-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-500.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/roboto-v18-latin-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url('../documents/fonts/roboto-v18-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('../documents/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/roboto-v18-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/roboto-v18-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-display: fallback;
  font-style: normal;
  font-weight: 900;
  src: url('../documents/fonts/roboto-v18-latin-900.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'), url('../documents/fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/roboto-v18-latin-900.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-900.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/roboto-v18-latin-900.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/roboto-v18-latin-900.svg#Roboto') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family: "Flaticon";
  font-display: fallback;
  src: url("../documents/fonts/Flaticon.eot");
  src: url("../documents/fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../documents/fonts/Flaticon.woff") format("woff"),
    url("../documents/fonts/Flaticon.ttf") format("truetype"),
    url("../documents/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-style: normal;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.flaticon-add-circular-outlined-button:before {
  content: "\f100";
}

.flaticon-add-cross-outlined-symbol:before {
  content: "\f101";
}

.flaticon-add-square-outlined-interface-button:before {
  content: "\f102";
}

.flaticon-airplane-rotated-diagonal-transport-outlined-symbol:before {
  content: "\f103";
}

.flaticon-alarm-clock-symbol:before {
  content: "\f104";
}

.flaticon-arrow-entering-into-square:before {
  content: "\f105";
}

.flaticon-attach-interface-symbol-of-rotated-paperclip:before {
  content: "\f106";
}

.flaticon-attachment:before {
  content: "\f107";
}

.flaticon-audio-tool-in-silence:before {
  content: "\f108";
}

.flaticon-back-left-arrow-circular-button-outline:before {
  content: "\f109";
}

.flaticon-back-left-arrow-square-button-outline:before {
  content: "\f10a";
}

.flaticon-big-map-placeholder-outlined-symbol-of-interface:before {
  content: "\f10b";
}

.flaticon-book-outline:before {
  content: "\f10c";
}

.flaticon-bookmark-outlined-interface-symbol:before {
  content: "\f10d";
}

.flaticon-bottle-gross-outlined-symbol:before {
  content: "\f10e";
}

.flaticon-button-of-nine-outlined-circles:before {
  content: "\f10f";
}

.flaticon-buttons:before {
  content: "\f110";
}

.flaticon-cellphone:before {
  content: "\f111";
}

.flaticon-cellular-phone-outline:before {
  content: "\f112";
}

.flaticon-center-text-interface-symbol-of-lines:before {
  content: "\f113";
}

.flaticon-chat-comment-oval-speech-bubble-with-text-lines:before {
  content: "\f114";
}

.flaticon-chat-oval-speech-bubbles-symbol:before {
  content: "\f115";
}

.flaticon-checkmark-outline:before {
  content: "\f116";
}

.flaticon-checkmark-square-button-outline:before {
  content: "\f117";
}

.flaticon-checkmark-verify-interface-symbol-button:before {
  content: "\f118";
}

.flaticon-circular-arrow-counterclockwise-rotating-symbol:before {
  content: "\f119";
}

.flaticon-circular-graphic-outline:before {
  content: "\f11a";
}

.flaticon-circular-outlined-badge-with-ribbon-recognition-prize-symbol:before {
  content: "\f11b";
}

.flaticon-circular-target-shooting-interface-symbol:before {
  content: "\f11c";
}

.flaticon-clipboard-square-symbol:before {
  content: "\f11d";
}

.flaticon-close-circular-button-symbol:before {
  content: "\f11e";
}

.flaticon-cloud-outlined-shape:before {
  content: "\f11f";
}

.flaticon-cloud-with-hail-falling:before {
  content: "\f120";
}

.flaticon-cocktail-glass-outline:before {
  content: "\f121";
}

.flaticon-code-signs:before {
  content: "\f122";
}

.flaticon-collapse-two-arrows-diagonal-symbol:before {
  content: "\f123";
}

.flaticon-comment-oval-outlined-balloon:before {
  content: "\f124";
}

.flaticon-compass-orientation-symbol:before {
  content: "\f125";
}

.flaticon-contract-two-arrows-symbol-pointing-the-center-of-square-button:before {
  content: "\f126";
}

.flaticon-copy-two-paper-sheets-interface-symbol:before {
  content: "\f127";
}

.flaticon-crescent-moon-phase-outlined-shape:before {
  content: "\f128";
}

.flaticon-cropping-interface-tool-symbol:before {
  content: "\f129";
}

.flaticon-cross-rounded-outline:before {
  content: "\f12a";
}

.flaticon-cross-square-button:before {
  content: "\f12b";
}

.flaticon-cube-of-notes-stack:before {
  content: "\f12c";
}

.flaticon-double-arrow-horizontal-symbol:before {
  content: "\f12d";
}

.flaticon-double-arrow-vertical-symbol:before {
  content: "\f12e";
}

.flaticon-double-right-arrows-angles:before {
  content: "\f12f";
}

.flaticon-down-arrow:before {
  content: "\f130";
}

.flaticon-down-arrow-square-button:before {
  content: "\f131";
}

.flaticon-down-arrow-square-outlined-button:before {
  content: "\f132";
}

.flaticon-down-arrow-to-a-square:before {
  content: "\f133";
}

.flaticon-down-circular-button:before {
  content: "\f134";
}

.flaticon-download-circular-button:before {
  content: "\f135";
}

.flaticon-download-down-arrow-symbol:before {
  content: "\f136";
}

.flaticon-download-from-internet-cloud:before {
  content: "\f137";
}

.flaticon-download-square-button:before {
  content: "\f138";
}

.flaticon-download-square-outlined-interface-button:before {
  content: "\f139";
}

.flaticon-electrical-storm-weather-symbol:before {
  content: "\f13a";
}

.flaticon-electronic-game-machine-outline:before {
  content: "\f13b";
}

.flaticon-email-closed-outlined-back-envelope-interface-symbol:before {
  content: "\f13c";
}

.flaticon-email-square-outlined-interface-symbol-of-envelope-back:before {
  content: "\f13d";
}

.flaticon-equalization:before {
  content: "\f13e";
}

.flaticon-equalizer-interface-square-button-symbol:before {
  content: "\f13f";
}

.flaticon-event-weekly-calendar-symbol:before {
  content: "\f140";
}

.flaticon-expand-square-interface-button-of-two-arrows:before {
  content: "\f141";
}

.flaticon-expanding-two-opposite-arrows-diagonal-symbol-of-interface:before {
  content: "\f142";
}

.flaticon-fast-forward-double-arrow-outline:before {
  content: "\f143";
}

.flaticon-favourites-star-outline-interface-symbol:before {
  content: "\f144";
}

.flaticon-file-rounded-empty-sheet:before {
  content: "\f145";
}

.flaticon-file-rounded-outlined-symbol:before {
  content: "\f146";
}

.flaticon-film-strip-couple-of-photograms:before {
  content: "\f147";
}

.flaticon-flag-outline:before {
  content: "\f148";
}

.flaticon-fog-at-night-weather-symbol:before {
  content: "\f149";
}

.flaticon-foggy-day-fog-at-sunset-or-sunrise:before {
  content: "\f14a";
}

.flaticon-folder-outline:before {
  content: "\f14b";
}

.flaticon-fork:before {
  content: "\f14c";
}

.flaticon-four-rounded-squares-button:before {
  content: "\f14d";
}

.flaticon-full-screen-interface-symbol-of-four-arrows-in-square-button:before {
  content: "\f14e";
}

.flaticon-games-machine-outline:before {
  content: "\f14f";
}

.flaticon-gear-outlined-symbol:before {
  content: "\f150";
}

.flaticon-giftbox-outline:before {
  content: "\f151";
}

.flaticon-graphical-business-presentation-on-a-screen:before {
  content: "\f152";
}

.flaticon-headphones-audio-symbol:before {
  content: "\f153";
}

.flaticon-hot-interface-symbol-of-fire-flames-outline:before {
  content: "\f154";
}

.flaticon-images-square-outlined-interface-button-symbol:before {
  content: "\f155";
}

.flaticon-ink-interface-symbol-of-drop-outline:before {
  content: "\f156";
}

.flaticon-label-outline:before {
  content: "\f157";
}

.flaticon-left-alignment:before {
  content: "\f158";
}

.flaticon-left-arrow-curve-outline:before {
  content: "\f159";
}

.flaticon-left-arrow-in-circle-outline:before {
  content: "\f15a";
}

.flaticon-left-arrow-line-symbol:before {
  content: "\f15b";
}

.flaticon-left-arrow-rounded-outlined-button-interface-symbol:before {
  content: "\f15c";
}

.flaticon-left-arrow-signal-outline:before {
  content: "\f15d";
}

.flaticon-left-arrow-square-outlined-button:before {
  content: "\f15e";
}

.flaticon-left-arrow-with-a-cross:before {
  content: "\f15f";
}

.flaticon-like-heart-outline-symbol:before {
  content: "\f160";
}

.flaticon-link-button:before {
  content: "\f161";
}

.flaticon-list:before {
  content: "\f162";
}

.flaticon-list-interface-symbol:before {
  content: "\f163";
}

.flaticon-lock-circular-padlock-outline-tool-symbol:before {
  content: "\f164";
}

.flaticon-login-arrow-symbol-entering-back-into-a-square:before {
  content: "\f165";
}

.flaticon-login-square-arrow-button-outline:before {
  content: "\f166";
}

.flaticon-map-folded-outlined-paper:before {
  content: "\f167";
}

.flaticon-megaphone-outline-of-amplification-tool:before {
  content: "\f168";
}

.flaticon-men:before {
  content: "\f169";
}

.flaticon-menu-square-button:before {
  content: "\f16a";
}

.flaticon-menu-three-outlined-rounded-lines-symbol:before {
  content: "\f16b";
}

.flaticon-microphone:before {
  content: "\f16c";
}

.flaticon-microphone-outlined-tool:before {
  content: "\f16d";
}

.flaticon-minus-circular-button:before {
  content: "\f16e";
}

.flaticon-minus-in-zoom-symbol:before {
  content: "\f16f";
}

.flaticon-minus-outline:before {
  content: "\f170";
}

.flaticon-minus-square-outlined-button:before {
  content: "\f171";
}

.flaticon-monitor-outline:before {
  content: "\f172";
}

.flaticon-music-note:before {
  content: "\f173";
}

.flaticon-music-rectangular-interface-button-outline:before {
  content: "\f174";
}

.flaticon-music-theme:before {
  content: "\f175";
}

.flaticon-musical-note:before {
  content: "\f176";
}

.flaticon-musical-note-outlined-symbol:before {
  content: "\f177";
}

.flaticon-mute-voice:before {
  content: "\f178";
}

.flaticon-new-email-envelope-frontal-view:before {
  content: "\f179";
}

.flaticon-nine-oclock-on-circular-clock:before {
  content: "\f17a";
}

.flaticon-note-outlined-symbol:before {
  content: "\f17b";
}

.flaticon-notebook-rectangular-symbol-with-spring:before {
  content: "\f17c";
}

.flaticon-notification-bell-outline-interface-symbol:before {
  content: "\f17d";
}

.flaticon-notification-bell-outline-interface-symbol-1:before {
  content: "\f17e";
}

.flaticon-opened-email-outlined-envelope-back-interface-symbol:before {
  content: "\f17f";
}

.flaticon-oval-empty-outlined-speech-bubble:before {
  content: "\f180";
}

.flaticon-paintbrush-outline:before {
  content: "\f181";
}

.flaticon-paper-airplane-outline:before {
  content: "\f182";
}

.flaticon-pause-outlined-big-symbol:before {
  content: "\f183";
}

.flaticon-pencil-big-outlined-vertical-tool-symbol:before {
  content: "\f184";
}

.flaticon-phone-auricular-outline:before {
  content: "\f185";
}

.flaticon-photo-camera-outline:before {
  content: "\f186";
}

.flaticon-pin:before {
  content: "\f187";
}

.flaticon-planetary-grid-symbol:before {
  content: "\f188";
}

.flaticon-play-triangle-outline:before {
  content: "\f189";
}

.flaticon-portfolio-outline:before {
  content: "\f18a";
}

.flaticon-print-interface-button-symbol-of-printer-outline:before {
  content: "\f18b";
}

.flaticon-radio:before {
  content: "\f18c";
}

.flaticon-rain-weather-cloud-outline-symbol-with-raindrops-lines:before {
  content: "\f18d";
}

.flaticon-rectangular-outlined-speech-bubble-symbol:before {
  content: "\f18e";
}

.flaticon-recycling-bin:before {
  content: "\f18f";
}

.flaticon-rewind-double-arrow-outline-multimedia-button-symbol:before {
  content: "\f190";
}

.flaticon-right-arrow-angle:before {
  content: "\f191";
}

.flaticon-right-arrow-circular-button-outline:before {
  content: "\f192";
}

.flaticon-right-arrow-circular-outlined-button:before {
  content: "\f193";
}

.flaticon-right-arrow-on-a-pole-outlined-orientation-signal-symbol:before {
  content: "\f194";
}

.flaticon-right-arrow-outline:before {
  content: "\f195";
}

.flaticon-right-arrow-square-button-symbol:before {
  content: "\f196";
}

.flaticon-right-arrow-square-outlined-button:before {
  content: "\f197";
}

.flaticon-right-arrow-symbol-in-a-square-outline:before {
  content: "\f198";
}

.flaticon-rounded-rectangular-tool-shape:before {
  content: "\f199";
}

.flaticon-sand-clock:before {
  content: "\f19a";
}

.flaticon-save-button-interface-symbol-of-outlined-diskette:before {
  content: "\f19b";
}

.flaticon-search-interface-symbol:before {
  content: "\f19c";
}

.flaticon-search-oval-magnification-tool-or-spoon-interface-symbol:before {
  content: "\f19d";
}

.flaticon-share-social-interface-button:before {
  content: "\f19e";
}

.flaticon-shopping-bag:before {
  content: "\f19f";
}

.flaticon-shopping-basket-e-commerce-symbol:before {
  content: "\f1a0";
}

.flaticon-shopping-cart-outline:before {
  content: "\f1a1";
}

.flaticon-shopping-cart-outline-1:before {
  content: "\f1a2";
}

.flaticon-shuffle:before {
  content: "\f1a3";
}

.flaticon-sort-ascending:before {
  content: "\f1a4";
}

.flaticon-sort-descending:before {
  content: "\f1a5";
}

.flaticon-speaker-musical-amplification-outlined-frontal-tool:before {
  content: "\f1a6";
}

.flaticon-speaker-outline:before {
  content: "\f1a7";
}

.flaticon-speaker-outline-1:before {
  content: "\f1a8";
}

.flaticon-speaker-outline-audio-interface-symbol:before {
  content: "\f1a9";
}

.flaticon-speaker-outlined-square-frontal-tool-audio-tool-symbol:before {
  content: "\f1aa";
}

.flaticon-speech-bubble-oval-symbol-with-three-dots:before {
  content: "\f1ab";
}

.flaticon-square-outline:before {
  content: "\f1ac";
}

.flaticon-square-shape-design-interface-tool-symbol:before {
  content: "\f1ad";
}

.flaticon-square-targeting-interface-symbol:before {
  content: "\f1ae";
}

.flaticon-store-commercial-symbol-outline:before {
  content: "\f1af";
}

.flaticon-sun-day-weather-symbol:before {
  content: "\f1b0";
}

.flaticon-sunrise-or-sunset:before {
  content: "\f1b1";
}

.flaticon-switch-outlined-symbol:before {
  content: "\f1b2";
}

.flaticon-switch-outlined-tool-symbol:before {
  content: "\f1b3";
}

.flaticon-tag-outline:before {
  content: "\f1b4";
}

.flaticon-television-outline:before {
  content: "\f1b5";
}

.flaticon-text-alignment-option-button-interface-symbol:before {
  content: "\f1b6";
}

.flaticon-text-paper-sheet-symbol:before {
  content: "\f1b7";
}

.flaticon-three-vertical-outlined-bars-symbol:before {
  content: "\f1b8";
}

.flaticon-timer-timing-tool:before {
  content: "\f1b9";
}

.flaticon-tool-outline-of-hotel-reception-or-covered-food-tray:before {
  content: "\f1ba";
}

.flaticon-triangle-equilateral-outline-shape-on-horizontal-line:before {
  content: "\f1bb";
}

.flaticon-trophy-outline:before {
  content: "\f1bc";
}

.flaticon-two-arrows:before {
  content: "\f1bd";
}

.flaticon-two-circular-arrows:before {
  content: "\f1be";
}

.flaticon-two-circular-counterclockwise-rotating-arrows-symbol:before {
  content: "\f1bf";
}

.flaticon-two-drops-sizes-outlined-shapes:before {
  content: "\f1c0";
}

.flaticon-two-rounded-equal-squares-outlines-symbol:before {
  content: "\f1c1";
}

.flaticon-unlocked-circular-padlock-outline:before {
  content: "\f1c2";
}

.flaticon-up-arrow-angle:before {
  content: "\f1c3";
}

.flaticon-up-arrow-circular-button:before {
  content: "\f1c4";
}

.flaticon-up-arrow-in-square-interface-button:before {
  content: "\f1c5";
}

.flaticon-up-arrow-into-square:before {
  content: "\f1c6";
}

.flaticon-up-arrow-or-flag-shape-big-gross-outlined-symbol:before {
  content: "\f1c7";
}

.flaticon-up-arrow-square-button:before {
  content: "\f1c8";
}

.flaticon-up-arrow-square-button-outline:before {
  content: "\f1c9";
}

.flaticon-up-arrow-with-house-shape-outlined-symbol:before {
  content: "\f1ca";
}

.flaticon-up-circular-interface-button:before {
  content: "\f1cb";
}

.flaticon-up-square-button-outline:before {
  content: "\f1cc";
}

.flaticon-upload:before {
  content: "\f1cd";
}

.flaticon-upload-to-the-cloud:before {
  content: "\f1ce";
}

.flaticon-upper-right-arrow-square-button-outlined-symbol:before {
  content: "\f1cf";
}

.flaticon-user-info-interface-symbol-with-text-lines-at-right-side:before {
  content: "\f1d0";
}

.flaticon-user-outline-male-symbol-of-interface:before {
  content: "\f1d1";
}

.flaticon-video-camera-outline:before {
  content: "\f1d2";
}

.flaticon-wallet-outline:before {
  content: "\f1d3";
}

.flaticon-weather-interface-symbol-of-a-semicircle-on-three-lines-perspective:before {
  content: "\f1d4";
}

.flaticon-weekly-calendar:before {
  content: "\f1d5";
}

.flaticon-weekly-calendar-outline-event-interface-symbol:before {
  content: "\f1d6";
}

.flaticon-wind-socket-outlined-symbol:before {
  content: "\f1d7";
}

.flaticon-window-outline:before {
  content: "\f1d8";
}

.flaticon-winds-lines-weather-symbol:before {
  content: "\f1d9";
}

.flaticon-wrench-outline:before {
  content: "\f1da";
}

.flaticon-zoom-increasing-symbol:before {
  content: "\f1db";
}

body, .input-unit .input-unit-label, .input-unit label, .featured-category, .featured-sale-new, .app#vue-app .navbar {
  font-family: "Roboto", Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.01vw;
  margin-bottom: 0.9rem;
}

.center {
  text-align: center;
}

.input-unit .input-unit-preview.filled, .input-unit .input-unit-preview:focus, .input-unit input:not([type="checkbox"]).filled, .input-unit input:not([type="checkbox"]):focus, .input-unit input:not([type="radio"]).filled, .input-unit input:not([type="radio"]):focus, .input-unit input[type].filled, .input-unit input[type]:focus, .input-unit textarea.filled, .input-unit textarea:focus {
  color: #222;
  background-color: #fff;
  border-color: #f6f6f6;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
  padding: 10px 20px;
  padding-left: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.8em;
  transition: .3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: none;
}

.input-unit .input-unit-label, .input-unit label {
  font-size: .75em;
  font-weight: 500;
  padding: .45rem 0.45rem 0;
  color: #222;
}

.input-unit {
  border: 1px solid #ccc;
}

a, a:hover, a:visited {
  color: #222;
}

.btn-block,
.btn-primary {
  color: #fff !important;
  background-color: #249e2c;
  border-color: #249e2c !important
}

.btn-block:hover, .btn-block:focus, .btn-primary:hover, .btn-primary:focus {
  color: #fff !important;
  background-color: #249e2c;
  border-color: #249e2c;
}

.btn-outline-primary {
  color: #222;
  border-color: #222;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #666;
  border-color: #666 !important;
}

.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #222;
  border-color: #222;
  background-color: var(--buttonhover-color);
  border-color: var(--buttonhover-color);
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
  background-color: var(--button-color);
  border-color: var(--button-color);
  opacity: 0.5
}

.btn {
  line-height: 1.35rem;
  padding: .7rem 1.1rem;
  font-size: 1.1rem;
  border-radius: 0;
  text-transform: none;
  letter-spacing: 0.05rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:active, .btn:focus {
  outline: 0;
}

.btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open>.btn-outline-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #222;
  border-color: #222;
  background-color: var(--button-color);
  border-color: var(--button-color);
}

.btn-secondary {
  color: #222;
  color: var(--button-color) !important;
  background-color: unset !important;
  border-color: var(--button-color);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus .btn-secondary:hover {
  color: #fff;
  background-color: #222;
  background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #666 !important;
  background-color: transparent;
  border-color: #666 !important;
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #FF5D02;
  border-color: #FF5D02 !important;
}

.widget-primary .text-appearance {
  color: initial !important;
}

.widget-primary a.text-appearance, .widget-primary .btn-appearance {
  -webkit-text-decoration-color: initial !important;
  text-decoration-color: initial !important;
}

.basket-list-item .small {
  font-size: 100%;
}

.form-control:focus {
  border-color: #222;
}

.form-control {
  padding: .75rem .75rem;
}

.bg-info {
  background-color: #FF5D02 !important;
  background-color: var(--primaryhover-color) !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  line-height: 1;
  display: inline-block;
  max-width: 100%;
  padding: 15px 28px 15px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-shadow: none;
  transition: .3s;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  border-radius: 0;
}

body>#vue-error {
  background-color: #fff;
}

body>#vue-app .app#vue-app {
  background: #fff;
  background: var(--background-color);
}

.badge {
  font-weight: unset;
}

.app#vue-app #page-body {
  margin-top: 0px;
  min-height: 60vh;
}

.page-content.basket {
  background: #fff;
}

.sk-fading-circle .sk-circle::before {
  background-color: #333;
  background-color: var(--secondary-color);
}

.to-top {
  background-color: ;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fa-refresh::before {
  font-family: FontAwesome;
}

#CfourItemQuestionsForm .removedSpinner {
  display: none;
}

.text-primary {
  color: #222 !important;
}

hr {
  background: #d2dae3;
  border: 0;
  height: 1px;
  margin: 15px 0;
  width: 100%;
}

.h3, .headline, h1, h2, h3, h4, .basket-header {
  color: #249e2c;
  display: block;
  letter-spacing: .06em;
  margin: 15px 0;
  text-transform: uppercase;
}

.headline, .h2 {
  font: 500 18px/25px Roboto, sans-serif;
}

.container-max, .container {
  max-width: 1490px;
  z-index: auto;
}

/*--------------------------------------------------------------
  # WIDGET COLORS
--------------------------------------------------------------*/
.widget-primary .btn-appearance {
  color: #fff;
  background-color: #249e2c;
  border-color: #249e2c;
}

.widget-primary a.text-appearance, .widget-primary .btn-appearance {
  -webkit-text-decoration-color: #249e2c;
  text-decoration-color: #249e2c;
}

.widget-primary a.text-appearance:hover, .widget-primary a.text-appearance:focus, .widget-primary .btn-appearance:hover, .widget-primary .btn-appearance:focus {
  -webkit-text-decoration-color: #249e2c;
  text-decoration-color: #249e2c;
}

.widget-primary .btn-appearance:hover {
  color: #fff;
  background-color: #249e2c;
  border-color: #249e2c;
}

.widget-primary .btn-appearance:not(:disabled):not(.disabled):active, .widget-primary .btn-appearance:not(:disabled):not(.disabled).active, .show>.widget-primary .btn-appearance.dropdown-toggle {
  color: #fff;
  background-color: #249e2c;
  border-color: #249e2c;
}

.widget-primary .btn-appearance:not(:disabled):not(.disabled):active:focus, .widget-primary .btn-appearance:not(:disabled):not(.disabled).active:focus, .show>.widget-primary .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.widget-primary .cookie-bar .text-appearance {
  color: #000 !important;
  text-decoration: underline;
  text-decoration-color: #000 !important;
}

.widget-primary .custom-control-appearance .custom-control-input:checked~.custom-control-label::before {
  border-color: #249e2c;
  background-color: #249e2c;
}

.widget-primary a.text-appearance:hover, .widget-primary a.text-appearance:focus {
  color: #f37a1f !important;
}

.cookie-bar .btn.btn-default.btn-block {
  background: #f37a1f;
  border-color: #f37a1f;
}

.page-content {
  background-color: #fff;
}

a.text-primary:hover, a.color-primary:hover, a.text-primary:focus, a.color-primary:focus {
  color: #000 !important;
}

.widget-primary .btn-appearance:focus, .widget-primary .btn-appearance.focus {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

.cookie-bar.fixed-bottom.out * {
  font-size: 0;
  background-color: #666;
  padding: 5px 0px 0px 6px;
  text-align: center;
  border: 0;
}

.cookie-bar.fixed-bottom.out .fa {
  font-size: 14px;
}

/*--------------------------------------------------------------
  # HEADER
--------------------------------------------------------------*/
.app#vue-app #page-header {
  background-color: #fff;
}

.top-panel {
  background: #249e2c;
  color: #fff;
  line-height: 40px;
}

.top-panel a, .top-panel a:hover, .top-panel a:visited {
  color: #fff;
  line-height: 40px;
}

.flexBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.headerTopCenter, .headerTopLeft, .headerTopRight {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.headerTopRight li,
.headerTopCenter li,
.headerTopLeft li {
  display: inline;
}

.headerTopLeft li:hover {
  background: #f37a1f;
}

.headerTopCenter li>a,
.headerTopLeft li>a {
  color: #fff;
  text-transform: uppercase;
  padding: 0 15px;
}

.top-panel .dropdown-menu-right a {
  color: #000;
}

.account-menu.dropdown-menu.dropdown-menu-right.show {
  top: 11px !important;
}

.control-user i {
  margin-right: 10px !important;
  display: inline-block;
  font-size: 17px;
}

.control-languages .fa.fa-angle-down {
  margin-left: 10px;
}

.top-panel .pipe {
  height: 1em;
  border-left: 1px solid #fff;
  margin: 0.45em 0.95em;
}

.top-panel .companyHotline i {
  transform: rotate(95deg) !important;
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
}

.shopLogo {
  min-width: 300px;
  margin: 15px 0 10px 0;
}

.shopLogo img {
  max-width: 300px;
}

.search-form {
  position: relative;
  margin-top: -10px;
}

.search-form .search-submit {
  position: absolute;
  right: 0;
  background: none;
  border: 0;
  font-size: 1.7rem;
  line-height: 45px;
  padding: 0 15px;
}

.search-form [type="search"] {
  min-width: 650px;
  border-color: #ccc;
  border-radius: 3px;
}

.search-box-inner .autocomplete-suggestions {
  position: absolute;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  background: #ffffff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1070;
  max-height: 310px;
  top: 100%;
}

.search-box-inner .autocomplete-suggestions>.autocomplete-suggestion {
  padding: 5px 15px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
}

.search-box-inner .autocomplete-suggestions>.autocomplete-suggestion:hover {
  background: #dcdbd8;
}

.search-box-inner .autocomplete-suggestions>.autocomplete-suggestion.autocomplete-selected {
  background: #dcdbd8;
}

.search-box-inner .autocomplete-suggestions>.autocomplete-suggestion>.autocomplete-item-name {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #4D4F4D;
}

.search-box-inner .autocomplete-suggestions>.autocomplete-suggestion>.autocomplete-image-container {
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: 5px;
}

.search-box-inner .autocomplete-suggestions>.autocomplete-suggestion>.autocomplete-image-container>.autocomplete-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-height: 40px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.search-submit {
  color: initial;
}

.app#vue-app header .controls-list {
  margin-top: 15px;
}

.control-wish-list a,
.toggle-basket-preview {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.025rem;
  text-align: center;
  display: inline-block;
  position: relative;
}

.control-wish-list i,
.toggle-basket-preview i {
  color: #777;
  font-size: 2.3rem;
  font-weight: 100;
  text-align: center;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  line-height: 3.7rem;
}

.control-wish-list .badge-right, .toggle-basket-preview .badge-right {
  position: absolute;
  right: 10px;
  top: 0px;
  width: 30px;
  font-weight: 400;
  background: #249e2c;
  color: #fff;
  border-radius: 50%;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}

.list-inline-item.control-basket {
  border-left: 2px solid #e5e5e5;
}

.header-container, .navbar.megamenu {
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}

.cmp-country-settings, .cmp-currency-select {
  background-color: #249e2c;
  top: 42px;
}

.cmp-country-settings ul li.active a, .cmp-currency-select ul li.active a {
  background-color: #fff;
  color: #249e2c;
}

.control-basket .toggle-basket-preview:hover,
.control-basket .toggle-basket-preview {
  color: initial;
  background-color: initial;
}

/*--------------------------------------------------------------
  # DESKTOP NAVIGATION
--------------------------------------------------------------*/
#mainNavbarCollapsable ul.mainmenu>li>a {
  padding: 0 20px;
  font-weight: 500;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  position: relative;
  color: #222;
  font-size: 1rem;
  white-space: nowrap;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul.collapse {
  column-gap: .5em;
  column-count: unset !important;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li.mega-sub>ul.collapse {
  column-gap: .5em;
  column-count: 5 !important;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li.level1>a {
  color: #222;
  font-weight: 500;
}

#mainNavbarCollapsable ul.mainmenu li ul {
  background: #fff;
}

#mainNavbarCollapsable ul.mainmenu>li.active>a, .no-touch #mainNavbarCollapsable ul.mainmenu>li:hover, .touch #mainNavbarCollapsable ul.mainmenu>li.hover, .no-touch #mainNavbarCollapsable ul.mainmenu>li.active i, .no-touch #mainNavbarCollapsable ul.mainmenu>li:hover i {
  background-color: #fff !important;
  color: #000 !important;
}

#mainNavbarCollapsable ul.mainmenu>li.active>a, .no-touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li:hover, .touch #mainNavbarCollapsable ul.mainmenu>li.hover, .no-touch #mainNavbarCollapsable ul.mainmenu>li.active i, .no-touch #mainNavbarCollapsable ul.mainmenu>li:hover i {
  background-color: #249e2c !important;
  color: #fff !important;
}

.no-touch #mainNavbarCollapsable ul.mainmenu>li>ul.collapse {
  visibility: hidden !important;
  padding: 15px 0 !important;
  background-color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  height: auto;
  list-style: none;
  margin: 0;
  opacity: 0;
  position: absolute;
  z-index: 999;
  display: block !important;
  -webkit-transform: translateY(20px) !important;
  -ms-transform: translateY(20px) !important;
  transform: translateY(20px) !important;
  transition-property: visibility, opacity, -webkit-transform !important;
  transition-property: visibility, transform, opacity !important;
  transition-property: visibility, transform, opacity, -webkit-transform !important;
  transition-duration: 300ms;
  left: calc(0% + 0px) !important;
  top: 60px !important;
  min-width: 250px
}

.no-touch #mainNavbarCollapsable ul.mainmenu>li>ul.collapse.mega-sub {
  min-width: 100%
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li:hover>ul {
  visibility: visible !important;
  opacity: 1 !important;
  top: 60px !important;
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li ul>li {
  position: relative
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li ul>li>a {
  color: #777 !important;
  text-align: left;
  white-space: normal;
  display: block;
  padding: 0px 10px !important;
  transition: all .3s ease;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu li ul>li:hover>a, .no-touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li a:hover, .touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li a.hover {
  background: #f5f5f5 !important;
  color: #222 !important;
  transition: all .3s ease;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li {
  display: inline-block;
  width: auto;
  position: relative;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li.menuLogo {
  display: none;
  transition: transform 0.4s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1);
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li.mega-sub {
  position: static !important;
}

.no-touch #mainNavbarCollapsable ul.mainmenu>li ul.collapse.mega-sub {
  padding: 0;
  background-color: #fff !important;
  width: 100%;
  column-rule: 2px solid #e5e5e5 !important;
  columns: 4 !important;
}

.no-touch #mainNavbarCollapsable ul.mainmenu>li ul>li>a {
  color: #222 !important;
  font-size: 100%;
  font-weight: 400 !important;
  letter-spacing: 0.01vw;
  line-height: 200%;
  margin-top: 0px;
  white-space: normal;
  vertical-align: text-top;
  text-transform: uppercase;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul.mega-sub>li.level1 {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul>li.level1::before {
  content: "\f105";
  position: absolute;
  top: 13px;
  left: 10px;
  font-family: FontAwesome;
  color: #222 !important;
}

#mainNavbarCollapsable ul.mainmenu>li.ddown>a>i.fa {
  color: #222;
  width: 10px;
  padding-left: 10px;
  line-height: 60px;
  padding-right: 0;
}

.header-main-menu .isSticky.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu {
  background: #fff !important;
  width: 100%;
  display: block;
  text-align: left;
  margin: 0;
  transition: transform 0.4s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1);
}

#mainNavbarCollapsable ul.mainmenu>li.ddown>a::after {
  content: ' ';
  padding: 0;
  width: unset;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li>a {
  background: none !important;
  color: #222 !important;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li.level1 {
  border-bottom: 2px solid #e5e5e5;
  padding: 0.75em 1em !important;
  width: 94%;
  margin-left: 3%;
}

.no-touch #mainNavbarCollapsable ul.mainmenu li.level2>a {
  color: #666 !important;
  background: none !important;
  padding: 0 !important;
  text-transform: none;
  font-size: 100%;
  font-weight: 100 !important;
}

.no-touch #mainNavbarCollapsable ul.mainmenu>li>ul>li:hover, .touch #mainNavbarCollapsable ul.mainmenu>li>ul>li.hover {
  background: #f5f5f5 !important;
  color: #000;
  font-weight: 600 !important;
}

.no-touch nav.navbar #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li:hover, .touch nav.navbar #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li.hover, .no-touch nav.navbar #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li a:hover, .touch nav.navbar #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li a.hover {
  background: #f5f5f5 !important;
  color: #000;
  font-weight: 600 !important;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu {
  background: #fff;
}

.app#vue-app .navbar {
    background: #fff;
    margin: 0;
    padding: 0;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li.mega-sub>ul.collapse {
  max-height: 35em;
}

#mainNavbarCollapsable ul.mainmenu>li>ul>li {
  position: relative;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li>ul.collapse>li .level2 {
  padding: 0 0px 0px 10px !important;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]>a {
  background: #666 !important;
  color: #fff !important;
  margin: 10px 0;
  line-height: 40px !important;
  height: 40px !important;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]>a {
  background: #d9534f !important;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]>a::after {
  height: 0;
  bottom: -10px;
  left: 15px;
  border-left: 20px solid #d9534f;
  border-right: 20px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 0;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]>a::after {
  border-left: 20px solid #d9534f;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]>a::after,
nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]>a::before {
  content: "";
  position: absolute;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"] {
  margin: 0 10px;
}

nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]:hover,
nav.navbar #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]:active {
  background: #f5f5f5 !important
}

.touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]:hover,
.touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]:active,
.no-touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]:hover,
.no-touch nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li[data-category-id="1005"]:active {
  background-color: #f5f5f5 !important;
}

.mainmenu .fa.fa-angle-down {
  margin-left: 10px;
}

.navbar.megamenu.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0px 0px 30px -15px #000;
}

.sticky#page-body {
  margin-top: 60px;
}

.navbar.megamenu.sticky #mainNavbarCollapsable ul.mainmenu>li.menuLogo {
  display: block;
  float: left;
  transition: transform 0.4s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1);
}

#mainNavbarCollapsable ul.mainmenu>li:hover>a {
  color: #fff;
}

nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li.blogLink,
nav.navbar.megamenu #mainNavbarCollapsable ul.mainmenu>li:last-child {
  float: right;
}

.menuLogo img {
  width: 110px;
  float: left;
  margin-top: 15px;
  margin-right: 20px;
}

.parentLink {
  background: #f5f5f5;
  font-weight: bold;
}

.main#page-body {
  background: #fff;
}

/*--------------------------------------------------------------
  # HOME
  --------------------------------------------------------------*/
.bannerContainer {
  margin-top: 15px;
}

.bannerContainer>.col-lg-8 {
  padding-right: 0 !important;
}

.bannerContainer>.col-lg-4 {
  padding-left: 5px !important;
}

.slider_home {
  margin-top: 10px;
  position: relative;
  height: 640px;
}

.slider_home .homeslider-image {
  left: 0;
  position: absolute;
  top: 0;
}

.slider_home .sliderdecription {
  color: white;
  cursor: pointer;
  font: 21px/42px "Roboto", sans-serif;
  left: 0;
  padding: 0 8.5% 1%;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transform: translate(0px, -50%);
  z-index: 2;
}

.slider_home .sliderdecription span {
  font: 500 35px/70px "Roboto", sans-serif;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
  position: relative;
  text-shadow: 0 0 15px #000;
}

.slider_home .sliderdecription p {
  position: relative;
  text-shadow: 0 0 15px #000;
}

.slider_home .sliderdecription .slider_button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #fff;
  color: white;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  height: 50px;
  letter-spacing: 1px;
  line-height: 50px;
  margin-right: 30px;
  padding: 0 10px !important;
  position: relative;
  text-shadow: 0 0 15px #000;
}

.slider_home .sliderdecription .slider_button:hover {
  background: white none repeat scroll 0 0 !important;
  border-color: white;
  color: #102747;
  text-shadow: 0 0 15px #000;
}

.slider_home img {
  display: block;
  height: auto !important;
  max-width: 100%;
  width: 100%;
}

.bannerContainer .widget-prop-xl-2-1 .widget-proportional {
  padding-bottom: initial;
  height: 660px;
}

.bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption .h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption .h2 {
  color: #fff;
  background-color: initial;
  font: 34px/45px "Roboto", sans-serif;
  text-transform: uppercase;
  text-align: left;
  z-index: 10;
  position: absolute;
  left: 15%;
  padding: 2%;
  width: 90%;
}

.bannerContainer .widget-image-carousel .widget-inner .widget-caption {
  color: white;
  cursor: pointer;
  left: 0;
  padding: 0 8.5% 17%;
  position: absolute;
  top: 50%;
  transform: translate(0px, -24%);
  z-index: 2;
  width: 75%;
}

.bannerContainer .widget-image-carousel .widget-inner .widget-caption::after {
  content: "...mehr";
  border: 2px solid #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  position: absolute;
  left: 14%;
  margin-top: 15%;
  top: initial;
  bottom: 0;
}

.bannerContainer .widget-image-carousel.widget-primary .carousel-control .fa {
  color: #fff;
  font-weight: 100;
}

.bannerContainer .widget-image-carousel.widget-primary .carousel-indicators li.active {
  background-color: #fff;
}

.bannerContainer .widget-image-carousel.widget-primary .carousel-indicators li {
  border-color: #fff;
}

.bannerContainer .widget-caption .fa.fa-angle-double-right {
  display: none;
}

.bannerContainer .widget-image-carousel .widget-inner .widget-caption h2::after {
  content: " ";
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  opacity: 0.2;
  z-index: -1;
  top: 0px;
  left: -2%;
}

.svg {
  bottom: 0;
  left: 15px;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 1;
}

.svg svg {
  height: auto;
  max-height: 430px;
  width: 100%;
}

.svg svg .svg-green {
  fill: #249E2C;
}

.svg svg .svg-orange {
  fill: #f37a1f;
}

.catBox {
  float: left;
  position: relative;
  display: block;
  margin: 10px 0 5px 0;
  padding: 0 !important;
  height: 196px !important;
}

.catBox .widget-caption {
  color: #fff;
  background-color: initial !important;
}

.catBox .widget-image-box-caption p {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 2rem;
  text-shadow: 0px 0px 23px #000;
  text-transform: uppercase;
  font-weight: 900;
}

.cnwidget.oneItem {
  display: block;
  float: left;
  clear: both;
  height: 210px;
  position: relative;
  width: 100%;
  margin: 0px 0 10px 0;
}

.cnwidget.oneItem .widget-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.cnwidget.oneItem .widget-inner::after {
  display: block;
  background: linear-gradient(rgba(0, 0, 0, 0.085), rgba(0, 0, 0, 0.04));
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
}

.cnwidget.oneItem img {
  max-height: 180px;
  margin: 15px;
  transition: transform 0.4s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1);
}

.cnwidget.oneItem .widget-inner:hover img {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.cnwidget.oneItem .name {
  position: absolute;
  top: 10%;
  right: 20px;
  font-weight: bold;
  text-align: right;
  max-width: 70%;
}

.cnwidget.oneItem .price {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 1.6rem;
  letter-spacing: -2px;
  font-weight: 900;
}

.cnwidget.oneItem .price.oldPrice {
  top: 35%;
  color: #666
}

.cnwidget.oneItem .price.oldPrice::after {
  content: " ";
  border-top: 2px solid #000;
  width: 90%;
  position: absolute;
  left: 5px;
  top: 17px;
  transform: rotate(0deg);
}

.cnwidget.oneItem .priceRRP {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 2.2rem;
  font-weight: 900;
  z-index: 9;
  letter-spacing: -2px;
  color: red;
  text-shadow: 0px 0px 5px #fff;
}

.cnwidget.oneItem .svg {
  bottom: -10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 1;
}

.catthumpnails {
  clear: both;
  margin-top: 10px;
}

.catthumpnails>ul {
  margin: 0;
  padding: 0;
}

.catthumpnails>ul>li {
  border-color: #e5e5e5 #e5e5e5 #e5e5e5;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  display: block;
  float: left;
  height: 150px;
  line-height: 250px;
  list-style-type: none;
  text-align: center;
  width: 12.5%;
  background-position: center center;
  background-repeat: no-repeat;
}

.catthumpnails>ul>li:last-child {
  border-right: 1px solid #e5e5e5;
}

.catthumpnails li>a {
  display: block;
  font-size: 0.75em;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.gartengeraete {
  background: rgba(0, 0, 0, 0) url("../images/gartengeraete.png") repeat scroll 0 0;
}

.forstgeraete {
  background: rgba(0, 0, 0, 0) url("../images/forstgeraete.png") repeat scroll 0 0;
}

.reinigungsgeraete {
  background: rgba(0, 0, 0, 0) url("../images/reinigungsgeraete.png") repeat scroll 0 0;
}

.schutzkleidung {
  background: rgba(0, 0, 0, 0) url("../images/schutzkleidung.png") repeat scroll 0 0;
}

.baugeraete {
  background: rgba(0, 0, 0, 0) url("../images/baugeraete.png") repeat scroll 0 0;
}

.schneefraesen {
  background: rgba(0, 0, 0, 0) url("../images/schneefraesen.png") repeat scroll 0 0;
}

.stromerzeuger {
  background: rgba(0, 0, 0, 0) url("../images/stromerzeuger.png") repeat scroll 0 0;
}

.maehroboter {
  background: rgba(0, 0, 0, 0) url("../images/maehroboter.png") repeat scroll 0 0;
}

.kommunal {
  background: rgba(0, 0, 0, 0) url("../images/kommunale.png") repeat scroll 0 0;
}

.akkugeraete {
  background: rgba(0, 0, 0, 0) url("../images/akkugeraete.png") repeat scroll 0 0;
}

/*hover*/
.gartengeraete:hover {
  background: rgba(0, 0, 0, 0) url("../images/gartengeraete_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.forstgeraete:hover {
  background: rgba(0, 0, 0, 0) url("../images/forstgeraete_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.reinigungsgeraete:hover {
  background: rgba(0, 0, 0, 0) url("../images/reinigungsgeraete_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.schutzkleidung:hover {
  background: rgba(0, 0, 0, 0) url("../images/schutzkleidung_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.baugeraete:hover {
  background: rgba(0, 0, 0, 0) url("../images/baugeraete_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.schneefraesen:hover {
  background: rgba(0, 0, 0, 0) url("../images/schneefraesen_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.stromerzeuger:hover {
  background: rgba(0, 0, 0, 0) url("../images/stromerzeuger_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.maehroboter:hover {
  background: rgba(0, 0, 0, 0) url("../images/maehroboter_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.kommunal:hover {
  background: rgba(0, 0, 0, 0) url("../images/kommunale_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.akkugeraete:hover {
  background: rgba(0, 0, 0, 0) url("../images/akkugeraete_h.png") repeat scroll 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.banner, .service_image, .service_text {
  margin: 15px 0;
}

.service_image {
  background: #102747;
  float: left;
  margin-right: .5%;
  position: relative;
  width: 32.8%;
}

.service_image img {
  width: 100%;
}

.service_text span {
  color: #102747;
  display: block;
  font: 500 20px/30px Ubuntu, sans-serif;
  letter-spacing: .06em;
  margin: -3px 0 31px;
  text-transform: uppercase;
}

.service_text p {
  margin-bottom: 21px;
  color: #7A8A9A;
  font-size: 13px;
}

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

.widget.widget-separator {
  clear: both;
  margin: 25px 0;
  width: 100%;
  display: inline-block;
}

.slider_home .slick-arrow {
  top: 45%;
}

/*--------------------------------------------------------------
  # BREADCRUMP
  --------------------------------------------------------------*/
.breadCrumb {
  background:
    #f5f5f5;
}

.breadcrumb.container-max {
  background: initial;
}

/*--------------------------------------------------------------
  # CONTENT
  --------------------------------------------------------------*/
.content_table tr>td {
  display: table-cell;
  padding: 15px 10px !important;
  vertical-align: middle;
}

.content_table tr:nth-child(2n) {
  background: #f5f5f5;
}

/*--------------------------------------------------------------
  # FOOTER
  --------------------------------------------------------------*/
.footer {
  display: block;
  background-color: #249e2c;
  color: #fff;
  padding-top: 30px;
}

.footer .h4 {
  padding-top: 15px;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer li a, .footer li a:hover, .footer li a:visited {
  color: #fff !important;
}

.footer .widget.widget-link-list {
  border-right: 1px solid #fff;
  height: 100%;
}

.footer .footerLogo {
  background-image: url(../images/footerlogo.svg);
  width: 245px;
  height: 90px;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
  margin-bottom: 15px;
}

.paymentMethodRow {
  background: #fff;
}

.paymentMethodList {
  display: flex;
  margin: 30px 0;
  justify-content: space-around;
}

.paymentMethodList svg {
  width: 160px;
}

.footer a {
  color: #fff;
}

/*--------------------------------------------------------------
  # KATEGORIELISTEN
  ---------------------------------------------------------------*/
.cmp-product-thumb .special-tags .special-tag, .cmp-product-thumb .special-tags .tag, .cmp-product-thumb .special-tags .badge {
  display: block;
  padding: 10px;
  font-size: .9rem;
  font-weight: 300;
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

.saleSpecial {
  position: absolute;
  z-index: 999;
  top: 7px;
  left: 0;
  font-size: .9rem;
  padding: 10px 30px;
  font-weight: bold;
  display: none;
}

.product-list .saleSpecial {
  display: none;
}

.product-list .prices .action.saving {
  background: #dc3545;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  float: right;
  margin-top: 20px;
  font-weight: 600;
}

.add-to-wish-list i {
  margin: 0 !important
}

.special-tags .badge.badge-offer.badge-danger {
  display: none;
}

.shortDescription {
  display: none
}

.product-list .shortDescription {
  display: block;
  color: #777;
  min-height: 170px;
  max-height: 170px;
  text-overflow: ellipsis;
  display: block;
  margin-top: 15px;
  overflow: hidden;
}

.product-list article {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}

.product-list .item_img img {
  max-width: 200px;
}

.product-list .thumb-content {
  float: right;
  width: 60%;
}

.product-list .thumb-image.item_img {
  float: left;
  width: 40%;
}

.widget-item-list img {
  max-width: 250px;
  max-height: 250px;
}

.product-list .cmp-product-thumb .thumb-title {
  font-weight: 600;
  line-height: 1.5em;
  color: #000;
  font-size: 1.1rem;
}

.cmp-product-thumb .thumb-image {
  width: 100%;
  min-height: 250px;
  line-height: 250px;
}

.list-controls .list-controls-inner {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.tpl-category-content h1, .page-wish-list h1.category-title,
.list-controls h1.categoryTitle {
  display: inline-block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 50px;
  padding-left: 0;
  font-weight: 900;
  margin-bottom: 15px;
}

.tpl-category-content h1,
.page-wish-list h1.category-title {
  border-bottom: 1px solid #e5e5e5;
  display: block !important;
  margin: 0 15px 15px 15px;
  width: 100%
}

.list-controls .custom-select {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.buttonBox {
  display: none
}

.product-list .buttonBox {
  display: block;
}

.product-list .btn {
  background: #f5f5f5;
  color: #000 !important;
  letter-spacing: 0;
  border-color: #e5e5e5 !important;
  font-size: 1rem;
}

.product-list .btn .fa {
  float: left;
  margin-right: 10px;
  line-height: 20px;
}

.product-list .price {
  color: #249e2c !important;
  font-size: 2rem !important;
  letter-spacing: 0;
  font-weight: 500 !important;
  margin: 15px 0;
}

.product-list .prices .saleprice {
  color: #dc3545;
  font-size: 2rem;
  font-weight: 500;
}

.product-list .crossprice {
  font-size: 1rem;
  font-weight: 700;
  color: #999;
  line-height: 2rem;
}

.product-list .wish-list .btn {
  background: #f5f5f5;
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
  float: right;
  margin-top: -43px;
  font-size: 14px;
  font-weight: 600;
  color: #000 !important;
  text-align: center;
}

.product-list .cmp .wishlist .btn {
  font-size: 0;
}

.product-list .wishlist .fa {
  font-size: 18px;
  margin: 0;
}

.product-list .wishlist .fa.fa-heart::before {
  content: "\f17c";
  font-family: Flaticon;
  font-size: 18px;
}

.product-list .wishlist {
  float: right;
}

.wish-list-remove {
  float: right;
  margin-top: -43px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 9px 15px;
  cursor: pointer;
}

.page-wish-list .product-list .item_img img {
  max-width: 160px;
}

.page-wish-list .product-list {
  width: 100%;
}

.page-wish-list .small {
  font-size: 100%;
}

/*--------------------------------------------------------------
  # Blog
  --------------------------------------------------------------*/
.blog-header {
  display: none;
}

.blog-post-vertical-XL .blog-post-header .blog-post-title a {
  color: #249e2c;
  font-weight: 600;
}

.blog-post-vertical-XL .blog-post-header .blog-category-name, .blog-post-vertical-XL .blog-post-header .blog-details .blog-detail, .blog-post-vertical-SM .blog-post-date,
.blog-single-post .blog-post-header .blog-category-name, .blog-single-post .blog-post-header .blog-details .blog-detail,
.blog-post-horizontal-MD .blog-post-date {
  color: #999;
}

.blog-post-vertical-XL .blog-actions .blog-action-readmore {
  border-bottom: transparent solid 1px;
  padding: 5px 15px 5px 0;
  position: relative;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background: #249e2c;
  color: #fff;
  padding: 10px 20px;
}

.blog-post-vertical-XL .blog-actions .blog-action-readmore::after, .blog-post-vertical-XL .blog-actions .blog-action-readmore::before {
  top: 11px;
}

.blog-post-vertical-XL .blog-actions .blog-action-readmore::after {
  right: 8px;
}

.blog-load-more .blog-btn-load-more:hover {
  background: #249e2c;
}

.blog-post-horizontal-MD a:hover .blog-post-title,
.blog-post-vertical-SM a:hover .blog-post-title {
  color: #249e2c;
}

/*--------------------------------------------------------------
  # filter
  --------------------------------------------------------------*/
.sideBar .category-titles {
  display: block;
  font-size: 18px;
  line-height: 50px;
  padding-left: 10px;
  font-weight: 600;
  color: #249e2c;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}

@media (min-width: 991px) {
  .sideBar {
    margin-top: 20px !important;
  }

  .sidebar-categories .nav-item, .widget-navigation-tree .nav-item {
    border-bottom: 0px solid #e5e5e5;
  }

  .sidebar-categories .nav-item .nav-link, .widget-navigation-tree .nav-item .nav-link {
    padding: 10px 0 10px 5px;
    width: 85%;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    font-weight: 600;
    color: #666;
  }

  .sidebar-categories .hasChildren i.fa {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 10px;
    color: #666;
  }

  .sidebar-categories .nav-item.active.hasChildren>i.fa::before,
  .sidebar-categories .nav-item.active.hasChildren>i.fa.fa-plus.fa-minus::before {
    content: "" !important;
  }

  .sidebar-categories .nav-item.active.hasChildren>i.fa.fa-plus::before {
    content: "\f068" !important
  }

  .sidebar-categories ul ul {
    padding: 0;
    margin: 0;
  }

  .sidebar-categories ul li ul li,
  .sidebar-categories ul li ul li ul li,
  .sidebar-categories ul li ul li ul li ul li {
    padding-left: 15px;
  }

  .sidebar-categories .active>a.nav-link {
    color: #249e2c !important;
  }

  .sidebar-categories .nav-item.active.hasChildren {
    background: #f5f5f5;
  }

  .sidebar-categories ul li.active>a, .widget-navigation-tree ul li.active>a {
    background: initial;
  }

  .sidebar-categories ul li.active>ul {
    display: block;
  }

  .sidebar-categories .nav-item .nav-link::before {
    content: "\f105";
    font-family: FontAwesome;
    color: #ccc;
    font-weight: 100;
    margin-right: 5px;
  }

  .sideBar .filtersBox .page-content {
    margin: 0;
    padding: 0 !important;
  }

  .sideBar .filtersBox>.filter-collapse.collapse:not(.show) {
    display: block;
  }

  .sideBar .filtersBox .card-columns {
    -webkit-column-count: unset;
    column-count: unset;
    -webkit-column-gap: unset;
    column-gap: unset;
    background: #fff;
    padding: 5px;
  }

  .sideBar .filtersBox .filter-title {
    font-weight: 500;
    color: #666;
    margin: 10px 0px 10px 5px;
    display: block;
    cursor: pointer;
    font-size: 1rem;
  }

  .sideBar .filtersBox .filter-title:hover {
    color: #000;
    font-weight: 600;
  }

  .filtersBox .card-columns .card {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0px;
    background: initial;
  }

  .filtersBox .card-columns .card .filter-badge {
    position: absolute;
    display: inline-block;
    font-size: .75rem;
    background: #f5f5f5;
    padding: .1rem 0;
    color: #666;
    right: .5rem;
    text-align: center;
    min-width: 3em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .filtersBox .filter-wrapper .form-check {
    margin-bottom: 0.5rem;
    padding: 0px 0px;
  }

  .filtersBox .card-columns .card .form-check-input {
    position: absolute;
    margin-left: -1.25rem;
  }

  .filtersBox .card-columns .card .form-check-label, {
    padding: .5rem 0;
    color: #4D4F4D;
    display: block;
    transition: all .1s ease;
  }

  .filtersBox .card-columns .card .form-check-label {
    padding: 0 0px 0 20px;
  }

  .filter-collapse .card .form-check .form-check-label:hover {
    padding: 0 0px 0 20px;
  }

  .filtersBox .card-columns .card .form-check-label::before {
    font-family: FontAwesome;
    content: "\f096";
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0.5rem;
  }

  .filtersBox .card-columns .card .form-check-input:checked+label::before {
    opacity: 1;
    content: "\f046";
    font-family: FontAwesome;
  }

  .filtersBox .input-group-addon {
    border: 1px solid #e5e5e5;
  }

  .filtersBox .input-group-addon {
    font-size: 0.9rem;
    padding: 0.2rem 0.2rem !important;
    color: #383333;
    background-color: #f1f1f1;
    border-bottom: 0px !important;
    text-align: center;
  }

  .filtersBox input.form-control {
    padding: 10px 5px;
    text-align: center;
  }

  .filtersBox .btn-primary {
    display: block;
    width: 100%;
    text-align: center;
  }

  .filtersBox .btn-primary>.fa {
    display: inline-block;
    float: unset;
  }

  .filtersBox .btn i {
    margin-right: 10px;
  }

  .sideBar .filter-toggle {
    display: none;
  }

  .sideBar #filterCollapse.collapse {
    display: block !important;
    height: 100% !important;
  }

  .sideBar .row>div.col-xs-12>.btn {
    display: none;
  }

  .list-controls .filter-wrapper {}

  .list-controls .filter-toggle {
    display: none
  }

  .sideBar .card>div {
    width: 100%;
    padding: 15px 0;
  }

  .sideBar .filter-title .fa {
    font-size: 0.8rem;
    cursor: pointer;
    padding: 5px 0;
    color: #383333;
  }

  .sideBar .filter-title[aria-expanded="true"] .fa::before {
    content: "\f068"
  }

  .filter-wrapper .h3 {
    font-size: 1rem;
    letter-spacing: unset;
    font-weight: bold;
  }

  .filter-wrapper .form-check {
    margin-bottom: 0.5rem;
    padding: 5px 0px;
  }

  .list-controls #filterCollapse .page-content {
    padding: 15px !important;
    border: 1px solid #e5e5e5;
    margin: 0;
    border-top: 0;
  }

  .list-controls .form-check {
    position: relative;
    display: inline-block;
    margin-bottom: 0.5rem;
    width: 48%;
    margin: 0 1%;
  }

  .selected-filters {
    float: right;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 15px;
    text-align: right;
  }

  .selected-filters .selected-filter.reset-all {
    background: #e1e1e1;
    padding: 5px;
    font-weight: bold;
  }

  .selected-filters .selected-filter {
    margin: 15px 0px 10px 0px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 0 10px 10px;
  }
}


@media (max-width:991px) {
  .list-controls .filtersBox .category-titles {
    display: none
  }

  .list-controls .filter-toggle {
    left: 0.5em;
    font-weight: 900;
    right: initial;
  }

  .card .collapse:not(.show) {
    display: block;
  }

  .filter-title {
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }

  .list-controls .card.filter-collapse .collapse:not(.show) {
    display: inline-block;
    width: 100% !important;
  }

  .list-controls .selected-filters {
    display: block;
    float: left;
    margin-top: -30px;
    clear: both;
  }

  .list-controls .selected-filters .selected-filter {
    background-color: #f5f5f5;
    color: #000;
  }

  .selected-filter .fa.pull-right {
    margin-top: 3px;
    margin-left: 10px;
  }

  .selected-filters .btn.btn-outline-primary.btn-block {
    padding: 5px;
    display: inline;
    width: auto;
    position: absolute;
    right: 15px;
    font-size: 0.8rem;
    background: #f5f5f5;
    border: 0;
  }

  .selected-filters .btn.btn-outline-primary.btn-block .fa.fa-times {
    float: right;
    margin-left: 5px !important;
  }
}

/*--------------------------------------------------------------
  # FILTER
  --------------------------------------------------------------*/
body #vue-app .wrapper-left,
body #vue-error .wrapper-left {
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: fixed;
  width: 0;
  overflow: hidden;
  background-color: white;
  -webkit-transition: width 310ms 0ms, -webkit-transform 300ms ease-in-out;
  transition: width 310ms 0ms, -webkit-transform 300ms ease-in-out;
  transition: width 310ms 0ms, transform 300ms ease-in-out;
  transition: width 310ms 0ms, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

body #vue-app.open-left,
body>#vue-error.open-left {
  overflow: hidden;
}

@media (max-width: 767.98px) {

  body #vue-app.open-left,
  body>#vue-error.open-left {
    position: fixed;
  }
}

body #vue-app.open-left .wrapper-left {
  border-color: #fff;
  color: #333;
  z-index: 9999;
  overflow-y: scroll;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: width 0ms, -webkit-transform 300ms 10ms ease-in-out;
  transition: width 0ms, -webkit-transform 300ms 10ms ease-in-out;
  transition: width 0ms, transform 300ms 10ms ease-in-out;
  transition: width 0ms, transform 300ms 10ms ease-in-out, -webkit-transform 300ms 10ms ease-in-out;
}

body #vue-app.open-left::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1070;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 320px) {
  body #vue-app.open-left .wrapper-left {
    width: 100vw;
  }
}

@media (min-width: 320px) {
  body #vue-app.open-left .wrapper-left {
    position: fixed;
    padding: 10px;
    min-width: 170px;
    max-width: 40vw;
  }
}

.wrapper-left .list-controls {
  clear: both;
}

.wrapper-left .filter-wrapper .filter-toggle {
  display: none;
}

.wrapper-left .filter-collapse.collapse {
  display: block;
}

.wrapper-left .close {
  margin: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 1;
  cursor: pointer;
}

.wrapper-left .close:hover {
  opacity: 1 !important;
}

.wrapper-left .close:hover svg {
  transform: scale(1.2);
}

.wrapper-left .mm-btn::after,
.wrapper-left .mm-btn::before {
  border-color: #333;
}

.filter-header-caption {
  font-size: 1rem;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
  padding: 15px 0 15px 20px;
  text-transform: uppercase;
  color: #333;
  margin-right: 15px;
  font-weight: 600;
}

.filter-wrapper .page-content {
  padding: 0;
  margin: 0;
}

.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: initial;
  -moz-column-gap: initial;
  column-gap: initial;
}

.wrapper-left .card-columns .card {
  display: inline-block;
  width: 100%;
  border-width: 0;
  margin-bottom: 5px;
  background: none;
}

.wrapper-left .selected-filters .category-titles, .wrapper-left .filter-wrapper .filter-title {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 3px;
  font-weight: 600;
  font-size: 1rem !important;
  background: #f1f1f1;
  padding: 0 10px;
  color: #333;
  display: block;
  position: relative;
}

.wrapper-left .selected-filters .category-titles::after,
.wrapper-left .filter-wrapper .filter-title::after {
  width: 12px;
  height: 12px;
  position: absolute !important;
  top: 10px;
  right: 15px;
  -webkit-transition: all 150ms;
  -moz-transition: all 150ms;
  -ms-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
  pointer-events: none;
  border-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  display: inline-block;
  content: '';
  border-top-style: solid;
  border-bottom: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  border-right: 0;
  border-left-style: solid;
}

.wrapper-left .selected-filters .category-titles.open::after,
.wrapper-left .filter-wrapper .filter-title.open::after {
  top: 18px;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
}

.wrapper-left .selected-filters .category-titles::after,
.wrapper-left .filter-wrapper .filter-title::after {
  border-color: #333;
  border-right-color: rgb(102, 102, 102);
  border-bottom-color: rgb(102, 102, 102);
}

.wrapper-left .filter-wrapper .card .collapse,
.wrapper-left .filter-wrapper .fl-range-slider-container {
  display: none;
}

.wrapper-left .form-check-label {
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
  padding: 5px;
  font-weight: 600;
}

.wrapper-left .card-columns {
  padding: 15px 0;
}

.wrapper-left .collapse {
  padding: 15px;
  background: #fff;
  opacity: 0.92;
}

.wrapper-left .selected-filter {
  font-weight: 600;
  cursor: pointer;
  display: block;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.wrapper-left .selected-filter .fa {
  line-height: 40px;
}

.wrapper-left .selected-filter.reset-all {
  background: #333;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  padding: 10px 0;
  border-radius: 3px;
}

.list-controls .filter-toggle {
  color: #222;
  border: 0;
  border-radius: 3px;
  float: right;
  padding: 11px 20px;
  background: #e5e5e5;
  font-weight: 600;
  position: relative;
  top: initial;
  right: initial;
  transform: initial;
  margin-top: 7px;
  margin-left: 10px;
  font-size: .75rem;
}

.list-controls .filter-toggle .fa {
  margin-right: 10px;
  font-size: 1rem;
}

.list-controls .filter-toggle:hover {
  color: #fff;
  background: #222;
}

.wrapper-left .filter-badge {
  min-width: 3em;
  padding: 5px;
  font-size: .6rem;
  line-height: 18px;
  color: #6c757d;
  text-align: center;
  background: #f5f5f5;
  border-radius: 5px;
  font-weight: 500;
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
}

.wrapper-left .filtersBox .category-titles {
  display: none;
}

.filter-wrapper.selected-filters.filtersBox {
  padding: 0 15px;
}

.wrapper-left .selected-filters .category-titles {
  display: block;
}

/*--------------------------------------------------------------
# KATEGORIE PAGINATION
--------------------------------------------------------------*/
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  background-color: #333;
  border-color: #333;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.list-controls.bottom {
  position: relative;
  text-align: center;
}

.list-controls.bottom .cmp.cmp-paginator {
  display: inline-block !important;
  float: unset !important;
  background: #fff;
  z-index: 1;
  padding: 0 2%;
}

.list-controls.bottom .pagination {
  padding: 0;
  position: relative;
  min-width: 320px;
  text-align: center;
  display: inline-block;
}

.list-controls.bottom .pagination .articlePages {
  display: inline-block;
}

.list-controls.bottom .pagination .absolute.left {
  position: absolute;
  left: 0;
  top: 0;
}

.list-controls.bottom .pagination .absolute.right {
  position: absolute;
  right: 0;
  top: 0;
}

.list-controls.bottom .pagination .page-item {
  float: left;
}

.list-controls.bottom .pagination .articlePages span {
  float: left;
  margin: 0 5px;
}

.list-controls.bottom .pagination .page-item>a {
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 2px;
}

.list-controls.bottom .pagination .page-item>a.active,
.list-controls.bottom .pagination .page-item>a:hover {
  color: #fff;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.list-controls.bottom .pagination .fa {
  font-size: 2rem;
  line-height: 15px;
}

.list-controls.bottom .disabled {
  opacity: 0;
}

/*--------------------------------------------------------------
  # BASKET / CHECKOUT
  --------------------------------------------------------------*/
.basket-item-container .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-name,
.basket-item-container .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-base-price,
.basket-item-container .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-small-prices,
.cmp-totals dt {
  font-size: 100%;
}

.basket-preview .basket-header .basket-header-caption,
.basket-preview-content .h3 {
  font-size: 1.2rem;
  font-weight: 600;
}

.basket-preview-footer #ppButton {
  margin-top: 15px;
  margin-bottom: 15px;
}

/*--------------------------------------------------------------
  # LASTSEEN
  --------------------------------------------------------------*/
.lastSeenItems {
  background: #fff;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1030;
}

.lastSeenItems .fixed {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.lastSeenItems .fixed .miniBox {
  height: 60px;
  width: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 655;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.lastSeenItems .fixed .miniBox .info {
  border-right: 1px solid #e5e5e5;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 50px;
  cursor: pointer;
}

.lastSeenItems .fixed .miniBox .info .expandArrow {
  padding: 0;
  background-color: #fff;
  text-align: center;
}

.lastSeenItems .fixed .miniBox .info .expandArrow .fa {
  font-size: 2rem;
}

.lastSeenItems .fixed .miniBox .info .expandText {
  padding: 0 5px 5px;
}

.lastSeenItems .fixed .miniBox .info .expandText .text {
  margin: 0 auto;
  font-size: .6875rem;
  line-height: .9375rem;
}

.lastSeenItems .fixed .productList {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}

.lastSeenItems .fixed .miniBox .productList article.cmp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: auto;
  position: relative;
  border: 5px solid #fff;
  height: 59px;
}

.lastSeenItems .fixed .maxiBox .productList article.cmp .special-tags,
.lastSeenItems .miniBox .productList .thumb-content,
.lastSeenItems .fixed .miniBox .productList .wishlist,
.lastSeenItems .fixed .miniBox .productList .special-tags {
  display: none;
}

.lastSeenItems .fixed .miniBox .productList .cmp-product-thumb {
  margin-bottom: 0;
}

.lastSeenItems .fixed .miniBox .productList .thumb-background {
  display: block;
  background-color: #f5f5f5;
  z-index: 999;
  opacity: 0.3;
}

.lastSeenItems .fixed .miniBox .productList article.cmp .thumb-inner .item_img {
  line-height: 55px;
  height: 55px;
  margin-bottom: 0;
  width: 60px;
}

.lastSeenItems .fixed .miniBox .productList article.cmp .thumb-inner .hoverImages {
  line-height: 55px;
  height: 55px;
  width: 100%
}

.lastSeenItems .fixed .miniBox .productList article.cmp .thumb-inner .item_img img {
  height: 30px;
  width: auto;
  max-width: initial;
  min-width: initial;
  position: relative;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
}

.lastSeenItems .fixed .maxiBox {
  bottom: 100%;
  right: 0;
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1.375rem -0.6rem rgba(0, 0, 0, .4);
  box-shadow: 0 0 1.375rem -0.6rem rgba(0, 0, 0, .4);
  z-index: 999;
  max-height: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  overflow: hidden;
}

.lastSeenItems .fixed .maxiBox.show {
  display: block;
  max-height: unset;
  border: 1px solid #e5e5e5;
}

.lastSeenItems .fixed .maxiBox .info .text {
  padding: 5px;
  overflow: hidden;
  clear: both;
  background-color: #f5f5f5;
  font-weight: bold;
  display: block;
}

.lastSeenItems .fixed .maxiBox .info .close {
  padding: 10px;
  float: right;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  margin-top: -30px;
  font-size: 90%;
}

.lastSeenItems .fixed .maxiBox .content .productList {
  padding: 0 1.25rem;
  max-height: 500px;
  overflow-y: auto;
  margin: 0;
  padding: 15px;
  overflow: hidden;
  max-width: 868px;
}

.lastSeenItems .fixed .maxiBox .productList article.cmp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: auto;
  position: relative;
  border: 5px solid #fff;
  height: 310px;
  min-width: 200px;
}

.lastSeenItems .fixed .maxiBox .productList article.cmp .item_img {
  line-height: 150px;
  height: 150px;
  min-height: initial;
  text-align: center;
}

.lastSeenItems .fixed .maxiBox .productList article.cmp .item_img img {
  height: 110px;
  min-width: initial;
}

.lastSeenItems .fixed .maxiBox .productList article.cmp .thumb-title {
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  margin-bottom: 10px;
}

.lastSeenItems .fixed .maxiBox .productList article.cmp .hoverImages {
  line-height: 150px;
  height: 150px;
  width: 100%;
}

.lastSeenItems .modal-backdrop {
  z-index: 170;
  display: none
}

.lastSeenItems .modal-backdrop.show {
  display: block;
}
/*--------------------------------------------------------------
   # Swiper 8.3.2
--------------------------------------------------------------*/
/*
@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal
}
*/
:root {
  --swiper-theme-color: #666;
  --swiper-navigation-size: 30px
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: auto;
  height: 100%;
  z-index: 1;
  display: inline-flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper .category-item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 5);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: not-allowed;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important
}

/*
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}
*/
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

/*
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev'
}
*/
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

/*
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next'
}
*/
.swiper-button-lock {
  display: none
}

.swiper-pagination {
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 10px;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  margin: 0 3px;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.no-touch .swiper article.category-item:hover {
  position: static;
  overflow: hidden;
}

.carousel-arrow-oval {
  position: absolute;
  left: -25px;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 3;
  width: 3.25em;
  height: 3.25em;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 100%;
  background-color: #249e2c;
}

.swiper-button-next .carousel-arrow-oval {
  left: auto;
  right: -25px;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  position: relative;
  z-index: 4;
  width: auto;
  height: 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  transition: all .5s;
  margin-right: -10px;
}

.swiper-button-prev svg {
  margin-left: -10px;
  margin-right: initial
}

.swiper-button-next:hover svg {
  margin-right: -20px;
  transition: margin-right .5s;
}

.swiper-button-prev:hover svg {
  margin-left: -20px;
  transition: margin-left .5s;
}

@media screen and (max-width: 768px) {
  .swiper-button-next {
    right: 10px;
    left: auto;
  }

  .swiper-button-prev {
    left: 10px;
    right: auto;
  }
}
.swiper a.thumb-title {
  min-height: 50px;
}.swiper span.action.saving {
  background: #d9534f;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  font-size: .9rem;
  position: absolute;
  top: 8px;
  right: 0;
}.swiper .saleprice {
  font-weight: 600;
  color: #d9534f;
  float: left;
  margin-right: 10px;
  font-size: 1.2rem;
}
.swiper .thumb-content
{
  width: 100% !important;
}
/*********** REST ************************************************************************/
.tpl-category-content {
  padding-top: 25px;
}

.page-category-content .main#page-body .container {
  padding-top: 30px;
  padding-bottom: 30px
}

.page-category-content .main#page-body .container h1 {
  width: 100%;
  margin-bottom: 30px;
}

.notification-wrapper {
  position: fixed;
  right: 0;
  top: 15rem;
}

.alert {
  position: relative;
  padding: 2rem;
  font-size: 1.1rem;
}

.alert-success {
  color: #fff;
  background-color: #249e2c;
  border-color: #249e2c;
}

.alert-danger {
  color: #fff;
  background-color: #C40000;
  border-color: #C40000;
}

.alert-success div::before {
  content: "Erfolgreich.";
  display: block;
  font-size: 1.5rem;
  margin-bottom: 15px;
  font-weight: 600;
}

.alert-danger div::before {
  content: "Fehler :(";
  display: block;
  font-size: 1.5rem;
  margin-bottom: 15px;
  font-weight: 600;
}

.alert-dismissible .close {
  color: inherit;
  font-size: 0;
  top: 20px;
  line-height: 1.5rem;
  font-family: 'Flaticon';
  opacity: 1;
}

.alert-dismissible .close span::before {
  content: "\f11e";
  font-size: 2rem;
}

.notification-wrapper>.alert {
  -webkit-animation: cssAnimation 5s forwards;
  animation: cssAnimation 5s forwards;
}

.notification-wrapper .alert {
  position: absolute;
  top: 0;
  right: 0;
}

@keyframes cssAnimation {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes cssAnimation {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.login-modal .modal-footer .d-none {
  display: block !important;
}

.login-modal a, .login-modal .btn {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.login-modal a.text-appearance {
  text-align: left;
  text-decoration: underline;
  margin: -5px 0 15px 0px;
}

/*********** WIDGET NEWSLETTER ************************************************************************/
.widget.widget-newsletter {
  border: 1px solid #e5e5e5;
  padding: 25px 0;
}

.widget-newsletter .input-unit {
  width: 49%;
  max-width: 50%;
  float: left;
  margin: 0 0% 15px 1%;
}

.widget-newsletter .input-unit:nth-of-type(3) {
  width: 99%;
  max-width: 99%;
}

.widget-newsletter .col-sm-3.input-group-btn {
  max-width: 100%;
  margin-bottom: 30px;
  padding: 0;
  clear: both;
}

.widget-newsletter .showPrivacyPolicyCheckbox {
  padding: 0 15px;
}

.widget-newsletter .btn-link {
  color: #249e2c;
  text-decoration: underline;
}

/*********************************************************************************************/
/*********************************************************************************************/
/******************************************************************************* RESPONSIVE **/
/*********************************************************************************************/
/*********************************************************************************************/
@media (max-width:1500px) {}

@media (max-width:1290px) {
  .search-form [type="search"] {
    min-width: 490px;
  }

  .shopLogo img {
    max-width: 250px;
  }

  .paymentMethodRow {
    padding: 0 15px;
  }

  .product-list .item_img img {
    max-width: 100%;
  }

  .product-list .text-muted.small.add-to-wish-list {
    float: left;
    margin-top: 10px;
  }

  .bannerContainer .widget-image-carousel .widget-inner .widget-caption {
    top: 45%;
    width: 88%;
  }

  .cnwidget.oneItem img {
    max-height: 160px;
    margin: 15px;
  }
}

@media (max-width:1190px) {
  .headerTopCenter li:last-child {
    display: none;
  }

  .footer .footerLogo {
    width: 100%;
  }

  .cnwidget.oneItem .priceRRP {
    font-size: 1.8rem;
  }

  .product-list .btn {
    padding: .7rem !important;
  }

  .product-list .price {
    font-size: 1.5rem !important;
  }

  .product-list .shortDescription {
    font-size: .9rem;
  }
}

@media (max-width:1090px) {
  .search-form [type="search"] {
    min-width: 390px;
  }

  .catBox {
    height: 175px !important;
  }

  .catBox .widget-image-box-caption p {
    font-size: 1.8rem;
  }

  .cnwidget.oneItem img {
    max-height: 140px;
  }

  .cnwidget.oneItem .name,
  .cnwidget.oneItem .price,
  .cnwidget.oneItem .priceRRP {
    z-index: 2
  }

  .cnwidget.oneItem .name {
    line-height: 17px;
  }

  .cnwidget.oneItem {
    height: 170px;
  }

  .slick-slide img {
    min-height: 545px;
    max-height: 545px;
  }

  .slider_home {
    height: 560px;
  }

  .menuLogo img {
    width: 90px;
    margin-top: 20px;
  }

  .bannerContainer .widget-prop-xl-2-1 .widget-proportional {
    height: 540px;
  }

  .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption .h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption .h2 {
    font: 26px/38px "Roboto", sans-serif;
  }
}

@media (min-width: 991px) {
  .hamburger, #mmenu {
    display: none
  }
}

@media (max-width:990px) {
  .product-list.grid li {
    max-width: 50%;
  }

  #mainNavbarCollapsable {
    min-height: 50px;
    opacity: 1;
  }

  nav.navbar #mainNavbarCollapsable ul.mainmenu,
  .app#vue-app .header-container .navbar {
    display: none;
  }

  .sticky .hamburger {
    top: 10px;
    right: 15px;
  }

  .hamburger {
    width: 30px;
    position: absolute;
    top: 10px;
    z-index: 99;
    left: 20px;
  }

  .c-hamburger {
    display: block;
    overflow: hidden;
    font-size: 0;
    width: 26px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-indent: -9999px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .c-hamburger:focus {
    outline: none
  }

  .c-hamburger span {
    display: block;
    height: 3px;
    position: absolute;
    top: 14px;
    right: 0;
    left: 0;
    border-radius: 1.5px;
    background: #000
  }

  .c-hamburger span::after, .c-hamburger span::before {
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    content: '';
    border-radius: 1.5px;
    background-color: #000
  }

  .c-hamburger span::before {
    top: -7px
  }

  .c-hamburger span::after {
    bottom: -7px
  }

  .c-hamburger--htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s
  }

  .c-hamburger--htx span::after, .c-hamburger--htx span::before {
    -webkit-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s
  }

  .c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform
  }

  .c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
  }

  .c-hamburger--htx.is-active span {
    background: none
  }

  .c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
  }

  header .shopLogo {
    min-width: 220px;
    margin: 0px 0px 0px 15px;
  }

  header .controls, header .headerTopRight {
    margin-right: 15px;
  }

  .breadCrumb {
    padding-left: 20px;
  }

  .breadCrumb .breadcrumb {
    background-color: #f5f5f5 !important
  }

  .footer .footerLogo {
    width: 100%;
    background-size: auto 100%;
    margin-top: 15px;
  }

  .cnwidget.oneItem {
    clear: initial;
    width: 33%;
    margin: 0 0.15%;
  }

  .catBox {
    height: 180px !important;
    width: 33% !important;
    margin: 0 0.15%;
  }

  .bannerContainer>.col-lg-4 {
    padding-left: 15px !important;
  }

  .bannerContainer>.col-lg-8 {
    padding-right: 15px !important;
    padding-bottom: 15px !important;
  }

  .slick-slide img {
    min-height: initial;
    max-height: initial;
    width: 100%;
  }

  .slider_home {
    height: auto;
  }

  .cnwidget.oneItem .name {
    font-size: 0.9rem;
  }

  .cnwidget.oneItem img {
    max-height: 110px;
  }

  .catthumpnails>ul>li {
    border-width: 1px 1px 1px 1px;
    width: 25%;
    border-style: solid;
  }

  .service_image {
    margin-right: 0;
    width: 100%;
  }

  .navbar.megamenu.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 0px 30px -15px #000;
    background-image: url(../images/logopur.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px auto;
    background-color: #fff;
  }

  .svg {
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 1;
  }
}

@media (max-width:920px) {
  .headerTopCenter {
    display: none;
  }

  .search-box-inner {
    position: absolute;
    right: 15px;
    top: 115px;
    z-index: 99;
    width: 90%;
  }

  .search-form [type="search"] {
    min-width: 100%;
    border: 0;
    border-left: 1px solid #ccc;
  }

  .cnwidget.oneItem {
    clear: initial;
    width: 100%;
    margin: 1% 0;
    overflow: hidden;
  }

  .catBox {
    height: 180px !important;
    width: 100% !important;
    margin: 1% 0;
  }

  .cnwidget.oneItem img {
    max-height: 140px;
  }

  .cnwidget.oneItem .name {
    font-size: 1rem;
  }

  .service_text.border-right {
    border-right: 0;
  }

  .service_text>.widget-inner:nth-child(1),
  .service_text>.widget-inner:nth-child(2) {
    border-right: 1px solid #dee2e6 !important
  }
}

@media (max-width:890px) {
  .paymentMethodList svg {
    width: 120px;
  }
}

@media (max-width:768px) {
  .product-list.grid li {
    max-width: 100%;
  }
  body #vue-app.open-left .wrapper-left {

    max-width: 60vw;
  }
  .footer .widget.widget-link-list {
    border-right: 0;
    border-bottom: 1px solid #fff;
  }

  .paymentMethodList {
    display: flex;
    justify-content: space-between;
  }

  .paymentMethodList li {
    float: initial;
    margin: 1px;
  }

  .paymentMethodList svg {
    width: 100px;
  }

  .bannerContainer .widget-image-carousel .widget-inner .widget-caption {
    top: 30%;
    width: 90%;
  }

  .bannerContainer .widget-prop-xl-2-1 .widget-proportional {
    height: 370px;
  }

  .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption .h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption .h2 {
    color: #fff;
    font: 23px/31px "Roboto", sans-serif;
  }
}

@media (max-width:690px) {
  .search-box-inner {
    width: 86%;
  }
  .list-controls .filter-toggle {

      display: block;
      width: 100%;
      margin-bottom: 15px;
  }body #vue-app.open-left .wrapper-left {

    max-width: 90vw;
}
  .headerTopLeft {
    display: none;
  }

  .headerTopCenter {
    display: inline-block;
  }

  .list-wrapper {
    width: 100%;
  }

  .list-controls .list-sort, .list-controls .list-itemsperpage {
    width: 50%;
    float: left;
  }

  #single-carousel .owl-item img {
    height: 300px;
    min-height: 300px;
  }
}

@media (max-width:560px) {
  header .shopLogo {
      margin: 0;
}
  .hidden-xs-down {
    display: none;
}
  .control-wish-list a, .toggle-basket-preview {
    font-size: 12px;
    letter-spacing: 0;
  }

  .control-wish-list i, .toggle-basket-preview i {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }

  .control-wish-list .badge-right, .toggle-basket-preview .badge-right {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }

  .app#vue-app header .controls-list {
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .list-inline-item.control-wish-list {
    position: absolute;
    right: 175px;
    top: -30px;
    border-right: 1px solid #fff;
    height: 20px;
  }

  .control-wish-list a {
    font-size: 0;
    padding-right: 35px;
  }

  .control-wish-list i {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
  }

  .catthumpnails>ul>li {
    width: 50%;
  }

  .slider_home .sliderdecription {
    font: 14px/23px "Roboto", sans-serif;
    padding: 0 10% 0;
  }

  .slider_home .sliderdecription span {
    font: 500 25px/40px "Roboto", sans-serif;
  }

  .slick-arrow::before {
    height: 30px;
    width: 30px;
    left: -20px;
  }

  .slick-next.slick-arrow::before {
    right: -20px;
  }

  .cnwidget.oneItem .name, .cnwidget.oneItem .price, .cnwidget.oneItem .priceRRP {
    left: initial;
  }

  .cnwidget.oneItem img {
    max-height: 120px;
  }

  .slick-slide img {
    min-height: initial;
    max-height: 300px;
    width: auto;
    min-width: 100%;
  }

  .breadcrumb {
    padding: 5px 10px;
    background-color: initial;
    margin: 0;
  }

  .page-singleitem .paymentMethodRow {
    display: none;
  }

  .bannerContainer .widget-prop-xl-2-1 .widget-proportional {
    height: 260px;
  }

  .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary:hover .widget-caption .h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption h2, .bannerContainer .widget-image-carousel.widget-primary .widget-caption .h2 {
    font: 17px/20px "Roboto", sans-serif;
  }

  .bannerContainer .widget-image-carousel .widget-inner .widget-caption::after {
    bottom: -50px;
  }

  .bannerContainer .widget-image-carousel .widget-inner .widget-caption::after {
    padding: 5px 10px;
    font-size: 0.9rem;
  }
}

@media (max-width:470px) {
  .search-box-inner {
    width: 80%;
  }

  .product-list .thumb-image.item_img {
    float: left;
    width: 100%;
    text-align: center;
  }

  .product-list .thumb-content {
    float: right;
    width: 100%;
  }

  .product-list .shortDescription {
    display: none;
  }

  .product-list .text-muted.small.add-to-wish-list {
    float: right;
    margin-top: -44px;
  }

  .product-list .item_img img {
    max-width: 100%;
    max-height: 250px;
  }

  .itemList {
    padding: 0;
  }
}

@media (max-width:380px) {
  .list-inline-item.control-wish-list {
    display: none;
  }
}

@media (max-width:359px) {
  header .shopLogo {
    min-width: 170px;
  }

  .product-list .text-muted.small.add-to-wish-list {
    display: none
  }

  .shopLogo img {
    max-width: 190px;
  }

  .add-to-basket-container i.fa.fa-shopping-cart {
    display: none;
  }

  .search-box-inner {
    width: 75%;
  }
}


.button_widerruf li:last-child a
 {
    border: 2px solid #fff;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
    margin-top: 10px;
}
.notification-wrapper {
  position: fixed;
  right: 20px;
  top: 15rem;
  min-width: 320px;
}
.paypalSmartButtons, .paypalSmartButtons:hover, .paypalSmartButtons:active

 {
    background: initial;
    border: initial;
    padding: 0;
    margin: 10px 10px 0px -10px;
}