/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: 'Helvetica Neue', Verdana, Arial, sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1;
}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

ol,
ul {
  list-style: none;
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
body,
button,
input,
select,
table,
textarea {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: #c54702;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline-color: #de560b;
  color: #582205;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1 {
  margin: 0;
  margin-bottom: 1rem;
  color: #666;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #666;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #197b1a;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #DF280A;
}

.availability-only {
  color: #DF280A;
  margin-bottom: 10px;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title h1,
.page-title h2 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  color: #666;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 3px;
  margin-bottom: 15px;
  margin-top: 1rem;
}

/* -------------------------------------------- *
 * Block Module
 */
.block {
  margin-bottom: 20px;
}

@media only screen and (min-width: 771px) {
  .block-title {
    display: initial;
    position: relative;
    padding: 10px 0 0;
    margin-bottom: 5px;
    border-top: none;
  }
  .block-title h2,
  .block-title h3,
  .block-title strong {
    margin: 0;
    margin-bottom: 10px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
  }
  .block-title small {
    font-size: 100%;
    font-weight: normal;
    color: #A0A0A0;
  }
}
body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-content {
  margin-top: 5px;
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.block .actions {
  margin: 10px 0 0;
}

/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-account li,
.block-cms-menu li {
  text-transform: uppercase;
  margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
  font-weight: 400;
  color: #ea5b0c;
}
.block-account li a,
.block-cms-menu li a {
  color: #666;
}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  background: #DDDDDD;
  color: #666;
  padding: 7px 10px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
  cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
  color: #666;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
  color: #666;
  outline: none;
}

.sidebar .actions button.button {
  white-space: normal;
}

/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button {
  background: #c54702;
  display: inline-block;
  padding: 7px 10px;
  border: 0;
  color: #FFFFFF;
  font-size: .875rem;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover {
  cursor: pointer;
}
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active {
  color: #FFFFFF;
}
.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus {
  outline: none;
  color: #FFFFFF;
}

a.button {
  text-decoration: none;
}

a.button:hover {
  color: #FFFFFF;
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

.button2 {
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
}

.button2:focus {
  outline: none;
}

/* -------------------------------------------- *
 * Container
 */
.main-container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 5px;
}

@media only screen and (min-width: 479px) {
  .main-container {
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Column Layouts
 */
.col-left,
.col-right,
.col-main {
  padding: 0;
}

.col-left {
  width: 25%;
}
.col-left img {
  max-width: 100%;
}

.col1-layout .col-main {
  width: auto;
  padding: 0;
  /* Remove the 15px padding */
  margin-top: 1rem;
}

.col2-left-layout .col-main {
  padding-right: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-wrapper {
  display: block;
}
.col3-layout .col-wrapper .col-left {
  width: 100%;
}
.col3-layout .col-wrapper .col-main {
  width: 100%;
}
.col3-layout .col-wrapper .col-right {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 770px) {
  .col3-layout .col-wrapper {
    display: grid;
    gap: 1rem;
    grid-template-columns: 25% 75%;
    grid-auto-rows: min-content;
  }
  .col3-layout .col-wrapper .col-left {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .col3-layout .col-wrapper .col-main {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .col3-layout .col-wrapper .col-right {
    grid-column-start: 1;
  }
}
@media only screen and (min-width: 1004px) {
  .col3-layout .col-wrapper {
    display: grid;
    gap: 1rem;
    grid-template-columns: 20% 58% 20%;
  }
  .col3-layout .col-wrapper .col-left {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .col3-layout .col-wrapper .col-main {
    grid-column-start: 2;
    grid-row-start: 1;
  }
  .col3-layout .col-wrapper .col-right {
    grid-column-start: 3;
    grid-row-start: 1;
  }
}
/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 771px) {
  .top-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #676157;
  color: #E6E6E6;
  font-size: 11px;
}
.global-site-notice .notice-inner {
  padding-left: 120px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  background-position: left;
  background-repeat: no-repeat;
}
.global-site-notice p {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #ea5b0c;
  text-align: center;
  margin: 10px;
  text-transform: uppercase;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #197b1a;
}

.error {
  color: #DF280A;
  font-weight: bold;
}

.notice {
  color: #E26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.std ul.messages,
.messages {
  margin: 1rem 0;
  list-style: none;
}
.std ul.messages ul,
.messages ul {
  list-style: none;
}

.messages li li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #F4F4F4;
  font-size: 15px;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  color: #000000;
  border-left: 5px solid #DF280A;
  background-color: #FAEBE7;
}

.messages .error-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #DF280A;
  border-right: none;
}

.messages .notice-msg li {
  color: #000000;
  border-left: 5px solid #E26703;
  background-color: #F9EBE6;
}

.messages .notice-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #E26703;
  border-right: none;
}

.messages .success-msg li {
  color: #000000;
  border-left: 5px solid #197b1a;
  background-color: #EFF5EA;
}
.messages .success-msg li span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.messages .success-msg li span > span {
  flex: 1 1 auto;
}
.messages .success-msg li span > a {
  flex: 0 0 auto;
}

.messages .success-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #197b1a;
  border-right: none;
}

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  font-size: 14px;
}
.item-options dt {
  font-weight: 600;
  padding-right: 5px;
  font-style: italic;
}
.item-options dt:after {
  content: ': ';
}
.item-options dd {
  padding-left: 10px;
  margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #ea5b0c;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ea5b0c;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}

@media only screen and (max-width: 479px) {
  .truncated {
    cursor: inherit;
  }
  .truncated a.details {
    display: none;
  }
  .truncated .truncated_full_value .item-options {
    display: block;
    position: static;
    z-index: 1;
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .truncated .truncated_full_value .item-options:after {
    display: none;
  }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}
.add-to-links a {
  display: inline-block;
  padding: 0 3px 3px;
}

.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  margin: 0 0 1.5em;
}

.std ol {
  list-style: none;
  margin-bottom: 1.5em;
}

.std ul {
  list-style: disc outside;
  margin-bottom: 1.5em;
}

.std .note {
  color: #A0A0A0;
  font-size: 13px;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background: #F4F4F4;
  padding: 5px;
}
.toolbar .count-container {
  display: none;
  gap: 1rem;
}
.toolbar .count-container .amount--has-pages {
  display: none;
}
.toolbar .count-container .limiter select {
  height: 30px;
  padding: 0 .5rem;
}
.toolbar .pages {
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
  gap: .2rem;
}

.pager-no-toolbar {
  margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 10px;
}

.toolbar,
.pager {
  color: #666;
  line-height: 30px;
  font-size: 12px;
}

.toolbar label,
.pager-no-toolbar label {
  font-weight: normal;
  text-transform: uppercase;
}

.sorter label,
.count-container label {
  margin-right: 5px;
}

.sorter > .sort-by {
  height: 30px;
}
.sorter > .sort-by .sort-by-switcher {
  height: 30px;
  display: inline-block;
  text-align: center;
  width: 2rem;
  margin-left: 1rem;
  border: solid 1px #A0A0A0;
  border-radius: 5px;
}
.sorter > .sort-by select {
  height: 30px;
  padding: 0 .5rem;
}

.sorter > .view-mode .grid,
.sorter > .view-mode .list {
  width: 30px;
  height: 30px;
}
.sorter > .view-mode .grid {
  margin-right: 5px;
}

.pager {
  overflow: hidden;
}
.pager .amount {
  white-space: nowrap;
  margin: 0 15px 0 0;
}
.pager .limiter {
  height: 30px;
  line-height: 30px;
}
.pager .limiter > label {
  padding-right: 5px;
}
.pager .amount,
.pager .limiter,
.pager .pages {
  margin-bottom: 5px;
}

.pages {
  overflow: hidden;
}
.pages strong {
  display: none;
}

.pages a,
.pages .current {
  display: inline-block;
  border: 0;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #ea5b0c;
}

.pages .current,
.pages .current:hover {
  color: #666;
  border: 1px solid #CCCCCC;
  width: 30px;
  background-color: #FFFFFF;
  cursor: default;
}

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
}
.pages .next:hover,
.pages .previous:hover {
  border: 1px solid #ea5b0c;
}

.pages .next:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #ea5b0c;
  border-right: none;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px;
}
.pages .next:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #a13f08;
  border-right: none;
}

.pages .previous:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #ea5b0c;
  border-left: none;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px;
}
.pages .previous:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #a13f08;
  border-left: none;
}

