@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap");
:root {
  /* Header background color */
  --main-override-color: #007ACA;
  /* Main font color  */
  --main-text-override-color: #222;
  /* Header  */
  --main-hover-override-color: #0062a3;
  --header-text-override-color: #fff;
  /* Individual colors for headers*/
  --main-header-text-override-color: #007ACA;
  --footer-override-color: #333;
  --footer-text-override-color: #fff;
  --footer-text-color: #0066b3;
  --secondary-text-override-color: #fff;
  --main-override-link-hover-color: #f00;
  --menu-override-color: #0066b3;
  --menu-override-hover-color: #007ACA;
  --menu-text-override-color: #fff;
  --main-override-list-separator-color: #ddd;
  --detaillist-override-header-background-color: #ddd;
  --detaillist-override-header-text-color: #333;
  --main-override-body-background-color: #f2f2f2;
  --bgnor-container-width: 1200px;
  --bgnor-primary-color: #0066b3;
  --bgnor-separator-color: #456d99;
  --bgnor-border-color: #EAECEE;
  --bgnor-text-color: #333;
  --bgnor-primary-dark-color: #23364b;
  --bgnor-menu-color: #0072c9;
  --bgnor-gray-color: #f8f9fa;
  --main-link-color: var(--bgnor-primary-color); 
  --main-link-hover-color: #007bff;
  }

html {
  font-size: 14px; 
}

  html body {
    font-family: 'Heebo', sans-serif;
    background-color: #ffffff; 
}

.proviso.static {
  display: none; }

@media screen and (max-width: 600px) {
  .pageContent .infosplit {
    box-shadow: none;
    background-color: var(--bgnor-gray-color);
    border: none; }
    .pageContent .infosplit h1 {
      background-color: var(--bgnor-gray-color) !important;
      margin-bottom: 0 !important; } 
}

#PageWrapper.pagewrapper-front #Page .afterHeader .breadcrumbs {
  display: none; }

.progressActive {
  display: none !important;
  top: 0 !important;
  left: 0 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100vh !important; }
  .progressActive .bar {
    display: none; }

.button {
  border-radius: 50px; }
  @media screen and (max-width: 980px) {
    .button {
      padding: .8em; } }
  .button.primary {
    background-color: var(--bgnor-primary-color); }
  .button.secondary {
    color: var(--bgnor-primary-color);
    fill: var(--bgnor-primary-color);
    background-color: transparent;
    border: 1px solid var(--bgnor-primary-color); }
    .button.secondary:hover, .button.secondary:focus {
      background-color: var(--bgnor-primary-color); }

div.buyIndicator div.content {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  padding: 2em 3em;
  text-align: center;
  color: var(--bgnor-primary-color); }

label.qField.external b {
  font-size: 1rem;
  color: var(--main-text-color);
  background-color: transparent; }

div.articlelist.itemgroup li, div.infosplit, div.article, div.inlineArticle {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1); }

div.qModal {
  box-shadow: var(--box-shadow);
  border-color: #fff;
  padding: 1em; }
  div.qModal .thumbnavigate.thumb-previous {
    height: 100% !important;
    margin-left: 0; }
    div.qModal .thumbnavigate.thumb-previous a {
      justify-content: flex-start; }
      div.qModal .thumbnavigate.thumb-previous a svg.icon:not(.fa-2x) {
        top: 0.15em;
        margin-right: 0.2em; }
  div.qModal .thumbnavigate.thumb-next {
    height: 100% !important;
    margin-right: 0; }
    div.qModal .thumbnavigate.thumb-next a {
      justify-content: flex-end; }
  div.qModal .thumbnavigate a {
    display: flex;
    align-items: center; }
    div.qModal .thumbnavigate a span {
      margin-top: 0; }
    @media screen and (max-width: 600px) {
      div.qModal .thumbnavigate a {
        visibility: hidden; } }

.pagewrapper-front div.inlineArticle {
  box-shadow: none;
  border: none; }
  .pagewrapper-front div.inlineArticle .articleInfo {
    padding: 0; }
.pagewrapper-front .productgrid h2 {
  font-size: 2em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 2.5em; }
.pagewrapper-front .productgrid .listhead {
  display: none; }

