@import url("//hello.myfonts.net/count/35bbc4");
/* @johku-preset */
/* Theme visitpori for the next stylesheet stack (JDEV-3216), from assets/less/themes/johkustore-colors-visitpori.less.
   Generated by scripts/numbered-presets.mjs: edit that script, not this file. */
:root {
  --johku-color-primary: #ec1c24;
  --johku-color-secondary: #ec1c24;
  --johku-color-highlight: #ec1c24;
  --johku-color-tertiary: #ec1c24;
  --johku-color-background-tint: color-mix(in srgb, var(--johku-color-background), #607D8B 12%);
  --johku-color-background: #FFF;
  --johku-color-text-link: var(--johku-color-secondary);
  --johku-color-breadcrumb-background: var(--johku-color-highlight);
  --johku-color-orderwrap-background: var(--johku-color-highlight);
  --johku-color-footer-background: var(--johku-color-tertiary);
  --johku-color-footer-bar-link: var(--johku-color-footer-bar-highlight);
  --johku-color-footer-bar-background: #212121;
  --johku-color-highlight-text: #eb151d;
  --johku-color-breadcrumb-text: #FFF; /* brand colour, deliberate accessibility exception (JDEV-3216 AE a) */
  --johku-preset-a-darken-10: #c51017;
  --johku-preset-a-darken-20: #950d12;
  --johku-preset-b-darken-10: #c51017;
  --johku-preset-d-darken-10: #040404;
  --johku-preset-d-darken-50: #000000;
  --johku-preset-d-lighten-40: #848484;
}

@font-face {
  font-family: 'BergenText';
  ascent-override: 105%;
  font-weight: bold;
  font-style: normal;
  src: url('/fonts/visitpori/35BBC4_0_0.eot');
  src: url('/fonts/visitpori/35BBC4_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/visitpori/35BBC4_0_0.woff2') format('woff2'), url('/fonts/visitpori/35BBC4_0_0.woff') format('woff'), url('/fonts/visitpori/35BBC4_0_0.ttf') format('truetype'), url('/fonts/visitpori/35BBC4_0_0.svg#wf') format('svg');
}
@font-face {
  font-family: 'BergenText';
  ascent-override: 105%;
  font-weight: normal;
  font-style: italic;
  src: url('/fonts/visitpori/35BBC4_1_0.eot');
  src: url('/fonts/visitpori/35BBC4_1_0.eot?#iefix') format('embedded-opentype'), url('/fonts/visitpori/35BBC4_1_0.woff2') format('woff2'), url('/fonts/visitpori/35BBC4_1_0.woff') format('woff'), url('/fonts/visitpori/35BBC4_1_0.ttf') format('truetype'), url('/fonts/visitpori/35BBC4_1_0.svg#wf') format('svg');
}
@font-face {
  font-family: 'BergenText';
  ascent-override: 105%;
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/visitpori/35BBC4_2_0.eot');
  src: url('/fonts/visitpori/35BBC4_2_0.eot?#iefix') format('embedded-opentype'), url('/fonts/visitpori/35BBC4_2_0.woff2') format('woff2'), url('/fonts/visitpori/35BBC4_2_0.woff') format('woff'), url('/fonts/visitpori/35BBC4_2_0.ttf') format('truetype'), url('/fonts/visitpori/35BBC4_2_0.svg#wf') format('svg');
}
@font-face {
  font-family: 'BergenMono';
  ascent-override: 90%;
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/visitpori/35BBC4_3_0.eot');
  src: url('/fonts/visitpori/35BBC4_3_0.eot?#iefix') format('embedded-opentype'), url('/fonts/visitpori/35BBC4_3_0.woff2') format('woff2'), url('/fonts/visitpori/35BBC4_3_0.woff') format('woff'), url('/fonts/visitpori/35BBC4_3_0.ttf') format('truetype'), url('/fonts/visitpori/35BBC4_3_0.svg#wf') format('svg');
}
@font-face {
  font-family: 'BergenMono';
  ascent-override: 90%;
  font-weight: bold;
  font-style: normal;
  src: url('/fonts/visitpori/35BBC4_4_0.eot');
  src: url('/fonts/visitpori/35BBC4_4_0.eot?#iefix') format('embedded-opentype'), url('/fonts/visitpori/35BBC4_4_0.woff2') format('woff2'), url('/fonts/visitpori/35BBC4_4_0.woff') format('woff'), url('/fonts/visitpori/35BBC4_4_0.ttf') format('truetype'), url('/fonts/visitpori/35BBC4_4_0.svg#wf') format('svg');
}
:root,
:root body {
  --johku-font-main: 'BergenText', sans-serif;
  --johku-font-title: 'BergenMono', sans-serif;
  --johku-font-button: var(--johku-font-main);
  --johku-font-title-transform: uppercase;
  --johku-font-button-transform: uppercase;
  --johku-color-success: var(--johku-color-highlight);
  --johku-color-primary: #ec1c24;
  --johku-color-text-title: var(--johku-color-highlight);
  --johku-color-navbar-dropdown-background: #fff;
  --johku-color-navbar-dropdown-text: var(--johku-color-text);
  --johku-color-navbar-dropdown-link: #1e1e1e;
  --johku-color-navbar-text: #1e1e1e;
  --johku-navbar-height: 70px;
  --johku-navbar-mobile-height: var(--johku-navbar-height);
}
:root .dp__theme_light,
:root body .dp__theme_light {
  --dp-primary-color: #1e1e1e;
  --dp-reserved-text-color: var(--johku-color-highlight);
}
body {
  background-color: var(--johku-color-background-tint);
  color: color-mix(in srgb, var(--johku-color-text) 86.67%, #FFFFFF);
}
html body {
  font-size: 18px;
}
#__layout {
  background-color: var(--johku-color-background);
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,
html a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.navbar-brand {
  text-indent: -9999px;
  display: inline-block;
  padding: 0 !important;
  background: url('data:image/png;base64,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') center left no-repeat;
  background: linear-gradient(transparent, transparent), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NzguMyA1NS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NzguMyA1NS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRUMxRjI3O30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBwb2ludHM9IjY0LjQsMTIuNCA0MC45LDU0IDIzLjQsNTQgMCwxMi40IDE0LjgsMTIuNCAzMi4yLDQzLjMgNDkuNiwxMi40IAkiLz4NCgk8cGF0aCBkPSJNODQuNywyMi44djUuN2gzNS4xdjkuNEg4NC43djUuN2g0MS41VjU0aC01NVYxMi40aDU1djEwLjRIODQuN3oiLz4NCgk8cGF0aCBkPSJNMTkxLjMsMzVjLTEuNiwyLjQtMy43LDQuMi02LjMsNS4zbDcuNywxMy43aC0xNC42bC03LTEyLjVIMTQ5VjU0aC0xMy42VjEyLjRoNDMuN2MyLjcsMCw1LjIsMC43LDcuNCwyczQsMy4xLDUuMiw1LjMNCgkJYzEuMywyLjIsMS45LDQuNywxLjksNy4zQzE5My43LDI5LjksMTkyLjksMzIuNiwxOTEuMywzNXogTTE3OS4xLDI5LjljMC44LTAuOCwxLjEtMS44LDEuMS0zcy0wLjQtMi4yLTEuMS0zDQoJCWMtMC44LTAuOC0xLjktMS4yLTMuNC0xLjJIMTQ5VjMxaDI2LjdDMTc3LjIsMzEuMSwxNzguMywzMC43LDE3OS4xLDI5Ljl6Ii8+DQoJPHBhdGggZD0iTTIzNi42LDMwLjlMMjYxLjUsNTRIMjQ1bC0xNy41LTE2LjNsLTEwLjcsOFY1NGgtMTMuNVYxMi40aDEzLjRWMzJsMjYuNS0xOS43aDE4LjNMMjM2LjYsMzAuOXoiLz4NCgk8cGF0aCBkPSJNMzAxLjcsMzAuOUwzMjYuNiw1NGgtMTYuNWwtMTcuNS0xNi4zbC0xMC43LDhWNTRoLTEzLjVWMTIuNGgxMy41VjMybDI2LjUtMTkuN2gxOC4zTDMwMS43LDMwLjl6Ii8+DQoJPHBhdGggZD0iTTM3Ni4zLDEzLjljNC45LDEuOSw4LjYsNC41LDExLDcuOGMyLjUsMy4zLDMuNyw3LjEsMy43LDExLjRzLTEuMiw4LjEtMy43LDExLjRzLTYuMSw1LjktMTEsNy44cy0xMC45LDIuOS0xNy45LDIuOQ0KCQljLTcuMSwwLTEzLTAuOS0xNy45LTIuOHMtOC42LTQuNS0xMS03LjhjLTIuNS0zLjMtMy43LTcuMi0zLjctMTEuNXMxLjItOC4xLDMuNy0xMS40YzIuNS0zLjMsNi4xLTUuOSwxMS03LjgNCgkJYzQuOS0xLjksMTAuOS0yLjksMTcuOS0yLjlDMzY1LjQsMTEsMzcxLjQsMTIsMzc2LjMsMTMuOXogTTM2OC42LDQzLjNjMi45LTEsNS0yLjQsNi41LTQuMWMxLjUtMS44LDIuMi0zLjgsMi4yLTZzLTAuNy00LjItMi4yLTYNCgkJcy0zLjYtMy4xLTYuNS00LjFzLTYuMy0xLjUtMTAuMy0xLjVzLTcuNCwwLjUtMTAuMywxLjVzLTUsMi40LTYuNSw0LjFjLTEuNSwxLjgtMi4yLDMuOC0yLjIsNnMwLjcsNC4yLDIuMiw2czMuNiwzLjEsNi41LDQuMQ0KCQlzNi4zLDEuNSwxMC4zLDEuNUMzNjIuNCw0NC44LDM2NS44LDQ0LjMsMzY4LjYsNDMuM3oiLz4NCgk8cGF0aCBkPSJNNDMyLjEsMzAuOUw0NTcsNTRoLTE2LjVMNDIzLDM3LjdsLTEwLjcsOFY1NGgtMTMuNlYxMi40aDEzLjVWMzJsMjYuNS0xOS42SDQ1N0w0MzIuMSwzMC45eiIvPg0KCTxwYXRoIGQ9Ik01MjIuOCw1NGgtMTQuNGwtNC43LTguM2gtMjZsLTQuNiw4LjNoLTE0LjRsMjMuNC00MS42aDE3LjVMNTIyLjgsNTR6IE00OTcuOCwzNS4zbC03LjItMTIuN2wtNy4xLDEyLjdINDk3Ljh6Ii8+DQoJPHBhdGggZD0iTTU4MS44LDMzLjZjMCw2LjQtMi4yLDExLjYtNi41LDE1LjZzLTExLjUsNi0yMS42LDZjLTEwLDAtMTcuMi0yLTIxLjUtNnMtNi41LTkuMi02LjUtMTUuNlYxMi40aDEzLjV2MjAuOA0KCQljMCwzLjQsMS4yLDYuMiwzLjUsOC4zYzIuNCwyLjEsNiwzLjIsMTEsMy4yczguNy0xLjEsMTEtMy4yYzIuNC0yLjEsMy41LTQuOSwzLjUtOC4zVjEyLjRoMTMuNEw1ODEuOCwzMy42eiIvPg0KCTxwYXRoIGQ9Ik02NDIuOCwxNC4zYzIuMiwxLjMsNCwzLjEsNS4yLDUuM2MxLjMsMi4yLDEuOSw0LjcsMS45LDcuM2MwLDIuNy0wLjYsNS4xLTEuOSw3LjNjLTEuMywyLjItMyw0LTUuMiw1LjNzLTQuNywyLTcuNCwyDQoJCWgtMzAuMlY1NGgtMTMuNVYxMi40aDQzLjdDNjM4LjEsMTIuNCw2NDAuNSwxMyw2NDIuOCwxNC4zeiBNNjM1LjIsMjkuOWMwLjgtMC44LDEuMi0xLjgsMS4yLTNzLTAuNC0yLjItMS4yLTNzLTEuOS0xLjItMy40LTEuMg0KCQlINjA1VjMxaDI2LjhDNjMzLjQsMzEuMSw2MzQuNSwzMC43LDYzNS4yLDI5Ljl6Ii8+DQoJPHBhdGggZD0iTTcwOS42LDE0LjNjMi4yLDEuMyw0LDMuMSw1LjIsNS4zYzEuMywyLjIsMS45LDQuNywxLjksNy4zYzAsMi43LTAuNiw1LjEtMS45LDcuM2MtMS4zLDIuMi0zLDQtNS4yLDUuM3MtNC43LDItNy40LDJINjcyDQoJCVY1NGgtMTMuNVYxMi40aDQzLjdDNzA0LjksMTIuNCw3MDcuNCwxMyw3MDkuNiwxNC4zeiBNNzAyLjEsMjkuOWMwLjgtMC44LDEuMi0xLjgsMS4yLTNzLTAuNC0yLjItMS4yLTNzLTEuOS0xLjItMy40LTEuMmgtMjYuOFYzMQ0KCQloMjYuOEM3MDAuMiwzMS4xLDcwMS4zLDMwLjcsNzAyLjEsMjkuOXoiLz4NCgk8cGF0aCBkPSJNNzc4LjMsNTRoLTE0LjRsLTQuNy04LjNoLTI2bC00LjYsOC4zaC0xNC40bDIzLjQtNDEuNmgxNy41TDc3OC4zLDU0eiBNNzUzLjMsMzUuM2wtNy4yLTEyLjdMNzM5LDM1LjNINzUzLjN6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI0My4yLDguMyAyMS4yLDguMyAyMS4yLDAgMjYuNyw1LjUgMzIuMiwwIDM3LjcsNS41IDQzLjIsMCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==') center left no-repeat;
  background-size: contain contain;
}
.navbar-brand .navbar-profile {
  display: none !important;
}
body {
  font-family: 'BergenText', sans-serif !important;
}
body .productpopup-button {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #js-navbar-main {
    transform: translate3d(0, 0, 0);
  }
}
body #js-search-nav.has-form .input-group-addon {
  top: 6px;
}
body .btn-sm {
  font-size: 14px;
}
body .btn-white {
  color: #000 !important;
}
body .search-suggestions h3 {
  color: var(--johku-color-highlight-text);
}
body a.dropdown-link {
  color: var(--johku-color-secondary);
}
body a.dropdown-link:hover {
  color: var(--johku-color-secondary);
  text-decoration: underline;
}
body .dropdown-text {
  color: var(--johku-color-secondary);
}
body .navbar-nav > li > a {
  line-height: 25px;
}
body .js-search-bar .input-group-addon .fa {
  top: 0px;
}
body .grid-content-image,
body .grid-content-image * {
  border-radius: 0;
}
body .grid-content-image,
body .grid-content-image img,
body .grid-content-image .mediabox,
body .grid-content-image .mediabox-img,
body .grid-content-image:before {
  border-radius: 0;
}
body .modal-content {
  border-radius: 0;
}
.panel-title .btn-sm {
  font-size: 14px !important;
  padding: 5px 10px 0px!important;
}
.category-info-wrap > div:first-child .product-content-infotext,
.product-content-text {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: #1e1e1e;
}
.category-info-wrap > div:first-child .product-content-infotext strong,
.product-content-text strong,
.category-info-wrap > div:first-child .product-content-infotext b,
.product-content-text b {
  font-weight: 700 !important;
}
.product-content-infotable {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: #1e1e1e;
}
.product-content-infotable strong,
.product-content-infotable b {
  font-weight: 700 !important;
}
.product-order-disclaimer {
  font-size: 18px !important;
}
.product-order-disclaimer a,
.product-order-disclaimer a:hover {
  color: #FFF !important;
}
.product-order-container {
  padding-top: 40px !important;
  padding-bottom: 50px !important;
}
.product-content-infovalue a {
  word-break: break-all;
}
.js-breadcrumb-navi,
.product-merchant-detail {
  font-size: 18px !important;
  text-shadow: none !important;
  padding-bottom: 10px !important;
}
.page-header-bar {
  text-shadow: none !important;
  padding-bottom: 42px !important;
}
.page-header-bar:not(.product-header-bar), .page-header-bar:not(.product-header-bar) h1, .page-header-bar:not(.product-header-bar) h2, .page-header-bar:not(.product-header-bar) h3 {
  color: var(--johku-color-footer-text);
}
@media (min-width: 768px) {
  .page-header-bar {
    padding-bottom: 40px !important;
  }
}
.head-onboard-wrap {
  font-size: 18px !important;
}
.head-onboard-wrap .panel-title > .small,
.head-onboard-wrap .panel-title > .small > a,
.head-onboard-wrap .panel-title > a,
.head-onboard-wrap .panel-title > small,
.head-onboard-wrap .panel-title > small > a {
  color: #FFF !important;
}
.head-onboard-wrap .panel-title a.btn {
  color: var(--johku-color-highlight-text) !important;
}
h1,
h2,
h3 {
  font-family: 'BergenMono', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .carousel-title {
    width: inherit !important;
    left: inherit !important;
    right: inherit !important;
    max-width: inherit !important;
    font-size: 35px !important;
  }
  .navbar-brand {
    max-width: 238px !important;
    width: 50vw !important;
    margin-right: 10px;
    margin-left: 15px !important;
  }
}
.input-group.time span:not(:empty),
.input-group.date span:not(:empty) {
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .js-cart-product-price {
    width: 120px !important;
  }
  .js-cart-product-name {
    padding-right: 120px !important;
  }
  .carousel-item-details,
  .carousel-category-text,
  .carousel-product .js-carousel-productname {
    width: 750px;
  }
  .carousel-item-details .carousel-item-title,
  .carousel-category-text .carousel-item-title,
  .carousel-product .js-carousel-productname .carousel-item-title,
  .carousel-item-details .category-title,
  .carousel-category-text .category-title,
  .carousel-product .js-carousel-productname .category-title,
  .carousel-item-details .carousel-item-title h1,
  .carousel-category-text .carousel-item-title h1,
  .carousel-product .js-carousel-productname .carousel-item-title h1,
  .carousel-item-details .category-title h1,
  .carousel-category-text .category-title h1,
  .carousel-product .js-carousel-productname .category-title h1,
  .carousel-item-details .carousel-item-title h2,
  .carousel-category-text .carousel-item-title h2,
  .carousel-product .js-carousel-productname .carousel-item-title h2,
  .carousel-item-details .category-title h2,
  .carousel-category-text .category-title h2,
  .carousel-product .js-carousel-productname .category-title h2,
  .carousel-item-details .carousel-item-title h3,
  .carousel-category-text .carousel-item-title h3,
  .carousel-product .js-carousel-productname .carousel-item-title h3,
  .carousel-item-details .category-title h3,
  .carousel-category-text .category-title h3,
  .carousel-product .js-carousel-productname .category-title h3 {
    font-size: 40px;
    line-height: 133%;
  }
  .product-order-wrap .form-control {
    height: 56px !important;
  }
  .navbar-brand {
    width: 338px !important;
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .product-order-button {
    float: right !important;
  }
}
.js-footer-presentation:before {
  content: '';
  display: block;
  width: 339px;
  height: 24px;
  background: url('data:image/png;base64,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') center left no-repeat;
  background: linear-gradient(transparent, transparent), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NzguMyA1NS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NzguMyA1NS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjY0LjQsMTIuNCA0MC45LDU0IDIzLjQsNTQgMCwxMi40IDE0LjgsMTIuNCAzMi4yLDQzLjMgNDkuNiwxMi40IAkiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODQuNywyMi44djUuN2gzNS4xdjkuNEg4NC43djUuN2g0MS41VjU0aC01NVYxMi40aDU1djEwLjRMODQuNywyMi44TDg0LjcsMjIuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkxLjMsMzVjLTEuNiwyLjQtMy43LDQuMi02LjMsNS4zbDcuNywxMy43aC0xNC42bC03LTEyLjVIMTQ5VjU0aC0xMy42VjEyLjRoNDMuN2MyLjcsMCw1LjIsMC43LDcuNCwyDQoJCXM0LDMuMSw1LjIsNS4zYzEuMywyLjIsMS45LDQuNywxLjksNy4zQzE5My43LDI5LjksMTkyLjksMzIuNiwxOTEuMywzNXogTTE3OS4xLDI5LjljMC44LTAuOCwxLjEtMS44LDEuMS0zcy0wLjQtMi4yLTEuMS0zDQoJCWMtMC44LTAuOC0xLjktMS4yLTMuNC0xLjJIMTQ5VjMxaDI2LjdDMTc3LjIsMzEuMSwxNzguMywzMC43LDE3OS4xLDI5Ljl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzNi42LDMwLjlMMjYxLjUsNTRIMjQ1bC0xNy41LTE2LjNsLTEwLjcsOFY1NGgtMTMuNVYxMi40aDEzLjR2MTkuN2wyNi41LTE5LjdoMTguM0wyMzYuNiwzMC45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMDEuNywzMC45TDMyNi42LDU0aC0xNi41bC0xNy41LTE2LjNsLTEwLjcsOFY1NGgtMTMuNVYxMi40aDEzLjV2MTkuN2wyNi41LTE5LjdoMTguM0wzMDEuNywzMC45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNzYuMywxMy45YzQuOSwxLjksOC42LDQuNSwxMSw3LjhjMi41LDMuMywzLjcsNy4xLDMuNywxMS40cy0xLjIsOC4xLTMuNywxMS40Yy0yLjUsMy4zLTYuMSw1LjktMTEsNy44DQoJCWMtNC45LDEuOS0xMC45LDIuOS0xNy45LDIuOWMtNy4xLDAtMTMtMC45LTE3LjktMi44Yy00LjktMS45LTguNi00LjUtMTEtNy44Yy0yLjUtMy4zLTMuNy03LjItMy43LTExLjVzMS4yLTguMSwzLjctMTEuNA0KCQljMi41LTMuMyw2LjEtNS45LDExLTcuOGM0LjktMS45LDEwLjktMi45LDE3LjktMi45QzM2NS40LDExLjEsMzcxLjQsMTIsMzc2LjMsMTMuOXogTTM2OC42LDQzLjNjMi45LTEsNS0yLjQsNi41LTQuMQ0KCQljMS41LTEuOCwyLjItMy44LDIuMi02cy0wLjctNC4yLTIuMi02cy0zLjYtMy4xLTYuNS00LjFzLTYuMy0xLjUtMTAuMy0xLjVzLTcuNCwwLjUtMTAuMywxLjVzLTUsMi40LTYuNSw0LjENCgkJYy0xLjUsMS44LTIuMiwzLjgtMi4yLDZzMC43LDQuMiwyLjIsNnMzLjYsMy4xLDYuNSw0LjFzNi4zLDEuNSwxMC4zLDEuNUMzNjIuNCw0NC44LDM2NS44LDQ0LjMsMzY4LjYsNDMuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDMyLjEsMzAuOUw0NTcsNTRoLTE2LjVMNDIzLDM3LjdsLTEwLjcsOFY1NGgtMTMuNlYxMi40aDEzLjV2MTkuN2wyNi41LTE5LjdINDU3TDQzMi4xLDMwLjl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUyMi44LDU0aC0xNC40bC00LjctOC4zaC0yNmwtNC42LDguM2gtMTQuNGwyMy40LTQxLjZoMTcuNUw1MjIuOCw1NHogTTQ5Ny44LDM1LjNsLTcuMi0xMi43bC03LjEsMTIuN0g0OTcuOA0KCQl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU4MS44LDMzLjZjMCw2LjQtMi4yLDExLjYtNi41LDE1LjZzLTExLjUsNi0yMS42LDZjLTEwLDAtMTcuMi0yLTIxLjUtNnMtNi41LTkuMi02LjUtMTUuNlYxMi4zaDEzLjV2MjAuOA0KCQljMCwzLjQsMS4yLDYuMiwzLjUsOC4zYzIuNCwyLjEsNiwzLjIsMTEsMy4yczguNy0xLjEsMTEtMy4yYzIuNC0yLjEsMy41LTQuOSwzLjUtOC4zVjEyLjNoMTMuNEw1ODEuOCwzMy42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NDIuOCwxNC4zYzIuMiwxLjMsNCwzLjEsNS4yLDUuM2MxLjMsMi4yLDEuOSw0LjcsMS45LDcuM2MwLDIuNy0wLjYsNS4xLTEuOSw3LjNjLTEuMywyLjItMyw0LTUuMiw1LjMNCgkJcy00LjcsMi03LjQsMmgtMzAuMlY1NGgtMTMuNVYxMi40aDQzLjdDNjM4LjEsMTIuNCw2NDAuNSwxMyw2NDIuOCwxNC4zeiBNNjM1LjIsMjkuOWMwLjgtMC44LDEuMi0xLjgsMS4yLTNzLTAuNC0yLjItMS4yLTMNCgkJcy0xLjktMS4yLTMuNC0xLjJINjA1VjMxaDI2LjhDNjMzLjQsMzEuMSw2MzQuNSwzMC43LDYzNS4yLDI5Ljl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTcwOS42LDE0LjNjMi4yLDEuMyw0LDMuMSw1LjIsNS4zYzEuMywyLjIsMS45LDQuNywxLjksNy4zYzAsMi43LTAuNiw1LjEtMS45LDcuM2MtMS4zLDIuMi0zLDQtNS4yLDUuMw0KCQlzLTQuNywyLTcuNCwySDY3MlY1NGgtMTMuNVYxMi40aDQzLjdDNzA0LjksMTIuNCw3MDcuNCwxMyw3MDkuNiwxNC4zeiBNNzAyLjEsMjkuOWMwLjgtMC44LDEuMi0xLjgsMS4yLTNzLTAuNC0yLjItMS4yLTMNCgkJcy0xLjktMS4yLTMuNC0xLjJoLTI2LjhWMzFoMjYuOEM3MDAuMiwzMS4xLDcwMS4zLDMwLjcsNzAyLjEsMjkuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzc4LjMsNTRoLTE0LjRsLTQuNy04LjNoLTI2bC00LjYsOC4zaC0xNC40bDIzLjQtNDEuNmgxNy41TDc3OC4zLDU0eiBNNzUzLjMsMzUuM2wtNy4yLTEyLjdMNzM5LDM1LjNINzUzLjN6DQoJCSIvPg0KCTxwb2x5Z29uIHBvaW50cz0iNDMuMiw4LjMgMjEuMiw4LjMgMjEuMiwwIDI2LjcsNS41IDMyLjIsMCAzNy43LDUuNSA0My4yLDAgCSIvPg0KPC9nPg0KPC9zdmc+DQo=') center left no-repeat;
  background-size: contain contain;
  margin-bottom: 48px;
}
.js-footer-presentation .btn {
  margin-top: 25px !important;
}
body .modal-body {
  color: #000;
  font-family: ;
}
body .modal-body *[style] {
  font-family: 'BergenText', sans-serif !important;
  color: #000 !important;
}
.order-totals {
  font-size: 21px !important;
  font-family: 'BergenText', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
}
.js-footer-presentation {
  padding-bottom: 55px !important;
}
.js-footer-presentation,
.js-footer-presentation p {
  color: #FFF !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28px !important;
}
body .form-control {
  border-radius: 0 !important;
  font-size: 18px;
  height: 44px;
}
body .form-control:not(.dp__input_icon_pad) {
  padding: 11px 12px;
}
@media (max-width: 767px) {
  body .search-bar-content {
    height: 40px;
  }
  body .search-bar-content .form-control,
  body .search-bar-content .btn {
    height: 40px;
  }
  body .search-bar-content .btn {
    padding-top: 4px!important;
    padding-bottom: 4px!important;
  }
}
@media (min-width: 768px) {
  body #js-search-nav.has-form .input-group-addon {
    top: 7px;
  }
}
@media (min-width: 992px) {
  .order-payment-changebutton {
    top: -13px !important;
  }
  .form-group-range .input-group-addon {
    line-height: 42px !important;
    top: -4px !important;
  }
  .product-order-dates a {
    line-height: 38px !important;
  }
  .js-product-participant-price {
    font-size: 18px !important;
  }
  .carousel-item-details,
  .carousel-category-text,
  .page-header-title,
  .carousel-product .js-carousel-productname {
    width: 970px;
  }
  .carousel-item-details .carousel-item-title,
  .carousel-category-text .carousel-item-title,
  .page-header-title .carousel-item-title,
  .carousel-product .js-carousel-productname .carousel-item-title,
  .carousel-item-details .category-title,
  .carousel-category-text .category-title,
  .page-header-title .category-title,
  .carousel-product .js-carousel-productname .category-title,
  .carousel-item-details .carousel-item-title h1,
  .carousel-category-text .carousel-item-title h1,
  .page-header-title .carousel-item-title h1,
  .carousel-product .js-carousel-productname .carousel-item-title h1,
  .carousel-item-details .category-title h1,
  .carousel-category-text .category-title h1,
  .page-header-title .category-title h1,
  .carousel-product .js-carousel-productname .category-title h1,
  .carousel-item-details .carousel-item-title h2,
  .carousel-category-text .carousel-item-title h2,
  .page-header-title .carousel-item-title h2,
  .carousel-product .js-carousel-productname .carousel-item-title h2,
  .carousel-item-details .category-title h2,
  .carousel-category-text .category-title h2,
  .page-header-title .category-title h2,
  .carousel-product .js-carousel-productname .category-title h2,
  .carousel-item-details .carousel-item-title h3,
  .carousel-category-text .carousel-item-title h3,
  .page-header-title .carousel-item-title h3,
  .carousel-product .js-carousel-productname .carousel-item-title h3,
  .carousel-item-details .category-title h3,
  .carousel-category-text .category-title h3,
  .page-header-title .category-title h3,
  .carousel-product .js-carousel-productname .category-title h3 {
    font-size: 60px;
    line-height: 133%;
  }
  .footer-navi {
    --johku-footer-nav-separator: #1e1e1e;
  }
}
@media (min-width: 1200px) {
  .carousel-item-details,
  .carousel-category-text,
  .page-header-title,
  .carousel-product .js-carousel-productname {
    width: 1170px;
  }
}
#js-navbar-main .menu-grid a {
  color: #1e1e1e !important;
}
#js-navbar-main .menu-grid a:hover {
  color: var(--johku-color-highlight-text) !important;
}
.dropdown-menu {
  font-size: 18px !important;
  line-height: 28px !important;
  color: #1e1e1e;
}
.carousel-item-description {
  font-weight: 400 !important;
  padding-top: 0 !important;
}
@media (min-width: 991px) {
  .carousel-item-description {
    font-size: 36px !important;
  }
}
#js-navbar-main .menu-grid .menu-title {
  font-family: 'BergenText', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 21px !important;
}
.js-cart-title {
  font-family: 'BergenText', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 21px !important;
}
footer {
  font-weight: 400 !important;
  font-size: 16px;
  color: #bcbcbc !important;
}
.footer-navi-item {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28px !important;
}
.footer-merchant-detail:after,
.footer-term-item:after {
  color: #bcbcbc !important;
  content: '|' !important;
  opacity: 0.5;
}
.js-cart-total-sums {
  font-size: 24px !important;
}
.js-cart-product-unit {
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 10px;
}
.js-cart-product-name,
.js-cart-product-price,
.js-cart-total-sums {
  font-size: 21px !important;
  font-family: 'BergenText', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.grid-content-price,
.grid-content-tag {
  font-size: 18px !important;
  font-weight: 400 !important;
}
.grid-content-tagitem,
.product-content-tagitem,
.product-page-tagitem {
  color: var(--johku-color-highlight-text) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}
.grid-content-tagitem.grid-content-tagitem,
.product-content-tagitem.grid-content-tagitem,
.product-page-tagitem.grid-content-tagitem {
  font-size: 16px;
}
.grid-content-tagitem.product-page-tagitem,
.product-content-tagitem.product-page-tagitem,
.product-page-tagitem.product-page-tagitem {
  font-family: 'BergenMono', sans-serif !important;
  font-size: 24px !important;
}
.btn {
  color: #FFF !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: 18px !important;
  padding: 8px 20px !important;
  border-style: solid !important;
  border-width: 1px !important;
}
.btn:hover {
  color: #FFF !important;
}
.btn.btn-white {
  border-color: #FFF !important;
  color: #000 !important;
}
.btn.btn-lg:not(.search-bar-button) {
  padding: 12px 22px !important;
  font-size: 24px !important;
}
.btn-default {
  background-color: #FFF !important;
  color: var(--johku-color-highlight-text) !important;
  border-color: var(--johku-color-highlight) !important;
}
.btn-default:hover {
  color: var(--johku-color-highlight-text) !important;
}
.btn-success,
.btn-warning {
  border-color: var(--johku-color-highlight) !important;
}
.js-grid-title-text {
  font-weight: 700 !important;
  color: #1e1e1e;
  text-transform: uppercase;
  font-size: 36px !important;
  padding-bottom: 10px !important;
}
@media (max-width: 767px) {
  body .js-grid-title-text {
    font-size: 22px !important;
  }
}
body .js-search-bar .input-group-addon {
  border-radius: 0 !important;
}
body .search-focus #js-search-nav.has-form .input-group input {
  padding-left: 40px;
}
.grid-content-title {
  font-family: 'BergenText', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 21px !important;
  line-height: 28px !important;
}
.grid-content-text {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28px !important;
}
.js-grid-title-wrap {
  padding-bottom: 6px !important;
}
.js-grid-item,
.js-grid-item:active,
.js-grid-item:focus,
.js-grid-item:hover {
  color: #1e1e1e !important;
}
#js-navbar-main .fa {
  font-size: 15px;
}
.carousel-item-details,
.carousel-category-text,
.page-header-title,
.carousel-product .js-carousel-productname {
  text-align: left !important;
  text-transform: uppercase;
  font-family: 'BergenMono', sans-serif !important;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .carousel-item-details,
  .carousel-category-text,
  .page-header-title,
  .carousel-product .js-carousel-productname {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page-header-title .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.carousel-item-title,
.carousel-item-description,
.category-title {
  width: inherit !important;
  min-width: 0 !important;
}
@media (min-width: 992px) {
  .carousel-item-title,
  .carousel-title,
  .category-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.page-header-bar.product-header-bar.text-center {
  text-align: left !important;
}
.btn-success,
.btn-warning {
  background-color: #1e1e1e !important;
  border-color: #1e1e1e !important;
}
.btn-success:hover,
.btn-warning:hover {
  background-color: var(--johku-preset-d-darken-10) !important;
  border-color: var(--johku-preset-d-darken-10) !important;
}
.btn-primary,
.btn-danger {
  background-color: var(--johku-color-secondary) !important;
  border-color: var(--johku-color-secondary) !important;
}
.btn-primary:hover,
.btn-danger:hover {
  background-color: var(--johku-preset-b-darken-10) !important;
  border-color: var(--johku-preset-b-darken-10) !important;
}
.product-order-pricedescriptionwrap {
  font-size: 18px !important;
}
.product-order-pricedescriptionwrap a,
.product-order-pricedescriptionwrap a:hover {
  color: #FFF !important;
  text-decoration: underline;
}
.has-cart .js-cart-toggle .dropdown-toggle .fa {
  color: var(--johku-color-navbar-dropdown-text);
}
.has-cart .js-cart-toggle .dropdown-toggle .count {
  background: var(--johku-color-navbar-dropdown-text);
}
.product-order-wrap,
.product-order-wrap .product-merchant-detail a,
.product-order-wrap a.product-merchant-detail {
  color: #FFF;
}
.product-order-wrap .btn-success:active,
.product-order-wrap .btn-success:active:focus,
.product-order-wrap .btn-success:active:hover,
.product-order-wrap .btn-success:focus,
.product-order-wrap .btn-success:hover,
.product-order-wrap .btn-success:link {
  color: #FFF !important;
  background-color: #1e1e1e !important;
}
.js-main-title h1 {
  background-color: var(--johku-color-highlight);
}
.cart-shoptitle,
.cart-shoptitle h4 {
  color: #1e1e1e;
}
.js-cart-title {
  color: #1e1e1e;
}
body .js-cart-merchant-title {
  color: #1e1e1e;
}
.js-grid-title-text {
  color: #1e1e1e;
}
.grid-content-title {
  color: #1e1e1e;
}
.grid-content-tag {
  background: #1e1e1e;
}
.product-order-wrap {
  background-color: var(--johku-color-orderwrap-background);
  border-top-color: var(--johku-color-highlight);
}
.product-pricingtype-link {
  font-weight: 400 !important;
  border-radius: 0 !important;
}
body .product-order-wrap.has-tabs {
  border-top-width: 60px;
}
.product-pricingtype-link {
  border-radius: 0;
}
.product-pricingtype-link,
.product-pricingtype-link:hover {
  color: #FFF;
}
.navbar-nav > li > a {
  text-transform: uppercase;
  font-family: 'BergenMono', sans-serif;
  font-size: 18px;
}
.product-pricingtype-active {
  background-color: var(--johku-preset-a-darken-20);
}
.product-pricingtype-active,
.product-pricingtype-active:hover {
  color: #FFF;
}
.product-order-wrap label {
  color: #FFF;
  font-size: 18px !important;
  font-weight: normal !important;
}
.popover {
  font-family: 'BergenText', sans-serif !important;
  font-size: 18px !important;
  line-height: 28px;
  color: #1e1e1e !important;
}
.product-order-price {
  color: #FFF;
  font-size: 36px !important;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
}
.product-order-date .form-control,
.product-order-participant .form-control,
.product-order-amount .form-control {
  color: #1e1e1e;
}
.product-order-cleardates:after {
  color: #1e1e1e;
  top: -2px !important;
  line-height: 30px !important;
  padding: 0 !important;
}
.product-merchant-title {
  color: #FFF;
  text-transform: uppercase;
}
.product-order-disclaimer a {
  color: var(--johku-preset-d-darken-50);
}
.product-extras-title {
  color: #1e1e1e;
}
.product-content-infotitle {
  color: var(--johku-color-highlight-text);
}
.product-content-infolabel {
  font-weight: bold;
  color: var(--johku-color-tertiary);
}
.main-content {
  margin-top: 40px !important;
  margin-bottom: 30px !important;
}
.main-content.title-content {
  margin-bottom: 0 !important;
}
.main-content.title-content h1 {
  margin-bottom: 0 !important;
}
body .form-control[disabled],
body .form-control[readonly],
body .form-control.disabled {
  color: #1e1e1e !important;
  background-color: #F0F0F0 !important;
}
body .countdown-content {
  top: 62px;
}
body .countdown-content div {
  padding-top: 10px;
}
.textpage-title {
  color: #1e1e1e;
}
.order-paymentmethod-asset {
  border: none !important;
  border-radius: 0 !important;
}
.order-extras-bar .btn {
  border: none !important;
  color: #1e1e1e !important;
}
.page-content {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px;
}
.page-content a {
  color: var(--johku-color-highlight-text);
}
.page-content a:hover {
  color: var(--johku-preset-a-darken-20);
}
.main-content,
.order-extras-bar,
.order-terms-wrap,
.order-contacts-wrap {
  font-size: 18px;
  color: #1e1e1e;
}
.main-content a,
.order-extras-bar a,
.order-terms-wrap a,
.order-contacts-wrap a {
  color: var(--johku-color-highlight-text);
}
.main-content a:hover,
.order-extras-bar a:hover,
.order-terms-wrap a:hover,
.order-contacts-wrap a:hover {
  color: var(--johku-preset-a-darken-20);
}
.order-merchant-wrappertitle {
  color: var(--johku-color-highlight-text);
}
.js-cart-product-actions a:not(.btn) {
  color: var(--johku-color-highlight-text) !important;
}
.order-merchant-detailswrap {
  border-radius: 0 !important;
  background-color: var(--johku-color-highlight);
}
.order-merchant-detailswrap,
.order-merchant-detailswrap a {
  color: #FFF;
}
.order-merchant-totaltitle,
.order-merchant-totalsum {
  color: #1e1e1e;
}
.js-supersearchbar {
  color: #1e1e1e;
  background-color: #1e1e1e;
}
.js-footer-navi {
  background-color: var(--johku-color-footer-background);
}
footer a:not(.btn) {
  color: var(--johku-color-footer-bar-link);
}
footer a:hover {
  color: var(--johku-preset-b-darken-10);
}
.bar-colored-title {
  color: var(--johku-color-highlight-text);
}
.page-header-bar {
  background-color: var(--johku-color-tertiary);
}
.page-header-bar:not(.product-header-bar), .page-header-bar:not(.product-header-bar) h1, .page-header-bar:not(.product-header-bar) h2, .page-header-bar:not(.product-header-bar) h3 {
  color: var(--johku-color-footer-text);
}
.page-header-bar.product-header-bar {
  background-color: #1e1e1e;
}
.datepicker .selectable,
.calendar .selectable,
.datepicker .selectable a,
.calendar .selectable a {
  color: #FFF !important;
  background-color: #76B841 !important;
  background-image: none !important;
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.datepicker .reservable,
.calendar .reservable {
  color: #507D2B !important;
  background-image: none !important;
  background-color: #FFF !important;
  font-weight: bold;
}
.datepicker .active,
.calendar .active,
.datepicker .selectable.active,
.calendar .selectable.active,
.datepicker .active a,
.calendar .active a,
.datepicker .selectable.active a,
.calendar .selectable.active a {
  color: #FFF !important;
  background-color: #3C8BD9 !important;
  background-image: none !important;
}
.datepicker .reserved,
.calendar .reserved,
.datepicker .reserved a,
.calendar .reserved a {
  color: #B71C1C !important;
  background-color: #FCE4EC !important;
  background-image: none !important;
}
.datepicker .partial,
.calendar .partial,
.datepicker .partial a,
.calendar .partial a {
  color: #FFF !important;
  background-color: #679F38 !important;
  background-image: none !important;
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.color-a {
  color: var(--johku-color-highlight-text) !important;
}
.color-b {
  color: var(--johku-color-secondary) !important;
}
.color-c {
  color: var(--johku-color-tertiary) !important;
}
.color-d {
  color: #1e1e1e !important;
}
.background-a {
  background-color: var(--johku-color-highlight) !important;
}
.background-b {
  background-color: var(--johku-color-secondary) !important;
}
.background-c {
  background-color: var(--johku-color-tertiary) !important;
}
.background-d {
  background-color: #1e1e1e !important;
}
.category-locator {
  padding-top: 15px !important;
}
.category-locator .text-center {
  text-align: left !important;
}
.category-info-frontpage {
  margin-top: -20px !important;
  margin-bottom: -40px !important;
  width: 100% !important;
  left: 0 !important;
}
.category-info-frontpage,
.category-info-frontpage .text-center {
  text-align: left !important;
}
.category-info-separator {
  border-bottom: none !important;
}
.category-info-frontpage .grid-content-text {
  font-size: 20px !important;
}
.main-content + .main-content {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  body .grid-content-title {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  body .grid-content-price {
    font-size: 12px;
  }
  .btn:not(.btn-lg) {
    font-weight: 600 !important;
    font-size: 14px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .btn-lg {
    font-size: 16px !important;
    padding: 6px 12px !important;
  }
  .js-breadcrumb-navi {
    white-space: nowrap;
    overflow-x: scroll;
    font-size: 14px;
  }
  .breadcrumb-navi-root {
    display: none;
  }
}
.product-tabs-wrapper {
  background-color: var(--johku-preset-a-darken-20);
}
.product-tabs-wrapper .product-tab-name {
  padding-bottom: 5px !important;
  font-family: 'BergenMono', sans-serif !important;
  text-transform: uppercase;
}
.product-tabs-wrapper .product-tab-name,
.product-tabs-wrapper .product-tab-name a {
  color: #FFF;
}
.product-tabs-wrapper .product-tab a {
  border-radius: 0;
  font-size: 18px;
  color: #FFF;
}
.product-tabs-wrapper .product-tab a:focus,
.product-tabs-wrapper .product-tab a:active,
.product-tabs-wrapper .product-tab a:hover {
  background-color: var(--johku-color-highlight);
  color: #FFF;
}
.product-tabs-wrapper .product-tab.active a,
.product-tabs-wrapper .product-tab.active a:focus,
.product-tabs-wrapper .product-tab.active a:active,
.product-tabs-wrapper .product-tab.active a:hover {
  background-color: var(--johku-color-highlight);
  color: #FFF;
}
.product-tabs-wrapper[stuck] {
  background-color: var(--johku-color-highlight);
}
.product-tabs-wrapper[stuck] .product-tab-name,
.product-tabs-wrapper[stuck] .product-tab-name a {
  color: #FFF;
}
.product-tabs-wrapper[stuck] .product-tab a {
  background-color: var(--johku-color-highlight);
}
.product-tabs-wrapper[stuck] .product-tab a:focus,
.product-tabs-wrapper[stuck] .product-tab a:active,
.product-tabs-wrapper[stuck] .product-tab a:hover {
  background-color: #FFF;
  color: var(--johku-color-highlight-text);
}
.product-tabs-wrapper[stuck] .product-tab.active a,
.product-tabs-wrapper[stuck] .product-tab.active a:focus,
.product-tabs-wrapper[stuck] .product-tab.active a:active,
.product-tabs-wrapper[stuck] .product-tab.active a:hover {
  background-color: #FFF;
  color: var(--johku-color-highlight-text);
}