@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .toolbar .view-mode > label {
    display: none;
  }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #ea5b0c;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #a13f08;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ea5b0c;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #a13f08;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}

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

.no-display {
  display: none;
}

@media only screen and (min-width: 400px) {
  .toolbar .count-container {
    display: flex;
  }
}
@media only screen and (min-width: 770px) {
  #narrow-by-list.no-display {
    display: initial;
  }
}
.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  max-height: 50px;
  width: auto;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 7px;
}
.fieldset p.required {
  margin-bottom: 5px;
  font-size: 12px;
  margin-top: 0;
}

.fieldset + .fieldset {
  margin-top: 5px;
}

form .legend {
  margin: 0;
  margin-bottom: 10px;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EDEDED;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
  padding-top: 2px;
}

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  margin-right: 5px;
  max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */
label {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label.required:after,
span.required:after {
  content: ' *';
  color: #DF280A;
  font-weight: normal;
  font-size: 12px;
}

label.required em,
span.required em {
  display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #A0A0A0;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
  font-size: 14px;
}

select + select {
  margin-left: 5px;
}

select[multiple] {
  width: 270px;
  border: 1px solid #C0C0C0;
  font-size: 15px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #C0C0C0;
  background: #FFFFFF;
  font-size: 15px;
}
.input-text:focus {
  border: 1px solid #ea5b0c;
}

.input-text.validation-failed {
  border-color: #DF280A;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  height: 30px;
  padding: 0 8px;
}

select,
textarea,
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  width: 100%;
  max-width: 350px;
}

.limiter select, .sort-by select {
  width: initial;
  max-width: initial;
}

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
}
/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 4em;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #A0A0A0;
}

input:-moz-placeholder {
  color: #A0A0A0;
}

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
  position: relative;
  display: inline-block;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
  margin: 5px 0 0;
  color: #DF280A;
  font-size: 13px;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list select {
  margin-top: 4px;
}
.form-list .input-range .input-text {
  width: 74px;
}

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
  display: inline;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
  display: inline-block;
  width: 100%;
  max-width: none;
  min-width: 250px;
  padding: .5rem;
}
.form-list .control label:hover,
.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
#co-shipping-method-form .sp-methods dd label:hover,
.product-options ul.options-list label:hover {
  background-color: #ededed;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
  min-width: inherit;
  width: 250px;
  max-width: 100%;
}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control .radio,
.form-list .control .checkbox {
  margin-right: 6px;
}
.form-list .control .input-box {
  display: inline-block;
  width: auto;
  padding: 0;
}