.banner_cards {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 100%;
  flex-wrap: wrap; }
  .banner_cards .banner_card {
    max-width: calc(25% - 1em); }
    @media screen and (max-width: 768px) {
      .banner_cards .banner_card {
        max-width: calc(50% - 0.5em); } }
    .banner_cards .banner_card .banner_card_image {
      overflow: hidden; }
      .banner_cards .banner_card .banner_card_image img {
        width: 100%;
        transform: scale(1.08);
        transition: transform 1s; }
        .banner_cards .banner_card .banner_card_image img:hover {
          transform: scale(1.2); }
    .banner_cards .banner_card a {
      text-transform: uppercase;
      background-color: #0066b3;
      display: block; }
      .banner_cards .banner_card a h1 {
        font-size: 1.2em;
        color: #fff;
        text-align: center;
        line-height: 2em; }

div.pageContent div:not(.text) > h1:first-of-type {
  background-color: transparent;
  color: var(--main-inverted-header-color);
  margin-left: -0.6em;
  margin-right: -0.6em;
  padding: 0.6em 0 0.6em 0.6em;
  margin-top: 0; }

div.infosplit div.info {
  padding: 0em 1em;
  flex-grow: 1; }

p.custom_notification {
  text-align: center;
  font-size: 1.2em; }

[data-sortby="mostsold"] {
  display: none !important; }