html,
body {
  height: 100%;
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  background-color: #fff;
}

.page .footer-container {
  width: 100%;
  background-color: #eee;
  margin-top: 1rem;
  border-top: 1px solid #CCCCCC;
}
.page .footer-container li.header {
  font-weight: bold;
  padding-bottom: 0.25em;
  color: #333;
}
.page .footer-container footer {
  max-width: 1260px;
  margin: 0 auto;
  padding: 1em 30px;
}
.page .footer-container footer ul {
  display: block;
  vertical-align: top;
  padding-left: 0;
  padding-bottom: 1em;
}
.page .footer-container footer ul:first-child {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}
.page .footer-container footer ul li {
  display: block;
  padding: .5rem 0;
}
@media only screen and (max-width: 479px) {
  .page .footer-container footer {
    padding-top: 5px;
  }
}
.page .footer-container div.container {
  background-color: #ccc;
}
.page .footer-container div.container * {
  color: black;
}
.page .footer-container div.container > div {
  max-width: 1260px;
  margin: 0 auto;
  padding: 1em 30px;
}
.page .footer-container div.container > div:after {
  overflow: hidden;
  *zoom: 1;
}
.page .footer-container div.container > div ul {
  float: left;
}
.page .footer-container div.container > div ul li {
  display: inline-block;
  padding: .5rem 0;
}
.page .footer-container div.container > div ul li:after {
  content: '|';
  display: inline;
  padding: 0 1em;
}
.page .footer-container div.container > div > a {
  float: right;
}
.page .footer-container div.container > div > a img {
  width: 75px;
  height: 16px;
}
.page .footer-container a {
  color: #333;
}

@media only screen and (min-width: 770px) {
  .page .footer-container footer ul {
    padding-left: 5%;
    display: inline-block;
    padding-bottom: 0;
  }
  .page .footer-container footer ul:first-child {
    padding-left: 0;
    margin-bottom: 1em;
    padding-right: 5%;
    border-right: 1px solid #ccc;
    border-bottom: none;
  }
}
@media only screen and (max-width: 479px) {
  .page .footer-container footer {
    padding: 1em 15px;
  }
  .page .footer-container div.container > div {
    padding: 1em 15px;
  }
}
/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
  float: none;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
  margin-left: 30px;
  max-width: 435px;
}
@media only screen and (max-width: 599px) {
  .contacts-index-index .buttons-set {
    max-width: 330px;
    margin-left: 0;
  }
  .contacts-index-index .buttons-set button {
    margin-left: 0;
  }
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-text {
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  text-align: right;
  padding-bottom: 14.5px;
}

@media only screen and (max-width: 1004px) {
  .notice-cookie .notice-text {
    max-width: 86%;
  }
}
@media only screen and (max-width: 770px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-text {
    max-width: 82%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 620px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-inner {
    background-position: left 10px;
  }
  .notice-cookie .notice-text {
    max-width: 100%;
    padding-top: 0;
  }
  .notice-cookie .actions {
    text-align: left;
  }
}
/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
  margin-bottom: 30px;
}
.billing-agreements .info-box:after {
  overflow: hidden;
  *zoom: 1;
}
.billing-agreements .info-box .form-list {
  max-width: 400px;
  width: 100%;
}
.billing-agreements .info-box .box-title {
  margin-top: 20px;
  margin-bottom: 7px;
}
.billing-agreements .info-box .button {
  float: right;
  margin-top: 7px;
}
@media only screen and (max-width: 479px) {
  .billing-agreements .info-box .button {
    width: 100%;
    float: none;
  }
}
.billing-agreements #payment_method {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
  max-width: 80%;
}
@media only screen and (max-width: 479px) {
  .billing-agreement-view-header-wrapper .heading {
    max-width: 100%;
  }
}

.billing-agreement-details td, .billing-agreement-details th {
  padding: 3.5px;
}

@media only screen and (max-width: 1004px) {
  .billing-agreements .data-table .created-at,
  .billing-agreements .data-table .updated-at {
    display: none;
  }
}
/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 8px 1% 6px;
  background: #F4F4F4;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
  background-color: #DDDDDD;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
  border-right: 0;
}
body[class*="checkout-multishipping-"] .page-title {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
  border: 0 none;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
  float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
  text-transform: none;
  font-size: 17px;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
  float: left;
  width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
  width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
  width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
  float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
  float: right;
  text-align: right;
}

.checkout-multishipping-shipping .gift-messages {
  margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
  margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
  margin-top: 10px;
  margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
  margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
  margin-bottom: 25px;
  padding-left: 10px;
  margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
  float: left;
  width: 100%;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
  background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 1004px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 300px;
  }

  #review-order-form .col-1,
  #review-order-form .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 770px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress li {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 3%;
    border-right: 0px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 1px;
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .box-title {
    float: left;
    width: 100%;
  }
  body[class*="checkout-multishipping-"] .page-title .button {
    float: left;
    margin-bottom: 10px;
  }
  body[class*="checkout-multishipping-"] .linearize-table tfoot td {
    text-align: right;
  }
  body[class*="checkout-multishipping-"] .linearize-table select {
    width: 100%;
    min-width: 200px;
  }
  body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 599px) {
  .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 10px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 479px) {
  body[class*="checkout-multishipping-"] .buttons-set .back-link {
    display: block;
  }
}
.uniqueSellingPointsSGH {
  margin-bottom: 2em;
}
.uniqueSellingPointsSGH h3 {
  color: #333333;
  font-size: 1em;
  text-transform: none;
}
.uniqueSellingPointsSGH li {
  text-transform: uppercase;
  font-size: .82em;
  list-style: none;
}
.uniqueSellingPointsSGH img {
  margin-top: 2em;
}
.uniqueSellingPointsSGH img.certified {
  cursor: pointer;
}

.checkout-cart-index .uniqueSellingPointsSGH {
  flex: 1 1 100%;
}
.checkout-cart-index .uniqueSellingPointsSGH > div {
  margin-left: 0;
  margin-top: 1em;
}
.checkout-cart-index .uniqueSellingPointsSGH > p {
  padding-left: 0;
  margin-right: 0;
  width: 100%;
}
.checkout-cart-index .uniqueSellingPointsSGH > p img:first-child {
  margin-top: 1em;
}

@media only screen and (min-width: 599px) {
  .cart .uniqueSellingPointsSGH > div {
    margin-left: 0;
  }
  .cart .uniqueSellingPointsSGH > p {
    width: 50%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 770px) {
  .cart .uniqueSellingPointsSGH > div {
    margin-left: 20%;
  }
  .cart .uniqueSellingPointsSGH > p {
    width: 20%;
    margin-right: 20%;
  }
}
body:has(dialog#consentModal[open]) {
  overflow: hidden;
}

#consentModal {
  width: 100%;
  border: solid 1px #333333;
  max-width: 900px;
  margin: auto;
  line-height: 1.5rem;
  overflow-y: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0;
}
#consentModal:focus {
  outline: 0;
}
#consentModal > * {
  padding: 1rem;
}
#consentModal .permission-detail {
  position: relative;
  border-bottom: 1px solid #ccc;
  /* Toggle */
}
#consentModal .permission-detail input[type=checkbox].toggle {
  height: 0;
  width: 0;
  visibility: hidden;
}
#consentModal .permission-detail label.toggle {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 27px;
  background: #A0A0A0;
  display: block;
  border-radius: 25px;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  border-bottom: 0;
}
#consentModal .permission-detail label.toggle:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 23px;
  height: 23px;
  background: #fff;
  border-radius: 23px;
  transition: 0.3s;
}
#consentModal .permission-detail input.toggle:checked + label.toggle {
  background: #197b1a;
}
#consentModal .permission-detail input.toggle:checked:disabled + label.toggle {
  cursor: not-allowed;
}
#consentModal .permission-detail input.toggle:checked:disabled + label.toggle:after {
  background: #A0A0A0;
}
#consentModal .permission-detail input.toggle:checked + label.toggle:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
#consentModal .permission-detail label.toggle:active:after {
  width: 32px;
}
#consentModal .buttons {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 1rem;
  flex-wrap: wrap;
}
#consentModal .buttons button {
  flex: 0 1 auto;
  white-space: wrap;
}
#consentModal .buttons .button2 {
  border: solid 1px #666;
  padding: 7px 10px;
  font-size: .875rem;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
}

@charset "UTF-8";
.page-header {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 5px;
  display: flex;
  column-gap: 1rem;
  flex-wrap: wrap;
}
.page-header .account-signup {
  padding: .1rem 0;
}
.page-header .free-shipping {
  display: flex;
  align-items: center;
  gap: .2rem;
}
.page-header .free-shipping svg {
  fill: #ea5b0c;
}

#background-first-row {
  background-color: #444;
  height: 2.7rem;
  width: 100%;
  position: absolute;
}

#header {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.4rem;
  row-gap: 0.2rem;
  position: relative;
  padding: 0.2rem 5px;
}
#header > * {
  height: 2.3rem;
  line-height: 2.5rem;
  flex: 0;
}
#header a {
  color: #FFFFFF;
}
#header a:hover {
  text-decoration: none;
  color: #A0A0A0;
}
#header a:hover svg {
  fill: #A0A0A0;
}
#header #header-minicart:hover .count {
  background-color: #c54702;
}
#header svg {
  fill: #FFFFFF;
}
#header svg:hover {
  fill: #A0A0A0;
}
#header #menu-control {
  order: 1;
  width: 2.3rem;
  padding: .35rem;
}
#header #menu-control svg {
  width: 1.6rem;
  height: 1.6rem;
}
#header #header-home {
  order: 2;
}
#header #header-home img {
  width: auto;
  height: 2.3rem;
  min-width: 179px;
  max-width: 100%;
  max-height: 100%;
}
#header #header-filler {
  order: 3;
  flex: 1 1 auto;
  display: none;
}
#header #header-account {
  order: 4;
  width: 2.3rem;
  text-align: center;
  align-self: flex-end;
  display: flex;
}
#header #header-account.loggedIn:hover svg {
  fill: #A0A0A0;
}
#header #header-account svg {
  width: 2.3rem;
  height: 2.3rem;
}
#header #header-account span.label {
  display: none;
}
#header #header-minicart.no-count .count {
  display: none;
}
#header #header-minicart {
  order: 5;
  width: 2.3rem;
  flex: 0 0 2.3rem;
  text-align: right;
  align-self: flex-end;
  position: relative;
  display: flex;
}
#header #header-minicart svg {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: .25rem;
}
#header #header-minicart .count {
  position: absolute;
  border-radius: 12px;
  display: inline-block;
  top: 0;
  left: 19px;
  z-index: 5;
  width: 18px;
  height: 18px;
  background: #ea5b0c;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