.image + .flags > div.discount {
  top: 0.5em;
  right: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  line-height: 3em;
  color: var(--secondary-text-color);
  background-color: #b22222; }

div.signfile {
  padding: 1em;
  padding-top: 1em; }

.headerGroup {
  background-color: #ffffff; }
  .headerGroup .pageHeader {
    align-items: center;
    max-width: 1390px; }
    @media screen and (max-width: 768px) {
      .headerGroup .pageHeader .logo a picture img {
        top: 0; } }
    @media screen and (max-width: 600px) {
      .headerGroup .pageHeader .logo a picture img {
        top: 0;
        margin: 0 auto; } }
    @media screen and (max-width: 980px) {
      .headerGroup .pageHeader .logo {
        flex-basis: 20%; } }
    @media screen and (max-width: 600px) {
      .headerGroup .pageHeader .logo {
        justify-content: center;
        gap: 0.625em;
        margin-top: 1em; } }
    .headerGroup .pageHeader .search:not(a) .searchWrapper {
      padding: 0 16%; }
      .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip .search {
        border: 1px solid var(--main-override-list-separator-color);
        box-shadow: none;
        border-radius: 50px;
        margin-bottom: 0; }
        .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip .search .extraIcon {
          top: 3px; }
        @media screen and (max-width: 768px) {
          .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip .search {
            margin: 0 1em; } }
      @media screen and (max-width: 768px) {
        .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip label input {
          padding: 0px; } }
      @media screen and (max-width: 768px) {
        .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip label b {
          padding: 3px; } }
      @media screen and (max-width: 768px) {
        .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip {
          margin: 5em 0 0 0;
          left: 0;
          top: 0; }
          .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip.visible {
            padding: 1em 0;
            background-color: var(--bgnor-primary-color); } }
      @media screen and (max-width: 600px) {
        .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip {
          margin: 0;
          bottom: 60px;
          position: fixed;
          top: unset; }
          .headerGroup .pageHeader .search:not(a) .searchWrapper .searchStrip.visible {
			display: flex !important;
			width: 100%;
			height: 50px;
            padding: 1em 0;
            background-color: #fff; } }
      .headerGroup .pageHeader .search:not(a) .searchWrapper .priceSelector {
        display: flex;
        color: var(--header-icons-text-override-color);
        margin-top: 7px;
        justify-content: end; }
        .headerGroup .pageHeader .search:not(a) .searchWrapper .priceSelector * {
          flex: none; }
        @media screen and (max-width: 600px) {
          .headerGroup .pageHeader .search:not(a) .searchWrapper .priceSelector {
            display: none; } }
    @media screen and (max-width: 600px) {
      .headerGroup .pageHeader .search:not(a) {
        order: 3; } }
    .headerGroup .pageHeader .headerButtons a {
      background-color: #ffffff; }
      .headerGroup .pageHeader .headerButtons a b {
        color: var(--bgnor-primary-dark-color);
        bottom: 5px; }
        .headerGroup .pageHeader .headerButtons a b.count {
          background-color: #3cb931;
          color: #ffffff; }
        .headerGroup .pageHeader .headerButtons a b.icon {
          background-color: #3cb931; }
          .headerGroup .pageHeader .headerButtons a b.icon svg.icon {
            margin-top: 0.3em;
            fill: white;
            font-size: 0.7em; }
            @media screen and (min-width: 981px) {
              .headerGroup .pageHeader .headerButtons a b.icon svg.icon {
                font-size: 1em; } }
        @media screen and (max-width: 980px) {
          .headerGroup .pageHeader .headerButtons a b:last-of-type {
            display: none; } }
      .headerGroup .pageHeader .headerButtons a svg.icon {
        fill: var(--bgnor-primary-dark-color); }
        @media screen and (max-width: 980px) {
          .headerGroup .pageHeader .headerButtons a svg.icon {
            font-size: 1em;
            width: 2em;
            height: 2em; } }
        @media screen and (max-width: 600px) {
          .headerGroup .pageHeader .headerButtons a svg.icon {
            margin-top: 0.5em;
            font-size: 1.2em;
            width: 1.7em;
            height: 1.4em;
            fill: white; } }
      .headerGroup .pageHeader .headerButtons a:hover {
        color: var(--header-icons-text-color);
        background-color: var(--main-override-body-background-color);
        border-radius: 5px; }
        .headerGroup .pageHeader .headerButtons a:hover b.count {
          background-color: #3cb931;
          color: var(--header-icons-text-hover-color); }
        .headerGroup .pageHeader .headerButtons a:hover svg.icon {
          fill: var(--bgnor-primary-color); }
      @media screen and (max-width: 980px) {
        .headerGroup .pageHeader .headerButtons a:last-of-type {
          display: block; } }
      .headerGroup .pageHeader .headerButtons a.account.activeDropdown {
        color: var(--header-icons-text-color);
        fill: var(--header-icons-text-hover-color);
        background-color: var(--main-override-body-background-color);
        text-decoration: none;
        border-radius: 5px; }
        .headerGroup .pageHeader .headerButtons a.account.activeDropdown svg.icon {
          fill: var(--header-icons-text-color); }
      .headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open {
        background-color: var(--bgnor-primary-color); }
        @media screen and (max-width: 980px) {
          .headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open svg.icon {
            fill: #fff; } }
        .headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open:hover {
          background-color: var(--bgnor-primary-color); }
          @media screen and (max-width: 600px) {
            .headerGroup .pageHeader .headerButtons a.qLeafMenuRoot.open:hover svg.icon {
              fill: #fff; } }
      @media screen and (max-width: 980px) {
        .headerGroup .pageHeader .headerButtons a {
          height: 3em;
          min-width: 3.5em;
          border-radius: 5px; } }
      @media screen and (max-width: 600px) {
        .headerGroup .pageHeader .headerButtons a {
          width: 2.7em;
          height: 2.7em;
          min-width: 2.7em;
          max-width: 2.7em;
          border: none;
          border-radius: 50%;
          background-color: var(--bgnor-primary-color); }
          .headerGroup .pageHeader .headerButtons a:hover {
            border-radius: 50%;
            background-color: var(--bgnor-primary-color); }
            .headerGroup .pageHeader .headerButtons a:hover svg.icon {
              fill: #ffffff; } }
    @media screen and (max-width: 980px) {
      .headerGroup .pageHeader .headerButtons {
        margin-right: 0; } }
    @media screen and (max-width: 600px) {
      .headerGroup .pageHeader .headerButtons {
        justify-content: space-around;
        height: 60px;
        position: fixed;
        background-color: #0066b3;
        bottom: 0;
        z-index: 99999;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; }
        .headerGroup .pageHeader .headerButtons #AltMainNav {
          position: absolute; }
        .headerGroup .pageHeader .headerButtons .activeDropdown {
          background-color: var(--bgnor-primary-color) !important; }
        .headerGroup .pageHeader .headerButtons .activeDropdown ~ .accountDropdown {
          display: block !important; }
        .headerGroup .pageHeader .headerButtons .accountDropdown {
          position: absolute;
          bottom: 60px;
          background-color: var(--bgnor-border-color);
          width: 190px;
          right: 0;
          padding: 1em; }
          .headerGroup .pageHeader .headerButtons .accountDropdown li a {
            display: flex;
            align-items: center;
            width: 100%;
            max-width: 100%;
            background-color: transparent; }
            .headerGroup .pageHeader .headerButtons .accountDropdown li a .icon {
              margin-top: 0;
              margin-right: 1em;
              fill: var(--bgnor-primary-color); } }
    @media screen and (max-width: 980px) {
      .headerGroup .pageHeader {
        min-height: 5em; } }
    @media screen and (max-width: 600px) {
      .headerGroup .pageHeader {
        flex-direction: column;
        max-height: 7em; } }
  .headerGroup #MainNav ul {
    max-width: 1440px; }
    .headerGroup #MainNav ul li {
      border: none; }
      .headerGroup #MainNav ul li a {
        text-transform: uppercase;
        padding: 1em 0.5em;
        font-size: 1.2em;
        font-weight: 500; }
        @media screen and (min-width: 980px) and (max-width: 1190px) {
          .headerGroup #MainNav ul li a {
            font-size: .9em;
            padding: 1em 1em; } }
        @media screen and (max-width: 1190px) {
          .headerGroup #MainNav ul li a {
            font-size: .85em;
            padding: 1em .7em; } }
      .headerGroup #MainNav ul li.qMenuButton.active .megamenu-selected-arrow {
        display: none; }
    @media only screen and (min-width: 769px) {
      .headerGroup #MainNav ul {
        display: flex;
        justify-content: space-between; } }
  @media screen and (max-width: 980px) {
    .headerGroup #MainNav {
      display: none; } }

.qMenu {
  height: 100%; }
  .qMenu.megamenu .menu {
    padding-left: 0;
    padding-right: 0;
    border: none;
    max-width: 1440px; }
  @media only screen and (min-width: 769px) {
    .qMenu.megamenu .megamenu.menuinner h1 {
      padding: .7rem 1rem;
      background-color: var(--main-override-body-background-color);
      color: var(--detaillist-header-text-color);
      border-bottom: 1px solid var(--main-override-body-background-color); } }
  .qMenu .megamenu-selected-arrow {
    display: none; }

.qLeafMenu {
  top: 126px !important; }
  @media screen and (max-width: 980px) {
    .qLeafMenu.open ul.faded li a:not(.back) svg.icon {
      fill: transparent; } }
  @media screen and (max-width: 600px) {
    .qLeafMenu {
      top: 0 !important;
      position: fixed !important;
      height: calc(100% - 82px);
      padding-bottom: 0; }
      .qLeafMenu ul {
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden; }
        .qLeafMenu ul li a {
          padding: 0.8em 1.8em !important;
          text-transform: uppercase;
          font-size: 1.2em; }
        .qLeafMenu ul li ul {
          height: 100%; }
      .qLeafMenu .priceSelector {
        display: flex;
        align-items: center; }
        .qLeafMenu .priceSelector *:not(span) {
          width: 40%;
          display: inline-block;
          text-transform: none; }
        .qLeafMenu .priceSelector span {
          width: 20%; } }
  @media screen and (max-width: 480px) {
    .qLeafMenu .priceSelector * {
      width: 39%;
      display: inline-block; } }
  @media screen and (min-width: 601px) {
    .qLeafMenu {
      top: 5em !important; } }
  @media screen and (max-width: 980px) {
    .qLeafMenu.open {
      background-color: var(--bgnor-menu-color) !important;
      box-shadow: var(--box-shadow);
      z-index: 9999; }
      .qLeafMenu.open ul {
        box-shadow: none; }
        .qLeafMenu.open ul li a {
          color: var(--menu-text-color);
          text-transform: uppercase;
          background-color: var(--bgnor-menu-color); }
          .qLeafMenu.open ul li a.back:before {
            content: "";
            margin: 0; }
          .qLeafMenu.open ul li a.branch:after {
            content: "";
            margin: 0; }
          .qLeafMenu.open ul li a svg.icon {
            fill: var(--menu-text-color);
            position: absolute;
            left: unset;
            top: unset;
            right: 0.5em; }
        .qLeafMenu.open ul li:not(:last-child) {
          border-bottom: none; }
        .qLeafMenu.open ul li ul {
          background-color: var(--bgnor-primary-color);
          box-shadow: none; } }
  @media screen and (max-width: 600px) {
    .qLeafMenu.open {
      min-height: calc(100vh - 60px) !important;
      height: calc(100vh - 60px);
      background-color: var(--bgnor-menu-color);
      padding-bottom: 60px; } }

.afterHeader .breadcrumbs {
  display: none; }
  @media only screen and (min-width: 601px) {
    .afterHeader .breadcrumbs {
      display: block; } }

.productgrid .listhead {
  color: var(--bgnor-text-color);
  margin-bottom: 0px;
  padding-bottom: 20px;
  display: flex; }
  @media screen and (max-width: 480px) {
    .productgrid .listhead {
      padding-bottom: 3px;
      align-items: center; } }
  @media screen and (max-width: 600px) {
    .productgrid .listhead .pagination {
      display: none; } }
  @media screen and (max-width: 930px) {
    .productgrid .listhead .itemgrid-filterbtn {
      display: block; } }
  .productgrid .listhead.fixed {
    width: 100%;
    left: 0; }
.productgrid .itemgrid {
   /* &.qGrid4 {

      display: flex;
      flex-wrap: wrap;
      margin-left: 0em;
      width: 100%;

      li:not(.span5on5) {
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 0;
        margin-bottom: 0;
      }

      @media screen and (max-width: 480px) {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
        gap: 0.5em;

        li:not(.span5on5) {
          flex: 0 0 100% !important;
          max-width: 100% !important;
          margin-left: 0px;
          margin-bottom: 0px;
        }
      }

      @media screen and (min-width: 480px) and (max-width: 599px) {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;

        li:not(.span5on5) {
          margin-left: 0;
          margin-bottom: 0;
          flex: 0 0 50% !important;
          max-width: 50% !important;

          &:nth-child(2n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }

      @media screen and (min-width: 600px) and (max-width: 849px) {
        li:not(.span5on5) {
          flex: 0 0 calc(100%/3) !important;
          max-width: calc(100%/3) !important;
          margin-left: 0;
          margin-bottom: 0;

          &:nth-child(3n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }

      @media screen and (min-width: 850px) and (max-width: 1039px){
        li:not(.span5on5) {
          flex: 0 0 25%;
          max-width: 25%;
          margin-left: 0;
          margin-bottom: 0;

          &:nth-child(4n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }
    }*/
    /*&.qGrid5 {

      display: flex;
      flex-wrap: wrap;
      margin-left: 0em;
      width: 100%;

      li:not(.span5on5) {
        flex: 0 0 20%;
        max-width: 20%;
        margin-left: 0;
        margin-bottom: 0;
      }

      .span5on5 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      @media screen and (max-width: 480px) {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
        gap: 0.5em;

        li:not(.span5on5) {
          flex: 0 0 100% !important;
          max-width: 100% !important;
          margin-left: 0;
          margin-bottom: 0;
        }
      }

      @media screen and (min-width: 480px) and (max-width: 599px) {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;

        li:not(.span5on5) {
          margin-left: 0;
          margin-bottom: 0;
          flex: 0 0 50% !important;
          max-width: 50% !important;

          &:nth-child(2n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }

      @media screen and (min-width: 600px) and (max-width: 849px) {
        li:not(.span5on5) {
          flex: 0 0 calc(100%/3) !important;
          max-width: calc(100%/3) !important;
          margin-left: 0;
          margin-bottom: 0;

          &:nth-child(3n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }

      @media screen and (min-width: 850px) and (max-width: 1039px){
        li:not(.span5on5) {
          flex: 0 0 25%;
          max-width: 25%;
          margin-left: 0;
          margin-bottom: 0;

          &:nth-child(4n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }

      @media screen and (min-width: 1040px) {
        li:not(.span5on5) {
          flex: 0 0 20%;
          max-width: 20%;
          margin-left: 0;
          margin-bottom: 0;

          &:nth-child(5n+1) {
            .itemwrapper {
              border-left: 1px solid var(--bgnor-border-color);
            }
          }
        }
      }
    }*/ }
  @media screen and (max-width: 480px) {
    .productgrid .itemgrid.qGridMobile2 li {
      flex-basis: calc(100% - 1em);
      max-width: calc(100% - 1em); } }
  .productgrid .itemgrid li .itemwrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--main-elements-background-color);
    box-shadow: none;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
    .productgrid .itemgrid li .itemwrapper .mainimageWrapper {
      margin: 10px;
      overflow: hidden; }
      .productgrid .itemgrid li .itemwrapper .mainimageWrapper img {
        float: none;
        transition: transform 1s; }
        .productgrid .itemgrid li .itemwrapper .mainimageWrapper img.product {
          width: 100%;
          height: auto; }
    @media screen and (max-width: 480px) {
      .productgrid .itemgrid li .itemwrapper .image {
        flex-basis: 30%; } }
    .productgrid .itemgrid li .itemwrapper .flags .wishlist {
      background-color: transparent; }
    .productgrid .itemgrid li .itemwrapper .info .name {
      margin-top: 1em; }
      .productgrid .itemgrid li .itemwrapper .info .name h3 {
        color: var(--bgnor-text-color); }
    .productgrid .itemgrid li .itemwrapper .info .itemcode span {
      background-color: var(--bgnor-gray-color);
      color: var(--bgnor-primary-color); }
    .productgrid .itemgrid li .itemwrapper .info .priceblock .price .primary .value {
      font-size: 1.6em; }
    .productgrid .itemgrid li .itemwrapper .info .priceblock .stockstatus {
      background-color: #f7f7f7;
      border-radius: 50px;
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .productgrid .itemgrid li .itemwrapper .info .priceblock .stockstatus svg.icon.fa-2x {
        font-size: 1.3em; }
    .productgrid .itemgrid li .itemwrapper .info .priceblock a.primary {
      height: 45px;
      width: 45px;
      margin-left: 5px;
      display: flex;
      align-items: center;
      border: 0;
      background-color: var(--bgnor-primary-color);
      margin-right: 10px;
      justify-content: center;
      padding: 0;
      margin-bottom: 0; }
      .productgrid .itemgrid li .itemwrapper .info .priceblock a.primary:hover {
        background-color: var(--bgnor-primary-color); }
      .productgrid .itemgrid li .itemwrapper .info .priceblock a.primary svg.icon {
        fill: #fff; }
    .productgrid .itemgrid li .itemwrapper:hover {
      outline: none; }
    @media screen and (max-width: 480px) {
      .productgrid .itemgrid li .itemwrapper {
        flex-direction: row;
        border-radius: 5px;
        border: 1px solid var(--bgnor-border-color); } }
  .productgrid .itemgrid li:hover .mainimageWrapper img {
    transform: scale(1.2); }
  @media screen and (max-width: 480px) {
    .productgrid .itemgrid li:hover {
      box-shadow: none;
      z-index: 1; } }
  @media screen and (max-width: 480px) {
    .productgrid .itemgrid {
      margin-top: .5em; } }
.productgrid .listfoot .qGrid3 .pageinfo {
  text-align: center;
  margin: 1em 0; }
@media screen and (max-width: 480px) {
  .productgrid .listfoot .qGrid3 {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    width: 100%;
    gap: 0.5em;
    justify-content: center; }
    .productgrid .listfoot .qGrid3 * {
      flex: 0 0 100% !important;
      max-width: 100% !important;
      margin-left: 0px;
      margin-bottom: 0px; } }
@media screen and (min-width: 480px) and (max-width: 599px) {
  .productgrid .listfoot .qGrid3 {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    width: 100%; }
    .productgrid .listfoot .qGrid3 li {
      margin-left: 0;
      margin-bottom: 0;
      flex: 0 0 50% !important;
      max-width: 50% !important; }
      .productgrid .listfoot .qGrid3 li:nth-child(2n+1) .itemwrapper {
        border-left: 1px solid var(--bgnor-border-color); } }
@media screen and (min-width: 600px) and (max-width: 849px) {
  .productgrid .listfoot .qGrid3 li {
    flex: 0 0 calc(100%/3) !important;
    max-width: calc(100%/3) !important;
    margin-left: 0;
    margin-bottom: 0; }
    .productgrid .listfoot .qGrid3 li:nth-child(3n+1) .itemwrapper {
      border-left: 1px solid var(--bgnor-border-color); } }
@media screen and (min-width: 850px) and (max-width: 1039px) {
  .productgrid .listfoot .qGrid3 li {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 0;
    margin-bottom: 0; }
    .productgrid .listfoot .qGrid3 li:nth-child(4n+1) .itemwrapper {
      border-left: 1px solid var(--bgnor-border-color); } }

.itemgridfilterwrapper .filtercontainer {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 930px) {
    .itemgridfilterwrapper .filtercontainer .applyfilter {
      display: block !important; } }
  @media screen and (max-width: 930px) {
    .itemgridfilterwrapper .filtercontainer .toggleFilters {
      display: block !important;
      width: 27px;
      height: 27px;
      border-radius: 50%;
      background-color: var(--bgnor-primary-color);
      position: absolute;
      right: 0.5em;
      top: 0.5em;
      font-size: 1.5em; }
      .itemgridfilterwrapper .filtercontainer .toggleFilters:after {
        content: "X";
        display: block;
        width: 15px;
        height: 15px;
        color: white;
        position: absolute;
        font-family: 'Heebo';
        top: -1px;
        left: 6px; } }
  .itemgridfilterwrapper .filtercontainer .componentwrapper .filterwrapper {
    margin-top: 1em; }
  @media screen and (max-width: 930px) {
    .itemgridfilterwrapper .filtercontainer {
      padding: 0.5em;
      display: block;
      position: fixed;
      overflow: auto;
      height: 100%;
      width: 60%;
      top: 0;
      left: -65%;
      z-index: 99999;
      background-color: var(--main-elements-background-color);
      border-right: 1px solid var(--detaillist-list-border-color); } }
  .itemgridfilterwrapper .filtercontainer .button.inline {
    background-color: transparent;
    color: var(--bgnor-primary-color); }
.itemgridfilterwrapper li.filterelement {
  margin: 1em 0; }

@media screen and (max-width: 768px) {
  .productgrid .qGrid4 > * {
    max-width: calc(50% - 1em); }

  .productgrid .qGrid5 > * {
    max-width: calc(100%/3 - 1em);
    flex-basis: calc(100%/3 - 1em); } }
@media screen and (max-width: 1179px) {
  .productgrid .qGrid5 > * {
    max-width: calc(25% - 1em);
    flex-basis: calc(25% - 1em); } }
@media screen and (max-width: 768px) {
  .pagewrapper-basket .cart .bottomButtons {
    margin: 30px 0; } }

@media screen and (max-width: 600px) {
  .pagewrapper-search div.pageContent div:not(.text) > h1:first-of-type {
    background-color: #f7f7f7; } }

.pagewrapper-modelspec2 ul.qTabButtons li {
  padding: 0;
  margin: 0;
  font-size: 1em; }
.pagewrapper-modelspec2 label.qField.select > span:after {
  visibility: visible;
  width: 2em; }
@media screen and (max-width: 480px) {
  .pagewrapper-modelspec2 label.qField > .select {
    margin-top: 0; } }
@media screen and (min-width: 768px) {
  .pagewrapper-modelspec2 label.qField.external b {
    background-color: white; } }
.pagewrapper-modelspec2 .currentModelInfo .pictures {
  display: none; }

div.wrapper div div.modelspec2 {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none; }

.pagewrapper-checkout table.basic th.detailType,
.pagewrapper-checkout table.basic td.detailText {
  border: 1px solid var(--detaillist-list-border-color); }
.pagewrapper-checkout .qGroup li.selected a:before {
  visibility: visible;
  background-color: var(--bgnor-text-color); }
.pagewrapper-checkout .qGroup li.selected a, .pagewrapper-checkout .qGroup li.selected a:hover {
  background-color: var(--bgnor-gray-color);
  background-image: none;
  color: var(--bgnor-text-color);
  padding-left: 3em; }
.pagewrapper-checkout div.checkout h2::before {
  visibility: visible; }

.pagewrapper-item .head h1 {
  line-height: 1.4em;
  margin-bottom: 0; }
.pagewrapper-item .head h3 {
  margin-top: 0; }
.pagewrapper-item .images {
  position: relative; }
  .pagewrapper-item .images .flags {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9; }
    .pagewrapper-item .images .flags .wishlist {
      background-color: transparent; }
  .pagewrapper-item .images .mainimageWrapper {
    overflow: hidden; }
.pagewrapper-item .thumbnavigate.thumb-previous {
  height: 100% !important;
  margin-left: 0; }
  .pagewrapper-item .thumbnavigate.thumb-previous a {
    justify-content: flex-start; }
    .pagewrapper-item .thumbnavigate.thumb-previous a svg.icon:not(.fa-2x) {
      top: 0.15em;
      margin-right: 0.2em; }
.pagewrapper-item .thumbnavigate.thumb-next {
  height: 100% !important;
  margin-right: 0; }
  .pagewrapper-item .thumbnavigate.thumb-next a {
    justify-content: flex-end; }
.pagewrapper-item .thumbnavigate a {
  display: flex;
  align-items: center; }
  .pagewrapper-item .thumbnavigate a span {
    margin-top: 0; }
  @media screen and (max-width: 600px) {
    .pagewrapper-item .thumbnavigate a {
      visibility: hidden; } }
.pagewrapper-item .specs tbody {
  border: 1px solid var(--detaillist-list-border-color); }
@media screen and (min-width: 769px) {
  .pagewrapper-item div.product div.infowrapper div.info.desc p.read-more {
    background: linear-gradient(0deg, white 58%, rgba(255, 255, 255, 0.48223) 100%);
    padding: 3em 0 0 0;
    margin-bottom: 0; } }
@media screen and (min-width: 980px) {
  .pagewrapper-item .productActions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
    border-bottom: 1px solid var(--bgnor-border-color); }
    .pagewrapper-item .productActions div.price {
      text-align: left;
      margin-bottom: 0;
      flex-basis: 40%; }
    .pagewrapper-item .productActions div.buy {
      margin-bottom: 0; }
      .pagewrapper-item .productActions div.buy a.button {
        width: 300px;
        float: right;
        background-color: var(--bgnor-primary-color); }
      .pagewrapper-item .productActions div.buy .stockstatus {
        float: right; } }
.pagewrapper-item .text blockquote {
  padding: 0.6em;
  border-style: solid;
  border-color: #ff9696;
  border-width: 0;
  padding-left: 1em;
  border-left-width: 5px;
  display: block;
  background-color: #fff0f0;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-family: inherit;
  margin-bottom: 1em; }

.pageFooter {
  min-height: 250px;
  margin: 2em 0 0;
  background-color: var(--bgnor-gray-color); }
  .pageFooter * {
    color: var(--bgnor-primary-color); }
  .pageFooter .wrapper .footerArticleGroups {
    text-align: left;
    margin-top: 1em;
    padding-bottom: 5em; }
    .pageFooter .wrapper .footerArticleGroups h2 {
      color: var(--bgnor-primary-color);
      text-decoration-color: var(--bgnor-primary-color);
      text-decoration-thickness: 1px; }
    .pageFooter .wrapper .footerArticleGroups a {
      color: var(--bgnor-primary-color); }

/*# sourceMappingURL=bgnor.css.map */

a.banner-button {
    background-color: #ed1d26;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 1.2em;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
	text-decoration: none;
}

.banner_card {
  position: relative;
}

.banner_card_label {
  width: 55px;
  height: 55px;
  position: absolute;
  z-index: 1;
  background-color: #ed1c24;
  border-radius: 50%;
  color: #ffffff;
  align-items: center;
  display: flex;
  font-size: 20px;
  justify-content: center;
  right: 10px;
  top: 10px;
}

/*Custom text image row for item description*/
.text-image-row {
    display: flex;
    flex-wrap: wrap;  /* Allows the items to wrap on smaller screens */
    margin: -10px;    /* Counteract the column spacing */
	background-color: #eee;
	margin-top: 30px;
}

.text-column, .image-column {
    flex: 1;          /* Allows the columns to grow and shrink equally */
    box-sizing: border-box; /* Ensures padding is included in width */
}

.text-column {
	margin: 15px;
}	

.image-column img {
    width: 100%;      /* Makes the image responsive */
    height: auto;     /* Maintains the aspect ratio */
    max-width: 100%;  /* Ensures the image never exceeds the column's width */
    display: block;   /* Removes any space below the image */
}

/* Optional: Stack the columns on smaller screens */
@media (max-width: 600px) {
    .text-column, .image-column {
        flex: 100%;   /* Occupies full width on smaller screens */
    }
}

.cardcontent-wrapper .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.flipbox>.cards>.card .cardcontent {
	max-width: 90%;
}

/*Remove when Quick3 updated to 1.30*/
.shipping li .icon,
.pickup-points {
	display: none;
}