#header #header-minicart span.label {
  display: none;
}
#header #rating-container {
  order: 6;
  flex: 1 auto;
  width: 100%;
  color: #666;
}
#header #search_mini_form {
  order: 7;
  flex: 1 auto;
  width: 100%;
}
#header .hidden {
  display: none;
}
#header nav.primary {
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

@media only screen and (min-width: 330px) {
  #header #header-filler {
    display: block;
  }
  #header #header-filler .firstName {
    display: none;
  }
}
@media only screen and (min-width: 479px) {
  #header {
    padding: 0.2rem 30px;
  }

  .page-header {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 771px) {
  #header {
    row-gap: .75rem;
  }
  #header #menu-control {
    order: 1;
  }
  #header #header-home {
    order: 2;
  }
  #header #header-filler {
    order: 3;
  }
  #header #header-account {
    order: 5;
  }
  #header #header-minicart {
    order: 6;
  }
  #header #rating-container {
    order: 4;
    width: auto;
    color: #FFFFFF;
  }
  #header #rating-container .rating2 {
    color: #FFFFFF;
  }
  #header #search_mini_form {
    order: 7;
  }
}
@media only screen and (min-width: 1005px) {
  #header {
    row-gap: 0;
    padding-bottom: 0;
  }
  #header #menu-control {
    display: none;
  }
  #header #header-home {
    order: 5;
    height: 71px;
    flex: 1 0 30%;
    margin-top: .2rem;
  }
  #header #header-home img {
    height: auto;
  }
  #header #header-filler {
    order: 2;
    flex: 1 1 30%;
  }
  #header #header-filler .firstName {
    display: block;
    text-align: right;
    color: #E6E6E6;
  }
  #header #header-account {
    order: 3;
    display: flex;
    width: auto;
  }
  #header #header-account.loggedIn {
    width: revert;
    flex: 0 0 11rem;
  }
  #header #header-account span.label {
    display: inline-block;
    text-transform: uppercase;
    padding-right: 1rem;
  }
  #header #header-minicart {
    order: 4;
    width: auto;
    display: flex;
  }
  #header #header-minicart span.label {
    display: inline-block;
    text-transform: uppercase;
    padding-left: .5rem;
  }
  #header #rating-container {
    order: 1;
    flex: 0 0 content;
    width: auto;
    color: #FFFFFF;
  }
  #header #rating-container .rating2 {
    color: #FFFFFF;
  }
  #header #search_mini_form {
    order: 6;
    flex: 1 1 content;
    margin: auto 0;
  }

  /** Small hack to avoid !important: target the element + id to overrule previously set conditions */
  nav#nav {
    display: block;
    position: initial;
    z-index: initial;
    width: initial;
    overflow-x: initial;
    box-shadow: initial;
    max-width: initial;
    margin: 0;
    border: initial;
    background-color: #eeeeee;
  }
  nav#nav ol.nav-primary {
    color: black;
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1260px;
  }
  nav#nav ol.nav-primary li {
    position: relative;
    display: inline-block;
    border: none;
    margin-right: 0;
  }
  nav#nav ol.nav-primary li.active > a {
    background-color: #ea5b0c;
    color: white;
  }
  nav#nav ol.nav-primary li.active li.active > a {
    background-color: #ea5b0c;
  }
  nav#nav ol.nav-primary li.expanded a {
    background-color: #808080;
    color: white;
  }
  nav#nav ol.nav-primary li a {
    color: black;
    display: inline-block;
    line-height: 2.5rem;
    text-decoration: none;
    padding: 0 .5rem;
    font-weight: bold;
  }
  nav#nav ol.nav-primary li a:hover {
    background-color: #ea5b0c;
    color: white;
  }
  nav#nav ol.nav-primary li a.has-children:hover {
    background-color: #808080;
    color: white;
  }
  nav#nav ol.nav-primary li a:before {
    display: none;
    content: initial;
    right: initial;
    left: initial;
    width: initial;
    position: initial;
  }
  nav#nav ol.nav-primary li ul {
    position: absolute;
    z-index: 4;
    width: 250px;
  }
  nav#nav ol.nav-primary li ul li {
    background-color: #808080;
    width: 100%;
    border-bottom: solid 1px white;
  }
  nav#nav ol.nav-primary li ul li:first-child {
    border-top: solid 1px white;
  }
  nav#nav ol.nav-primary li ul li:not(:last-child):after {
    content: "";
    padding: 0;
  }
  nav#nav ol.nav-primary li ul li a {
    display: block;
    color: #FFFFFF;
  }
}
#nav {
  position: absolute;
  top: 0;
  width: 90%;
  max-width: 25rem;
  overflow-x: hidden;
  z-index: 4;
  margin-top: 2.7rem;
  background-color: #FFFFFF;
  border-right: solid 1px #A0A0A0;
  border-bottom: solid 1px #A0A0A0;
  box-shadow: 1rem 1rem 5rem black;
}
#nav * {
  color: #666;
}
#nav a {
  display: block;
  padding: .65rem 0 .65rem .5rem;
}
#nav a:hover {
  background-color: #ccc;
  text-decoration: none;
}
#nav ul li {
  background-color: #636363;
  color: #FFFFFF;
}
#nav ul li a {
  padding-left: 1rem;
  color: #FFFFFF;
}
#nav ul li a:hover {
  color: #666;
}
#nav li.level0 {
  position: relative;
}
#nav li.parent ul {
  display: none;
}
#nav li.parent.expanded ul {
  display: block;
}
#nav li.parent > a:before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.6 24.2' style='enable-background:new 0 0 27.6 24.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%237E7E7E;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='20.8,0 6.8,0 0,12.1 6.8,24.2 20.8,24.2 27.6,12.1 '/%3E%3Cpath class='st1' d='M13.8,2.6c-5.2,0-9.5,4.3-9.5,9.5s4.3,9.5,9.5,9.5s9.5-4.3,9.5-9.5C23.3,6.8,19,2.6,13.8,2.6z M13.8,19.7 c-4.2,0-7.6-3.4-7.6-7.6s3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6S18,19.7,13.8,19.7z'/%3E%3Crect x='12.7' y='7.4' class='st1' width='2.1' height='9.4'/%3E%3Crect x='12.7' y='7.4' transform='matrix(6.123234e-17 -1 1 6.123234e-17 1.7 25.9)' class='st1' width='2.1' height='9.4'/%3E%3C/svg%3E%0A");
  right: .5rem;
  left: auto;
  width: 1rem;
  display: block;
  position: absolute;
}
#nav li.parent.expanded > a:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 37.7 33' style='enable-background:new 0 0 37.7 33;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23606060;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='28.3,0 9.3,0 0,16.5 9.3,33 28.3,33 37.7,16.5'/%3E%3Cpath class='st1' d='M18.9,3.5c-7.2,0-13,5.8-13,13s5.8,13,13,13s13-5.8,13-13S26.1,3.5,18.9,3.5z M18.9,26.9c-5.7,0-10.4-4.7-10.4-10.4S13.2,6.1,18.9,6.1s10.4,4.7,10.4,10.4S24.7,26.9,18.9,26.9z'/%3E%3Crect x='17.5' y='10.2' transform='matrix(-3.288097e-13 1 -1 -3.288097e-13 35.4368 -2.2632)' class='st1' width='2.8' height='12.8'/%3E%3C/svg%3E%0A");
}
#nav ol li:not(:last-child) {
  border-bottom: solid 1px #A0A0A0;
}

@media only screen and (min-width: 479px) {
  #nav {
    margin-left: 30px;
    border-left: solid 1px #A0A0A0;
  }
}
#search_mini_form {
  padding: 0;
  display: flex;
  flex-direction: row;
  font-size: 1.2em;
  position: relative;
}
#search_mini_form .button {
  flex: 0;
  align-self: flex-end;
  font-size: 1.2rem;
  height: 2.3rem;
  width: 2.3rem;
  color: #fff;
  font-weight: bold;
  background-color: #ea5b0c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.55rem;
}
#search_mini_form .button svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #FFFFFF;
}
#search_mini_form .button svg:hover {
  fill: #E6E6E6;
}
#search_mini_form #search {
  flex: 1 auto;
  align-self: stretch;
  background-color: #eee;
  border: 0;
  height: 2.3rem;
  color: #333;
  font-size: inherit;
  max-width: 600px;
}
#search_mini_form #search:focus, #search_mini_form #search:focus-visible {
  outline-color: #ea5b0c;
  outline-style: none;
}

#search_autocomplete {
  left: 0;
  overflow: visible;
  width: 100%;
  z-index: 200;
  line-height: normal;
  position: absolute;
  top: 2.4rem;
}
#search_autocomplete .no-result {
  padding: .5rem;
}
#search_autocomplete ul {
  background-color: #FFFFFF;
  border: 1px solid #333333;
  left: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#search_autocomplete ul li.productLink, #search_autocomplete ul li.all-results {
  border-bottom: 1px solid #F4F4F4;
  color: #c54702;
  cursor: pointer;
  font-size: 14px;
  padding: .5em 1em;
  text-align: left;
}
#search_autocomplete ul li.productLink.selected, #search_autocomplete ul li.productLink.selected *, #search_autocomplete ul li.productLink:hover, #search_autocomplete ul li.productLink:hover *, #search_autocomplete ul li.all-results.selected, #search_autocomplete ul li.all-results.selected *, #search_autocomplete ul li.all-results:hover, #search_autocomplete ul li.all-results:hover * {
  text-decoration: none;
  background-color: #ea5b0c;
  color: white;
}
#search_autocomplete ul li.productLink.selected a .price-box .price-row span, #search_autocomplete ul li.productLink.selected * a .price-box .price-row span, #search_autocomplete ul li.productLink:hover a .price-box .price-row span, #search_autocomplete ul li.productLink:hover * a .price-box .price-row span, #search_autocomplete ul li.all-results.selected a .price-box .price-row span, #search_autocomplete ul li.all-results.selected * a .price-box .price-row span, #search_autocomplete ul li.all-results:hover a .price-box .price-row span, #search_autocomplete ul li.all-results:hover * a .price-box .price-row span {
  background-color: #ea5b0c;
  color: white;
}
#search_autocomplete ul li.productLink:last-child, #search_autocomplete ul li.all-results:last-child {
  border-bottom: none;
}
#search_autocomplete ul li.productLink a, #search_autocomplete ul li.all-results a {
  color: #ea5b0c;
  display: flex;
  flex-wrap: nowrap;
}
#search_autocomplete ul li.productLink a img, #search_autocomplete ul li.all-results a img {
  align-self: flex-start;
  margin-right: 1em;
  flex: 0 0 auto;
}
#search_autocomplete ul li.productLink a span.name, #search_autocomplete ul li.all-results a span.name {
  align-self: flex-start;
  flex: 1 1 auto;
}
#search_autocomplete ul li.productLink a .price-box, #search_autocomplete ul li.all-results a .price-box {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: .5rem;
  align-content: baseline;
  max-width: 10rem;
}
#search_autocomplete ul li.productLink a .price-box .disclaimerVat, #search_autocomplete ul li.all-results a .price-box .disclaimerVat {
  display: none;
}
#search_autocomplete ul li.productLink a .price-box span, #search_autocomplete ul li.all-results a .price-box span {
  align-self: flex-end;
  text-align: right;
  flex: 1 1 auto;
  color: black;
}
#search_autocomplete ul li.productLink a .price-box span:nth-child(1), #search_autocomplete ul li.all-results a .price-box span:nth-child(1) {
  color: gray;
}
#search_autocomplete ul li.productLink a .price-box span.price.old-price, #search_autocomplete ul li.all-results a .price-box span.price.old-price {
  text-decoration: line-through;
}
#search_autocomplete ul li.all-results {
  padding: 1em;
}

#rating-container {
  --star-size: 20px;
  --star-color: #666;
  --star-background: #fbbc04;
}
#rating-container a {
  display: block;
}
#rating-container a:hover {
  color: #666;
}
#rating-container .rating2 .stars {
  --percent: calc(var(--rating2) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
}
#rating-container .rating2 .stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#rating-container .rating2 {
  color: #636363;
}
#rating-container .rating2:hover {
  text-decoration: none;
  --star-background: #fbbc04;
}
#rating-container .rating2 h2 {
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  display: inline-block;
}
#rating-container .underline {
  text-decoration: underline;
}

#header-minicart-content {
  position: absolute;
  width: 90%;
  max-width: 25rem;
  overflow-x: hidden;
  z-index: 2;
  margin-top: 2.7rem;
  background-color: #FFFFFF;
  border-left: solid 1px #A0A0A0;
  border-bottom: solid 1px #A0A0A0;
  font-weight: bold;
  right: 0;
  top: 0;
  height: auto;
  line-height: normal;
  box-shadow: -1rem 1rem 5rem black;
}
#header-minicart-content * {
  color: #666;
}
#header-minicart-content .product-name .qty {
  padding-left: .5rem;
  color: #c54702;
}
#header-minicart-content p {
  text-align: center;
  padding: 1rem;
}
#header-minicart-content p.recent-items-label {
  border-bottom: 1px solid #A0A0A0;
}
#header-minicart-content p.subtotal-label {
  background-color: #eee;
}
#header-minicart-content .subtotal {
  padding: .5rem .5rem 1rem .5rem;
}
#header-minicart-content .subtotal div {
  text-align: end;
}
#header-minicart-content .subtotal div .price {
  color: black;
}
#header-minicart-content .minicart-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: .5rem;
  margin-bottom: 1rem;
}
#header-minicart-content .minicart-actions a {
  flex: 0 1 auto;
}
#header-minicart-content .minicart-actions a.button-alternative {
  background: white;
  display: inline-block;
  padding: 7px 15px;
  border: 1px solid #A0A0A0;
  color: #666;
  font-size: 13px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
#header-minicart-content .minicart-actions a.button:hover {
  color: #E6E6E6;
}
#header-minicart-content ul.recent-items {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding-bottom: .5rem;
}
#header-minicart-content ul.recent-items li {
  flex: 1 auto;
  padding: .5rem;
}
#header-minicart-content ul.recent-items li:not(:last-child) {
  border-bottom: 1px solid #A0A0A0;
}
#header-minicart-content ul.recent-items li a {
  display: flex;
  flex-wrap: nowrap;
  column-gap: .5rem;
}
#header-minicart-content ul.recent-items li a .product-name {
  flex: 1 1 auto;
}
#header-minicart-content ul.recent-items li a div {
  flex: 0 0 100%;
  text-align: end;
}
#header-minicart-content ul.recent-items li a .price-wrapper {
  flex: 0 0 auto;
}
#header-minicart-content ul.recent-items li a .price {
  color: #000000;
}
#header-minicart-content ul.recent-items li a img {
  display: inline;
  flex: 0;
  margin-right: .5rem;
  border: 1px solid #A0A0A0;
}

#header-account-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  max-width: 12rem;
  overflow-x: hidden;
  z-index: 1;
  margin-top: 2.7rem;
  background-color: #FFFFFF;
  border-right: solid 1px #A0A0A0;
  border-bottom: solid 1px #A0A0A0;
  font-weight: bold;
  box-shadow: -1rem 1rem 5rem black;
  height: auto;
}
#header-account-content * {
  color: #666;
}
#header-account-content a {
  color: #666;
  display: block;
  padding: .65rem 0 .65rem .5rem;
}
#header-account-content a:hover {
  background-color: #ccc;
  text-decoration: none;
  color: #333;
}
#header-account-content li {
  text-align: center;
}
#header-account-content li:not(:last-child):after {
  content: '';
  display: block;
  height: 0;
  margin: 0 1rem;
  border-bottom: 1px solid #eee;
}

@media only screen and (min-width: 1004px) {
  #header-account-content {
    right: 11rem;
  }
}
.breadcrumbs {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 1rem 0;
}

.breadcrumbs li {
  font-size: 12px;
  display: inline-block;
}

.breadcrumbs a:hover {
  color: #ea5b0c;
}

.breadcrumbs strong {
  color: #666;
  font-weight: normal;
}

.breadcrumbs span {
  padding: 0 7px;
}

@media only screen and (max-width: 770px) {
  .breadcrumbs {
    display: none;
  }
}

#promobanner {
  color: white;
  margin-top: 1em;
}
#promobanner .container {
  max-width: 1260px;
  background-color: #F4F4F4;
  margin: 0 auto;
}
#promobanner .container > .content {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}
#promobanner .container > .content a {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: [col-left] auto [col-right] 13em [col-end];
  grid-template-rows: [row-top] auto [row-bottom] 4em [row-end];
  width: 100%;
  background-color: #F4F4F4;
}
#promobanner .container > .content a:hover span.b button {
  background-color: #444444;
  color: #ffffff;
}
#promobanner .container > .content a:nth-of-type(1n+2) {
  display: none;
}
#promobanner .container > .content a span {
  grid-column: col-left;
  grid-row: row-top;
  padding-top: 1em;
  padding-left: 1em;
}
#promobanner .container > .content a span.i {
  grid-column: col-right;
  grid-row: row-top;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  margin: 1em 1em 1em 0;
}
#promobanner .container > .content a span.i img {
  display: block;
  max-width: 11em;
  width: auto;
  height: auto;
}
#promobanner .container > .content a span.i span.d {
  display: block;
  position: absolute;
  background-color: #FF0000;
  color: #ffffff;
  padding: .5em 1em;
  top: -.5em;
  right: -.5em;
  border-radius: .5em;
}
#promobanner .container > .content a span.i button.close {
  display: none;
}
#promobanner .container > .content a span.b {
  grid-column: col-left / col-end;
  grid-row: row-bottom;
  padding: 0 1em;
}
#promobanner .container > .content a span.b button {
  background-color: #FBBC04;
  color: #444444;
  border-radius: .4em;
  padding: .8em;
  width: 100%;
}
#promobanner .container > .content a span.b button span.l {
  display: none;
}
#promobanner .container > .content a span h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #0A0A0A;
}
#promobanner .container > .content a span p.s {
  font-size: 1.0em;
  color: #666666;
  padding-bottom: 3em;
}
#promobanner .container > .content a span:not(.i.s) {
  position: relative;
}
#promobanner .container > .content a span:not(.i.s) p:not(.s) {
  font-size: 1.4em;
  color: #000000;
  position: absolute;
  bottom: 0;
  font-weight: bold;
}
#promobanner .container > .content a span:not(.i.s) p:not(.s) strike {
  font-weight: normal;
  padding-right: .5em;
  color: #666666;
}
#promobanner .closeContainer {
  max-width: 1260px;
  padding: .5em;
  text-align: center;
}
#promobanner .closeContainer a.closePromoBanners {
  font-size: 1.1em;
  cursor: pointer;
  color: #BCBCBC;
  text-decoration: underline;
}
#promobanner .closeContainer a.closePromoBanners:after {
  content: url(/skin/frontend/teber/hardware/images/SGH/close.svg);
  vertical-align: text-top;
  margin-left: .7em;
}

@media only screen and (min-width: 800px) {
  #promobanner .container {
    background-color: initial;
    padding: 0 30px;
  }
  #promobanner .container > .content a:nth-of-type(2) {
    display: grid;
  }
  #promobanner .container > .content a span.i {
    grid-row: row-top / row-end;
  }
  #promobanner .container > .content a span.b {
    grid-column: col-left;
    grid-row: row-bottom;
  }
  #promobanner .closeContainer {
    text-align: right;
  }
}
@media only screen and (min-width: 1244px) {
  #promobanner .container > .content a:nth-of-type(3) {
    display: grid;
  }
}

/**

This file is designed to be used on the homepage (only).
In order to include this on the homepage CMS, add the following to the "design" section of your CMS page:

<reference name="head">
      <action method="addItem"><type>skin_css</type><name>css/homepage.css</name><params/></action>
</reference>

 */
.std ul .products-grid,
.products-grid {
  list-style: none;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 45%);
  grid-auto-flow: row dense;
  justify-content: space-between;
}

.products-grid > li {
  list-style: none;
}

.products-grid .product-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  border: solid 1px #A0A0A0;
}

.products-grid .product-image img {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 599px) {
  .products-grid {
    grid-template-columns: repeat(3, 30%);
  }
}
@media only screen and (min-width: 770px) {
  .products-grid {
    grid-template-columns: repeat(4, 22%);
  }
}
@media only screen and (min-width: 1004px) {
  .products-grid {
    grid-template-columns: repeat(5, 17%);
  }
}

