@charset "UTF-8";
meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 551px)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:551px)/";
  width: 551px; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:551px) and (max-width:1023px)/";
  width: 551px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1023px)/";
  width: 1023px; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:1023px) and (max-width:1261px)/";
  width: 1023px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1261px)/";
  width: 1261px; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/";
  width: 1261px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1681px)/";
  width: 1681px; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

.u-block {
  display: block !important; }

.u-inlineBlock {
  display: inline-block !important;
  max-width: 100% !important; }

.u-hidden {
  display: none !important; }

.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.is-srOnly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.u-textAlignCenter {
  text-align: center !important; }

.u-textAlignLeft {
  text-align: left !important; }

.u-textAlignRight {
  text-align: right !important; }

.u-textBreak {
  word-wrap: break-word !important; }

.u-textInheritColor {
  color: inherit !important; }

.u-textKern {
  text-rendering: optimizeLegibility !important;
  font-feature-settings: "kern" 1 !important;
  font-kerning: normal !important; }

.u-textLead {
  line-height: 1.6 !important;
  font-size: 1.1em !important; }

.u-textNoWrap {
  white-space: nowrap !important; }

.u-textTruncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important; }

.u-fontSmoothing {
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

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

/**
 * Prevent `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
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve 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],
html input[disabled] {
  cursor: default; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  background: white;
  color: black;
  cursor: auto;
  margin: 0;
  padding: 0;
  position: relative; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

a:hover {
  cursor: pointer; }

figure {
  margin: 0 0 1.5rem; }

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

img {
  -ms-interpolation-mode: bicubic; }

button {
  background: none;
  border: 0; }
  button:active, button:focus {
    box-shadow: none;
    outline: none; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

html {
  font-size: 16px; }
  @media (min-width: 551px) {
    html {
      font-size: 16px; } }
  @media (min-width: 1023px) {
    html {
      font-size: 16px; } }
  @media (min-width: 1261px) {
    html {
      font-size: 16px; } }

body {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: black;
  line-height: inherit;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #757575; }

p {
  margin-bottom: 1.5rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: 0.25px;
  margin-bottom: 0.75rem; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #757575;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

.subheader {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0.75rem; }

hr {
  border: solid #e5e5e5;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 2rem 0 1.9375rem; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: 700;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

ul,
ol,
dl {
  list-style-position: outside;
  margin-bottom: 1.5rem; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-left: 1.2rem;
  margin-bottom: 0; }

ul {
  margin-left: 1.15rem; }

ol {
  margin-left: 1.15rem; }

dl dt {
  font-weight: 700;
  margin-bottom: 0.375rem; }

dl dd {
  margin-bottom: 1.5rem; }

abbr,
acronym {
  border-bottom: 1px dotted #f4f4f4;
  color: black;
  cursor: help;
  font-size: 90%;
  text-transform: uppercase; }

abbr {
  text-transform: none; }

blockquote { }

blockquote,
blockquote p {
  font-size: 22px;
  line-height: 29px; }

cite {
  color: #999999;
  display: block;
  font-size: 1rem; }

.icon {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  vertical-align: middle; }
  .icon svg {
    display: inline-block;
    fill: #757575;
    height: 100%;
    vertical-align: top;
    width: 100%; }

/*doc
---
title: Lists
name: lists
category: Elements
---

*/
/*doc
---
title: Inline List
name: inline_list
category: Elements
parent: lists
---


```html_example
<ul class="inlineList">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>
```
##### Inline list settings
```sass_file_example
src/settings/foundation/inlineList/_settings.scss
```

*/
.inlineList {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.0625rem;
  margin-left: -1.375rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inlineList > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem; }
    .inlineList > li > * {
      display: block; }

/*doc
---
title: Tables
name: tables
category: Elements
---


```html_example
<table class="table">
    <thead class="table-thead">
        <tr>
            <th>Table Header</th>
            <th>Table Header</th>
            <th class="table-header--numericData" scope="column">Totals</th>
        </tr>
    </thead>
    <tbody class="table-tbody">
        <tr>
            <td>Content Goes Here</td>
            <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
            <td class="table-cell--numericData">$10</td>
        </tr>
    </tbody>
    <tfoot class="table-tfoot">
        <tr>
            <td class="table-cell--numericData" colspan="2">Subtotal:</td>
            <td class="table-cell--numericData"><strong>$60</strong></td>
        </tr>
    </tfoot>
</table>
```
##### Tables settings
```sass_file_example
src/settings/foundation/tables/_settings.scss
```

*/
.table {
  border: solid 1px #e5e5e5;
  margin-bottom: 2rem;
  table-layout: auto;
  width: 100%; }
  .table thead {
    background: #e5e5e5; }
    .table thead tr th,
    .table thead tr td {
      font-size: 1rem;
      font-weight: 700;
      padding: 0.75rem 1.5rem; }
  .table tr th,
  .table tr td {
    padding: 0.75rem 1.5rem;
    text-align: left; }
  .table thead tr th,
  .table tfoot tr th,
  .table tfoot tr td,
  .table tbody tr th,
  .table tbody tr td,
  .table tr td {
    display: table-cell; }
  .table th.table-header--numericData,
  .table td.table-cell--numericData {
    text-align: right; }

.table-thead {
  border: 1px solid #e5e5e5; }

.table-tfoot {
  border: 1px solid #e5e5e5; }

.table-tbody tr {
  border-bottom: 1px solid #e5e5e5; }
  .table-tbody tr:last-child {
    border-bottom: 0; }

/*doc
---
title: Buttons
name: button
category: Components
---

These are all the button

```sass_file_example
src/settings/foundation/buttons/_settings.scss
```

```html_example
<button class="button">Button</button>

<input type="submit" class="button" value="Button">

<a class="button" role="button" href="#">Button</a>
```

*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  border-color: #cccccc;
  color: #666666;
  font-size: 1rem;
  padding: 0.875rem 2.25rem;
  border-radius: 4px;
  outline: none;
  vertical-align: middle; }
  .button:hover, .button:focus, .button.is-active, .button.active {
    background-color: transparent;
    border-color: #999999;
    color: #333333; }
  .button:active {
    background-color: transparent;
    border: 1px solid #757575;
    color: black; }
  .button:focus, .button.is-active, .button.active {
    outline: none; }
  @media (min-width: 481px) {
    .button + .button {
      margin-left: 0.75rem; } }

/*doc
---
title: Button states
name: button_states
category: Components
parent: button
---

```html_example
<button class="button button--primary">Primary Button</button>

<button class="button">Secondary / Default Button</button>

<button class="button button--tertiary">Tertiary Button</button>

<button class="button button--action">Call-to-Action Button</button>
```
    */
.button--primary {
  background-color: #ec2726;
  border-color: #ec2726;
  color: white; }
  .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active {
    background-color: black;
    border-color: black;
    color: white; }
  .button--primary:active {
    background-color: black;
    border: 1px solid black;
    color: white; }

.button[disabled] {
  background-color: #cccccc;
  border-color: rgba(0, 0, 255, 0);
  color: white;
  cursor: default; }

/*doc
---
title: Button sizes
name: button_sizes
category: Components
parent: button
---

```html_example
<button class="button button--large">Large</button>

<button class="button">Default</button>

<button class="button button--small">Small</button>

<button class="button button--tiny">Tiny</button>
```

And a special case, slab, which takes the full width of it's container and any
size modifier

```html_example
<button class="button button--slab">Slab</button>

<button class="button button--slab button--large">Slab</button>
```

*/
.button--large {
  font-size: 16px; }

.button--small {
  font-size: 12px;
  padding: 0.5625rem 1.5rem; }

.button--tiny { }

.button--slab {
  display: block;
  width: 100%; }
  .button + .button--slab {
    margin-left: 0; }

.button--icon {
  font-size: 1rem;
  padding: 0.75rem 0.75rem; }
  .button--icon svg {
    fill: #ec2726; }

/*doc
---
title: Button Groups
name: button_groups
category: Components
parent: button
---


```html_example
<div class="buttonGroup">
    <button class="button">Button1</button>
    <button class="button">Button2</button>
    <button class="button">Button3</button>
</div>
```
##### Button group settings
```sass_file_example
src/settings/bigcommerce/buttonGroup/_settings.scss
```

*/
.buttonGroup {
  display: inline-block; }
  .buttonGroup > .button {
    border-radius: 0;
    border-right-width: 0;
    float: left;
    margin-left: 0; }
    .buttonGroup > .button:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .buttonGroup > .button:last-child {
      border-bottom-right-radius: 4px;
      border-right-width: 1px;
      border-top-right-radius: 4px; }

/*doc
---
title: Dropdowns
name: dropdown
category: Components
---

Dropdowns are simple lists that can appear next to any element that can trigger a click event.
They can be used by buttons, icons, links and other similar items.

```sass_file_example
src/settings/foundation/dropdown/_settings.scss
```
```html_example
<ul class="dropdown-menu" style="display:block; left: 0;">
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">One</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Two</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Three</a></li>
</ul>
```
*/
.dropdown-menu {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #e5e5e5;
  font-size: 1rem;
  height: auto;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu.open {
    display: block; }
  .dropdown-menu > *:first-child {
    margin-top: 0; }
  .dropdown-menu > *:last-child {
    margin-bottom: 0; }

.dropdown-menu--content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #e5e5e5;
  font-size: 1rem;
  height: auto;
  padding: 0.75rem;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu--content.open {
    display: block; }
  .dropdown-menu--content > *:first-child {
    margin-top: 0; }
  .dropdown-menu--content > *:last-child {
    margin-bottom: 0; }

.dropdown-menu-item {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.375rem 0.75rem; }
  .dropdown-menu-item a {
    display: block;
    padding: 0.375rem; }
  .dropdown-menu-item a {
    margin: -0.375rem; }

/*doc
---
title: Forms
name: forms
category: Forms
---

##### Foundation Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

##### Citadel Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

*/
/*doc
---
title: Form basics
name: 01forms_basics
category: Forms
parent: forms
---

Citadel comes with styling for most form input types and some custom ones. To start
things off a basic, semantic mark-up structure should be adhered too, including
the `form`, `fieldset` and `legend` elements where ever possible.

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
    </fieldset>
</form>
```

*/
.form {
  margin: 0 0 1.5rem; }

.form-fieldset {
  border-width: 0;
  margin: 0;
  padding: 0; }

.form-legend {
  background: transparent;
  border: solid #999999;
  border-width: 0 0 1px;
  display: block;
  line-height: 32px;
  margin-bottom: 0.75rem;
  padding: 0;
  width: 100%; }

/*doc
---
title: Form labels and inputs
name: 03forms_basics
category: Forms
parent: forms
---

Inputs of all types should be associated with a label which has a `for` attribute

```html_example
<div class="form-field">
    <label class="form-label" for="input1">Input Label</label>
    <input class="form-input" id="input1" type="text" placeholder="Placeholder text">
</div>
<div class="form-field">
    <label class="form-label" for="input2">Number Label</label>
    <input class="form-input" id="input2" type="number" placeholder="Number input">
</div>
<div class="form-field">
    <label class="form-label" for="input3">Textarea Label <small>additional context</small></label>
    <textarea class="form-input" id="input3" placeholder="Placeholder text" rows="3"></textarea>
</div>
```
*/
.form-label {
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  .form-label small {
    color: #757575;
    font-size: 0.625rem;
    text-transform: uppercase;
    vertical-align: bottom; }

.form-input {
  appearance: none;
  background-color: white;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #666666;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  height: 3rem;
  margin: 0;
  padding: 0.75rem 1rem;
  transition: border-color 100ms ease-out;
  width: 100%;
  /*doc
---
title: Disabled inputs
name: 04forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="disabled_input1">Input Label</label>
    <input class="form-input" id="disabled_input1" disabled type="text" value="Disabled text">
</div>

<div class="form-field">
    <label class="form-label" for="disabled_input2">Input Label</label>
    <input class="form-input" id="disabled_input2" readonly type="text" value="Readonly text">
</div>
```
*/ }
  .form-input:disabled {
    background-color: white;
    color: #999999;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999999;
    color: #757575;
    cursor: text; }
  .form-input:focus {
    border-color: #999999;
    outline: none; }
  .form-input[rows] {
    height: auto; }
  .form-input[type="search"] {
    box-sizing: border-box; }
  .form-input::-webkit-input-placeholder {
    color: #999999; }
  .form-input::-ms-clear {
    height: 0;
    width: 0; }
  .form-input::-moz-placeholder {
    color: #999999; }
  .form-input:-ms-input-placeholder {
    color: #999999; }

/*doc
---
title: Selects
name: 05forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="select1">Native Select label</label>
    <select class="form-select" name="select1" id="select1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
</div>
```
*/
.form-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: white;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: #666666;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  padding: 0.75rem;
  border-radius: 0;
  cursor: pointer;
  height: 3rem;
  margin: 0;
  outline: 0; }
  .form-select::-ms-expand {
    display: none; }
  .form-select.radius {
    border-radius: 4px; }
  .form-select:focus {
    border-color: #999999; }
  .form-select:disabled {
    background-color: white;
    cursor: not-allowed; }
  .form-select:focus {
    border-color: #999999; }

/*doc
---
title: Form Panels and Layouts
name: 13forms_layouts
category: Forms
parent: forms
---

We provide a couple of component styles to layout forms.

The more `form-field` components you place in the `form-row`, the smaller the columns gets.
Columns are equal length, and calculated automatically by Flexbox by default.

It's the same mark-up but depending on your browser support needs, you can switch
between a flexbox layout or a more traditional grid based layout by setting
`$formRow-modernBrowsers` to `false`.

The grid based layout of `form-feilds` will require the use of modifiers to calculate
the correct widths. We support `form-field--half`, `form-field--third` and
`form-field--quarter`

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
        <div class="form-body">
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
```
*/
.form-body {
  background-color: white;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin-bottom: 1.5rem;
  max-width: none;
  padding: 1.5rem; }

.form-row {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .form-row:before, .form-row:after {
    content: " ";
    display: table; }
  .form-row:after {
    clear: both; }
  .form-row .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left;
    max-width: none; }
  @media (min-width: 551px) {
    .form-row--half .form-field {
      width: 50%; }
    .form-row--third .form-field {
      width: 33.33333%; }
    .form-row--quarter .form-field {
      width: 25%; } }

/*doc
---
title: Form Fields
name: 02forms_basics
category: Forms
parent: forms
---

Each form input should be wrapped in a `form-field`

```html_example
<div class="form-field">
</div>
```
*/
.form-field {
  display: block;
  margin: 0 0 2rem;
  max-width: none; }
  .form-field:before, .form-field:after {
    content: " ";
    display: table; }
  .form-field:after {
    clear: both; }

/*doc
---
title: Selects [multiple]
name: 06forms_basics
category: Forms
parent: forms
---

Styling of the select element with the multiple attribute

```html_example
<div class="form-field">
    <label class="form-label" for="multiselect1">Native Select Multiple label</label>
    <select class="form-select" multiple name="multiselect1" id="multiselect1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>
```
*/
.form-select[multiple] {
  height: auto; }
  .form-select[multiple] option {
    padding: 5px; }

/*doc
---
title: Radios and Checkbox
name: 07forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-checkbox" type="checkbox" id="check1">
    <label class="form-label" for="check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="check2">
    <label class="form-label" for="check2">Checkbox 2 label</label>
</div>
```

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio1">
    <label class="form-label" for="radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio2">
    <label class="form-label" for="radio2">Radio 2 label</label>
</div>
```
*/
.form-checkbox,
.form-radio {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .form-checkbox + .form-label,
  .form-radio + .form-label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.375rem;
    padding-left: 1.875rem;
    position: relative;
    vertical-align: baseline;
    width: 100%; }
    .form-checkbox + .form-label::before, .form-checkbox + .form-label::after,
    .form-radio + .form-label::before,
    .form-radio + .form-label::after {
      content: "";
      display: block;
      position: absolute;
      transition: all 50ms ease-out; }
    .form-checkbox + .form-label::before,
    .form-radio + .form-label::before {
      background-color: white;
      border: solid #cccccc;
      border-width: 1px;
      height: 1rem;
      left: 0;
      top: 0;
      width: 1rem; }
    .form-checkbox + .form-label::after,
    .form-radio + .form-label::after {
      height: 0.875rem;
      left: 1px;
      opacity: 0;
      top: 1px;
      transform: scale(0);
      width: 0.875rem; }

.form-checkbox:checked + .form-label::after,
.form-radio:checked + .form-label::after {
  opacity: 1;
  transform: scale(1); }

.form-checkbox[disabled] + .form-label,
.form-radio[disabled] + .form-label {
  cursor: default; }
  .form-checkbox[disabled] + .form-label::before,
  .form-radio[disabled] + .form-label::before {
    background-color: white; }

.form-checkbox + .form-label::before {
  border-radius: 4px; }

.form-checkbox + .form-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  color: rgba(51, 51, 51, 0.999);
  content: "";
  font-size: 0.875rem;
  line-height: 1;
  text-align: center; }

.form-radio + .form-label::before {
  border-radius: 50%; }

.form-radio + .form-label::after {
  background: rgba(51, 51, 51, 0.999);
  border: 3px solid white;
  border-radius: 0.875rem; }

/*doc
---
title: Inputs with Extras
name: 08forms_inputextras
category: Forms
parent: forms
---

Sometimes inputs need inline actions. An inline button for a search box for example.

```html_example
<div class="form-field">
    <label class="form-label" for="input9">Input with action</label>
    <input class="form-input has-action" type="search" id="input9">
    <button class="button button--icon button--inputAction">
        <span class="u-hiddenVisually">Search</span>
        <icon glyph="ic-search" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></icon>
    </button>
</div>
```
*/
.form-input.has-action {
  float: left;
  padding-right: 2.875rem; }
  .form-input.has-action + .button--inputAction {
    background: transparent;
    border: 0;
    border-radius: 0 0 0 0;
    float: left;
    height: 2.875rem;
    margin: 0.0625rem 0 0 -2.9375rem;
    width: 2.875rem; }

/*doc
---
title: Inputs with Icons
name: 09forms_inputicons
category: Forms
parent: forms
---

Sometimes inputs need to display an informative icon to convey a certain meaning, like secure.

```html_example
<div class="form-field">
    <label class="form-label" for="input99">Input with icon</label>
    <input class="form-input has-icon" type="search" id="input9">
    <icon glyph="ic-lock" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path></svg></icon>
</div>
```
*/
.form-input.has-icon {
  float: left;
  padding-right: 2.25rem; }
  .form-input.has-icon + .icon {
    height: 3rem;
    margin-left: -2.25rem;
    width: 1.25rem; }

/*doc
---
title: Form PrefixPostfix
name: 10forms_prefixpostfix
category: Forms
parent: forms
---

PrefixPostfix

```html_example
<div class="form-field">
    <label class="form-label" for="input4">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input5">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="input5" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
</div>
```

### PrefixPostfix with a button

```html_example
<div class="form-field">
    <label class="form-label" for="input6">Prefixed Button</label>
    <div class="form-prefixPostfix">
        <input class="button form-prefixPostfix-button--prefix" type="submit" value="Save">
        <input class="form-input" id="input6" type="text" placeholder="Placeholder text">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input7">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="input7" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
</div>
```
*/
.form-prefixPostfix {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .form-prefixPostfix .form-input {
    flex: 1; }
  .form-prefixPostfix .button {
    height: 3rem; }

.form-prefixPostfix-input {
  border-radius: 0 0 0 0; }

.form-prefixPostfix-label {
  background-color: white;
  border: solid #999999;
  border-width: 1px;
  flex: 1;
  font-weight: 300;
  height: 3rem;
  line-height: normal;
  max-width: 5.625rem;
  padding: 0.75rem;
  text-align: center; }

.form-prefixPostfix-label--prefix {
  border-radius: 0 0 0 0;
  border-width: 1px 0 1px 1px; }
  .form-prefixPostfix-label--prefix + .form-input {
    border-radius: 0 0 0 0; }

.form-prefixPostfix-label--postfix {
  border-radius: 0 0 0 0;
  border-width: 1px 1px 1px 0; }

.form-prefixPostfix-button--prefix {
  margin: 0 0.75rem 0 0; }

.form-prefixPostfix-button--postfix {
  margin: 0 0 0 0.75rem; }

/*doc
---
title: Form Switch
name: 11forms_switch
category: Forms
parent: forms
---

Switch

```html_example
<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">On</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">Off</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important switch--checked">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>
```
*/
.switch-checkbox {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .switch-checkbox:focus + .switch-toggle {
    border-color: #ec2726;
    box-shadow: 0 0 4px rgba(236, 39, 38, 0.4); }

.switch-toggle {
  background-color: #757575;
  border: 1px solid #757575;
  border-radius: 1.75rem;
  cursor: pointer;
  display: inline-block;
  height: 1.75rem;
  position: relative;
  transition: all 100ms ease-out;
  vertical-align: middle;
  width: 3.75rem; }
  .switch--important .switch-toggle {
    background-color: #f1a500;
    border-color: #f1a500; }
  .switch--checked .switch-toggle {
    background-color: #008a06;
    border-color: #008a06; }
  .switch--disabled .switch-toggle {
    background-color: #e5e5e5;
    border-color: #999999;
    cursor: default; }

.switch-toggle::before {
  background: white;
  border-radius: 1.25003rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.25003rem;
  left: 0.18749rem;
  position: absolute;
  top: 0.18749rem;
  transition: all 100ms ease-out;
  width: 1.25003rem; }
  .switch--checked .switch-toggle::before {
    left: 2.18749rem; }

.switch-label {
  color: white;
  height: 26px;
  line-height: 1.6875;
  position: absolute;
  right: 0.375rem;
  text-transform: uppercase;
  transition: all 100ms ease-out; }
  .switch--checked .switch-label {
    font-weight: 600;
    left: 0.375rem;
    right: auto; }
  .switch--disabled .switch-label {
    color: #757575; }

.switch-label--icon.icon {
  height: 1.625rem;
  width: 1.625rem; }
  .switch-label--icon.icon svg {
    height: 1.625rem;
    width: 1.625rem;
    fill: white; }
    .switch--disabled .switch-label--icon.icon svg {
      fill: #757575; }

.switch-description--off {
  color: black;
  margin-right: 5px; }
  .switch--checked .switch-description--off {
    color: #757575; }

.switch-description--on {
  color: #757575;
  margin-left: 5px; }
  .switch--checked .switch-description--on {
    color: black; }

.switch-ariaDescription {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*doc
---
title: Form Actions
name: 14forms_actions
category: Forms
parent: forms
---

Forms require actions to submit or cancel (or what ever action a user should perform).
Form actions come in 2 flavours; normal and fixed.

```html_example
<div class="form-actions">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```

### Form Actions --fixed

```html_example
<div class="form-actions form-actions--fixed">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```
*/
.form-actions {
  background: none;
  border: 0;
  text-align: center; }
  @media (min-width: 481px) {
    .form-actions {
      text-align: left; } }

.form-actions > * {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%; }
  @media (min-width: 481px) {
    .form-actions > * {
      vertical-align: baseline;
      width: auto; } }

@media (min-width: 481px) {
  .form-actions--fixed {
    background: white;
    border-top: 1px solid #999999;
    bottom: 0;
    left: 0;
    padding: 1.5rem 2rem;
    position: fixed;
    right: 0;
    text-align: right;
    z-index: 20; } }

/*doc
---
title: Form Errors
name: 12forms_errors
category: Forms
parent: forms
---

Form inline errors

```html_example
<div class="form-field form-field--success">
    <label class="form-label" for="valid_simple">Valid field</label>
    <input class="form-input" id="valid_simple" type="text" value="Some Valid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-check-circle" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg></icon>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_simple">Invalid field</label>
    <input class="form-input" id="invalid_simple" type="text" value="Some Invalid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_simple">
                This is not a valid email address
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--warning">
    <label class="form-label" for="warning_simple">Warning field</label>
    <input class="form-input" id="warning_simple" type="text" value="Text that generated a Warning">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="warning_simple">
                Did you mean…
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_select">Select label</label>
    <select class="form-select" name="invalid_select" id="invalid_select">
        <option value="Please select a value">Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_select">
                You must select a value
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Checkbox label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check1">
    <label class="form-label" for="invalid_check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check2">
    <label class="form-label" for="invalid_check2">Checkbox 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select one or more
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Radio label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio1">
    <label class="form-label" for="invalid_radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio2">
    <label class="form-label" for="invalid_radio2">Radio 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select an option
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_prefix">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="invalid_prefix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
        <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_prefix">
                Please input a dollar amount
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="invalid_postfix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix">
                Please enter the weight in kilograms
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix_button">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="invalid_postfix_button" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                This is a really long error message to give alot
                more detail to the user about what is wrong with this field.
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                Something else was wrong
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                You really messed up here
            </label>
        </li>
    </ul>
</div>
```
*/
.form-input-indicator {
  height: 1.375rem;
  width: 1.375rem;
  float: left;
  margin: 0 0 0 -1.875rem;
  position: relative;
  top: 0.625rem; }
  .form-prefixPostfix .form-input-indicator {
    top: 0; }
  .form-input-indicator > svg {
    fill: #008a06; }

.form-field-errors {
  list-style: none;
  margin-left: 0;
  margin-left: 0;
  clear: both;
  margin-bottom: 0;
  margin-top: 0.1875rem; }
  .form-field-errors ul,
  .form-field-errors ol {
    list-style: none;
    margin-bottom: 0; }

.form-inlineMessage {
  display: inline-block;
  line-height: 24px;
  margin: 0.375rem 0 -0.5rem;
  width: 100%; }

.form-field--success .form-input,
.form-field--error .form-input,
.form-field--warning .form-input {
  float: left; }

.form-field--success .form-input,
.form-field--success .form-select,
.form-field--success .form-checkbox + .form-label::before,
.form-field--success .form-radio + .form-label::before,
.form-field--success .form-prefixPostfix-label {
  border-color: #008a06; }

.form-field--success .form-field-error,
.form-field--success .form-inlineMessage {
  color: #008a06; }

.form-field--success .form-input-indicator > svg {
  fill: #008a06; }

.form-field--error .form-input,
.form-field--error .form-select,
.form-field--error .form-checkbox + .form-label::before,
.form-field--error .form-radio + .form-label::before,
.form-field--error .form-prefixPostfix-label {
  border-color: #cc4749; }

.form-field--error .form-field-error,
.form-field--error .form-inlineMessage {
  color: #cc4749; }

.form-field--error .form-input-indicator > svg {
  fill: #cc4749; }

.form-field--warning .form-input,
.form-field--warning .form-select,
.form-field--warning .form-checkbox + .form-label::before,
.form-field--warning .form-radio + .form-label::before,
.form-field--warning .form-prefixPostfix-label {
  border-color: #f1a500; }

.form-field--warning .form-field-error,
.form-field--warning .form-inlineMessage {
  color: #f1a500; }

.form-field--warning .form-input-indicator > svg {
  fill: #f1a500; }

/*doc
---
title: Panels
name: panel
category: Components
---

Panels are a simple container which is relatively positioned within the document which helps you section
your content. Panels may also have a header, which contains a related title to describe the contents.

```sass_file_example
src/settings/foundation/panels/_settings.scss
```
```html_example
<div class="panel">
    <div class="panel-header">
        <h2 class="panel-title">Panel Title</h2>
    </div>
    <div class="panel-body">
        <h2>Some Panel Content</h2>
        <p>Should be able to handle any type of content.</p>
    </div>
</div>
```
*/
.panel {
  position: relative; }

.panel-header {
  background-color: #e5e5e5;
  margin: 0;
  padding: 1.5rem 2rem 0; }

.panel-title {
  line-height: 1.5;
  margin: 0; }

.panel-body {
  margin-bottom: 1.5rem;
  padding: 1rem 2rem 1.5rem;
  background: #e5e5e5; }
  .panel-body > :first-child {
    margin-top: 0; }
  .panel-body > :last-child {
    margin-bottom: 0; }
  .panel-body > :last-child {
    margin-bottom: 0; }

.breadcrumbs {
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden; }

.breadcrumb {
  color: #757575;
  float: left;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  line-height: 1.5; }
  .breadcrumb a {
    color: #757575; }
  .breadcrumb.current {
    color: #757575;
    cursor: default; }
    .breadcrumb.current a {
      color: #757575;
      cursor: default; }
    .breadcrumb.current:hover, .breadcrumb.current:hover a, .breadcrumb.current:focus, .breadcrumb.current:focus a {
      text-decoration: none; }
  .breadcrumb.unavailable {
    color: #999999; }
    .breadcrumb.unavailable a {
      color: #999999; }
    .breadcrumb.unavailable:hover,
    .breadcrumb.unavailable:hover a, .breadcrumb.unavailable:focus,
    .breadcrumb.unavailable a:focus {
      color: #999999;
      cursor: not-allowed;
      text-decoration: none; }
  .breadcrumb:before {
    color: #757575;
    content: "/";
    margin: 0;
    position: relative;
    top: 1px; }
  .breadcrumb:first-child:before {
    content: " ";
    margin: 0; }
  .breadcrumb::before {
    margin: 0 0.5rem; }
    @media (min-width: 481px) {
      .breadcrumb::before {
        margin: 0 0.5rem; } }

.breadcrumb-label {
  cursor: pointer; }
  .breadcrumb-label:hover {
    color: #333333;
    text-decoration: none; }
  .breadcrumb.is-active > .breadcrumb-label {
    color: #757575;
    cursor: default; }
  .breadcrumb.is-unavailable > .breadcrumb-label {
    color: #999999;
    cursor: default; }

.tabs {
  border-bottom: 1px solid #e5e5e5;
  margin: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }

.tab {
  border-bottom: white;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 551px) {
    .tab {
      float: left; } }

.tab-title {
  color: #757575;
  display: block;
  font-size: 16px;
  padding: 0.75rem 1.5rem; }
  .tab-title:hover {
    color: black; }

.tab.is-active .tab-title {
  color: black;
  font-weight: 700; }

@media (min-width: 551px) {
  .tabs--vertical {
    border-bottom: 0;
    float: left;
    margin: 0 0 1.5rem;
    max-width: 20%;
    width: 20%; } }

.tabs--vertical .tab {
  float: none; }

.tabs-contents {
  margin-bottom: 1.5rem; }
  .tabs-contents:before, .tabs-contents:after {
    content: " ";
    display: table; }
  .tabs-contents:after {
    clear: both; }

@media (min-width: 551px) {
  .tabs-contents--vertical {
    float: left;
    max-width: 80%;
    padding-left: 1.5rem;
    width: 80%; }
    .tabs-contents--vertical > .tab-content {
      padding: 0 1.5rem; } }

.tab-content {
  display: none;
  padding: 1.5rem 0; }
  .tab-content.is-active {
    display: block; }

.no-js .tab-content {
  display: block;
  float: none; }

/*doc
---
title: Navigation
name: nav
category: Components
---

The navigation pattern holds a list of links wrapped in a navigation element. The links can help you navigate
the document, or the information architecture. Each link should modify the URL in some way.

```sass_file_example
src/settings/bigcommerce/nav/_settings.scss
```
We generate our own navigation abstractions through a `nav()` mixin. The mixin works as follows:

```scss_example
nav($style: "navBar", $wrapper: "nav")
```
Where:

 - `$style` - The type of navigation (a bar or list)
 - `$wrapper` - The wrapper of the navigation (usually nav, ul or ol)

There is also a `nav-action()` mixin, which when used will set the styles for any actionable items in your navigation list.

```scss_example
nav-action($color, $fontFamily, $fontSize, $padding)
```

*/
/*doc
---
title: Navigation Bar
name: navBar
parent: nav
category: Components
---

The Navigation Bar is a horizontal navigation component, useful for page navigation or any other primary content navigation.

```html_example
<nav class="navBar navBar--internal">
    <ul class="navBar-section">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 1</a>
        </li>
        <li class="navBar-item is-active">
            <a class="navBar-action" href="#">Item 2</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 3</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 4</a>
        </li>
    </ul>
    <ul class="navBar-section navBar-section--alt">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 5</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 6</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 7</a>
        </li>
    </ul>
</nav>
```

You can create a navigation bar abstraction with the following mixin:

```scss_example
.pageNavigation {
    @include nav("navBar", "nav");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

*/
.navBar:before, .navBar:after {
  content: " ";
  display: table; }

.navBar:after {
  clear: both; }

.navBar ul,
.navBar ol {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0; }
  .navBar ul ul,
  .navBar ul ol,
  .navBar ol ul,
  .navBar ol ol {
    list-style: none;
    margin-bottom: 0; }
  .navBar ul li,
  .navBar ol li {
    margin: 0;
    padding: 0; }

.navBar-section {
  float: left; }
  .navBar-section:before, .navBar-section:after {
    content: " ";
    display: table; }
  .navBar-section:after {
    clear: both; }

.navBar-section--alt {
  float: right;
  margin-left: 1.5rem; }

.navBar-section + .navBar-section {
  margin-left: 1.5rem; }

@media (min-width: 551px) {
  .navBar-item {
    float: left; } }

.navBar-item, .navBar-action {
  display: block; }

.navBar-action {
  color: black;
  font-size: 16px;
  padding: 0.75rem; }

/*doc
---
title: Navigation List
name: navList
parent: nav
category: Components
---

The Navigation List is a vertical navigation component, useful for secondary navigation like a list of child pages.

```html_example
<nav class="navList navList--aside">
    <ul class="navList-section">
        <li class="navList-item">
            <a class="navList-action" href="#">Item 1</a>
        </li>
        <li class="navList-item is-active">
            <a class="navList-action" href="#">Item 2</a>
            <ul class="navList-subSection">
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 1</a>
                </li>
                <li class="navList-item is-active">
                    <a class="navList-action" href="#">Sub-item 2</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 3</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 4</a>
                </li>
            </ul>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 3</a>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 4</a>
        </li>
    </ul>
</nav>
```

You can create a navigation list abstraction with the following mixin:

```scss_example
.subPagesList {
    @include nav("navList", "ul");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

*/
.navList:before, .navList:after {
  content: " ";
  display: table; }

.navList:after {
  clear: both; }

.navList ul,
.navList ol {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0; }
  .navList ul ul,
  .navList ul ol,
  .navList ol ul,
  .navList ol ol {
    list-style: none;
    margin-bottom: 0; }
  .navList ul li,
  .navList ol li {
    margin: 0;
    padding: 0; }

.navList-section:before, .navList-section:after {
  content: " ";
  display: table; }

.navList-section:after {
  clear: both; }

.navList-section--alt {
  float: right;
  margin-left: 1.5rem; }

.navList-section + .navList-section {
  margin-top: 1.5rem; }

.navList-item, .navList-action {
  display: block; }

.navList-action {
  color: black;
  font-size: 16px;
  padding: 0.1875rem 0; }

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: #757575;
    font-size: 1rem;
    margin-left: 0.375rem; }
    .pagination-list li a, .pagination-list li button {
      border-radius: 4px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #757575;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.3125rem 0.5rem; }
  .pagination-list li {
    display: block; }

li.pagination-item {
  cursor: pointer; }
  li.pagination-item:first-child {
    margin-left: 0; }
  li.pagination-item a:hover {
    color: black; }

li.pagination-item--current a, li.pagination-item--current button {
  color: black;
  cursor: default; }

/*doc
---
title: Alerts
name: alerts
category: Components
---

Alerts can be used to inform users about the actions they perform, whether it's a successful message, a warning, error, or just information.
They can be displayed at a page level or inside a specific container. They will take the full width of their containers.

```sass_file_example
src/settings/foundation/alerts/_settings.scss
```

The alert box consists of three `alertBox-column`s: The `alertBox-icon` which contains the icon for the type of alert,
the `alertBox-message` which can contain the heading and text for the alert message, and `alertBox-close` which holds the close button.
You can set the vertical alignment of the columns in the setting variables.

```html_example
<div class="alertBox">
    <div class="alertBox-column alertBox-icon">
        <icon class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path>
            </svg>
        </icon>
    </div>
    <div class="alertBox-column alertBox-message">
        <span>Generic alert</span>
    </div>
    <a class="alertBox-column alertBox-close" tabindex="0" href="#">
        <icon glyph="ic-close" class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
            </svg>
        </icon>
    </a>
</div>
```
*/
.alertBox {
  border-style: none;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  padding: 0.75rem 1.125rem 0.75rem 1.125rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: white; }
  .alertBox .icon {
    height: 1.25rem;
    width: 1.25rem; }
  .alertBox .button {
    margin: 0 0 0 0.75rem; }

.alertBox--info {
  background-color: #666666;
  border-color: #666666;
  color: #333333; }
  .alertBox--info svg {
    fill: #dfdfdf; }

.alertBox--success {
  background-color: #d5ffd8;
  border-color: #d5ffd8;
  color: white; }
  .alertBox--success svg {
    fill: #008a06; }

.alertBox--warning {
  background-color: #fffdea;
  border-color: #fffdea;
  color: white; }
  .alertBox--warning svg {
    fill: #f1a500; }

.alertBox--error {
  background-color: #ffdddd;
  border-color: #ffdddd;
  color: white; }
  .alertBox--error svg {
    fill: #cc4749; }

.alertBox-column {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.alertBox-icon {
  padding-right: 1.125rem; }

.alertBox-message {
  margin: 0;
  text-align: left;
  width: 100%; }

.alertBox-heading {
  margin: 0; }

.alertBox-close {
  cursor: pointer;
  padding-left: 1.125rem; }
  .alertBox-close .icon {
    height: 1.25rem;
    width: 1.25rem; }
  .alertBox-close svg {
    fill: #999999; }

/*doc
---
title: Accordion
name: accordion
category: Components
---
```html_example
<section class="accordion">
    <article heading="Dynamic Group Header - 1" class="is-open">
        <h2 class="accordion-navigation is-open">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 1
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
        <div class="accordion-content is-open">
            Dynamic Group Body - 1
        </div>
    </article>
    <article heading="Dynamic Group Header - 2">
        <h2 class="accordion-navigation">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 2
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
<article heading="Dynamic Group Header - 3">
        <h2 class="accordion-navigation accordion-navigation--error">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 3
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
</section>
```

```sass_file_example
src/settings/foundation/accordion/_settings.scss
```
*/
.accordion {
  margin-bottom: 0;
  border: #e5e5e5 solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin: 0 0 1.5rem; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }

.accordion-navigation {
  display: block;
  margin-bottom: 0 !important;
  border: #e5e5e5 solid;
  border-width: 1px 0;
  cursor: pointer; }
  .accordion-navigation.is-open > a {
    background: white;
    color: black; }
  .accordion-navigation > a {
    background: white;
    color: black;
    padding: 1.875rem;
    display: block;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 1rem; }
    .accordion-navigation > a:hover {
      background: #e5e5e5; }
  .accordion-navigation .accordion-title {
    padding: 1.5rem 1.875rem; }

.accordion-title {
  font-weight: 700;
  line-height: 24px; }

.accordion-content {
  display: none;
  padding: 2rem;
  border: #e5e5e5 solid;
  border-width: 0 0 1px; }
  .accordion-content.is-open {
    display: block; }

.accordion-navigation--success .accordion-title,
.accordion-navigation--success.is-open > a {
  color: #008a06; }

.accordion-navigation--error .accordion-title,
.accordion-navigation--error.is-open > a {
  color: #cc4749; }

.accordion-navigation--warning .accordion-title,
.accordion-navigation--warning.is-open > a {
  color: #f1a500; }

body.has-activeModal {
  overflow: hidden; }

.modal-background {
  background: black;
  background: rgba(51, 51, 51, 0.95);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }
  .has-activeModal .modal-background {
    display: block; }

.modal {
  border-radius: 0;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: white;
  padding: 2.25rem 2.25rem;
  border: solid 0 #e5e5e5;
  box-shadow: none;
  max-height: 80%;
  overflow: auto;
  position: fixed; }
  @media only screen and (max-width: 551px) {
    .modal {
      min-height: 100vh; } }
  .modal .column, .modal .columns {
    min-width: 0; }
  .modal > :first-child {
    margin-top: 0; }
  .modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 551px) {
    .modal {
      left: 0;
      margin: 0 auto;
      max-width: 80%;
      right: 0;
      width: 900px; } }
  @media only screen and (min-width: 551px) {
    .modal {
      top: 50% !important; } }
  @media (min-width: 551px) {
    .modal {
      transform: translateY(-50%); } }

.modal--large {
  max-height: 90%;
  width: 1280px; }

.modal--small {
  width: 500px; }

.modal-header {
  border-bottom: 1px solid #e5e5e5;
  padding: 1rem 0;
  position: relative; }

.modal-header-title {
  margin: 0; }

.modal-body {
  padding: 3rem 0; }
  .modal-body > :last-child {
    margin-bottom: 0; }

.modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 0.75rem 1.5rem;
  text-align: center; }
  @media (min-width: 481px) {
    .modal-footer {
      text-align: right; } }
  .modal-footer .button {
    display: block; }
    @media (min-width: 481px) {
      .modal-footer .button {
        display: inline-block;
        margin-bottom: 0; } }

.modal-footer-link {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 0.75rem; }
  @media (min-width: 481px) {
    .modal-footer-link {
      display: inline;
      margin: 1.5rem; } }

.modal-close {
  color: #444444;
  cursor: pointer;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 1.05rem;
  right: 0.75rem;
  transform: translateY(none); }
  .modal-close .icon {
    height: 1.25rem;
    width: 1.25rem; }

@media print {
  .modal {
    background: #FFFFFF !important;
    display: none; } }

.loadingNotification {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 3rem;
  transform: translateX(-50%);
  transform-style: preserve-3d;
  transition: all 200ms ease-out;
  z-index: 500; }
  .loadingNotification.ng-hide-remove, .loadingNotification.ng-hide-add-active {
    opacity: 0;
    top: 3.6rem;
    transform: scale(0.9) translateX(-50%); }
  .loadingNotification.ng-hide-remove-active {
    opacity: 1;
    top: 3rem;
    transform: scale(1) translateX(-50%); }

.loadingNotification-label {
  background: #444444;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 16px;
  padding: 0.375rem 0.75rem; }

.loadingOverlay-container {
  min-height: 120px;
  position: relative; }

.loadingOverlay {
  background: rgba(51, 51, 51, 0.9);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 250ms ease-out;
  width: 100%; }
  .loadingOverlay::before {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 2.5rem;
    border: solid 2px;
    border-color: white white #999999 #999999;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-style: preserve-3d;
    animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); }
  .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active {
    opacity: 0; }
  .loadingOverlay.ng-leave, .loadingOverlay.ng-enter.ng-enter-active {
    opacity: 1; }

@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg); }
  100% {
    transform: translateY(-50%) rotate(360deg); } }

/*doc
---
title: ActionBar
name: action_bar
category: Patterns
---
```html_example
<div class="actionBar">
    <div class="actionBar-section">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <input class="form-input has-action" type="search" placeholder="Search">
                <button class="button button--icon button--inputAction">
                    <span class="is-srOnly">Search</span>
                    <icon glyph="ic-search"></icon>
                </button>
            </div>
            <a href="#" class="actionBar-item">Advanced</a>
        </fieldset>
    </div>
    <div class="actionBar-section actionBar-section--alt">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <div class="buttonGroup">
                    <button class="button">
                        All
                    </button>
                    <button class="button">
                        Free
                    </button>
                    <button class="button">
                        Paid
                    </button>
                </div>
            </div>
            <div class="actionBar-item form-field">
                <label class="form-label" for="select1">Sort by</label>
                <select class="form-select" name="select1" id="select1">
                    <option value="1">Popular</option>
                    <option value="2">Newest</option>
                </select>
            </div>
        </fieldset>
    </div>
</div>
```

```sass_file_example
src/settings/bigcommerce/actionBar/_settings.scss
```
*/
.actionBar {
  margin: 1.5rem 0; }
  .actionBar:before, .actionBar:after {
    content: " ";
    display: table; }
  .actionBar:after {
    clear: both; }
  .actionBar .button {
    margin-bottom: 0; }
  .actionBar .buttonGroup {
    vertical-align: middle; }

.actionBar-link {
  display: block;
  padding: 0.75rem 0; }

.actionBar-section:before, .actionBar-section:after {
  content: " ";
  display: table; }

.actionBar-section:after {
  clear: both; }

@media (min-width: 551px) {
  .actionBar-section {
    float: left; }
    .actionBar-section .form-label {
      display: inline-block;
      margin: 0 0.375rem 0 0; }
    .actionBar-section .form-select,
    .actionBar-section .form-input {
      display: inline-block;
      width: 12.5rem; } }

@media (min-width: 551px) {
  .actionBar-section--alt {
    float: right; } }

.actionBar-item {
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    .actionBar-item {
      display: inline-block;
      margin-bottom: 0;
      margin-right: 1.5rem;
      vertical-align: middle; }
      .actionBar-item:last-child {
        margin-right: 0; } }

/*doc
---
title: Cards
name: cards
category: Components
---

Cards are a typical component consisting of a figure and a short snippet of descriptive text.
This could include a heading and a caption or definition, and perhaps a call to action
or other actionable functions.

```sass_file_example
src/settings/bigcommerce/cards/_settings.scss
```
```html_example
<article class="card">
    <figure class="card-figure">
        <img class="card-image" src="http://lorempixel.com/960/360/sports/" alt="Example card image">
        <figcaption class="card-figcaption">
            <a class="card-figcaption-action" href="#">
                <div class="card-figcaption-body">
                    <span class="button card-figcaption-button">Learn more</span>
                </div>
            </a>
        </figcaption>
    </figure>
    <div class="card-body">
        <h2 class="card-title">20% Off First Design Project</h2>
        <h3 class="card-subTitle">Custom Designs</h3>
        <p class="card-text">
            Be seen by customers at the very moment that
            they are searching on Google for the things you offer.
        </p>
    </div>
</article>
```
*/
.card {
  background-color: transparent;
  margin-bottom: 3rem;
  padding: 0 0; }

.card-figure {
  background-color: white;
  margin-bottom: 0;
  padding: 0 0;
  position: relative; }

.card-image {
  border: 1px solid #999999;
  width: 100%; }

.card-figcaption {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }
  .card-figcaption:hover {
    opacity: 1; }

.card-figcaption-action {
  display: block;
  height: 100%; }

.card-figcaption-body {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transform-style: preserve-3d; }
  .card-figcaption-body > :first-child {
    margin-top: 0; }
  .card-figcaption-body > :last-child {
    margin-bottom: 0; }
  .card-figcaption-body .card-text {
    color: #757575; }

.card-figcaption-button {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333; }
  .card-figcaption-button:hover {
    background-color: white;
    color: #333333; }

.card-body {
  padding: 0.75rem 0 0; }
  .card-body > :first-child {
    margin-top: 0; }
  .card-body > :last-child {
    margin-bottom: 0; }
  .card-body .card-text {
    color: #757575; }

.card-surTitle {
  float: right;
  margin-left: 1.5rem;
  max-width: 40%;
  text-align: right; }

.card-footer {
  background-color: transparent;
  margin: 0; }
  .card-footer:before, .card-footer:after {
    content: " ";
    display: table; }
  .card-footer:after {
    clear: both; }

.card-button {
  margin-bottom: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.8; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.6; }
  .slick-prev:before,
  .slick-next:before {
    font-family: inherit;
    font-size: 20px;
    line-height: 1;
    color: #999999;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.8; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: inherit;
        font-size: 60px;
        line-height: 20px;
        text-align: center;
        color: #333333;
        opacity: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #757575;
      opacity: 1; }

.slick-next,
.slick-prev {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 1px solid white;
  height: 3.8125rem;
  margin-top: -0.9375rem;
  padding: 0.625rem;
  width: 2.5rem; }
  .slick-next::before,
  .slick-prev::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 2.5625rem;
    width: 1.25rem; }
  .slick-next:hover, .slick-next:focus,
  .slick-prev:hover,
  .slick-prev:focus {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%; }

.slick-next {
  right: -10px; }
  @media (min-width: 1261px) {
    .slick-next {
      right: -3.375rem; } }
  .slick-next::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }
  .slick-next:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS40NTY3OSAxLjAwNzQ2MTQ3bDIxIDIwLjAyNDgyMTQzTDEuNTA4ODUgNDEuMDA3NDYxNSIgc3Ryb2tlPSIjOTg5ODk4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); }

.slick-prev {
  left: -15px; }
  @media (min-width: 1261px) {
    .slick-prev {
      left: -3.375rem; } }
  .slick-prev::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }
  .slick-prev:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNDU3MjA3NCAxLjAwNzQ2MTQ3bC0yMSAyMC4wMjQ4MjE0MyAyMC45NDc5Mzk3IDE5Ljk3NTE3ODYiIHN0cm9rZT0iIzk4OTg5OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); }

.slick-slide img {
  display: block;
  width: 100%; }

.slick-dots {
  margin: 0; }
  .slick-dots li {
    height: 2rem;
    width: 2rem;
    margin: 0;
    padding: 0.3125rem; }
    .slick-dots li button,
    .slick-dots li button::before {
      height: 0.9375rem;
      width: 0.9375rem;
      border-radius: 50%; }
    .slick-dots li button {
      border: 1px solid #333333;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      text-align: center;
      vertical-align: middle; }
      .slick-dots li button:hover::before {
        background: #333333; }
    .slick-dots li button::before {
      display: block;
      left: -1px;
      top: -1px;
      transition: background 100ms ease-out; }
    .slick-dots li.slick-active button::before {
      background: #757575; }

.productView .slick-dots {
  position: relative; }

.slick-disabled {
  cursor: default;
  opacity: 0.1; }

.slick-track {
  backface-visibility: hidden;
  perspective: 1000px; }

div.slick-slider {
  width: 1px;
  min-width: 100%;
  width: 100%; }

.slick-slider__slider-container {
  position: relative; }
  .slick-slider__slider-container .slick-slider__slider {
    position: relative;
    padding-top: 3rem;
    margin-top: -3rem;
    margin-left: 0; }
    .brands-item-products .slick-slider__slider-container .slick-slider__slider {
      margin-top: 0; }
  .slick-slider__slider-container .slick-track {
    align-items: flex-start;
    margin-left: 0;
    justify-content: flex-start; }
  .slick-slider__slider-container .slick-list {
    margin: 0 -8px;
    padding: 0 10% 0 0; }
  .slick-slider__slider-container .slick-slider__slide {
    margin: 0 8px;
    opacity: 0; }
  .slick-slider__slider-container .slick-slider__slider.slick-initialized .slick-slide {
    opacity: 1; }
  .slick-slider__slider-container .slick__arrows {
    position: absolute;
    top: 0;
    right: 0;
    display: none; }
    @media (min-width: 551px) {
      .slick-slider__slider-container .slick__arrows {
        height: 1.5rem;
        width: 100%;
        left: 0;
        right: auto;
        text-align: right;
        display: block;
        padding-right: 2rem; } }
    .slick-slider__slider-container .slick__arrows svg {
      width: 24px;
      height: 24px;
      fill: #ec2726;
      stroke: #ec2726; }
    @media (min-width: 1441px) {
      .slick-slider__slider-container .slick__arrows {
        display: block;
        padding-right: 0; } }

.nanobar {
  display: none;
  width: 100%;
  height: 0.3125rem;
  z-index: 9999;
  top: 0;
  pointer-events: none;
  user-select: none; }
  .nanobar .bar {
    width: 0;
    height: 100%;
    transition: height .1s;
    background-color: #999999; }

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9; }
  .swal2-popup.swal2-toast .swal2-header {
    flex-direction: row;
    padding: 0; }
  .swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 0.6em;
    font-size: 1em; }
  .swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: 0.8em; }
  .swal2-popup.swal2-toast .swal2-close {
    position: static;
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8; }
  .swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    padding: 0;
    font-size: 1em; }
  .swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0; }
    .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
      display: flex;
      align-items: center;
      font-size: 1.8em;
      font-weight: bold; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
          font-size: .25em; } }
    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
      width: 2em;
      height: 2em; }
    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
      top: .875em;
      width: 1.375em; }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: .3125em; }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: .3125em; }
  .swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em; }
  .swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em; }
    .swal2-popup.swal2-toast .swal2-styled:focus {
      box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); }
  .swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86; }
    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
      position: absolute;
      width: 1.6em;
      height: 3em;
      transform: rotate(45deg);
      border-radius: 50%; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
        top: -.8em;
        left: -.5em;
        transform: rotate(-45deg);
        transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        top: -.25em;
        left: .9375em;
        transform-origin: 0 1.5em;
        border-radius: 0 4em 4em 0; }
    .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
      width: 2em;
      height: 2em; }
    .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
      top: 0;
      left: .4375em;
      width: .4375em;
      height: 2.6875em; }
    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
      height: .3125em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
        top: 1.125em;
        left: .1875em;
        width: .75em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
        top: .9375em;
        right: .1875em;
        width: 1.375em; }
    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
      animation: swal2-toast-animate-success-line-tip .75s; }
    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
      animation: swal2-toast-animate-success-line-long .75s; }
  .swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show 0.5s; }
  .swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide 0.1s forwards; }

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch; }
  .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, 0.4); }
  .swal2-container.swal2-backdrop-hide {
    background: transparent !important; }
  .swal2-container.swal2-top {
    align-items: flex-start; }
  .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
  .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
  .swal2-container.swal2-center {
    align-items: center; }
  .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
    align-items: center;
    justify-content: flex-start; }
  .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end; }
  .swal2-container.swal2-bottom {
    align-items: flex-end; }
  .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
  .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
  .swal2-container.swal2-bottom > :first-child,
  .swal2-container.swal2-bottom-start > :first-child,
  .swal2-container.swal2-bottom-left > :first-child,
  .swal2-container.swal2-bottom-end > :first-child,
  .swal2-container.swal2-bottom-right > :first-child {
    margin-top: auto; }
  .swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center; }
  .swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center; }
  .swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column; }
    .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
      align-items: center; }
    .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
      align-items: flex-start; }
    .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
      align-items: flex-end; }
    .swal2-container.swal2-grow-column > .swal2-modal {
      display: flex !important;
      flex: 1;
      align-content: center;
      justify-content: center; }
  .swal2-container.swal2-no-transition {
    transition: none !important; }
  .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
      margin: 0 !important; } }

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 0.3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1rem; }
  .swal2-popup:focus {
    outline: none; }
  .swal2-popup.swal2-loading {
    overflow-y: hidden; }

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8em; }

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word; }

.swal2-actions {
  display: flex;
  z-index: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0; }
  .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4; }
  .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
  .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
  .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent !important;
    color: transparent !important;
    cursor: default;
    user-select: none; }
  .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px; }
  .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: 3px solid #999999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff; }

.swal2-styled {
  margin: .3125em;
  padding: .625em 2em;
  box-shadow: none;
  font-weight: 500; }
  .swal2-styled:not([disabled]) {
    cursor: pointer; }
  .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em; }
  .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em; }
  .swal2-styled:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); }
  .swal2-styled::-moz-focus-inner {
    border: 0; }

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em; }

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em; }

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2); }

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto; }

.swal2-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer; }
  .swal2-close:hover {
    transform: none;
    background: transparent;
    color: #f27474; }
  .swal2-close::-moz-focus-inner {
    border: 0; }

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0 1.6em;
  color: #545454;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word; }

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto; }

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em; }
  .swal2-input.swal2-inputerror,
  .swal2-file.swal2-inputerror,
  .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important; }
  .swal2-input:focus,
  .swal2-file:focus,
  .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: 0 0 3px #c4e6f5; }
  .swal2-input::placeholder,
  .swal2-file::placeholder,
  .swal2-textarea::placeholder {
    color: #cccccc; }

.swal2-range {
  margin: 1em auto;
  background: #fff; }
  .swal2-range input {
    width: 80%; }
  .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center; }
  .swal2-range input,
  .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em; }

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em; }
  .swal2-input[type='number'] {
    max-width: 10em; }

.swal2-file {
  background: inherit;
  font-size: 1.125em; }

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em; }

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: .375em .625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em; }

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit; }
  .swal2-radio label,
  .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em; }
  .swal2-radio input,
  .swal2-checkbox input {
    margin: 0 .4em; }

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300; }
  .swal2-validation-message::before {
    content: '!';
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center; }

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: .25em solid transparent;
  border-radius: 50%;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none; }
  .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em; }
  .swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474; }
    .swal2-icon.swal2-error .swal2-x-mark {
      position: relative;
      flex-grow: 1; }
    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
      display: block;
      position: absolute;
      top: 2.3125em;
      width: 2.9375em;
      height: .3125em;
      border-radius: .125em;
      background-color: #f27474; }
      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: 1.0625em;
        transform: rotate(45deg); }
      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: 1em;
        transform: rotate(-45deg); }
    .swal2-icon.swal2-error.swal2-icon-show {
      animation: swal2-animate-error-icon .5s; }
      .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
        animation: swal2-animate-error-x-mark .5s; }
  .swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86; }
  .swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee; }
  .swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd; }
  .swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86; }
    .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
      position: absolute;
      width: 3.75em;
      height: 7.5em;
      transform: rotate(45deg);
      border-radius: 50%; }
      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
        top: -.4375em;
        left: -2.0635em;
        transform: rotate(-45deg);
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em; }
      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        top: -.6875em;
        left: 1.875em;
        transform: rotate(-45deg);
        transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0; }
    .swal2-icon.swal2-success .swal2-success-ring {
      position: absolute;
      z-index: 2;
      top: -.25em;
      left: -.25em;
      box-sizing: content-box;
      width: 100%;
      height: 100%;
      border: 0.25em solid rgba(165, 220, 134, 0.3);
      border-radius: 50%; }
    .swal2-icon.swal2-success .swal2-success-fix {
      position: absolute;
      z-index: 1;
      top: .5em;
      left: 1.625em;
      width: .4375em;
      height: 5.625em;
      transform: rotate(-45deg); }
    .swal2-icon.swal2-success [class^='swal2-success-line'] {
      display: block;
      position: absolute;
      z-index: 2;
      height: .3125em;
      border-radius: .125em;
      background-color: #a5dc86; }
      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
        top: 2.875em;
        left: .8125em;
        width: 1.5625em;
        transform: rotate(45deg); }
      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        transform: rotate(-45deg); }
    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
      animation: swal2-animate-success-line-tip .75s; }
    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
      animation: swal2-animate-success-line-long .75s; }
    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
      animation: swal2-rotate-success-circular-line 4.25s ease-in; }

.swal2-progress-steps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600; }
  .swal2-progress-steps li {
    display: inline-block;
    position: relative; }
  .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center; }
    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
      background: #3085d6; }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
        background: #add8e6;
        color: #fff; }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
        background: #add8e6; }
  .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6; }

[class^='swal2'] {
  -webkit-tap-highlight-color: transparent; }

.swal2-show {
  animation: swal2-show 0.3s; }

.swal2-hide {
  animation: swal2-hide 0.15s forwards; }

.swal2-noanimation {
  transition: none; }

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.swal2-rtl .swal2-close {
  right: auto;
  left: 0; }

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto; }

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@-moz-document url-prefix() {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4); } }

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg); }
  33% {
    transform: translateY(0) rotateZ(-2deg); }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg); }
  100% {
    transform: translateY(0) rotateZ(0deg); } }

@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0; } }

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0; }
  54% {
    top: .125em;
    left: .125em;
    width: 0; }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em; } }

@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0; }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em; }
  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em; } }

@keyframes swal2-show {
  0% {
    transform: scale(0.7); }
  45% {
    transform: scale(1.05); }
  80% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.5);
    opacity: 0; } }

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0; }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em; } }

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em; } }

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg); } }

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  80% {
    margin-top: -.375em;
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1; } }

@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    opacity: 1; } }

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden; }

body.swal2-height-auto {
  height: auto !important; }

body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important; }
  body.swal2-no-backdrop .swal2-container > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  body.swal2-no-backdrop .swal2-container.swal2-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
    top: 0;
    left: 0; }
  body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
    top: 0;
    right: 0; }
  body.swal2-no-backdrop .swal2-container.swal2-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
    bottom: 0;
    left: 0; }
  body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
    right: 0;
    bottom: 0; }

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important; }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
      display: none; }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
      position: static !important; } }

body.swal2-toast-shown .swal2-container {
  background-color: transparent; }
  body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto; }
  body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%); }
  body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }

body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch; }
  body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em; }
  body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center; }
  body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em; }
  body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em; }

.swal2-modal {
  background-color: white !important;
  border-radius: 4px;
  font-family: "Roboto", Arial, Helvetica, sans-serif; }
  .swal2-modal .swal2-title {
    color: black;
    font-size: 1.875rem; }
  .swal2-modal .swal2-content {
    color: black;
    font-size: 1.125rem; }
  .swal2-modal .swal2-file,
  .swal2-modal .swal2-input,
  .swal2-modal .swal2-textarea {
    border: 1px solid #cccccc;
    color: #666666; }
  .swal2-modal .swal2-checkbox,
  .swal2-modal .swal2-select {
    color: #666666; }
  .swal2-modal .swal2-buttonswrapper {
    margin: 25px 0 0; }
  .swal2-modal .swal2-styled {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    border-color: #cccccc;
    color: #666666;
    font-size: 1rem;
    padding: 0.875rem 2.25rem;
    border-radius: 4px;
    line-height: 1rem;
    outline: none;
    transition: all 0.15s ease;
    vertical-align: middle; }
    .swal2-modal .swal2-styled:hover, .swal2-modal .swal2-styled:focus, .swal2-modal .swal2-styled.is-active, .swal2-modal .swal2-styled.active {
      background-color: transparent;
      border-color: #999999;
      color: #333333; }
    .swal2-modal .swal2-styled:active {
      background-color: transparent;
      border: 1px solid #757575;
      color: black; }
  .swal2-modal .swal2-styled:focus {
    outline: none; }
  .swal2-modal .swal2-confirm {
    background-color: #ec2726;
    border-color: #ec2726;
    color: white; }
  .swal2-modal .swal2-confirm:focus,
  .swal2-modal .swal2-confirm:hover {
    background-color: black;
    border-color: black;
    color: white; }
  .swal2-modal .swal2-confirm:active {
    background-color: black;
    border-color: black;
    color: white; }
  .swal2-modal .swal2-cancel {
    background-color: transparent;
    border-color: #cccccc;
    color: #666666; }
  .swal2-modal .swal2-cancel:focus,
  .swal2-modal .swal2-cancel:hover {
    background-color: transparent;
    border-color: #999999;
    color: #333333; }
  .swal2-modal .swal2-cancel:active {
    background-color: transparent;
    border-color: #757575;
    color: black; }
  .swal2-modal .button + .button {
    margin-left: 0.75rem; }

.swal2-icon {
  display: flex; }

html {
  background-color: black; }

html,
body {
  height: auto; }

body {
  background-color: white;
  padding-top: 55px; }
  @media (min-width: 1023px) {
    body {
      padding-top: 0; } }

figure {
  margin-bottom: 2rem;
  margin-top: 2rem; }
  figure > figcaption {
    margin-bottom: -0.5rem; }

figcaption {
  color: #999999;
  margin-top: 0.75rem; }

body {
  font-size: 1rem;
  font-weight: 400; }

h1,
h2,
h3,
h4,
h5,
h6,
.heading--1,
.heading--2,
.heading--3,
.heading--4,
.heading--5,
.heading--6 {
  font-weight: 800;
  margin-top: 2.25rem; }

.heading--1,
.heading--2,
.heading--3,
.heading--4,
.heading--5,
.heading--6 {
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif; }

h5,
h6,
.heading--5,
.heading--6 {
  text-transform: uppercase; }

a {
  transition: color 0.15s ease; }

cite {
  line-height: 1.5;
  margin: 0.5rem 0 0; }

.page-heading {
  margin: 0 0 3rem;
  text-align: center; }

h1, .heading--1 {
  font-size: 28px; }

h2, .heading--2 {
  font-size: 25px; }

h3, .heading--3 {
  font-size: 22px; }

h4, .heading--4 {
  font-size: 20px; }

h5, .heading--5 {
  font-size: 16px; }

h6, .heading--6 {
  font-size: 12px; }

.definitionList:before, .definitionList:after {
  content: " ";
  display: table; }

.definitionList:after {
  clear: both; }

.definitionList-key {
  color: #757575;
  float: left;
  font-weight: 400;
  margin: 0 0.375rem 0 0; }

.definitionList-value {
  margin: 0; }

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='rgba(117, 117, 117, 0.999)' /%3E%3C/svg%3E");
  background-position: right 0.5625rem top 0.6875rem;
  border-radius: 4px;
  padding: 0.75rem 3rem 0.75rem 1rem; }

.form-label small {
  float: right;
  margin-top: 0.375rem; }

.form-label--inlineSmall small {
  color: #757575;
  float: none;
  font-size: inherit;
  font-weight: 400;
  margin-left: 0.375rem;
  text-transform: none; }

.table {
  margin-top: 2rem; }
  .table td + td {
    border-left: 1px solid #e5e5e5; }
  .table .table-alignCenter {
    text-align: center; }
  .table .table-alignRight {
    text-align: right; }

.table-actions {
  margin: 1.5rem;
  text-align: center; }
  .table-actions .form {
    margin-bottom: 0; }
  .table-actions .button {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
    @media (min-width: 551px) {
      .table-actions .button {
        display: inline-block;
        margin-bottom: 0;
        width: auto; } }
    @media (min-width: 551px) {
      .table-actions .button + .button {
        margin-left: 0.375rem; } }

.table--line {
  border-color: #e5e5e5;
  border-width: 0 0 1px; }
  .table--line .table-thead {
    background-color: white;
    border-color: #e5e5e5;
    border-width: 0 0 1px; }
    .table--line .table-thead tr th {
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 551px) {
        .table--line .table-thead tr th {
          text-align: center; }
          .table--line .table-thead tr th:first-child {
            text-align: left; }
          .table--line .table-thead tr th:last-child {
            text-align: right; } }
      .table--line .table-thead tr th + th {
        padding-left: 1.5rem; }
  .table--line tr {
    border-color: 1px solid #e5e5e5; }
    .table--line tr td {
      display: block;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 551px) {
        .table--line tr td {
          text-align: center; }
          .table--line tr td:first-child {
            text-align: left; }
          .table--line tr td:last-child {
            text-align: right; } }
      .table--line tr td + td {
        padding-left: 1.5rem; }
  .table--line td + td {
    border-left: 0; }

.dropdown {
  left: -9999px;
  outline: none;
  position: absolute; }

.dropdown-menu.is-loading .loadingOverlay {
  background: none;
  padding: 4.5rem 0;
  position: relative; }

.dropdown-menu.is-open {
  display: block; }

.dropdown-menu-item {
  text-align: left; }
  .dropdown-menu-item:first-child > a {
    padding-top: 0.75rem; }
  .dropdown-menu-item:last-child > a {
    padding-bottom: 1rem; }
  .dropdown-menu-item > a {
    margin: 0;
    padding: 0.25rem 1.125rem;
    text-decoration: none; }

.form-wishlist {
  position: relative; }

.dropdown-menu-button {
  width: 100%; }
  .dropdown-menu-button.is-open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .dropdown-menu-button .icon {
    float: right;
    margin-left: 10px; }

#wishlist-dropdown.is-open {
  background: transparent;
  left: auto !important;
  max-width: none !important;
  box-shadow: 0 0 64px rgba(0, 0, 0, 0.2); }
  @media (min-width: 551px) {
    #wishlist-dropdown.is-open {
      padding-right: 20px; } }
  @media (min-width: 1023px) {
    #wishlist-dropdown.is-open {
      padding-right: 0px; } }
  @media (min-width: 1261px) {
    #wishlist-dropdown.is-open {
      padding-right: 11px; } }
  #wishlist-dropdown.is-open:focus {
    outline: none; }
  #wishlist-dropdown.is-open [data-wishlist] {
    border-top: none;
    margin-bottom: 0px;
    width: 100%; }
  #wishlist-dropdown.is-open .button {
    background-color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%; }
  #wishlist-dropdown.is-open .button--has-items {
    font-weight: 700; }
  #wishlist-dropdown.is-open li:not(:last-child) .button {
    border-bottom: none;
    border-radius: 0px;
    border-top: none;
    margin-bottom: 0px; }

.modal {
  margin: 0;
  max-height: 90%;
  max-width: 95%;
  min-height: 240px;
  outline: none;
  overflow: hidden;
  padding: 0;
  left: 50%;
  top: 50% !important;
  transform: translate(-50%, -50%); }

@media (min-width: 1261px) {
  .modal--large {
    width: 1280px; } }

.modal-header {
  padding-left: 2.25rem;
  padding-right: 2.75rem; }

.modal-header-title {
  font-size: 22px;
  text-align: center; }
  @media (min-width: 1023px) {
    .modal-header-title {
      font-size: 25px; } }

.modal-close {
  height: 2rem;
  width: 2rem;
  color: #757575;
  font-size: 26px;
  line-height: 2rem;
  padding: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 50; }
  @media (min-width: 1023px) {
    .modal-close {
      font-size: 32px; } }
  .modal-close:hover {
    color: #999999; }

.modal-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 2.25rem 2.25rem; }

.modal--alert {
  background-color: white !important;
  border-radius: 4px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  padding: 40px 20px 20px 20px;
  text-align: center; }
  .modal--alert .modal-content {
    color: black;
    font-size: 1.125rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      background-color: #ec2726;
      border-color: #ec2726;
      color: white; }
    .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover {
      background-color: black;
      border-color: black;
      color: white; }
    .modal--alert .button-container .confirm:active {
      background-color: black;
      border-color: black;
      color: white; }

.breadcrumbs {
  display: none;
  font-size: 0;
  text-align: center; }
  @media (min-width: 551px) {
    .breadcrumbs {
      display: block; } }

.breadcrumb {
  display: inline-block;
  float: none; }
  .breadcrumb.is-active > .breadcrumb-label {
    cursor: text; }

.breadcrumb-label {
  text-decoration: none; }

.panel-title {
  font-size: 20px; }

.panel--large .panel-body {
  margin-bottom: 2rem;
  padding: 2rem; }

.pagination-list {
  font-size: 0;
  margin-bottom: 1.5rem;
  text-align: center; }
  .pagination-list:before, .pagination-list:after {
    content: " ";
    display: table; }
  .pagination-list:after {
    clear: both; }
  .pagination-list .pagination-item {
    display: inline-block; }

.pagination-item {
  border: 1px solid transparent;
  line-height: 1; }
  .pagination-item .pagination-link {
    text-decoration: none;
    transition: all 0.2s ease; }
    .pagination-item .pagination-link:hover {
      color: #333333; }
  .pagination-item.pagination-item--current {
    border-color: #e5e5e5;
    border-radius: 4px;
    margin: 0 0.375rem 0 0.75rem; }
  .pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a {
    color: black; }
    .pagination-item.pagination-item--previous > a:hover, .pagination-item.pagination-item--next > a:hover {
      color: #757575; }
      .pagination-item.pagination-item--previous > a:hover .icon > svg, .pagination-item.pagination-item--next > a:hover .icon > svg {
        fill: #757575; }

.pagination-item--previous .icon,
.pagination-item--next .icon {
  height: 1.25rem;
  margin-top: -0.125rem;
  width: 1.25rem; }

.pagination-item--previous {
  float: left; }
  .pagination-item--previous .icon {
    margin-left: -0.75rem; }

.pagination-item--next {
  float: right; }
  .pagination-item--next .icon {
    margin-right: -0.75rem; }

.pagination-list--small {
  position: relative; }
  .pagination-list--small .pagination-item {
    color: #757575;
    cursor: inherit;
    line-height: 1.5; }
  .pagination-list--small .pagination-link {
    padding: 0 0.375rem; }
  .pagination-list--small .pagination-item--previous,
  .pagination-list--small .pagination-item--next {
    position: absolute;
    top: 0; }
  .pagination-list--small .pagination-item--previous {
    left: 0; }
  .pagination-list--small .pagination-item--next {
    right: 0; }

.button {
  line-height: 1rem;
  transition: all 0.15s ease; }
  .button + .button {
    margin-left: 0; }
    @media (min-width: 1023px) {
      .button + .button {
        margin-left: 0.75rem; } }

.button[disabled] {
  cursor: not-allowed; }

.button--icon svg {
  fill: #757575; }

.tab {
  border-top: 1px solid #e5e5e5;
  float: none; }
  @media (min-width: 1023px) {
    .tab {
      border-top-color: white;
      float: left; } }
  .tab.is-active {
    border-left-color: white;
    border-right-color: white; }
    @media (min-width: 551px) {
      .tab.is-active {
        margin-bottom: -1px; } }
    @media (min-width: 1023px) {
      .tab.is-active {
        border: 1px solid #e5e5e5;
        border-bottom: 1px solid white; } }

.tab-title {
  padding: 1.125rem 0;
  text-align: center;
  text-decoration: none; }
  @media (min-width: 551px) {
    .tab-title {
      text-align: left; } }
  @media (min-width: 1023px) {
    .tab-title {
      padding: 0.75rem 1.5rem; } }
  @media (min-width: 1261px) {
    .tab-title {
      padding: 0.6875rem 1.125rem; } }

.tab-content.has-jsContent {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden; }
  .tab-content.has-jsContent.is-active {
    height: auto;
    overflow: visible;
    padding: 1.5rem 0;
    visibility: visible; }

@media (min-width: 551px) {
  .tab-content .productReview {
    width: 50%; } }

@media (min-width: 1023px) {
  .tab-content .productReview {
    width: 33.33333%; } }

@media (min-width: 1261px) {
  .tab-content .productReview {
    width: 50%; } }

.tab-content .productReviews {
  border-top: 0; }

.accordion {
  border-radius: 4px;
  box-shadow: none; }
  .accordion .navList {
    margin-bottom: 0; }

.accordion-content {
  border: 0; }
  .accordion-content .form:only-child {
    margin-bottom: 0; }

.accordion-title {
  margin: 0; }

.accordion-navigation {
  margin-top: -1px;
  position: relative;
  text-decoration: none; }

@media (min-width: 1023px) {
  .accordion--navList {
    border: 0; } }

@media (min-width: 1023px) {
  .sidebarBlock + .accordion--navList {
    margin-top: 2rem; } }

@media (min-width: 1023px) {
  .accordion--navList .accordion-block {
    margin-top: 2rem; } }

.accordion--navList .accordion-content {
  padding: 1rem; }
  @media (min-width: 1023px) {
    .accordion--navList .accordion-content {
      padding: 0; } }

@media (min-width: 1023px) {
  .accordion--navList .accordion-navigation {
    background-position: right 0 top 50%;
    border: 0; } }

.accordion--navList .accordion-title {
  font-weight: normal;
  padding: 1rem;
  text-decoration: none;
  text-transform: inherit; }
  @media (min-width: 1023px) {
    .accordion--navList .accordion-title {
      margin-bottom: 0.75rem;
      margin-top: 0;
      padding: 0; } }

.accordion--navList .accordion-indicator {
  fill: #999999; }

.accordion--navList .accordion-navigation-actions {
  right: 1rem;
  top: 1.1875rem; }
  @media (min-width: 1023px) {
    .accordion--navList .accordion-navigation-actions {
      right: 0;
      top: 0; } }

.accordion-block:first-child {
  margin-top: 0; }
  .accordion-block:first-child .accordion-navigation {
    border-radius: 4px 4px 0 0; }

.accordion-block:last-child .accordion-navigation,
.accordion-block:last-child .accordion-content {
  border-radius: 0 0 4px 4px; }

.accordion-block:last-child .accordion-navigation {
  border-bottom-width: 0; }
  .accordion-block:last-child .accordion-navigation.is-open {
    border-bottom-width: 1px;
    border-radius: 0; }

.accordion-navigation-actions {
  position: absolute;
  right: 1.875rem;
  top: 1.5rem; }
  .accordion-navigation-actions > a {
    color: #757575;
    vertical-align: middle; }
    .accordion-navigation-actions > a:hover {
      color: #333333; }

.inlineList--labels {
  margin-bottom: 0;
  margin-left: -0.75rem; }
  .inlineList--labels > li {
    margin-bottom: 0.75rem;
    margin-left: 0.75rem; }

.alertBox {
  border-radius: 4px;
  color: #333333; }

.alertBox-icon .icon {
  height: 1.5625rem;
  width: 1.5625rem; }

.alertBox--info {
  color: white; }
  .alertBox--info .alertBox-close svg {
    fill: #dfdfdf; }

.form--hiddenLabels .form-label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.form-inlineMessage {
  display: block; }

.form-field--error .form-input {
  float: none; }

.form-field--error .form-inlineMessage:before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(204, 71, 73, 0.999)' /%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 0.875rem;
  left: -0.125rem;
  margin-right: 0.0625rem;
  position: relative;
  top: 0.1875rem;
  width: 0.875rem; }

.form-field--success .form-input[type="text"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(0, 138, 6, 0.999)' /%3E%3C/svg%3E");
  background-position: right 0.6875rem center;
  background-repeat: no-repeat;
  padding-right: 3rem; }

.form-checkbox + .form-label:last-child,
.form-radio + .form-label:last-child {
  display: block;
  margin-bottom: -0.3125rem; }

.form-checkbox + .form-label::after,
.form-radio + .form-label::after {
  top: 0.25rem; }

.form-checkbox + .form-label::before,
.form-radio + .form-label::before {
  top: 0.1875rem; }

.form-actions {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  display: block;
  text-align: center; }
  .form-actions:before, .form-actions:after {
    content: " ";
    display: table; }
  .form-actions:after {
    clear: both; }
  @media (min-width: 551px) {
    .form-actions {
      margin-top: 1.5rem; } }
  .form-actions .button,
  .form-actions input,
  .form-actions a {
    vertical-align: top;
    width: 100%; }
    @media (min-width: 551px) {
      .form-actions .button,
      .form-actions input,
      .form-actions a {
        margin-bottom: 0;
        width: auto; } }
    .form-actions .button + .button,
    .form-actions .button + input,
    .form-actions .button + a,
    .form-actions input + .button,
    .form-actions input + input,
    .form-actions input + a,
    .form-actions a + .button,
    .form-actions a + input,
    .form-actions a + a {
      margin-top: 0.75rem; }
      @media (min-width: 551px) {
        .form-actions .button + .button,
        .form-actions .button + input,
        .form-actions .button + a,
        .form-actions input + .button,
        .form-actions input + input,
        .form-actions input + a,
        .form-actions a + .button,
        .form-actions a + input,
        .form-actions a + a {
          margin: 0 0 0 0.75rem; } }

.form-label--alternate {
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 0.5rem; }

.form-select--date {
  width: initial; }
  .form-select--date + .form-select--date {
    margin-left: 0.375rem; }

.form-select--small,
.form-select--date {
  background-position: right 0.5rem top 0.5rem;
  background-size: 1.125rem;
  font-size: 12px;
  height: 2.25rem;
  line-height: 1rem;
  max-width: 20rem;
  padding: 0.5625rem 0.75rem;
  padding-right: 2rem; }

.form-select--short {
  max-width: 6rem;
  width: 4.5rem; }

.form-file {
  margin-bottom: 0.5rem; }

.form-fileDescription {
  color: #999999;
  font-size: 12px; }

.form-field-group {
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 1.5rem; }

.form-column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 551px) {
    .form-column {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left; } }

.form-prefixPostfix.wrap {
  flex-wrap: wrap; }

.form-prefixPostfix .form-input,
.form-prefixPostfix .button {
  display: block;
  width: 100%; }

@media (min-width: 1261px) {
  .form-prefixPostfix .form-input {
    width: auto; } }

@media (min-width: 1261px) {
  .form-prefixPostfix .button {
    width: auto; } }

.form-prefixPostfix .form-inlineMessage {
  margin-bottom: 0.375rem; }
  @media (min-width: 1261px) {
    .form-prefixPostfix .form-inlineMessage {
      margin-bottom: 0; } }

.form-prefixPostfix-button--postfix {
  margin: 0.75rem 0 0;
  order: 1; }
  @media (min-width: 1261px) {
    .form-prefixPostfix-button--postfix {
      margin: 0 0 0 0.75rem;
      order: 0; } }

.form-increment .button {
  margin: 0;
  padding: 0.1875rem 0.3125rem; }

.form-input--incrementTotal {
  border: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 2.1875rem; }

.form-option {
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 1px;
  transition: all 0.15s ease; }
  .form-option:hover {
    border-color: #999999; }
  .form-radio:checked + .form-option {
    border-color: #333333;
    box-shadow: 0 0 0 1px #333333; }

.form-option-variant {
  display: inline-block;
  font-size: 1rem;
  min-width: 2.375rem;
  padding: 1px 0.375rem;
  pointer-events: none;
  text-align: center; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 1.375rem;
  width: 1.375rem;
  min-width: initial;
  padding: 0; }
  @media (min-width: 551px) {
    .form-option-variant--color,
    .form-option-variant--pattern {
      pointer-events: inherit; } }

.form-option-variant--pattern {
  background-position: center;
  background-repeat: no-repeat; }

.form-input--small {
  font-size: 12px;
  height: 2.25rem;
  line-height: 1rem;
  padding: 0.5625rem 0.75rem; }

.form-minMaxRow {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  .form-minMaxRow:before, .form-minMaxRow:after {
    content: " ";
    display: table; }
  .form-minMaxRow:after {
    clear: both; }
  .form-minMaxRow .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 33.33333%;
    float: left;
    margin-bottom: 0;
    padding-left: 0.375rem;
    padding-right: 0.375rem; }
  .form-minMaxRow .button {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }

@media (min-width: 551px) {
  .form-row--half > .form-field:nth-child(odd) {
    clear: left; } }

[data-product-attribute] .form-option {
  overflow: hidden;
  position: relative; }
  [data-product-attribute] .form-option.unavailable {
    background-color: #ddd;
    opacity: 0.3; }
    [data-product-attribute] .form-option.unavailable:before {
      background-color: #000;
      content: "";
      height: 2px;
      left: -5px;
      position: absolute;
      top: 11px;
      transform: rotate(-45deg);
      width: 141%; }

[data-product-attribute="set-radio"] .unavailable,
[data-product-attribute="product-list"] .unavailable {
  opacity: 0.6;
  text-decoration: line-through; }

.card-figure {
  margin-top: 0;
  position: relative; }
  .card-figure:hover .card-figcaption {
    opacity: 1; }

.card-img-container {
  max-width: 500px; }
  .card-img-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 131.8%; }

.card-figcaption {
  display: none;
  margin: 0;
  pointer-events: none; }
  @media (min-width: 1023px) {
    .card-figcaption {
      display: block; } }

.card-figcaption-body {
  display: inline-block;
  pointer-events: all;
  transform: translate3d(0, -50%, 0); }

.card-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 0;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
  /* Object-fit polyfill */
  font-family: 'object-fit: contain;'; }

.card-title {
  font-size: 16px;
  margin: 0 0 0.25rem; }
  .card-title > a {
    color: black;
    text-decoration: none; }
    .card-title > a:hover {
      color: #757575; }

.card-text {
  margin-bottom: 0.1875rem; }
  .card-text abbr {
    border: 0;
    color: inherit;
    font-size: inherit; }

.card-figcaption-button {
  border: none;
  display: block;
  margin: 0.375rem 0 0; }
  .card-figcaption-button:active {
    background-color: white;
    border: none; }
  .card-figcaption-button + .card-figcaption-button {
    margin: 0.375rem 0 0; }

.card-body {
  text-align: center; }
  @media (min-width: 551px) {
    .card-body {
      text-align: left; } }

.card--alternate {
  border: 3px solid white;
  transition: all 0.15s ease; }
  .card--alternate .card-body {
    background-color: white;
    padding: 0.75rem;
    transition: all 0.15s ease; }
    @media (min-width: 551px) {
      .card--alternate .card-body {
        padding: 1.5rem; } }
  .card--alternate:hover {
    border-color: #ec2726; }
    .card--alternate:hover .card-body {
      background-color: #ec2726; }
      .card--alternate:hover .card-body .card-text {
        color: white; }
    .card--alternate:hover .card-title > a {
      color: white; }

.navList,
.navBar {
  margin-left: 0; }

.navList-action,
.navBar-action {
  text-decoration: none; }

.navList-action.is-active {
  font-weight: 700; }

.navList-action--checkbox {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.375rem;
  padding-left: 1.875rem;
  position: relative;
  vertical-align: baseline;
  width: 100%; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out; }
  .navList-action--checkbox::before {
    background-color: white;
    border: solid #cccccc;
    border-width: 1px;
    height: 1rem;
    left: 0;
    top: 0;
    width: 1rem; }
  .navList-action--checkbox::after {
    height: 0.875rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 0.875rem; }
  .navList-action--checkbox::before {
    border-radius: 4px; }
  .navList-action--checkbox::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(51, 51, 51, 0.999);
    content: "";
    font-size: 0.875rem;
    line-height: 1;
    text-align: center; }
  .navList-action--checkbox:before, .navList-action--checkbox:after {
    top: 50%; }
  .navList-action--checkbox:before {
    margin-top: -0.5rem; }
  .navList-action--checkbox:after {
    margin-top: -0.4375rem; }
  .navList-action--checkbox.is-disabled {
    cursor: default; }
    .navList-action--checkbox.is-disabled::before {
      background-color: white; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  float: right;
  line-height: 0;
  opacity: 0;
  padding: 0.25rem;
  transition: opacity 0.3s ease;
  visibility: hidden; }
  .navList-action-close .icon {
    height: 0.8125rem;
    width: 0.8125rem;
    fill: black; }
  .navList-action.is-selected:hover .navList-action-close {
    opacity: 1;
    visibility: visible; }

.navBar--sub {
  margin-bottom: 4.5rem;
  text-align: center; }
  .navBar--sub .navBar-section {
    float: none; }
  .navBar--sub .navBar-item {
    float: none;
    margin: 0 0.75rem; }
    @media (min-width: 1023px) {
      .navBar--sub .navBar-item {
        display: inline-block; } }
    @media (min-width: 1023px) {
      .navBar--sub .navBar-item.is-active {
        border-bottom: 1px solid black; } }
    .navBar--sub .navBar-item.is-active > .navBar-action {
      color: #444444; }
    @media (min-width: 1023px) {
      .navBar--sub .navBar-item.navBar-item--separate {
        border-left: 1px solid #757575;
        margin: 0;
        padding-left: 0.75rem; } }
  .navBar--sub .navBar-action {
    color: #757575;
    font-size: 1rem;
    padding: 0; }
    .navBar--sub .navBar-action:hover {
      color: #333333; }

.loadingOverlay {
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  z-index: 20; }

.icons-svg-sprite {
  display: none; }

.icon,
.icon svg {
  transition: all 0.15s ease; }

.actionBar-section .form-field {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden; }
  .actionBar-section .form-field:hover {
    border-color: #999999; }

.actionBar-section .form-label {
  color: #757575;
  font-size: 12px;
  line-height: 2.125rem;
  margin-bottom: 0;
  padding-left: 0.75rem; }

.actionBar-section .form-input,
.actionBar-section .form-select {
  border: 0;
  padding-left: 0.1875rem;
  width: auto; }

.actionBar-section .form-label,
.actionBar-section .form-input,
.actionBar-section .form-select {
  display: inline-block; }

.actionBar-section .form-select {
  color: black;
  height: 2.125rem; }

.has-ribbon {
  position: relative; }

.ribbon {
  background-color: #333333;
  color: white;
  cursor: default;
  font-weight: 700;
  margin: -0.6875rem -0.6875rem 0 0;
  padding: 0.0625rem 1rem;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  z-index: 1; }

.navUser {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  top: 26px;
  width: 100%;
  z-index: 5; }
  .navUser:before, .navUser:after {
    content: " ";
    display: table; }
  .navUser:after {
    clear: both; }
  .navUser ul,
  .navUser ol {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0; }
    .navUser ul ul,
    .navUser ul ol,
    .navUser ol ul,
    .navUser ol ol {
      list-style: none;
      margin-bottom: 0; }
    .navUser ul li,
    .navUser ol li {
      margin: 0;
      padding: 0; }
  .navUser-section {
    float: left; }
    .navUser-section:before, .navUser-section:after {
      content: " ";
      display: table; }
    .navUser-section:after {
      clear: both; }
  .navUser-section--alt {
    float: right;
    margin-left: 1.5rem; }
  .navUser-section + .navUser-section {
    margin-left: 1.5rem; }
  @media (min-width: 551px) {
    .navUser-item {
      float: left; } }
  .navUser-item, .navUser-action {
    display: block; }
  @media (min-width: 1023px) {
    .navUser {
      padding: 0 1.5rem;
      position: relative;
      right: auto;
      top: auto;
      transform: none;
      z-index: 50; } }
  .navUser .dropdown-menu {
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
    position: absolute; }
    .navUser .dropdown-menu.is-open:before {
      border: inset 10px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent #cccccc transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.75rem;
      position: absolute; }
    .navUser .dropdown-menu.is-open:after {
      border: inset 8px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent white transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.875rem;
      position: absolute; }

@media (min-width: 1023px) {
  .navUser-section {
    position: relative; } }

.navUser-action {
  color: #333333;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase; }
  .navUser-action:hover, .navUser-action.is-open {
    color: #757575; }
    .navUser-action:hover svg, .navUser-action.is-open svg {
      fill: #757575;
      stroke: #757575; }
  .navUser-action .icon {
    height: 0.5rem;
    width: 0.5rem;
    margin: -1px 0 0 0.1875rem; }
  .navUser-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

.navUser-action--currencySelector + .dropdown-menu:before {
  left: auto !important;
  right: 0.75rem; }

.navUser-action--currencySelector + .dropdown-menu:after {
  left: auto !important;
  right: 0.875rem; }

.navUser-action--storeCredit + .dropdown-menu {
  max-width: 18.75rem;
  padding: 1.5rem; }
  .navUser-action--storeCredit + .dropdown-menu:before {
    left: 8.75rem !important; }
  .navUser-action--storeCredit + .dropdown-menu:after {
    left: 8.875rem !important; }

.navUser-action-divider {
  border-right: 1px solid #e5e5e5;
  color: #757575;
  display: inline-block;
  padding: 0 1.25rem 0 0;
  text-decoration: none; }

.navUser-item {
  display: none; }
  @media (min-width: 1023px) {
    .navUser-item {
      display: block; }
      .navUser-item.navUser-item--social {
        margin-top: 0.3125rem;
        padding-right: 0.3125rem; }
      .navUser-item.navUser-item--divider {
        font-size: 1.5625rem;
        margin-top: 0.5rem;
        padding-left: 0.125rem; } }

.navUser-item--cart {
  display: block; }
  .navUser-item--cart .navUser-action {
    display: flex;
    align-items: center;
    color: #333333;
    max-height: 100%; }
    .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open {
      color: #757575; }
  .navUser-item--cart .dropdown-menu {
    max-width: 20rem; }
    .navUser-item--cart .dropdown-menu.is-open {
      top: auto !important;
      left: auto !important;
      right: 0.3125rem; }
      @media (min-width: 1023px) {
        .navUser-item--cart .dropdown-menu.is-open {
          right: 0; } }
      .navUser-item--cart .dropdown-menu.is-open:before, .navUser-item--cart .dropdown-menu.is-open:after {
        left: auto; }
      .navUser-item--cart .dropdown-menu.is-open:before {
        right: 0.4375rem; }
        @media (min-width: 1023px) {
          .navUser-item--cart .dropdown-menu.is-open:before {
            right: 0.75rem; } }
      .navUser-item--cart .dropdown-menu.is-open:after {
        right: 0.5625rem; }
        @media (min-width: 1023px) {
          .navUser-item--cart .dropdown-menu.is-open:after {
            right: 0.875rem; } }

.navUser-item-cartLabel {
  display: none; }
  @media (min-width: 551px) {
    .navUser-item-cartLabel {
      display: inline; } }

.navUser-item--compare {
  display: none; }
  .navUser-item--compare.show {
    display: block; }

.navUser-item--account .navUser-or + .navUser-action {
  margin-right: -0.5rem; }

.navUser-item--account .navUser-action {
  display: inline-block; }

.navUser-or {
  color: #333333;
  cursor: default;
  display: inline-block;
  margin: 0 -0.75rem;
  padding: 0 2px;
  position: relative;
  z-index: 1; }

.navUser-action--quickSearch.is-open {
  position: relative; }
  .navUser-action--quickSearch.is-open:before {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #e5e5e5 transparent;
    border-bottom-style: solid;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }

.dropdown--quickSearch {
  background-color: #e5e5e5;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .dropdown--quickSearch {
      padding: 3rem; } }
  .dropdown--quickSearch.is-open {
    left: 0 !important;
    outline: none;
    right: 0 !important;
    width: 100% !important;
    z-index: 50; }
  .dropdown--quickSearch .form {
    margin: auto;
    max-width: 30rem; }
  .dropdown--quickSearch .form,
  .dropdown--quickSearch .form-field {
    margin-bottom: 0; }
  .dropdown--quickSearch .form-input {
    font-size: 20px;
    height: unset; }
  .dropdown--quickSearch .productGrid {
    padding: 1.5rem 0 0; }
    @media (min-width: 551px) {
      .dropdown--quickSearch .productGrid {
        padding: 3rem 0 0; } }

.countPill {
  background-color: #333333;
  border-radius: 50%;
  color: white;
  display: none;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  text-align: center;
  width: 20px; }

.countPill--positive {
  display: block; }

.countPill--alt {
  background-color: #f4f4f4;
  color: #333333; }

.navPages .navPage-subMenu-list, .navPage-childList {
  border-left: 1px solid #cccccc;
  margin: 0.375rem 0.75rem;
  padding-left: 0.75rem; }

.has-activeNavPages {
  overflow: hidden;
  -webkit-overflow-scrolling: auto; }

.navPages-container {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  z-index: 10; }
  @media (min-width: 1023px) {
    .navPages-container {
      background: transparent;
      display: block;
      height: auto;
      padding: 0;
      position: relative; } }
  .navPages-container.is-open {
    display: block;
    padding-top: 55px;
    z-index: 0; }

.navPages {
  background-color: #e5e5e5;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem; }
  @media (min-width: 1023px) {
    .navPages {
      margin: 0 auto;
      max-width: 75rem;
      width: 100%;
      background: none;
      font-size: 0;
      overflow-y: visible;
      padding: 0;
      text-align: center; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages ul,
      .navPages ol {
        list-style: none;
        margin-left: 0;
        margin: 0;
        padding: 0; }
        .navPages ul ul,
        .navPages ul ol,
        .navPages ol ul,
        .navPages ol ol {
          list-style: none;
          margin-bottom: 0; }
        .navPages ul li,
        .navPages ol li {
          margin: 0;
          padding: 0; }
      .navPages-section {
        float: left; }
        .navPages-section:before, .navPages-section:after {
          content: " ";
          display: table; }
        .navPages-section:after {
          clear: both; }
      .navPages-section--alt {
        float: right;
        margin-left: 1.5rem; }
      .navPages-section + .navPages-section {
        margin-left: 1.5rem; } }
  @media (min-width: 1023px) and (min-width: 551px) {
    .navPages-item {
      float: left; } }
  @media (min-width: 1023px) {
      .navPages-item, .navPages-action {
        display: block; } }
  .navPages ul {
    list-style: none; }
  .navPages .navPage-subMenu-list {
    border-left: 0;
    list-style: none;
    margin-left: 0;
    padding-left: 0; }
    @media (min-width: 1023px) {
      .navPages .navPage-subMenu-list {
        margin: 0 auto;
        max-width: 75rem;
        width: 100%;
        border-left: 0;
        margin: auto;
        padding-left: 0; }
        .navPages .navPage-subMenu-list:before, .navPages .navPage-subMenu-list:after {
          content: " ";
          display: table; }
        .navPages .navPage-subMenu-list:after {
          clear: both; } }

.navPages-list {
  margin: 0; }
  @media (min-width: 1023px) {
    .navPages-list {
      display: inline-block;
      float: none; } }
  .navPages-list + .navPages-list {
    border-top: 1px solid #cccccc;
    margin-top: 0.75rem;
    padding-top: 0.75rem; }

.navPages-list-depth-max.subMenu-is-open .is-hidden {
  display: none; }
  @media (min-width: 1023px) {
    .navPages-list-depth-max.subMenu-is-open .is-hidden {
      display: inline-block; } }

.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
  display: none; }
  @media (min-width: 1023px) {
    .navPages-list-depth-max.subMenu-is-open .navPages-item-page {
      display: inline-block; } }

@media (min-width: 1023px) {
  .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon {
    transform: rotate(0); } }

.navPages-action-depth-max.has-subMenu.is-open {
  border-bottom: 1px solid #cccccc;
  text-align: center; }
  @media (min-width: 1023px) {
    .navPages-action-depth-max.has-subMenu.is-open {
      border-bottom: 0;
      text-align: left; } }
  .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
    border: solid 1px #d6cdc0;
    border-radius: 4px;
    float: left;
    height: 35px;
    margin-top: -10px;
    padding: 11.7px;
    transform: rotate(90deg);
    width: 35px; }
    @media (min-width: 1023px) {
      .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
        height: 0.5rem;
        width: 0.5rem;
        border: 0;
        border-radius: 0;
        float: none;
        margin-top: 0;
        padding: 0;
        transform: rotate(-90deg); } }
  .navPages-action-depth-max.has-subMenu.is-open svg {
    height: 9.6px;
    width: 9.6px; }
    @media (min-width: 1023px) {
      .navPages-action-depth-max.has-subMenu.is-open svg {
        height: 100%;
        width: 100%; } }

.navPages-action {
  color: #333333;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 0.75rem 0;
  text-decoration: none;
  text-transform: uppercase; }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  @media (min-width: 1023px) {
    .navPages-action {
      display: inline-block;
      padding: 0.75rem 1.125rem 1.125rem; }
      .navPages-action.is-open {
        background-color: #e5e5e5; }
        .navPages-action.is-open svg {
          fill: #757575;
          stroke: #757575; } }
  .navPages-action:hover, .navPages-action.activePage {
    color: #757575; }
    .navPages-action:hover svg, .navPages-action.activePage svg {
      fill: #757575;
      stroke: #757575; }
  .navPages-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

.navPages-action--storeCredit {
  color: #757575; }

.navPages-action--compare {
  display: none; }
  .navPages-action--compare.show {
    display: block; }

.navPages-action-moreIcon {
  height: 0.5rem;
  width: 0.5rem;
  margin-left: 0.75rem;
  transform: rotate(-90deg); }
  @media (min-width: 1023px) {
    .navPages-action-moreIcon {
      transform: none; } }
  .has-subMenu.is-open .navPages-action-moreIcon,
  .collapsible-icon-wrapper.is-open .navPages-action-moreIcon {
    transform: rotate(0); }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
    height: 0.6875rem;
    width: 0.6875rem;
    margin: 0 1.5rem; }
    @media (min-width: 1023px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
        height: 0.5rem;
        width: 0.5rem;
        margin: 0 0 0 0.75rem; } }

.navPage-childList {
  display: none; }
  @media (min-width: 1023px) {
    .navPage-childList {
      border: 0;
      display: block; } }
  .navPage-childList.is-open {
    display: block; }
  .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
    margin-left: 3rem; }
    @media (min-width: 1023px) {
      .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
        margin-left: 0; } }

.navPage-subMenu {
  display: none;
  outline: 0; }
  @media (min-width: 1023px) {
    .navPage-subMenu {
      background-color: #e5e5e5;
      padding: 1.5rem 1.5rem 2.25rem !important;
      position: absolute;
      text-align: left; }
      .navPage-subMenu.is-open {
        display: block;
        left: 0;
        width: 100%; }
      .navPage-subMenu .navPages-action-moreIcon {
        display: none; } }
  .navPage-subMenu.is-open {
    display: block; }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
    margin-right: 0; }
    @media (min-width: 1023px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
        margin-right: auto;
        flex-flow: column wrap;
        max-height: 200px;
        display: flex;
        max-width: 84rem; } }
  @media (min-width: 1023px) {
    .navPages-list .navPages-listCategories .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
      max-height: 500px; } }

@media (min-width: 1023px) {
  .has-subMenu.is-root + .navPage-subMenu-horizontal {
    border-left: 0;
    height: auto;
    left: inherit;
    margin: auto;
    top: inherit;
    width: 13.4375rem; } }

@media (min-width: 1023px) {
  .navPage-subMenu-horizontal.is-open {
    border-left: 1px solid #cccccc;
    display: inherit;
    height: auto;
    margin-left: 13.4375rem;
    padding: 0 !important;
    top: 0;
    width: 14.4375rem; } }

@media (min-width: 1023px) {
  .navPage-subMenu-horizontal .navPages-action-moreIcon {
    display: inline-block;
    transform: rotate(-90deg); } }

@media (min-width: 1023px) {
  .navPage-subMenu-item {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 25%;
    float: left;
    padding: 0 0.75rem !important; }
    .navPage-subMenu-item .navPages-action {
      text-transform: none;
      width: 100%; }
    .navPage-subMenu-item > .navPage-subMenu-action {
      border-bottom: 1px solid #cccccc;
      margin-bottom: 1.125rem; } }

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
  width: 100%; }
  @media (min-width: 1023px) {
    .navPage-subMenu-item-child .navPage-subMenu-action,
    .navPage-subMenu-item-parent .navPage-subMenu-action {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      width: 100%; }
    .navPage-subMenu-item-child .navPage-subMenu-action.is-open,
    .navPage-subMenu-item-child .navPage-subMenu-action:hover,
    .navPage-subMenu-item-parent .navPage-subMenu-action.is-open,
    .navPage-subMenu-item-parent .navPage-subMenu-action:hover {
      background: #c8bdb2;
      color: #000;
      font-weight: 500;
      opacity: 0.3; } }

.navPage-subMenu-action {
  padding: 0.75rem 0; }
  .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
    padding: 0 0 0 1.5rem; }
    @media (min-width: 1023px) {
      .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
        padding: 0.75rem 0 1.125rem; } }
  @media (min-width: 1023px) {
    .navPage-subMenu-action {
      padding: 0.75rem 0 1.125rem; } }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    height: 100%;
    width: 100%;
    box-sizing: content-box;
    padding: 0.75rem 0;
    display: inline-block;
    text-align: right; }
    @media (min-width: 1023px) {
      .navPage-subMenu-action .collapsible-icon-wrapper {
        display: none; } }

.navPage-childList-action {
  font-weight: 400;
  padding: 0 0 0.375rem; }

.navPages-quickSearch {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.75rem; }
  @media (min-width: 1023px) {
    .navPages-quickSearch {
      display: none; } }
  .navPages-quickSearch > .container {
    padding: 0; }
  .navPages-quickSearch .form {
    margin: 0; }
  .navPages-quickSearch .form-field {
    margin-bottom: 0; }

@media (min-width: 1023px) {
  .navPages-list--user {
    display: none; } }

.navPages-list--user #currencySelection2 {
  background-color: white;
  border: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 .dropdown-menu-item {
    padding: 0; }
    .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 a {
    padding: 0.75rem 1.5rem; }

.tags {
  list-style: none;
  margin-left: 0;
  font-size: 0;
  text-align: center; }
  .tags ul,
  .tags ol {
    list-style: none;
    margin-bottom: 0; }

.tag {
  display: inline-block;
  font-size: 1rem; }
  .tag a {
    color: #757575;
    display: inline-block;
    padding: 0.375rem 0.5rem;
    text-decoration: none; }
    .tag a:hover {
      color: #333333; }

.socialLinks {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  line-height: 37px;
  margin-bottom: 14px;
  display: flex;
  align-items: center; }
  .socialLinks:before, .socialLinks:after {
    content: " ";
    display: table; }
  .socialLinks:after {
    clear: both; }
  .socialLinks ul,
  .socialLinks ol {
    list-style: none;
    margin-bottom: 0; }
  .socialLinks li {
    margin: 0;
    padding: 0; }
  .socialLinks .icon {
    height: 1.25rem;
    width: 1.25rem;
    margin: 0;
    text-decoration: none; }
    .socialLinks .icon:hover svg {
      fill: #999999; }
    .socialLinks .icon svg {
      fill: #757575;
      transition: all 0.15s ease; }

.socialLinks-item--pinterest {
  width: 25px; }

.pin_it_iframe_widget {
  display: none; }

.socialLinks-item {
  display: inline-block;
  font-size: 0; }
  .socialLinks-item.fb-group {
    margin-bottom: 2px; }
  .socialLinks .socialLinks-item {
    margin-bottom: 0.375rem;
    margin-right: 0.75rem; }
    .socialLinks .socialLinks-item:last-child {
      margin-bottom: 4px;
      margin-right: 0; }

.fb-group-social {
  display: flex;
  align-items: center;
  width: fit-content; }
  .fb-group-social:hover span {
    color: #ec2726; }
  .fb-group-social:hover svg path {
    fill: #ec2726; }
  .fb-group-social span {
    display: block;
    font-style: normal;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    color: #000000;
    margin-left: 8px; }

.socialLinks--alt .icon {
  height: 1.3125rem;
  width: 1.3125rem; }

.socialLinks--alt svg {
  fill: #757575; }

.heroBanner {
  display: flex;
  font-family: "Hepta Slab";
  flex-flow: wrap; }
  @media (min-width: 1408px) {
    .heroBanner {
      max-width: 1408px;
      margin: 0 auto; } }
  .heroBanner-left-section {
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 51.27%);
    mix-blend-mode: multiply;
    display: flex; }
    @media (min-width: 900px) {
      .heroBanner-left-section {
        width: 58.5%; } }
  .heroBanner-left-inner {
    width: 100%;
    padding-top: 56px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    border-bottom: 2px solid black; }
    .heroBanner-left-inner:before {
      content: ' ';
      pointer-events: none;
      right: -8px;
      top: 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-size: 89%;
      background-repeat: no-repeat;
      background-position: bottom right;
      background-image: url("https://cdn11.bigcommerce.com/s-93n4c5g6q7/images/stencil/320w/image-manager/brewshop-man-2.png"); }
      @media (min-width: 500px) {
        .heroBanner-left-inner:before {
          background-size: 50%; } }
    @media (min-width: 768px) {
      .heroBanner-left-inner {
        padding-top: 110px;
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 270px;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: 146% 100%;
        background-image: url("https://cdn11.bigcommerce.com/s-93n4c5g6q7/product_images/uploaded_images/brewshop-man-1.png"); }
        .heroBanner-left-inner:before {
          display: none; } }
    @media (min-width: 1024px) {
      .heroBanner-left-inner {
        border-bottom: 0;
        padding-top: 74px;
        background-size: 104%;
        background-position: -270% 100%; } }
    @media (min-width: 1200px) {
      .heroBanner-left-inner {
        background-size: 74%;
        background-position: bottom right; } }
  .heroBanner-left-title {
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .heroBanner-left-title {
        margin-bottom: 33px; } }
    @media (min-width: 900px) {
      .heroBanner-left-title {
        margin-bottom: 25px; } }
    .heroBanner-left-title span {
      font-style: normal;
      font-weight: 800;
      text-transform: uppercase;
      color: black;
      display: block;
      font-size: 36px;
      line-height: 32px; }
      @media (min-width: 768px) {
        .heroBanner-left-title span {
          font-size: 71px;
          line-height: 56px; } }
      @media (min-width: 1024px) {
        .heroBanner-left-title span {
          font-size: 60px;
          line-height: 56px; } }
      @media (min-width: 1100px) {
        .heroBanner-left-title span {
          font-size: 72px;
          line-height: 68px; } }
      .heroBanner-left-title span.highlight {
        font-size: 72px;
        line-height: 64px; }
        @media (min-width: 768px) {
          .heroBanner-left-title span.highlight {
            font-size: 143px;
            line-height: 136px; } }
        @media (min-width: 1024px) {
          .heroBanner-left-title span.highlight {
            font-size: 121px;
            line-height: 106px; } }
        @media (min-width: 1200px) {
          .heroBanner-left-title span.highlight {
            font-size: 143px;
            line-height: 123px; } }
  .heroBanner-left-description {
    font-style: normal;
    font-weight: 400;
    color: black;
    font-family: "Roboto";
    font-size: 16px;
    line-height: 24px;
    max-width: 226px;
    letter-spacing: normal;
    margin-bottom: 108px; }
    @media (min-width: 768px) {
      .heroBanner-left-description {
        font-family: "Hepta Slab";
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.02em;
        margin-bottom: 32px;
        max-width: 380px; } }
    @media (min-width: 1024px) {
      .heroBanner-left-description {
        max-width: 323px; } }
    @media (min-width: 1200px) {
      .heroBanner-left-description {
        max-width: 387px; } }
  .heroBanner-left-button {
    z-index: 2;
    letter-spacing: 0.06em; }
    @media (max-width: 600px) {
      .heroBanner-left-button {
        width: 100%; } }
  .heroBanner-right-section {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px; }
    @media (min-width: 768px) {
      .heroBanner-right-section {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 900px) {
      .heroBanner-right-section {
        flex-flow: column;
        padding-top: 44px;
        padding-top: 280px;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        padding-bottom: 2.5rem;
        width: 41.5%;
        display: flex; } }
    @media (min-width: 1200px) {
      .heroBanner-right-section {
        padding-top: 162px; } }
    @media (min-width: 1440px) {
      .heroBanner-right-section {
        padding-top: 142px; } }
  .heroBanner-right-title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px; }
    @media (min-width: 600px) {
      .heroBanner-right-title {
        font-size: 36px;
        line-height: 32px;
        margin-bottom: 16px; } }
  .heroBanner-right-description {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    max-width: 504px;
    margin-bottom: 0; }
    @media (min-width: 600px) {
      .heroBanner-right-description {
        margin-bottom: 40px;
        font-family: "Hepta Slab";
        font-size: 18px;
        line-height: 26px; } }
  .heroBanner-right-details {
    padding-top: 8px;
    padding-left: 16px;
    order: 2;
    width: 62%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
    @media (min-width: 900px) {
      .heroBanner-right-details {
        order: 1;
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        display: block; } }
  .heroBanner-right-image-wrapper {
    height: 0;
    position: relative;
    overflow: hidden;
    order: 1;
    width: 38%;
    padding-bottom: 38%; }
    @media (min-width: 900px) {
      .heroBanner-right-image-wrapper {
        order: 2;
        width: 100%;
        padding-bottom: 100%; } }
    .heroBanner-right-image-wrapper img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .heroBanner-right-button {
    margin-top: 24px;
    margin-bottom: 0;
    letter-spacing: 0.06em;
    width: 100%;
    order: 3; }
    @media (min-width: 900px) {
      .heroBanner-right-button {
        margin-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: auto; } }
    @media (min-width: 900px) {
      .heroBanner-right-button.mobile {
        display: none; } }
    .heroBanner-right-button.desktop {
      display: none; }
      @media (min-width: 900px) {
        .heroBanner-right-button.desktop {
          display: block; } }

@media (min-width: 1023px) {
  .writeReview-productDetails {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left; } }

.writeReview-productDetails .product-brand {
  color: #999999;
  margin: 0; }

.writeReview-productDetails .product-title {
  margin-top: 0; }

@media (min-width: 1023px) {
  .writeReview-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left; } }

.writeReview-productImage-container {
  position: relative; }
  .writeReview-productImage-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    object-fit: contain;
    /* Object-fit polyfill */
    font-family: 'object-fit: contain;'; }
  .writeReview-productImage-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 131.8%; }

.account--addReturn .table {
  display: block;
  margin-bottom: 3rem; }
  @media (min-width: 551px) {
    .account--addReturn .table {
      display: table;
      margin-bottom: 6rem; } }
  .account--addReturn .table tr {
    display: block;
    padding: 1.5rem 0; }
    @media (min-width: 551px) {
      .account--addReturn .table tr {
        display: table-row;
        padding: 0; } }
  .account--addReturn .table th,
  .account--addReturn .table td {
    display: block;
    padding: 0; }
    @media (min-width: 551px) {
      .account--addReturn .table th,
      .account--addReturn .table td {
        display: table-cell;
        padding-bottom: 0.75rem;
        padding-top: 0.75rem; } }
    .account--addReturn .table th + th,
    .account--addReturn .table th + td,
    .account--addReturn .table td + th,
    .account--addReturn .table td + td {
      padding-left: 0; }
      @media (min-width: 551px) {
        .account--addReturn .table th + th,
        .account--addReturn .table th + td,
        .account--addReturn .table td + th,
        .account--addReturn .table td + td {
          padding-left: 1.5rem; } }
  .account--addReturn .table .return-itemTitle + .definitionList {
    margin-top: 0.1875rem; }
  @media (min-width: 551px) {
    .account--addReturn .table .return-itemPrice {
      text-align: center; } }
  @media (min-width: 551px) {
    .account--addReturn .table .return-itemQuantity {
      text-align: right; } }

.account--addReturn .table-thead {
  display: none; }
  @media (min-width: 551px) {
    .account--addReturn .table-thead {
      display: table-header-group; } }
  .account--addReturn .table-thead th {
    font-size: 16px; }
  .account--addReturn .table-thead th:first-child {
    width: 60%; }

.account--addReturn .table-tbody {
  display: block; }
  @media (min-width: 551px) {
    .account--addReturn .table-tbody {
      display: table-row-group; } }

.return-itemName {
  font-size: 16px;
  font-weight: 700; }
  @media (min-width: 551px) {
    .return-itemName {
      font-size: 1rem;
      font-weight: 400; } }

.return-itemPrice {
  color: #999999;
  margin-bottom: 0.375rem; }
  @media (min-width: 551px) {
    .return-itemPrice {
      color: inherit;
      margin-bottom: 0;
      text-align: center; } }

.return-itemQuantity .form-label {
  display: inline;
  margin-right: 0.375rem; }
  @media (min-width: 551px) {
    .return-itemQuantity .form-label {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; } }

.account--addReturn-row {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin: 0 -1rem; }
  .account--addReturn-row:before, .account--addReturn-row:after {
    content: " ";
    display: table; }
  .account--addReturn-row:after {
    clear: both; }

.account--addReturn-column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding: 0 1rem; }
  @media (min-width: 551px) {
    .account--addReturn-column {
      width: 50%; } }

.productCarousel {
  width: 1px;
  min-width: 100%;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .productCarousel:before, .productCarousel:after {
    content: " ";
    display: table; }
  .productCarousel:after {
    clear: both; }

.productCarousel-slide {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: left; }
  @media (min-width: 551px) {
    .productCarousel-slide {
      width: 33.33333%; } }
  @media (min-width: 1023px) {
    .productCarousel-slide {
      width: 25%; } }
  @media (min-width: 1261px) {
    .productCarousel-slide {
      width: 16.66667%; } }
  .productCarousel-slide .card {
    margin-bottom: 0; }
    .productCarousel-slide .card .card-title {
      overflow-wrap: break-word; }

.quickView:before, .quickView:after {
  content: " ";
  display: table; }

.quickView:after {
  clear: both; }

.productReviews-list {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .productReviews-list ul,
  .productReviews-list ol {
    list-style: none;
    margin-bottom: 0; }
  .productReviews-list:before, .productReviews-list:after {
    content: " ";
    display: table; }
  .productReviews-list:after {
    clear: both; }

.productReview {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  display: inline-block;
  float: none;
  font-size: 1rem;
  vertical-align: top; }
  @media (min-width: 1023px) {
    .productReview {
      width: 50%; } }
  @media (min-width: 1261px) {
    .productReview {
      width: 33.33333%; } }

.productReview-title {
  margin: 0;
  text-transform: none; }

.productReview-author {
  color: #757575;
  margin-bottom: 1rem; }

.productReview-rating {
  display: inline-block;
  margin-bottom: 0.375rem; }

.productReview-ratingNumber {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.productView {
  padding-top: 1rem; }

.productView-images {
  margin-bottom: 3rem; }

.productView-image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative; }
  @media (min-width: 1023px) {
    .productView-image {
      min-height: 366px;
      min-width: inherit; } }
  .productView-image + .productView-thumbnails {
    margin-top: 0.75rem; }
  @media (min-width: 320px) and (max-width: 1023px) {
    .productView-image {
      pointer-events: none; } }

.productView-img-container {
  position: relative;
  margin: auto;
  max-width: 500px;
  width: 100%; }
  .productView-img-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    width: 100%;
    object-fit: contain;
    /* Object-fit polyfill */
    font-family: 'object-fit: contain;'; }
  .productView-img-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 131.8%; }

.productView-thumbnails {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  .productView-thumbnails ul,
  .productView-thumbnails ol {
    list-style: none;
    margin-bottom: 0; }
  .productView-thumbnails:before, .productView-thumbnails:after {
    content: " ";
    display: table; }
  .productView-thumbnails:after {
    clear: both; }
  .productView-thumbnails .slick-list {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  .productView-thumbnails .slick-next {
    right: 0; }
  .productView-thumbnails .slick-prev {
    left: 0; }
  .productView-thumbnails img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin: 0;
    width: 50px;
    object-fit: contain;
    /* Object-fit polyfill */
    font-family: 'object-fit: contain;';
    position: relative; }

.productView-thumbnail {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 25%;
  float: left;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  text-align: center; }
  @media (min-width: 1261px) {
    .productView-thumbnail {
      width: 20%; } }

.productView-thumbnail-link {
  border: 1px solid #e5e5e5;
  display: inline-flex;
  height: 67px;
  max-width: 75px;
  padding: 2px;
  position: relative;
  width: 100%;
  box-sizing: content-box;
  justify-content: center; }
  .productView-thumbnail-link:hover, .productView-thumbnail-link.is-active {
    border-color: #333333; }

.productView-details {
  margin-bottom: 2rem; }

@media (min-width: 1023px) {
  .productView-product {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2rem; } }

.productView-product > :last-child {
  margin-bottom: 0; }

.productView-title {
  font-size: 20px;
  margin: -0.75rem 0 0.375rem; }
  @media (min-width: 1023px) {
    .productView-title {
      margin-top: 1.5rem; } }
  @media (min-width: 1261px) {
    .productView-title {
      font-size: 28px; } }

.productView-brand {
  color: #757575;
  font-size: 16px;
  margin: 0 0 0.75rem; }
  @media (min-width: 1261px) {
    .productView-brand {
      font-size: 20px;
      margin: -0.1875rem 0 1rem; } }
  .productView-brand a {
    color: #757575; }
    .productView-brand a:hover {
      color: #333333; }

.productView-price {
  font-size: 16px;
  margin-bottom: 0.5rem; }
  @media (min-width: 1023px) {
    .productView-price {
      font-size: 25px;
      margin-bottom: 1rem; } }
  .productView-price .price-section--saving {
    font-size: 16px; }
  .productView-price abbr {
    border: 0;
    color: inherit;
    font-size: inherit; }

.productView-reviewLink {
  display: inline-block;
  margin-left: 0.75rem;
  vertical-align: middle; }
  .productView-reviewLink + .productView-reviewLink {
    display: block;
    margin-left: auto; }
    @media (min-width: 551px) {
      .productView-reviewLink + .productView-reviewLink {
        display: inline-block;
        margin-left: 0.75rem; } }
  .productView-reviewLink > a {
    color: #757575; }
    .productView-reviewLink > a:hover {
      color: #333333; }

.productView-info {
  margin-top: 0.75rem; }
  .productView-info:before, .productView-info:after {
    content: " ";
    display: table; }
  .productView-info:after {
    clear: both; }
  @media (min-width: 551px) {
    .productView-info {
      margin-top: 0; } }
  @media (min-width: 551px) {
    .productView-info > :first-child {
      margin-top: 1.5rem; } }
  .productView-info > :last-child {
    margin-bottom: 0; }

.productView-info-name,
.productView-info-value {
  float: left; }
  @media (min-width: 551px) {
    .productView-info-name,
    .productView-info-value {
      float: none; } }

.productView-info-name {
  clear: both;
  margin-bottom: 0.1875rem;
  margin-right: 0.375rem; }
  @media (min-width: 551px) {
    .productView-info-name {
      font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: 400; } }

.productView-info-value {
  margin-bottom: 0.375rem; }
  @media (min-width: 551px) {
    .productView-info-value {
      margin-bottom: 1rem; } }

.productView-options {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  text-align: center; }
  .productView-options:before, .productView-options:after {
    content: " ";
    display: table; }
  .productView-options:after {
    clear: both; }
  @media (min-width: 551px) {
    .productView-options {
      text-align: left; } }
  @media (min-width: 551px) {
    .productView-options .form-input[type="number"] {
      width: 16.66667%; } }
  .productView-options .form {
    display: inline; }
  .productView-options input[type="file"] {
    font-size: 12px; }
  .productView-options .form-field {
    font-size: 0;
    margin-bottom: 1.5rem; }
    .productView-options .form-field > .form-checkbox + .form-label {
      display: inline-block;
      margin-left: 1.5rem;
      width: auto; }
      @media (min-width: 551px) {
        .productView-options .form-field > .form-checkbox + .form-label {
          margin-left: 0;
          width: 100%; } }
    .productView-options .form-field > .form-radio + .form-label {
      text-align: justify;
      display: inline-block; }
    .productView-options .form-field > .form-label:nth-of-type(2) {
      margin-left: 0; }
  @media (min-width: 551px) {
    .productView-options .form-action {
      float: left;
      padding: 0 0.625rem;
      width: 50%; } }
  @media (min-width: 1023px) {
    .productView-options .form-action {
      float: none;
      padding: 0;
      width: auto; } }
  @media (min-width: 1261px) {
    .productView-options .form-action {
      display: inline-block;
      margin-top: 1rem; } }
  .productView-options .form-action .button {
    width: 100%; }
    @media (min-width: 1261px) {
      .productView-options .form-action .button {
        margin-right: 0.75rem;
        width: auto; } }

.productOptions-list {
  border: 1px solid #cccccc;
  list-style: none;
  margin: 0;
  max-height: 400px;
  overflow-y: auto; }

.productOptions-list-item {
  padding: 1.5rem; }
  .productOptions-list-item + .productOptions-list-item {
    border-top: 1px solid #cccccc; }
  .productOptions-list-item .form-label {
    text-align: left;
    top: -2px; }

.productOptions-list-item-figure,
.productOptions-list-item-content {
  display: table-cell;
  vertical-align: middle; }

.productOptions-list-item-figure {
  width: 3rem; }

.productOptions-list-item-content {
  padding-left: 1.25rem; }

.shareProduct {
  text-align: center; }

.productView-image .easyzoom-flyout {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%; }
  .productView-image .easyzoom-flyout img {
    max-width: none;
    width: auto; }

.price--rrp,
.price--non-sale,
.price--discounted {
  text-decoration: line-through; }

.price--discounted:not(:empty) + span {
  color: #ec2726; }

.price-section--minor {
  color: #999999; }

.non-sale-price--withTax:not([style*="display: none"]) + .price-section--withTax .price-now-section {
  color: #ec2726 !important; }

.compareTable {
  border-top: 1px solid #e5e5e5;
  table-layout: fixed;
  width: 100%; }

.compareTable-row {
  vertical-align: top; }
  .compareTable-row + .compareTable-row .compareTable-heading,
  .compareTable-row + .compareTable-row .compareTable-item {
    border-top: 1px solid #e5e5e5; }
  .compareTable-row + .compareTable-row .compareTable-heading:empty {
    border-top: 0; }

.compareTable-heading {
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 1.25rem 1rem;
  position: relative;
  text-align: right;
  width: 0; }
  @media (min-width: 1023px) {
    .compareTable-heading {
      width: 25%; } }

.compareTable-headingText {
  position: absolute;
  top: 1.25rem;
  white-space: nowrap; }
  @media (min-width: 1023px) {
    .compareTable-headingText {
      position: inherit;
      top: inherit; } }

.compareTable-item {
  padding: 3.25rem 1rem 1.25rem; }
  @media (min-width: 1023px) {
    .compareTable-item {
      padding-top: 1.25rem; } }

.compareTable-removeProduct {
  background-color: #e5e5e5;
  border-radius: 50%;
  height: 2.5rem;
  position: absolute;
  right: -1rem;
  top: -1rem;
  transition: background-color 0.15s ease;
  width: 2.5rem; }
  .compareTable-removeProduct .icon {
    fill: #757575;
    height: 1.5rem;
    margin-top: 0.5rem;
    width: 1.5rem; }

.compareTable-product {
  font-weight: 400;
  padding: 2rem 1rem 1.25rem; }
  .compareTable-product .card {
    margin-bottom: 0; }
  .compareTable-product .card-body {
    min-height: 6rem;
    padding-top: 1rem; }

.compareTable-action {
  padding: 0 1rem 1rem; }
  .compareTable-action .button {
    display: block;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%; }

.blocker {
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 500; }

.blocker-container {
  position: relative; }

.textTruncate {
  padding-bottom: 1.5rem;
  position: relative;
  transition: max-height 100ms ease-out; }

.js .textTruncate {
  max-height: 110px;
  overflow: hidden; }

.js .textTruncate--visible {
  max-height: 62.5rem; }

.textTruncate-viewMore {
  background-color: white;
  bottom: 0;
  padding-top: 10px;
  position: absolute;
  width: 100%; }

.toggle {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 2.25rem; }
  .toggle:last-of-type {
    margin-bottom: 4.5rem; }

.toggle-title {
  margin-bottom: 2.25rem; }

.toggleLink {
  color: #757575; }
  .toggleLink:hover {
    color: #333333; }
  .toggle-title .toggleLink {
    float: right;
    line-height: 24px; }

.toggleLink-text {
  font-size: 12px;
  font-weight: 400; }

.toggleLink-text--off {
  display: inline-block; }
  .toggleLink.is-open .toggleLink-text--off {
    display: none; }

.toggleLink-text--on {
  display: none; }
  .toggleLink.is-open .toggleLink-text--on {
    display: inline-block; }

.toggle-content {
  display: none; }
  .toggle-content.is-open {
    display: block; }

.facetedSearch-toggle {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  border: #e5e5e5 solid;
  border-radius: 4px;
  border-width: 1px;
  display: block;
  margin-bottom: 2rem;
  padding: 1rem; }
  .facetedSearch-toggle:before, .facetedSearch-toggle:after {
    content: " ";
    display: table; }
  .facetedSearch-toggle:after {
    clear: both; }
  @media (min-width: 1023px) {
    .facetedSearch-toggle {
      display: none !important; } }
  .facetedSearch-toggle.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0; }

.facetedSearch-toggle-text,
.facetedSearch-toggle-indicator {
  display: block;
  font-weight: normal; }

.facetedSearch-toggle-text {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 58.33333%;
  float: left;
  padding: 0;
  text-align: left; }

.facetedSearch-toggle-indicator {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 41.66667%;
  float: left;
  font-weight: bold;
  padding: 0;
  text-align: right; }

.facetedSearch-navList {
  display: none; }
  @media (min-width: 1023px) {
    .facetedSearch-navList {
      display: block !important; } }
  .facetedSearch-navList.is-open {
    display: block; }
    .facetedSearch-navList.is-open .accordion--navList,
    .facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .facetedSearch-toggle + .facetedSearch-navList,
  .sidebarBlock + .facetedSearch-navList {
    margin-top: 2rem; }
  .facetedSearch-toggle + .facetedSearch-navList.is-open,
  .sidebarBlock + .facetedSearch-navList.is-open {
    margin-top: -1px; }
    @media (min-width: 1023px) {
      .facetedSearch-toggle + .facetedSearch-navList.is-open,
      .sidebarBlock + .facetedSearch-navList.is-open {
        margin-top: 2rem; } }
  .facetedSearch-navList .navList--inner {
    margin-left: 1.5rem; }

.facet-quick-heading {
  text-transform: capitalize; }

.facetedSearch-optionColumns {
  column-count: 3;
  column-gap: 20px; }

.facetedSearch-refineFilters {
  display: none; }
  @media (min-width: 1023px) {
    .facetedSearch-refineFilters {
      display: block; } }

.facetedSearch-content--rating .is-selected {
  font-weight: bold; }

.banners {
  background-color: #ec2726;
  color: white;
  padding: 0.75rem 0;
  text-align: center; }
  .banners p:last-child {
    margin-bottom: 0; }
  .banners a {
    color: white; }

.banner {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%; }
  .banner:before, .banner:after {
    content: " ";
    display: table; }
  .banner:after {
    clear: both; }
  .banner + .banner {
    margin-top: 1.5rem; }

.facetLabel {
  background: #e5e5e5;
  border-radius: 4px;
  padding: 0.1875rem 0.5rem 0.1875rem 0.6875rem;
  text-decoration: none; }
  .facetLabel .icon {
    height: 0.75rem;
    width: 0.75rem;
    display: inline-block;
    fill: #757575;
    position: relative;
    top: -1px; }

.cart-additionalCheckoutButtons:before, .previewCart-additionalCheckoutButtons:before, .cart-additionalCheckoutButtons:after, .previewCart-additionalCheckoutButtons:after {
  content: " ";
  display: table; }

.cart-additionalCheckoutButtons:after, .previewCart-additionalCheckoutButtons:after {
  clear: both; }

.cart-additionalCheckoutButtons .FloatRight:before, .previewCart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons .FloatRight:after, .previewCart-additionalCheckoutButtons .FloatRight:after {
  content: " ";
  display: table; }

.cart-additionalCheckoutButtons .FloatRight:after, .previewCart-additionalCheckoutButtons .FloatRight:after {
  clear: both; }

.cart-additionalCheckoutButtons .FloatRight p, .previewCart-additionalCheckoutButtons .FloatRight p {
  float: none !important;
  margin: 0.5rem 0;
  text-align: right; }

.cart-additionalCheckoutButtons .FloatRight div, .previewCart-additionalCheckoutButtons .FloatRight div {
  float: right; }

.cart-additionalCheckoutButtons .CheckoutButton, .previewCart-additionalCheckoutButtons .CheckoutButton {
  margin-bottom: 1rem; }
  .cart-additionalCheckoutButtons .CheckoutButton:first-child, .previewCart-additionalCheckoutButtons .CheckoutButton:first-child {
    margin-top: 1.5rem; }
  .cart-additionalCheckoutButtons .CheckoutButton:last-child, .previewCart-additionalCheckoutButtons .CheckoutButton:last-child {
    margin-bottom: 1.5rem; }

.cart {
  display: block;
  margin-bottom: 1.5rem;
  width: 100%; }
  @media (min-width: 1023px) {
    .cart {
      display: table; } }

.cart-header {
  display: none; }
  @media (min-width: 1023px) {
    .cart-header {
      display: table-header-group;
      text-align: left; } }

.cart-header-item {
  padding-bottom: 1rem; }
  .cart-header-item:last-child {
    text-align: right; }

.cart-list {
  border-top: 1px solid #e5e5e5;
  display: block; }
  @media (min-width: 1023px) {
    .cart-list {
      display: table-row-group; } }

.cart-item {
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  display: block;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .cart-item {
      padding-left: 25%; }
      .cart-item:before, .cart-item:after {
        content: " ";
        display: table; }
      .cart-item:after {
        clear: both; } }
  @media (min-width: 1023px) {
    .cart-item {
      display: table-row;
      padding-left: 0; }
      .cart-item:before, .cart-item:after {
        display: none; } }

.cart-item-block {
  display: block; }
  @media (min-width: 1023px) {
    .cart-item-block {
      display: table-cell; } }
  .cart-item-block .definitionList {
    margin-bottom: 0.375rem; }

.cart-item-figure {
  float: left;
  text-align: center;
  margin-bottom: 1.5rem;
  width: 33.33333%;
  position: relative; }
  @media (min-width: 551px) {
    .cart-item-figure {
      margin-bottom: 0;
      margin-left: -33.33333%;
      width: 33.33333%; } }
  @media (min-width: 1023px) {
    .cart-item-figure {
      float: none;
      width: 8.33333%;
      padding: 0.5rem 0; } }
  .cart-item-figure:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.cart-item-fixed-image {
  width: 100%; }

.cart-item-image {
  max-height: 14rem;
  max-width: 100px; }
  @media (min-width: 1023px) {
    .cart-item-image {
      margin-left: 0; } }

.cart-item-title {
  display: table-cell;
  height: auto;
  padding-left: 1.5rem; }
  @media (min-width: 551px) {
    .cart-item-title {
      display: block;
      height: auto;
      margin-bottom: 1.5rem;
      overflow: hidden; } }
  @media (min-width: 1023px) {
    .cart-item-title {
      display: table-cell;
      padding: 1.5rem; } }

.cart-item-info {
  clear: both;
  width: 100%; }
  @media (min-width: 551px) {
    .cart-item-info {
      clear: none;
      float: left;
      overflow: hidden;
      width: 33.33333%; }
      .cart-item-info + .cart-item-info {
        margin-top: 0; } }
  @media (min-width: 1023px) {
    .cart-item-info {
      float: none;
      width: 16.66667%; }
      .cart-item-info:last-child {
        text-align: right; } }

.cart-item-quantity .form-increment {
  display: inline-block;
  margin: 0 0.1875rem 1px 1.5rem;
  vertical-align: middle; }
  @media (min-width: 1023px) {
    .cart-item-quantity .form-increment {
      margin-left: 0; } }

.cart-item-label {
  color: black;
  float: left;
  margin-bottom: 0.375rem;
  text-align: right;
  width: 33.33333%; }
  @media (min-width: 551px) {
    .cart-item-label {
      display: block;
      padding-left: 1.5rem;
      text-align: left;
      width: 100%; } }
  @media (min-width: 1023px) {
    .cart-item-label {
      display: none; } }

.cart-item-value {
  padding-left: 1.5rem; }
  @media (min-width: 1023px) {
    .cart-item-value {
      padding-left: 0; } }

.cart-item-brand {
  color: #999999;
  margin-bottom: 0.1875rem; }

.cart-item-name {
  font-size: 16px;
  margin: 0; }
  .cart-item-name + .definitionList {
    margin-top: 0.375rem; }

.cart-item-options--giftWrapping {
  margin-top: 1.125rem; }
  .cart-item-options--giftWrapping .cart-item-option-description {
    color: black; }

.cart-remove {
  background-color: #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  float: right;
  height: 1.125rem;
  margin-top: 0.125rem;
  padding: 0.1875rem;
  transition: background-color 0.15s ease;
  width: 1.125rem; }
  @media (min-width: 551px) {
    .cart-remove {
      margin-left: 1rem; } }
  .cart-remove.cart-remove--spacer {
    visibility: hidden; }
  .cart-remove > svg {
    fill: #757575; }

.cart-totals {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1.5rem;
  text-align: right;
  width: 100%; }
  .cart-totals ul,
  .cart-totals ol {
    list-style: none;
    margin-bottom: 0; }
  @media (min-width: 551px) {
    .cart-totals {
      float: right;
      width: 75%; } }
  @media (min-width: 1023px) {
    .cart-totals {
      margin-bottom: 1rem;
      width: 58.33333%; } }
  @media (min-width: 1261px) {
    .cart-totals {
      width: 49.46667%; } }

.cart-total {
  border-bottom: 0; }
  .cart-total:before, .cart-total:after {
    content: " ";
    display: table; }
  .cart-total:after {
    clear: both; }
  @media (min-width: 1023px) {
    .cart-total + .cart-total {
      border-top: 1px solid #e5e5e5; } }
  .cart-total .form-input {
    display: inline-block;
    height: 2rem;
    padding: 0.5rem;
    vertical-align: top;
    width: 75%; }
  .cart-total .form-select {
    background-position: right 0.3125rem top 0.4375rem;
    background-size: 1.25rem 1.25rem;
    height: 2rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem; }
  .cart-total .form-inlineMessage {
    text-align: left; }

.cart-total-label {
  color: #757575;
  width: 33.33333%; }
  @media (min-width: 551px) {
    .cart-total-label {
      width: 50%; } }
  @media (min-width: 1023px) {
    .cart-total-label {
      display: block;
      padding-left: 0;
      text-align: left; } }

.cart-total-value {
  text-align: left; }
  @media (min-width: 551px) {
    .cart-total-value {
      text-align: right; } }
  @media (min-width: 1023px) {
    .cart-total-value {
      width: 50%; } }

.cart-total-label,
.cart-total-value {
  float: left;
  padding: 0.5rem 0 0.5rem 1.5rem; }
  @media (min-width: 1023px) {
    .cart-total-label,
    .cart-total-value {
      padding: 1rem 0; } }

.cart-total-grandTotal {
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding-bottom: 0.1875rem;
  padding-top: 0.1875rem;
  position: relative; }
  @media (min-width: 1023px) {
    .cart-total-grandTotal {
      padding: 1rem 0;
      top: -0.25rem; } }

.coupon-code-add,
.coupon-code-cancel,
.shipping-estimate-show,
.shipping-estimate-hide,
.gift-certificate-add,
.gift-certificate-cancel {
  color: #757575;
  padding: 0;
  text-decoration: underline;
  transition: color 0.15s ease; }
  .coupon-code-add:hover,
  .coupon-code-cancel:hover,
  .shipping-estimate-show:hover,
  .shipping-estimate-hide:hover,
  .gift-certificate-add:hover,
  .gift-certificate-cancel:hover {
    color: #333333; }

.coupon-code-cancel,
.shipping-estimate-hide {
  font-style: italic; }

.coupon-form,
.cart-gift-certificate-form {
  font-size: 0;
  margin-bottom: 1rem; }
  .coupon-form:before, .coupon-form:after,
  .cart-gift-certificate-form:before,
  .cart-gift-certificate-form:after {
    content: " ";
    display: table; }
  .coupon-form:after,
  .cart-gift-certificate-form:after {
    clear: both; }
  .coupon-form .form-input,
  .coupon-form .button,
  .cart-gift-certificate-form .form-input,
  .cart-gift-certificate-form .button {
    float: left; }
  .coupon-form .form-input,
  .cart-gift-certificate-form .form-input {
    width: 78%; }
  .coupon-form .button,
  .cart-gift-certificate-form .button {
    margin: 0 0 0 2%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 20%; }

.estimator-form {
  margin-bottom: 0; }
  .estimator-form .form-input {
    margin-bottom: 0.75rem;
    width: 100%; }
  .estimator-form .button--primary {
    width: 60%; }

.estimator-form-label {
  clear: both;
  float: left;
  font-weight: 400;
  margin-bottom: 0; }
  .estimator-form-label .form-label {
    line-height: 2rem;
    margin-bottom: 0; }

.estimator-form-label-text {
  margin-left: 0.625rem; }

.estimator-form-input {
  float: right;
  margin-bottom: 1em;
  width: 60%; }
  .estimator-form-input .form-input,
  .estimator-form-input .form-select {
    margin-bottom: 0; }

.estimator-form-input--price {
  width: 30%; }

.estimator-form-row:before, .estimator-form-row:after {
  content: " ";
  display: table; }

.estimator-form-row:after {
  clear: both; }

.estimator-form-toggleUPSRate {
  display: block;
  margin-bottom: 1em; }

.cart-actions {
  clear: both; }
  .cart-actions:before, .cart-actions:after {
    content: " ";
    display: table; }
  .cart-actions:after {
    clear: both; }
  .cart-actions .button {
    display: block;
    margin-bottom: 0; }
    @media (min-width: 551px) {
      .cart-actions .button {
        display: inline-block;
        float: right; } }
  .cart-actions .checkoutMultiple {
    clear: right;
    display: block;
    float: right;
    padding-top: 0.375rem; }
  .cart-actions .checkout-button {
    display: flex;
    align-items: center; }
    .cart-actions .checkout-button svg {
      width: 24px;
      height: 24px;
      margin-right: 8px; }

.cart-payment-icons {
  margin-left: auto; }
  .cart-payment-icons .cart-additional-buttons-inner {
    margin-left: auto;
    display: flex;
    flex-flow: wrap;
    align-items: center; }
  .cart-payment-icons svg {
    margin-bottom: 32px; }
    .cart-payment-icons svg:not(:last-child) {
      margin-right: 32px; }

.previewCart-additionalCheckoutButtons {
  padding-right: 1.5rem; }
  .sideDrawer-content .previewCart-additionalCheckoutButtons {
    display: none; }

.previewCartList {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .previewCartList ul,
  .previewCartList ol {
    list-style: none;
    margin-bottom: 0; }
  .previewCartList li {
    margin: 0;
    padding: 0; }

.previewCartItem {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  display: table-row;
  line-height: 19px; }
  .previewCartItem:before, .previewCartItem:after {
    content: " ";
    display: table; }
  .previewCartItem:after {
    clear: both; }
  .previewCartItem + .previewCartItem {
    border-top: 1px solid #e5e5e5; }

.previewCartItem-image,
.previewCartItem-content {
  display: table-cell;
  vertical-align: middle; }

.previewCartItem-image {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 33.33333%;
  padding: 0;
  text-align: center;
  position: relative; }
  .previewCartItem-image img {
    max-height: 90%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .previewCartItem-image:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%; }

.previewCartItem-content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 66.66667%;
  padding-left: 0; }

.previewCartItem-name {
  margin: 0;
  text-transform: none; }
  .previewCartItem-name > a {
    text-decoration: none; }

.previewCartItem-brand,
.previewCartItem-name {
  margin-bottom: 0.1875rem; }

.previewCartItem-brand,
.previewCartItem-price {
  color: #757575;
  display: inline-block;
  font-size: 12px; }

.previewCartAction {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  display: block;
  padding: 1.5rem 0.75rem; }
  .previewCartAction:before, .previewCartAction:after {
    content: " ";
    display: table; }
  .previewCartAction:after {
    clear: both; }
  .previewCartAction .button {
    margin: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%; }

.previewCartAction-checkout,
.previewCartAction-viewCart {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: left; }
  .previewCartAction-checkout.previewCartAction-viewCart--sole,
  .previewCartAction-viewCart.previewCartAction-viewCart--sole {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; }

.previewCartAction-checkout {
  padding-right: 0.375rem; }

.previewCartAction-checkoutMultiple {
  clear: both;
  padding-left: 0.75rem;
  padding-top: 0.375rem; }

.previewCartAction-viewCart {
  padding-left: 0.375rem; }

h4.previewCart-emptyBody {
  padding: 3rem;
  color: #ec2726;
  margin-bottom: 40px;
  padding: 0; }

.previewCart-suggestedCats .previewCart-categoryList-item {
  margin-bottom: 0 !important; }
  .previewCart-suggestedCats .previewCart-categoryList-item:before {
    opacity: 0;
    position: absolute; }

.addressList {
  font-size: 0;
  list-style: none;
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.address {
  display: inline-block;
  padding: 0 0.75rem;
  vertical-align: top;
  width: 100%; }
  @media (min-width: 551px) {
    .address {
      width: 50%; } }
  @media (min-width: 1261px) {
    .address {
      width: 33.33333%; } }

.panel--address {
  font-size: 1rem;
  position: relative; }
  .panel--address .panel-body {
    min-height: 15.625rem;
    padding: 1.5rem; }
    @media (min-width: 551px) {
      .panel--address .panel-body {
        padding: 1.5rem 1.5rem 4.5rem; } }
  .panel--address .form-actions {
    margin-bottom: -0.75rem;
    margin-top: 1.5rem;
    text-align: left; }
    @media (min-width: 551px) {
      .panel--address .form-actions {
        bottom: 1.5rem;
        position: absolute;
        width: auto; } }
    .panel--address .form-actions .button {
      margin-bottom: 0.75rem; }
      .panel--address .form-actions .button + .button {
        margin-left: 0;
        margin-top: 0; }
        @media (min-width: 551px) {
          .panel--address .form-actions .button + .button {
            margin-left: 0.375rem; } }

.address-title {
  margin: 0 0 0.75rem;
  text-transform: none; }

.address-details {
  list-style: none;
  margin: 0 0 0.75rem; }

.address-details--postal {
  font-size: 16px; }

.address-label,
.address-description {
  display: inline-block;
  font-size: 1rem;
  margin: 0; }

.address-label {
  color: #757575;
  font-weight: 400; }

.panel--newAddress {
  display: block;
  text-align: center;
  text-decoration: none; }
  .panel--newAddress:hover .address-title {
    color: #757575; }
  .panel--newAddress .panel-body {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    display: block; }
  .panel--newAddress .address-title {
    margin-bottom: 0;
    transition: all 0.15s ease; }

.address-addNew {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-55%); }

.address-symbol {
  font-size: 75px;
  line-height: 1; }

.videoGallery-main {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative;
  margin-bottom: 1.875rem; }
  .videoGallery-main.widescreen {
    padding-bottom: 56.34%; }
  .videoGallery-main.vimeo {
    padding-top: 0; }
  .videoGallery-main iframe,
  .videoGallery-main object,
  .videoGallery-main embed,
  .videoGallery-main video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }

.videoGallery-list {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .videoGallery-list ul,
  .videoGallery-list ol {
    list-style: none;
    margin-bottom: 0; }
  .videoGallery-list:before, .videoGallery-list:after {
    content: " ";
    display: table; }
  .videoGallery-list:after {
    clear: both; }

.videoGallery-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  display: inline-block;
  float: none;
  vertical-align: top; }
  @media (min-width: 1023px) {
    .videoGallery-item {
      width: 50%; } }

.video {
  display: block;
  margin-bottom: 1.875rem;
  opacity: 0.4;
  text-decoration: none;
  transition: opacity 100ms ease-out; }
  .video:before, .video:after {
    content: " ";
    display: table; }
  .video:after {
    clear: both; }
  .video-figure {
    float: left;
    margin-right: 0.75rem; }
    .video-figure > img {
      display: block; }
  .video-figure--opposite {
    float: right;
    margin-left: 0.75rem;
    margin-right: 0; }
  .video-body:before, .video-body:after {
    content: " ";
    display: table; }
  .video-body:after {
    clear: both; }
  @media (min-width: 1023px) {
    .video {
      margin-bottom: 1.875rem; } }
  .video:hover, .video.is-active {
    color: #333333;
    opacity: 1; }

.video-figure {
  margin-right: 1.875rem; }

.video-title {
  margin-bottom: 0;
  margin-top: 0;
  text-transform: none; }

.video-description {
  font-size: 1rem;
  margin-bottom: 0; }

.previewCart {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%; }
  .previewCart:before, .previewCart:after {
    content: " ";
    display: table; }
  .previewCart:after {
    clear: both; }
  @media (min-width: 1023px) {
    .previewCart .productView {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 75%;
      float: left;
      display: flex;
      margin: 0;
      padding-bottom: 0;
      padding-top: 0; }
    .previewCart .productView-image {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 58.33333%;
      float: left;
      display: flex;
      flex-direction: column; }
    .previewCart .productView-image--cart {
      align-self: flex-start;
      margin: 0 auto;
      width: 100%; }
    .previewCart .productView-details {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 41.66667%;
      float: left; } }
  .previewCart .productView-title {
    margin-top: 0; }

.previewCartCheckout {
  background: #e5e5e5;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 1023px) {
    .previewCartCheckout {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: right;
      padding: 1.5rem; } }
  .previewCartCheckout .button {
    display: block;
    margin: 0;
    width: 100%; }
    .previewCartCheckout .button + .button,
    .previewCartCheckout .button + p {
      margin-top: 0.75rem; }

.previewCartCheckout-price {
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-align: center; }

.previewCartCheckout-subtotal {
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }

.previewCartCheckout-additionalCheckoutButtons p {
  float: none !important;
  margin: 0.5rem 0; }

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton {
  margin-bottom: 1rem; }
  .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child {
    margin-top: 1.5rem; }
  .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child {
    margin-bottom: 1.5rem; }

.suggestiveCart {
  display: none;
  text-align: center; }
  @media (min-width: 1023px) {
    .suggestiveCart {
      display: block; } }

.maintenanceNotice {
  background-color: #fffdea;
  box-shadow: 0 0 5px #999999;
  color: #333333;
  left: 1.125rem;
  padding: 1rem 1.3125rem;
  position: fixed;
  top: 1.125rem;
  width: 24rem;
  z-index: 500; }
  .maintenanceNotice > :last-child {
    margin-bottom: 0; }
  .maintenanceNotice a {
    color: #333333; }

.maintenanceNotice-header {
  font-family: "Hepta Slab";
  margin: 0 0 0.75rem; }

body.hasAdminBar {
  padding-top: 101px; }
  @media (min-width: 1023px) {
    body.hasAdminBar {
      padding-top: 0; }
      body.hasAdminBar .banners {
        margin-top: 46px; }
      body.hasAdminBar .header {
        padding-top: 0; } }
  body.hasAdminBar .header {
    padding-top: 46px; }
  body.hasAdminBar .navPages-container.is-open {
    padding-top: 101px; }

.adminBar {
  display: none;
  background-color: white;
  box-shadow: 0 0.125rem 0.4375rem 0 rgba(0, 0, 0, 0.2);
  color: #626568;
  font-family: "Source Sans Pro", arial, "sans serif", sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 46px;
  left: 0;
  position: fixed;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 10000; }
  @media (min-width: 1023px) {
    .adminBar {
      display: block; } }
  .adminBar .svg-icon {
    display: inline-flex;
    align-self: center; }
  .adminBar .svg-icon svg {
    height: 1em;
    width: 1em; }
  .adminBar .svg-icon.svg-baseline svg {
    top: .125em;
    position: relative; }

.adminBar-logo {
  float: left;
  height: 46px;
  width: 45px; }
  .adminBar-logo svg {
    height: 100%;
    padding: 7px 10px 11px 7px;
    width: 100%; }

.adminBar-content {
  align-items: center;
  display: flex;
  height: 46px;
  justify-content: space-between; }
  .adminBar-content a {
    color: #3E67F8;
    text-decoration: none; }
  .adminBar-content a:hover {
    background-color: #f0f3fe;
    border-radius: 5px; }

.adminBar-private {
  margin-right: auto;
  text-align: left;
  /* Tooltip container */
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */ }
  .adminBar-private a {
    padding: 10px; }
  .adminBar-private span {
    white-space: nowrap; }
  .adminBar-private .tooltip {
    position: relative;
    display: inline-block; }
  .adminBar-private .tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #313440;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1; }
  .adminBar-private .tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px; }
  .adminBar-private .tooltip:hover .tooltiptext {
    visibility: visible; }

.adminBar-links {
  margin-left: auto;
  text-align: right;
  padding-right: 5px; }
  .adminBar-links a {
    padding: 10px; }
  .adminBar-links span {
    white-space: nowrap; }

.adminBar-large {
  display: none; }
  @media (min-width: 1261px) {
    .adminBar-large {
      display: initial; } }

.adminBar-close span {
  padding: 10px;
  margin-right: 5px;
  margin-bottom: .25em; }

.adminBar-close span:hover {
  background-color: #f0f3fe;
  border-radius: 5px; }

.adminBar-close span svg {
  height: 100%;
  width: 100%; }

.preview {
  font-weight: 400;
  padding-left: 9px; }

.cookieMessage {
  background: #e5e5e5;
  color: #333333;
  display: none; }
  .cookieMessage .button {
    width: 100%; }
    @media (min-width: 1023px) {
      .cookieMessage .button {
        vertical-align: middle;
        width: 25%; } }
    @media (min-width: 1261px) {
      .cookieMessage .button {
        vertical-align: top; } }

.cookieMessage-container {
  margin: 0 auto;
  padding: 1.5rem; }
  @media (min-width: 1023px) {
    .cookieMessage-container {
      width: 83.33333%; } }
  @media (min-width: 1261px) {
    .cookieMessage-container {
      width: 58.33333%; } }

@media (min-width: 1023px) {
  .cookieMessage-text {
    display: inline-block;
    padding: 0 0.75rem;
    vertical-align: middle;
    width: 66.66667%; } }

.login {
  margin: 3rem auto 6rem;
  max-width: 56.25rem; }

.login-row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%; }
  .login-row:before, .login-row:after {
    content: " ";
    display: table; }
  .login-row:after {
    clear: both; }
  @media (min-width: 1023px) {
    .login-row {
      margin-top: 6rem; } }

.login-form {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 1023px) {
    .login-form {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left;
      margin-top: 3rem; } }

.new-customer {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 1023px) {
    .new-customer {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left; } }

.new-customer-intro {
  margin-bottom: 0; }

.new-customer-fact-list {
  margin-left: 3rem; }

.new-customer-fact {
  padding-left: 0.75rem; }

.search-suggestion {
  margin-bottom: 2rem; }
  .search-suggestion > :last-child {
    margin-bottom: 0; }

.suggestion-title {
  margin-top: 0;
  text-transform: inherit; }

.advancedSearch-form {
  margin-bottom: 3rem; }
  .advancedSearch-form .form-row {
    margin-bottom: -1.5rem; }

.quickSearchResults {
  margin-top: 1.5rem; }
  @media (min-width: 1023px) {
    .quickSearchResults {
      margin-top: 0; } }
  .quickSearchResults .modal-close {
    display: none; }
    @media (min-width: 1023px) {
      .quickSearchResults .modal-close {
        display: block; } }

.advancedSearch-separator {
  display: none; }

.advancedSearch-title {
  margin: 0 0 1.5rem;
  text-transform: inherit; }

.search-price-range label {
  display: inline; }
  .search-price-range label input {
    display: block;
    padding-left: 1.5rem; }
    @media (min-width: 551px) {
      .search-price-range label input {
        display: inline;
        width: 6rem; } }
  @media (min-width: 551px) {
    .search-price-range label span {
      display: inline;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.category-suggestion-list {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  list-style-type: none; }
  .category-suggestion-list:before, .category-suggestion-list:after {
    content: " ";
    display: table; }
  .category-suggestion-list:after {
    clear: both; }

.category-suggestion {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 33.33333%;
  float: left;
  font-size: 16px; }

.search-refine {
  margin-left: 1.5rem; }

.quickSearchMessage {
  font-size: 28px;
  margin: 1.5rem 0 0;
  text-align: center; }

.navBar--account {
  display: none; }
  @media (min-width: 1023px) {
    .navBar--account {
      display: block; } }

.account-heading {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding-bottom: 1rem; }

.account-list {
  list-style: none;
  margin-left: 0; }

.account-listItem {
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 0;
  position: relative; }
  .account-listItem img {
    width: 100%; }
  .account-listItem .account-product-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: relative; }

.account-listShipping {
  border-bottom: 1px solid #e5e5e5;
  font-weight: 700;
  padding: 2rem 0; }
  .account-listShipping .account-listShipping-title {
    margin: 0;
    text-transform: inherit; }

.account-product:before, .account-product:after {
  content: " ";
  display: table; }

.account-product:after {
  clear: both; }

.account-product-figure {
  float: left;
  margin-right: 0.75rem; }
  .account-product-figure > img {
    display: block; }

.account-product-figure--opposite {
  float: right;
  margin-left: 0.75rem;
  margin-right: 0; }

.account-product-body:before, .account-product-body:after {
  content: " ";
  display: table; }

.account-product-body:after {
  clear: both; }

.account-product-figure {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 2rem 0 0;
  position: relative;
  width: 70px; }
  .account-product-figure:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%; }

.account-product-download {
  border-radius: 50%;
  height: 2.0625rem;
  padding: 0;
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  width: 2.0625rem;
  z-index: 1; }
  .account-product-download .icon {
    height: 1.5rem;
    margin-top: 0.375rem;
    width: 1.5rem; }
  .account-product-download svg {
    fill: white; }

.account-product-body {
  overflow: hidden;
  padding-bottom: 3.5rem;
  position: relative; }
  @media (min-width: 551px) {
    .account-product-body {
      padding-bottom: 0; } }
  .account-product-body .definitionList {
    font-size: 16px;
    margin-bottom: 0; }

.account-product-title {
  margin: 0 0 0.1875rem;
  text-transform: inherit; }
  .account-product-title > a {
    text-decoration: none; }
  .account-product-title + .definitionList {
    margin-top: 0.75rem; }

.account-product-subtitle {
  color: #999999;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: -0.1875rem 0 1rem;
  text-transform: inherit; }

.account-product-price {
  float: right;
  font-size: 16px; }

.account-product-description + .definitionList {
  margin: -1.375rem 0 1.5rem; }

.account-product-refundQty {
  color: #999999;
  margin-bottom: 0; }

.account-product-details {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .account-product-details:before, .account-product-details:after {
    content: " ";
    display: table; }
  .account-product-details:after {
    clear: both; }

.account-product-detail {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 551px) {
    .account-product-detail {
      width: 33.33333%; } }
  @media (min-width: 1261px) {
    .account-product-detail {
      width: 25%; } }
  .account-product-detail + .account-product-detail {
    margin-top: 1rem; }
    @media (min-width: 551px) {
      .account-product-detail + .account-product-detail {
        margin-top: 0; } }
  @media (min-width: 551px) {
    .account-product-detail + .account-product-detail--full {
      margin-top: 1.5rem; } }

@media (min-width: 1261px) {
  .account-product-detail--large {
    width: 50%; } }

.account-product-detail--full {
  width: 100%; }

.account-product-detail-heading {
  color: #757575;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 0 0.375rem; }

.account-product--alignMiddle {
  display: table;
  width: 100%; }
  .account-product--alignMiddle .account-product-checkItem {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 2rem; }
    @media (min-width: 1261px) {
      .account-product--alignMiddle .account-product-checkItem {
        left: -2.5rem; } }
    .account-product--alignMiddle .account-product-checkItem .form-label {
      height: 1.5rem;
      margin: 0;
      padding: 0;
      width: 1.5rem; }
  .account-product--alignMiddle .account-product-figure,
  .account-product--alignMiddle .account-product-body {
    display: table-cell; }
  .account-product--alignMiddle .account-product-figure {
    float: none;
    margin-right: 0; }
    @media (min-width: 1261px) {
      .account-product--alignMiddle .account-product-figure {
        left: -2rem; } }
  .account-product--alignMiddle .account-product-body {
    padding-left: 2rem;
    vertical-align: middle; }
    @media (min-width: 1261px) {
      .account-product--alignMiddle .account-product-body {
        padding-left: 0; } }

.account-orderTotal {
  float: right;
  font-size: 16px;
  margin-top: -1.5rem;
  width: 66.66667%; }

.account-orderTotal-key,
.account-orderTotal-value {
  margin: 0;
  padding: 1.5rem 0; }

.account-orderTotal-key {
  color: #757575;
  float: left;
  font-weight: 400; }
  .account-orderTotal-key:last-of-type {
    position: relative;
    top: 0.3125rem; }

.account-orderTotal-value {
  border-bottom: 1px solid #e5e5e5;
  text-align: right; }
  .account-orderTotal-value:last-child {
    border-bottom: 0;
    font-size: 20px; }

.account-orderStatus {
  bottom: 0;
  left: 0;
  position: absolute; }
  @media (min-width: 551px) {
    .account-orderStatus {
      float: right;
      position: inherit;
      text-align: right; } }

.account-orderStatus-label {
  background-color: #cccccc;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin: 0 0 0.375rem;
  padding: 0.1875rem 0.5rem; }

.account-orderStatus-action {
  color: #757575;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.25px;
  margin-left: 0.75rem;
  text-align: right;
  text-decoration: underline;
  vertical-align: top; }
  @media (min-width: 551px) {
    .account-orderStatus-action {
      display: block;
      margin-left: 0; } }
  .account-orderStatus-action:hover {
    color: #333333; }

.account .pagination {
  color: #999999;
  margin-top: 3rem;
  text-align: center; }

.account-message .is-read {
  color: #999999; }

.account-sidebar-block {
  font-size: 16px; }
  .account-sidebar-block + .account-sidebar-block {
    margin-top: 3rem; }
  .account-sidebar-block .account-heading {
    margin-bottom: 1.5rem; }

.account-order-address {
  list-style: none;
  margin-left: 0; }
  .account-order-address ul,
  .account-order-address ol {
    list-style: none;
    margin-bottom: 0; }

.account-reorder-form {
  display: inline-block; }

.order-payments-description {
  color: #ec2726;
  font-weight: 400;
  margin-top: 1.5rem; }

.account-downloads-summary {
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  padding-bottom: 1.5rem; }

.account-downloadsList {
  list-style: none;
  margin-left: 0; }
  .account-downloadsList ul,
  .account-downloadsList ol {
    list-style: none;
    margin-bottom: 0; }

.account-downloadsItem {
  margin-bottom: 1.5rem; }
  .account-downloadsItem > :first-child {
    margin-top: 0; }
  .account-downloadsItem > :last-child {
    margin-bottom: 0; }

.account-downloadsItem-title {
  color: #757575;
  font-size: 16px;
  margin-bottom: 0.1875rem;
  text-transform: inherit; }

.account-downloadsItem-description {
  margin-bottom: 0; }

.account-downloadsItem-availability {
  color: #757575; }

.wishlists-table {
  margin-left: auto;
  margin-right: auto;
  max-width: 75rem; }

.wishlist-header {
  display: none;
  text-align: center; }

.modal .wishlist-header {
  display: block; }

.wishlist-form {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 34.375rem; }
  .wishlist-form:before, .wishlist-form:after {
    content: " ";
    display: table; }
  .wishlist-form:after {
    clear: both; }
  .wishlist-form .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left; }

.share-wishlist {
  margin-left: auto;
  margin-right: auto;
  max-width: 40.625rem;
  text-align: center; }

.icon--ratingEmpty svg {
  fill: #cccccc; }

.icon--ratingFull svg {
  fill: #757575; }

.rating--small {
  display: inline-block; }
  .rating--small .icon {
    height: 0.875rem;
    width: 0.875rem;
    margin-top: -3px; }

.apple-pay-checkout-button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 60%;
  border-radius: 0.25rem;
  cursor: pointer;
  display: none;
  max-height: 4rem;
  min-height: 2rem;
  min-width: 8.375rem;
  padding: 1.5rem;
  background-color: #000;
  background-image: -webkit-named-image(apple-pay-logo-white); }

.cart-additionalCheckoutButtons .apple-pay-checkout-button {
  margin-top: 0.75rem; }

.apple-pay-supported .apple-pay-checkout-button {
  display: block; }
  @media (min-width: 551px) {
    .apple-pay-supported .apple-pay-checkout-button {
      display: inline-block;
      float: right; } }

.previewCartCheckout .apple-pay-checkout-button {
  float: none;
  margin-top: 0.75rem; }

.paymentMethodsTitle {
  padding: 0;
  text-transform: none;
  width: 100%;
  margin: 0 0 0.75rem; }

.paymentMethodsGrid {
  margin: -0.75rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap; }
  .paymentMethodsGrid-item {
    padding: 0.75rem;
    width: 100%; }
    @media (min-width: 551px) {
      .paymentMethodsGrid-item {
        width: 50%; } }

.paymentMethod {
  border: 1px solid #e5e5e5;
  background-color: #e5e5e5;
  border-radius: 0.1875rem;
  height: 100%;
  display: flex;
  flex-flow: column nowrap; }
  .paymentMethod-row {
    padding: 1.5rem; }
    .paymentMethod-row:first-child {
      background-color: #ffffff; }
    .paymentMethod-row:last-child {
      margin-top: auto; }
    .paymentMethod-row:only-child {
      height: 100%; }
  .paymentMethod .button {
    margin-bottom: 0; }

.methodHeader {
  justify-content: space-between;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .methodHeader-icon {
    margin-right: 0.75rem;
    width: 1.75rem; }
    @media (min-width: 1261px) {
      .methodHeader-icon {
        width: 2.625rem; } }
  .methodHeader-title {
    font-size: 12px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-title {
        font-size: 1rem; } }
  .methodHeader-brand {
    font-size: 12px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-brand {
        font-size: 1rem; } }
  .methodHeader-meta {
    padding-left: 0.75rem;
    margin-left: auto;
    display: flex;
    flex-wrap: nowrap; }
  .methodHeader-default {
    margin-left: 0.75rem;
    fill: #444444;
    height: 1.125rem;
    width: 1.125rem; }
    @media (min-width: 1261px) {
      .methodHeader-default {
        height: 1.25rem;
        width: 1.25rem; } }
  .methodHeader-expiry {
    font-size: 16px;
    text-transform: capitalize; }

.methodDetails {
  margin: 0;
  display: flex; }
  .methodDetails-label {
    flex: 1;
    font-weight: 600; }
  .methodDetails-description {
    flex: 2;
    font-size: 12px; }

.newPaymentMethod {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-items: center;
  flex-direction: column;
  min-height: 11.625rem;
  height: 100%; }
  .newPaymentMethod-icon {
    font-size: 50px;
    line-height: 1;
    margin: auto 0 0.75rem; }
  .newPaymentMethod-title {
    margin: 0 auto auto;
    text-align: center; }

@media (min-width: 551px) {
  .paymentMethodForm {
    max-width: 60%; } }

@media (min-width: 551px) {
  .paymentMethodForm-column {
    display: flex; }
    .paymentMethodForm-column:first-child .form-field {
      margin-bottom: 0.75rem; } }

.paymentMethodForm-heading {
  color: #333333;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  margin-top: 1.5rem;
  text-transform: capitalize; }

.paymentMethodForm-subheading {
  display: flex;
  font-weight: 600; }

@media (min-width: 551px) {
  .paymentMethodForm-cards {
    margin-left: auto; } }

.paymentMethodForm-cards-icon {
  margin-right: 0.1875rem;
  width: 2.125rem; }

.paymentMethodForm-inputs {
  position: relative; }
  @media (min-width: 551px) {
    .paymentMethodForm-inputs:last-child {
      padding-left: 1.5rem;
      width: 30%; }
    .paymentMethodForm-inputs:first-child {
      width: 70%; } }

.paymentMethodForm-inputs-icon {
  position: absolute;
  right: 0.5625rem;
  top: 2.4375rem; }
  .paymentMethodForm-inputs-icon.icon {
    fill: #999999;
    height: 1.3125rem;
    width: 1.3125rem; }

.paymentMethodForm-details {
  margin-bottom: 0; }
  @media (min-width: 551px) {
    .paymentMethodForm-details {
      display: inline-block;
      margin: 0 3rem 0 0; } }

.paymentMethodForm-details-term {
  font-weight: 400;
  margin-bottom: 0.75rem; }

.paymentMethodForm-details-description {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.25px; }

.category-header-image {
  width: 100%; }

.header {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 55px; }
  @media (min-width: 1023px) {
    .header {
      border-bottom: 1px solid #e5e5e5;
      overflow: visible;
      position: relative;
      height: auto; } }
  .header.is-open {
    height: 100%; }
    @media (min-width: 1023px) {
      .header.is-open {
        height: auto; } }

.header-logo {
  font-size: 0;
  margin: 0 3.4375rem;
  text-align: center;
  height: inherit; }
  @media (min-width: 551px) {
    .header-logo {
      margin-left: 5.15625rem;
      margin-right: 5.15625rem; } }
  @media (min-width: 1023px) {
    .header-logo {
      margin: 4rem auto 4.5rem;
      padding: 0; }
      .header.fixed .header-logo {
        background-color: #e5e5e5;
        margin: 0;
        padding: 0.375rem 0;
        position: absolute;
        top: 0;
        width: 100%; } }
  .header-logo__link {
    color: #333333;
    height: inherit;
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: 70%;
    z-index: 20; }
    .header-logo__link:before, .header-logo__link:after {
      content: " ";
      display: table; }
    .header-logo__link:after {
      clear: both; }
    @media (min-width: 1023px) {
      .header-logo__link {
        background: none;
        border-bottom: 0;
        display: inline;
        padding: 0;
        width: 100%; } }
    .header-logo__link:hover {
      color: #d30201; }
    .header-logo__link:active {
      color: #757575; }

.header-logo--left {
  text-align: left; }
  @media (min-width: 1023px) {
    .header-logo--left {
      margin-left: 2.5rem; } }
  .header-logo--left .header-logo-image {
    right: unset; }

.header-logo--right {
  text-align: right; }
  @media (min-width: 1023px) {
    .header-logo--right {
      margin-right: 2.5rem; } }
  .header-logo--right .header-logo-image {
    left: unset; }

.header-logo-text {
  display: block;
  font-family: "Hepta Slab", Arial, Helvetica, sans-serif;
  font-size: 2.25vw;
  font-weight: 800;
  letter-spacing: 0.125rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (min-width: 551px) {
    .header-logo-text {
      font-size: 2.5vw; } }
  @media (min-width: 1023px) {
    .header-logo-text {
      display: inline;
      font-size: 28px;
      max-width: none;
      overflow: auto;
      white-space: normal; }
      .header.fixed .header-logo-text {
        font-size: 25px; } }

.header-logo-image-container {
  position: relative; }

.header-logo-image-container:after {
  content: "";
  display: block;
  padding-bottom: 1.9375rem; }
  @media (min-width: 1023px) {
    .header-logo-image-container:after {
      padding-bottom: 100px; } }

.header-logo-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 1.9375rem; }
  @media (min-width: 1023px) {
    .header-logo-image {
      max-height: none; } }

.header-logo-image-unknown-size {
  max-height: 1.9375rem; }
  @media (min-width: 1023px) {
    .header-logo-image-unknown-size {
      max-height: none; } }

.mobileMenu-toggle {
  height: 3.4375rem;
  width: 3.4375rem;
  display: inline-block;
  font-size: 0;
  left: 0;
  overflow: hidden;
  padding: 0 1.125rem;
  position: absolute;
  z-index: 50; }
  @media (min-width: 1023px) {
    .mobileMenu-toggle {
      display: none; } }
  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: black;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transform: rotate(0deg);
    transition: transform 100ms ease-in, top 100ms ease-in 150ms, bottom 100ms ease-in 150ms;
    width: 1.25rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 1.6875rem;
    transition: background-color 10ms ease-in 100ms; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::before {
    top: -0.5rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    bottom: -0.5rem; }
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
    background-color: transparent;
    transition-delay: 100ms; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      background-color: black;
      bottom: auto;
      top: auto;
      transition: transform 100ms ease-in 150ms, top 100ms ease-in, bottom 100ms ease-in; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
      top: 0;
      transform: rotate(45deg); }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      bottom: 0;
      transform: rotate(-45deg); }

.body {
  margin-bottom: 6rem;
  margin-top: 1.5rem; }
  @media (min-width: 1023px) {
    .body {
      margin-top: 2.5rem; } }

.page {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .page:before, .page:after {
    content: " ";
    display: table; }
  .page:after {
    clear: both; }

.page-content,
.page-content--full {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }

@media (min-width: 1023px) {
  .page-content--centered {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 66.66667%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; } }

.page-content--textCenter {
  text-align: center; }

.page-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  position: relative; }
  @media (min-width: 1023px) {
    .page-sidebar {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left; }
      .page-sidebar + .page-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 75%;
        float: left; } }

@media (min-width: 1023px) {
  #faceted-search-container {
    position: sticky;
    top: 8rem; } }

.footer {
  background-color: white;
  border-top: 1px solid #e5e5e5;
  padding: 3rem 0; }

.footer-info {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .footer-info:before, .footer-info:after {
    content: " ";
    display: table; }
  .footer-info:after {
    clear: both; }

.footer-info-col {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  color: #757575;
  display: inline-block;
  float: none;
  font-size: 1rem;
  margin-bottom: 3rem;
  text-align: center;
  vertical-align: top; }
  @media (min-width: 551px) {
    .footer-info-col {
      text-align: left;
      width: 50%; } }
  @media (min-width: 1023px) {
    .footer-info-col {
      width: 33.33334%; } }
  .footer-info-col > :first-child {
    margin-top: 0; }
  .footer-info-col > :last-child {
    margin-bottom: 0; }

@media (min-width: 1023px) {
  .footer-info-col--small {
    width: 16.66667%; } }

.footer-info-col--social {
  width: 100%; }

@media (min-width: 551px) {
  .footer-info-col--left {
    padding: 0; } }

@media (min-width: 551px) {
  .footer-info-col--right {
    left: 50%;
    position: inherit;
    width: 50%; } }

@media (min-width: 1023px) {
  .footer-info-col--right {
    left: 0;
    padding: 0;
    text-align: right;
    width: 100%; } }

.footer-info-heading {
  font-size: 1rem;
  text-transform: inherit; }

.footer-info-list {
  list-style: none;
  margin-left: 0; }
  .footer-info-list a {
    color: #757575;
    text-decoration: none; }
    .footer-info-list a:hover {
      color: #333333; }

.footer-copyright {
  text-align: center; }
  @media (min-width: 551px) {
    .footer-copyright {
      text-align: left; } }
  .footer-copyright > .powered-by {
    color: #757575;
    font-size: 12px;
    margin: 0; }
  .footer-copyright a {
    color: #757575;
    text-decoration: none; }
    .footer-copyright a:hover {
      color: #333333; }

.footer-payment-icons {
  height: 2.5rem;
  margin-top: 1.5rem; }
  @media (min-width: 1023px) {
    .footer-payment-icons {
      margin-top: 3rem; } }
  .footer-payment-icons .footer-payment-icon {
    height: 100%;
    margin: 0.375rem;
    vertical-align: middle;
    width: 3.125rem; }
  .footer-payment-icons svg {
    fill: #757575; }

@media (min-width: 551px) {
  .footer-geotrust-ssl-seal {
    bottom: 0;
    position: absolute;
    right: 16px; } }

.footer-geotrust-ssl-seal table {
  margin: auto; }

.footer-newsletter-summary {
  text-align: left; }

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 81rem;
  padding: 0 1.5rem;
  position: relative;
  width: 100%; }
  @media (min-width: 1261px) {
    .container {
      padding: 0 6rem; } }

.blog {
  margin-bottom: 1.5rem; }
  @media (min-width: 1023px) {
    .blog {
      margin: auto;
      width: 100%; } }
  .blog + .blog {
    border-top: 1px solid #e5e5e5;
    margin-top: 3rem;
    padding-top: 3rem; }
  .blog .tags {
    margin-top: 3rem;
    text-align: center; }
  .blog .socialLinks {
    text-align: center; }
  .blog .addthis_toolbox {
    margin-top: 3rem; }

.blog-title {
  font-size: 22px;
  margin: 0 1.5rem 0.375rem; }
  .blog-title a {
    text-decoration: none; }

.blog-date,
.blog-author {
  color: #757575;
  text-align: center; }

.blog-author {
  margin-bottom: 2.5rem; }

.blog-post {
  font-size: 16px;
  text-align: left; }

.blog-thumbnail {
  margin: 0 auto 2rem;
  position: relative;
  max-width: 190px; }
  .blog-thumbnail img {
    width: 100%; }

.blog-post-figure {
  display: block;
  margin: auto;
  text-align: center; }
  @media (min-width: 1023px) {
    .blog-post-figure {
      width: 66.66667%; } }

.blog-post-body {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%; }
  @media (min-width: 551px) {
    .blog-post-body {
      width: 83.33333%; } }
  @media (min-width: 1023px) {
    .blog-post-body {
      width: 66.66667%; } }
  @media (min-width: 1261px) {
    .blog-post-body {
      width: 50%; } }

.sidebarBlock + .sidebarBlock {
  border-top: 1px solid #e5e5e5;
  margin-top: 2rem;
  padding-top: 2rem; }

.sidebarBlock-heading {
  margin-top: 0;
  text-transform: inherit; }

.brandGrid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-bottom: 1.5rem; }
  .brandGrid ul,
  .brandGrid ol {
    list-style: none;
    margin-bottom: 0; }
  .brandGrid:before, .brandGrid:after {
    content: " ";
    display: table; }
  .brandGrid:after {
    clear: both; }
  .brandGrid .brand {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }
    @media (min-width: 551px) {
      .brandGrid .brand {
        width: 33.33333%; } }
    @media (min-width: 1023px) {
      .brandGrid .brand {
        width: 25%; } }
    .brandGrid .brand .card-title {
      text-align: center; }

.brand-image-container {
  position: relative;
  max-width: 100px; }
  .brand-image-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .brand-image-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%; }

.brand .card-img-container {
  max-width: 190px; }
  .brand .card-img-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 131.57895%; }

.productGrid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-bottom: 1.5rem; }
  .productGrid ul,
  .productGrid ol {
    list-style: none;
    margin-bottom: 0; }
  .productGrid:before, .productGrid:after {
    content: " ";
    display: table; }
  .productGrid:after {
    clear: both; }
  .productGrid .product {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }
    @media (min-width: 551px) {
      .productGrid .product {
        width: 33.33333%; } }
    @media (min-width: 1023px) {
      .productGrid .product {
        width: 25%; } }

@media (min-width: 551px) {
  .page-sidebar + .page-content .productGrid .product {
    width: 33.33333%; } }

.productMasonry {
  column-count: 2;
  column-fill: auto;
  column-gap: 1.25rem;
  margin: 0 0 1.5rem;
  overflow: hidden; }
  @media (min-width: 551px) {
    .productMasonry {
      column-count: 3; } }
  @media (min-width: 1023px) {
    .productMasonry {
      column-count: 4; } }
  .productMasonry .product {
    break-inside: avoid;
    page-break-inside: avoid;
    display: block;
    margin-bottom: 3rem;
    padding: 0;
    width: 100%; }
  .productMasonry .card {
    margin: 0; }

@media (min-width: 1023px) {
  .no-csscolumns .productGrid--maxCol6 .product {
    width: 16.66667%; } }

@media (min-width: 1023px) {
  .csscolumns .productGrid--maxCol6 {
    column-count: 6; } }

@media (min-width: 1023px) {
  .no-csscolumns .productGrid--maxCol3 .product {
    width: 33.33333%; } }

@media (min-width: 1023px) {
  .csscolumns .productGrid--maxCol3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left;
    float: none; }
    .csscolumns .productGrid--maxCol3 .product {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33.33333%;
      float: none; } }

.productList {
  list-style: none;
  margin-left: 0;
  margin: 0.75rem; }
  .productList ul,
  .productList ol {
    list-style: none;
    margin-bottom: 0; }
  .productList .product + .product {
    margin-top: 4rem; }

@media (min-width: 551px) {
  .listItem {
    margin: 0 -0.75rem;
    max-width: none;
    width: auto;
    display: table;
    width: 100%; }
    .listItem:before, .listItem:after {
      content: " ";
      display: table; }
    .listItem:after {
      clear: both; } }

@media (min-width: 551px) {
  .listItem-figure,
  .listItem-body {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-figure,
  .listItem-body {
    vertical-align: middle; } }

.listItem-button {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333; }
  .listItem-button:hover {
    background-color: white;
    color: #333333; }

.listItem-figure {
  margin: 0 0 1.5rem;
  position: relative; }
  @media (min-width: 551px) {
    .listItem-figure {
      margin-bottom: 0;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%; } }
  .listItem-figure .listItem-button {
    margin: 1.5rem 0; }
    @media (min-width: 1261px) {
      .listItem-figure .listItem-button {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        margin: 0 0 1.5rem;
        pointer-events: all;
        transform-style: preserve-3d; } }

.listItem-figureBody {
  opacity: 1;
  text-align: center; }
  @media (min-width: 1261px) {
    .listItem-figureBody {
      bottom: 0;
      height: 100%;
      left: 0.75rem;
      opacity: 0;
      position: absolute;
      right: 0.75rem;
      top: 0; }
      .listItem-figureBody:hover {
        opacity: 1; } }

.listItem-image {
  width: 100%; }

@media (min-width: 551px) {
  .listItem-body {
    padding-left: 1.25rem;
    padding-right: 0.75rem;
    width: 75%; } }

@media (min-width: 1261px) {
  .listItem-content {
    display: table; } }

@media (min-width: 1261px) {
  .listItem-details,
  .listItem-actions {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-details {
    padding-right: 6rem; }
    .listItem-details > :last-child {
      margin-bottom: 0; } }

.listItem-rating {
  margin-bottom: 0.375rem; }

.listItem-brand {
  color: #999999;
  font-size: 1rem;
  margin: 0 0 0.1875rem; }
  @media (min-width: 1023px) {
    .listItem-brand {
      font-size: 16px;
      margin-bottom: 0; } }

.listItem-title {
  font-size: 16px;
  margin: 0 0 0.1875rem; }
  @media (min-width: 1023px) {
    .listItem-title {
      font-size: 20px; } }
  .listItem-title > a {
    text-decoration: none; }

.listItem-price {
  margin-bottom: 1rem; }
  @media (min-width: 1023px) {
    .listItem-price {
      font-size: 20px; } }

@media (min-width: 1261px) {
  .listItem-actions {
    vertical-align: middle;
    width: 22%; }
    .listItem-actions .button--compare {
      font-size: 12px;
      padding: 0.5625rem 1.5rem; } }

.listItem-actions .button {
  margin-bottom: 0; }
  @media (min-width: 1261px) {
    .listItem-actions .button {
      width: 100%; }
      .listItem-actions .button + .button {
        margin: 0.75rem 0 0; } }

@media (min-width: 1261px) {
  .page-sidebar + .page-content .productList .listItem-details {
    padding-right: 3rem; } }

@media (min-width: 1261px) {
  .page-sidebar + .page-content .productList .listItem-actions {
    width: 30%; } }

.productView {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin-left: -1rem;
  margin-right: -1rem; }
  .productView:before, .productView:after {
    content: " ";
    display: table; }
  .productView:after {
    clear: both; }
  .modal .productView {
    padding-bottom: 0;
    padding-top: 0; }

.productView--quickView .socialLinks-item--print {
  display: none; }

.productView-images {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 1023px) {
    .productView-images {
      width: 50%; } }

.productView-details {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 1023px) {
    .productView-details {
      clear: right;
      float: right;
      width: 50%; } }
  .productView--quickView .productView-details {
    position: relative; }

.productView-description {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  z-index: 1; }
  @media (min-width: 1261px) {
    .productView-description {
      clear: right;
      float: right;
      width: 50%; } }
  .productView-description .productView-title {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  @media (min-width: 1023px) {
    .productView-description .productView-description {
      clear: both;
      float: none;
      width: 100%; } }

.productView-sticky-nav {
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 58px;
  left: 8px;
  width: calc(100% - 16px);
  z-index: 2;
  background: white;
  justify-content: space-between;
  padding: 16px 1rem;
  flex-flow: column; }
  .productView-sticky-nav.is-visible {
    display: flex; }
  .quickView .productView-sticky-nav {
    display: none; }
  @media (min-width: 551px) {
    .productView-sticky-nav {
      padding: 16px 2rem; } }
  @media (min-width: 1023px) {
    .productView-sticky-nav {
      top: 78px;
      flex-flow: row;
      left: 16px;
      width: calc(100% - 32px); } }
  .productView-sticky-nav .form-field--increments {
    display: none; }
  .productView-sticky-nav .form-field {
    display: none; }

.productView-sticky-image {
  margin-right: 17px;
  display: flex;
  align-items: center; }
  .productView-sticky-image img {
    width: 64px;
    height: auto; }

.productView-sticky-title {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
  text-transform: none; }

.productView-sticky-wrapper {
  display: flex;
  align-items: center; }
  .productView-sticky-wrapper .productView-sticky-stock,
  .productView-sticky-wrapper .productView-sticky-price {
    margin-bottom: 0;
    font-size: 14px; }
    .productView-sticky-wrapper .productView-sticky-stock *,
    .productView-sticky-wrapper .productView-sticky-price * {
      margin-bottom: 0; }
  .productView-sticky-wrapper .productView-sale-icon {
    display: none; }
  .productView-sticky-wrapper .productView-sticky-price {
    display: flex;
    font-weight: bold; }
    .productView-sticky-wrapper .productView-sticky-price .non-sale-price--withTax,
    .productView-sticky-wrapper .productView-sticky-price .non-sale-price--withoutTax {
      margin-right: 8px;
      color: #777777; }
    .productView-sticky-wrapper .productView-sticky-price .non-sale-price--withTax:not([style*="display: none"]) + .price-section--withTax .price-now-section {
      color: black !important; }
  .productView-sticky-wrapper .productView-sticky-price-desktop {
    margin-right: 24px;
    margin-bottom: 0;
    display: none; }
    @media (min-width: 1023px) {
      .productView-sticky-wrapper .productView-sticky-price-desktop {
        display: block; } }
    .productView-sticky-wrapper .productView-sticky-price-desktop span {
      font-size: 16px;
      display: block; }
    .productView-sticky-wrapper .productView-sticky-price-desktop .non-sale-price--withTax:not([style*="display: none"]) + .price-section--withTax .price-now-section {
      color: black !important; }
    .productView-sticky-wrapper .productView-sticky-price-desktop .non-sale-price--withTax,
    .productView-sticky-wrapper .productView-sticky-price-desktop .non-sale-price--withoutTax {
      display: none; }
  .productView-sticky-wrapper .productView-addtoCartBtn,
  .productView-sticky-wrapper #form-action-addToCart {
    width: 100%; }
    @media (min-width: 1023px) {
      .productView-sticky-wrapper .productView-addtoCartBtn,
      .productView-sticky-wrapper #form-action-addToCart {
        width: auto; } }
  .productView-sticky-wrapper #form-action-addToCart {
    margin-top: 16px; }
    @media (min-width: 1023px) {
      .productView-sticky-wrapper #form-action-addToCart {
        margin-top: 0; } }
  .productView-sticky-wrapper .form {
    margin: 0;
    width: 100%; }

.productView-sticky-stock {
  margin-left: 8px; }
  .productView-sticky-stock.in {
    color: #049801; }
  .productView-sticky-stock.out {
    color: #cc4749; }

.sale-flag-star,
.sale-flag-star:before,
.sale-flag-star:after {
  background: #007dc6;
  content: "";
  display: block;
  height: 3.125rem;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  transform: scaleX(1) scaleY(1) scaleZ(1);
  transform-origin: 50% 50% 0;
  transition: background-color 800ms ease;
  width: 3.125rem;
  z-index: 10; }

.sale-flag-star:before {
  transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1); }

.sale-flag-star:after {
  transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1); }

.starwrap {
  height: 3.125rem;
  position: absolute;
  top: 10px;
  width: 3.125rem; }

.listItem-figure .starwrap {
  transform: scale(0.7); }
  @media (min-width: 551px) {
    .listItem-figure .starwrap {
      top: 0;
      transform: scale(0.6); } }
  @media (min-width: 1261px) {
    .listItem-figure .starwrap {
      top: 10px;
      transform: scale(0.7); } }

.sale-text-burst {
  color: white;
  font-weight: 600;
  line-height: 0.9375rem;
  position: absolute;
  text-align: center;
  top: 20%;
  width: 3.125rem;
  z-index: 50; }

.product:hover .starwrap .sale-flag-star,
.product:hover .starwrap .sale-flag-star:before,
.product:hover .starwrap .sale-flag-star:after {
  background: black; }

.sale-flag-side {
  background: #007dc6;
  border-radius: 0 50px 50px 0;
  color: white;
  font-size: 15px;
  font-weight: 700;
  height: 1.25rem;
  line-height: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  padding-top: 0.09375rem;
  position: absolute;
  transition: background-color 800ms ease;
  z-index: 10; }

.product:hover .sale-flag-side {
  background: black; }

.sale-flag-sash {
  background: #007dc6;
  color: white;
  font-size: 15px;
  font-weight: 700;
  height: 1.25rem;
  left: -35px;
  line-height: 1rem;
  padding-top: 0.09375rem;
  position: absolute;
  text-align: center;
  top: 25px;
  transform: rotate(-45deg);
  transition: background-color 800ms ease;
  width: 7.4375rem;
  z-index: 10; }

.listItem-figure .sale-flag-sash {
  left: -25px; }
  @media (min-width: 551px) {
    .listItem-figure .sale-flag-sash {
      top: 15px; } }
  @media (min-width: 1261px) {
    .listItem-figure .sale-flag-sash {
      left: -15px;
      top: 25px; } }

.product:hover .sale-flag-sash {
  background: black; }

.product {
  overflow: hidden; }

[data-product-attribute] .form-option.form-option-swatch {
  overflow: visible; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 22px;
  width: 22px; }

.form-option-expanded {
  background-color: white;
  border: 1px solid #999999;
  left: calc(100% + 55px);
  opacity: 0;
  padding: 3px;
  position: absolute;
  top: calc(100% + 5px);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden; }

.form-option:hover .form-option-expanded {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
  z-index: 5000; }

.form-option-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100px;
  width: 100px; }

.account {
  margin-bottom: 1.5rem; }

@media (min-width: 1023px) {
  .account--fixed {
    margin: 0 auto;
    width: 66.66667%; } }

@media (min-width: 1023px) {
  .account--fixedSmall {
    margin: 0 auto;
    width: 50%; } }

@media (min-width: 1023px) {
  .account--fixedLarge {
    margin: 0 auto;
    width: 75%; } }

.account-head {
  margin-bottom: 3rem;
  text-align: center; }
  .account-head .alertBox {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: left; }

.account-body {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .account-body:before, .account-body:after {
    content: " ";
    display: table; }
  .account-body:after {
    clear: both; }

.account-content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }

@media (min-width: 1023px) {
  .account-content--fixed {
    width: 66.66667%; } }

@media (min-width: 1023px) {
  .account-content--fixedSmall {
    width: 50%; } }

.account-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 1023px) {
    .account-sidebar {
      width: 33.33333%; }
      .account-content--fixedSmall + .account-sidebar {
        float: right; } }

/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none; }

.jstree-node {
  white-space: nowrap; }

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top; }

.jstree-anchor:focus {
  outline: 0; }

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit; }

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center; }

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center; }

.jstree-ocl {
  cursor: pointer; }

.jstree-leaf > .jstree-ocl {
  cursor: default; }

.jstree .jstree-open > .jstree-children {
  display: block; }

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none; }

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px; }

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none; }

.jstree-hidden {
  display: none; }

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px; }

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0; }

.jstree-rtl .jstree-node {
  margin-left: 0; }

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0; }

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%; }

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer; }

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative; }

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.vakata-context {
  display: none; }

.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999; }

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px; }

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px; }

.vakata-context li {
  list-style: none;
  display: inline; }

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px; }

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1; }

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat; }

.vakata-context li > a:focus {
  outline: 0; }

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1; }

.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0; }

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0; }

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em; }

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em; }

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3; }

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none; }

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px; }

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat; }

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3; }

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto; }

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0; }

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3; }

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0; }

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px; }

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px; }

#jstree-dnd .jstree-ok {
  background: green; }

#jstree-dnd .jstree-er {
  background: red; }

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px; }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent; }

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s; }

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc; }

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999; }

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none; }

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666; }

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none; }

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold; }

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important; }

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none; }

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9; }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent; }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9; }

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; }

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0; }

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9; }

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); }

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px; }

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px; }

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px; }

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px; }

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px; }

.jstree-default .jstree-wholerow {
  height: 24px; }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("../img/vendor/jstree/32px.png"); }

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y; }

.jstree-default .jstree-last {
  background: transparent; }

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px; }

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px; }

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px; }

.jstree-default .jstree-themeicon {
  background-position: -260px -4px; }

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px; }

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px; }

.jstree-default .jstree-disabled {
  background: transparent; }

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent; }

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default .jstree-checkbox {
  background-position: -164px -4px; }

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px; }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px; }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px; }

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px; }

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px; }

.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }

.jstree-default > .jstree-striped {
  background-size: auto 48px; }

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y; }

.jstree-default.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px; }

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px; }

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px; }

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px; }

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px; }

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0; }

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../img/vendor/jstree/throbber.gif") center center no-repeat; }

.jstree-default .jstree-file {
  background: url("../img/vendor/jstree/32px.png") -100px -68px no-repeat; }

.jstree-default .jstree-folder {
  background: url("../img/vendor/jstree/32px.png") -260px -4px no-repeat; }

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px; }

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("../img/vendor/jstree/32px.png");
  background-repeat: no-repeat;
  background-color: transparent; }

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px; }

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px; }

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px; }

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); }

.jstree-default.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px; }

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px; }

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px; }

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px; }

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px; }

.jstree-default-small .jstree-wholerow {
  height: 18px; }

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("../img/vendor/jstree/32px.png"); }

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y; }

.jstree-default-small .jstree-last {
  background: transparent; }

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px; }

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px; }

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px; }

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px; }

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px; }

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px; }

.jstree-default-small .jstree-disabled {
  background: transparent; }

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent; }

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px; }

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px; }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px; }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px; }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px; }

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px; }

.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }

.jstree-default-small > .jstree-striped {
  background-size: auto 36px; }

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y; }

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px; }

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px; }

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px; }

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px; }

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px; }

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0; }

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../img/vendor/jstree/throbber.gif") center center no-repeat; }

.jstree-default-small .jstree-file {
  background: url("../img/vendor/jstree/32px.png") -103px -71px no-repeat; }

.jstree-default-small .jstree-folder {
  background: url("../img/vendor/jstree/32px.png") -263px -7px no-repeat; }

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px; }

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("../img/vendor/jstree/32px.png");
  background-repeat: no-repeat;
  background-color: transparent; }

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px; }

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px; }

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px; }

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); }

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px; }

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px; }

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px; }

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px; }

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px; }

.jstree-default-large .jstree-wholerow {
  height: 32px; }

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("../img/vendor/jstree/32px.png"); }

.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y; }

.jstree-default-large .jstree-last {
  background: transparent; }

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px; }

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px; }

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px; }

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px; }

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px; }

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px; }

.jstree-default-large .jstree-disabled {
  background: transparent; }

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent; }

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef; }

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px; }

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px; }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px; }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px; }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px; }

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px; }

.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }

.jstree-default-large > .jstree-striped {
  background-size: auto 64px; }

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y; }

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent; }

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px; }

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px; }

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px; }

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent; }

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px; }

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px; }

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0; }

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../img/vendor/jstree/throbber.gif") center center no-repeat; }

.jstree-default-large .jstree-file {
  background: url("../img/vendor/jstree/32px.png") -96px -64px no-repeat; }

.jstree-default-large .jstree-folder {
  background: url("../img/vendor/jstree/32px.png") -256px 0px no-repeat; }

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px; }

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("../img/vendor/jstree/32px.png");
  background-repeat: no-repeat;
  background-color: transparent; }

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px; }

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px; }

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px; }

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); }

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent; }

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white; }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px; }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("../img/vendor/jstree/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px; }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("../img/vendor/jstree/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px; }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px; } }

@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/ }
  .jstree-default-responsive .jstree-icon {
    background-image: url("../img/vendor/jstree/40px.png"); }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent; }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap; }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px; }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px; }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0; }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px; }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0; }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px; }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent; }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important; }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important; }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important; }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px; }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px; }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px; }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px; }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white; }
  .jstree-default-responsive > .jstree-striped {
    background: transparent; }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px; }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9; }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff; }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666; }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0; }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none; }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("../img/vendor/jstree/40px.png");
    background-size: 120px 240px; }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y; }
  .jstree-default-responsive .jstree-last {
    background: transparent; }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px; }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px; }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0; }
  .jstree-default-responsive .jstree-file {
    background: url("../img/vendor/jstree/40px.png") 0 -160px no-repeat;
    background-size: 120px 240px; }
  .jstree-default-responsive .jstree-folder {
    background: url("../img/vendor/jstree/40px.png") -40px -40px no-repeat;
    background-size: 120px 240px; }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0; } }

h1,
h2,
h3,
h4,
h5,
h6,
.heading--1,
.heading--2,
.heading--3,
.heading--4,
.heading--5,
.heading--6 {
  margin-top: 0; }

a {
  color: #ec2726;
  text-decoration: none; }
  a:hover {
    color: #d30201; }
  a:focus {
    color: black; }

.page-heading {
  text-align: left;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 1rem; }
  .page-heading span::before {
    content: "";
    display: table; }
  @media (min-width: 551px) {
    .page-heading {
      font-size: 64px;
      line-height: 56px;
      margin-bottom: 2rem; } }
  @media (min-width: 1023px) {
    .page-heading {
      font-size: 88px;
      line-height: 80px;
      margin-bottom: 2rem; }
      .heading-container-brands .page-heading {
        margin-bottom: 76px; } }
  @media (min-width: 1261px) {
    .page-heading {
      font-size: 108px;
      line-height: 96px; } }

.page-heading.page-heading-special {
  font-size: 36px;
  line-height: 32px; }
  .page-heading.page-heading-special span {
    font-size: 48px;
    line-height: 44px; }
  .page-heading.page-heading-special span::before {
    content: "";
    display: table; }
  @media (min-width: 551px) {
    .page-heading.page-heading-special {
      font-size: 64px;
      line-height: 56px; }
      .page-heading.page-heading-special span {
        font-size: 88px;
        line-height: 80px; } }
  @media (min-width: 1023px) {
    .page-heading.page-heading-special {
      font-size: 72px;
      line-height: 64px; }
      .page-heading.page-heading-special span {
        font-size: 108px;
        line-height: 96px; } }

.page-heading2 {
  text-align: left;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 44px;
  margin-bottom: 2.5rem; }
  .page-heading2 span {
    font-size: 36px;
    line-height: 32px; }
  @media (min-width: 551px) {
    .page-heading2 {
      font-size: 72px;
      line-height: 64px;
      margin-bottom: 2rem; } }
  @media (min-width: 1023px) {
    .page-heading2 {
      font-size: 88px;
      line-height: 80px;
      margin-bottom: 5rem; }
      .page-heading2 span {
        font-size: 72px;
        line-height: 64px; } }
  @media (min-width: 1261px) {
    .page-heading2 {
      font-size: 108px;
      line-height: 96px; } }

.page-has-slider .heading--featured-super.super--darkBg {
  color: black; }
  .page-has-slider .heading--featured-super.super--darkBg::before {
    background: none; }

.page-has-slider .container {
  background-color: white;
  padding-left: 0; }

.page-has-slider .feature-block-heading * {
  font-size: 36px;
  line-height: 32px; }
  @media (min-width: 1023px) {
    .page-has-slider .feature-block-heading * {
      font-size: 64px;
      line-height: 56px; } }

.page-has-slider .page-slider-section {
  margin-top: 100px; }
  @media (min-width: 1023px) {
    .page-has-slider .page-slider-section {
      margin-top: 150px; } }

body {
  border: 8px solid black; }
  @media (min-width: 1023px) {
    body {
      border: 16px solid black; } }

.container.default-page {
  padding: 0; }

.page-load-status {
  text-align: center;
  display: none; }

.page {
  margin: 0; }

.breadcrumbs {
  display: block; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../img/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(../img/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@keyframes clockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes donut-rotate {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-140deg); }
  100% {
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.pswp__zoom-wrap {
  text-align: center; }
  .pswp__zoom-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

:focus {
  outline: black; }

.trustpilot-container {
  position: relative;
  height: 30px;
  max-width: calc(1328px + 4rem);
  margin-left: auto;
  margin-right: auto; }
  .trustpilot-container.home-widget {
    margin-bottom: 130px;
    padding: 0 2rem; }
  .trustpilot-container.footer-widget {
    order: 3; }
    @media only screen and (max-width: 800px) {
      .trustpilot-container.footer-widget {
        width: 100%;
        order: 1;
        margin-top: 0;
        margin-bottom: 30px; } }
  .trustpilot-container.product-widget {
    margin-bottom: 30px;
    height: auto;
    max-width: 100vw;
    overflow-x: hidden; }
  .trustpilot-container.category-micro-star {
    margin-top: 70px; }
    @media only screen and (max-width: 1250px) {
      .trustpilot-container.category-micro-star {
        margin-top: 40px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 1023px) {
      .trustpilot-container.category-micro-star {
        display: none; } }

.trustpilot-footer-micro {
  position: absolute;
  bottom: -10px;
  left: -7px;
  width: 201px; }

.trustpilot-footer-micro-combo {
  position: absolute;
  right: 0;
  width: 420px;
  top: 0; }
  @media only screen and (max-width: 800px) {
    .trustpilot-footer-micro-combo {
      left: -12px;
      padding-bottom: 20px;
      bottom: 0; } }
  @media only screen and (max-width: 550px) {
    .trustpilot-footer-micro-combo {
      bottom: -12px;
      left: -13px; } }
  @media only screen and (max-width: 450px) {
    .trustpilot-footer-micro-combo {
      width: 210px;
      max-width: 100%;
      left: -17px; } }

@media only screen and (max-width: 800px) {
  .footer .footer-copyright--left {
    order: 3;
    padding: 0; }
  .footer .footer-copyright--right {
    order: 2; } }

[data-template="pages/home"] .home-new-block.hide {
  display: none !important; }

[data-template="pages/home"] .home-new-block.display-block {
  margin-bottom: 40px; }
  @media only screen and (max-width: 575px) {
    [data-template="pages/home"] .home-new-block.display-block {
      margin-bottom: 30px; } }

[data-template="pages/home"] .trustpilot-home-testimonials {
  padding: 0 20px;
  max-width: calc(1328px + 4rem);
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 575px) {
    [data-template="pages/home"] .trustpilot-home-testimonials {
      margin-bottom: 50px; } }

[data-template="pages/home"] .trustpilot-home-horizontal {
  position: absolute;
  left: 0;
  top: 0;
  width: 177px; }
  @media only screen and (max-width: 550px) {
    [data-template="pages/home"] .trustpilot-home-horizontal {
      bottom: -141px; } }
  @media only screen and (max-width: 390px) {
    [data-template="pages/home"] .trustpilot-home-horizontal {
      bottom: -160px; } }
  [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget {
    min-width: 1300px;
    height: 28px;
    max-width: calc(1328px + 4rem); }
    @media only screen and (max-width: 750px) {
      [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget {
        width: 700px;
        min-width: 700px; } }
    @media only screen and (max-width: 350px) {
      [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget {
        width: 100vw; } }
    [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget iframe {
      height: 28px;
      width: 100%;
      border-style: none;
      position: absolute;
      left: calc(-50% + 366px); }
      @media only screen and (max-width: 750px) {
        [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget iframe {
          left: calc(-50% + 185px); } }
      @media only screen and (max-width: 550px) {
        [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget iframe {
          left: calc(-50% + 168px); } }
      @media only screen and (max-width: 350px) {
        [data-template="pages/home"] .trustpilot-home-horizontal .trustpilot-widget iframe {
          left: calc(-50% + 126px); } }

[data-template="pages/category"] .trustpilot-filter-micro,
[data-template="pages/search"] .trustpilot-filter-micro {
  position: relative;
  width: 300px;
  height: 28px; }
  @media only screen and (max-width: 1250px) {
    [data-template="pages/category"] .trustpilot-filter-micro,
    [data-template="pages/search"] .trustpilot-filter-micro {
      width: 211px;
      left: -41px; } }
  [data-template="pages/category"] .trustpilot-filter-micro iframe,
  [data-template="pages/search"] .trustpilot-filter-micro iframe {
    left: calc(-50% + 132px); }

[data-template="pages/category"] .trustpilot-category-testimonials,
[data-template="pages/search"] .trustpilot-category-testimonials {
  margin: 100px 0; }

.quickView #product-brand,
[data-template="pages/product"] #product-brand {
  margin-top: 0; }

.quickView .trustpilot-product-mini,
[data-template="pages/product"] .trustpilot-product-mini {
  position: absolute;
  left: -58px;
  width: 300px;
  top: 0; }
  @media only screen and (max-width: 750px) {
    .quickView .trustpilot-product-mini,
    [data-template="pages/product"] .trustpilot-product-mini {
      left: 0;
      opacity: 0; }
      .quickView .trustpilot-product-mini.mobile,
      [data-template="pages/product"] .trustpilot-product-mini.mobile {
        left: -58px;
        opacity: 1; } }

.quickView .trustpilot-product-reviews,
[data-template="pages/product"] .trustpilot-product-reviews {
  order: 1;
  margin-top: 120px;
  width: 100%; }
  @media only screen and (max-width: 750px) {
    .quickView .trustpilot-product-reviews,
    [data-template="pages/product"] .trustpilot-product-reviews {
      margin-top: 80px; } }
  .quickView .trustpilot-product-reviews iframe,
  [data-template="pages/product"] .trustpilot-product-reviews iframe {
    height: auto !important;
    min-height: 400px; }
    @media only screen and (max-width: 750px) {
      .quickView .trustpilot-product-reviews iframe,
      [data-template="pages/product"] .trustpilot-product-reviews iframe {
        margin-bottom: 0; } }

.quickView .trustpilot-product-testimonials,
[data-template="pages/product"] .trustpilot-product-testimonials {
  margin-top: 100px; }

.quickView .productView,
[data-template="pages/product"] .productView {
  margin-bottom: 3rem; }
  @media only screen and (max-width: 750px) {
    .quickView .productView,
    [data-template="pages/product"] .productView {
      margin-bottom: 0; } }

[data-template="pages/custom/page/beervana"] .body {
  padding-top: 0; }
  @media (min-width: 1261px) {
    [data-template="pages/custom/page/beervana"] .body {
      padding-top: 58px; } }

[data-template="pages/custom/page/beervana"] [data-layout-name="Layout"]:last-child {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 34px; }
  @media (min-width: 551px) {
    [data-template="pages/custom/page/beervana"] [data-layout-name="Layout"]:last-child {
      margin-left: -2rem;
      margin-right: -2rem; } }
  @media (min-width: 1261px) {
    [data-template="pages/custom/page/beervana"] [data-layout-name="Layout"]:last-child {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 122px; }
      [data-template="pages/custom/page/beervana"] [data-layout-name="Layout"]:last-child [data-sub-layout]:nth-child(2) [data-widget-id]:nth-child(2) [data-edit-mode] {
        margin-top: -96px !important; }
      [data-template="pages/custom/page/beervana"] [data-layout-name="Layout"]:last-child [data-sub-layout]:last-child [data-widget-id]:nth-child(2) [data-edit-mode] {
        margin-top: 48px !important; }
      [data-template="pages/custom/page/beervana"] [data-layout-name="Layout"]:last-child [data-sub-layout]:last-child [data-widget-id]:last-child {
        margin-top: auto; } }

.beervana-page h1 {
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 25px; }
  @media (min-width: 1261px) {
    .beervana-page h1 {
      font-size: 72px;
      line-height: 64px;
      text-align: center;
      margin-bottom: 31px; } }

.beervana-page p {
  text-align: left;
  font-family: "Hepta Slab";
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  margin-bottom: 32px; }
  @media (min-width: 1261px) {
    .beervana-page p {
      font-size: 24px;
      line-height: 34px;
      text-align: center;
      max-width: 880px;
      margin-bottom: 41px; } }

.beervana-page .buttonLink[role="button"] {
  width: 100%;
  margin-bottom: 85px; }
  @media (min-width: 1261px) {
    .beervana-page .buttonLink[role="button"] {
      width: 205px;
      margin-bottom: 107px; } }
  .beervana-page .buttonLink[role="button"] a {
    width: 100%;
    font-family: "Hepta Slab";
    font-weight: 800;
    font-size: 12px;
    line-height: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em !important;
    min-height: 44px;
    padding: 12px 0; }
    @media (min-width: 1261px) {
      .beervana-page .buttonLink[role="button"] a {
        width: 205px; } }

.beervana-page img[alt="beervana-logo"] {
  max-width: calc(100% - 66px); }
  @media (min-width: 1261px) {
    .beervana-page img[alt="beervana-logo"] {
      max-width: calc(100% - 139px); } }

.beervana-page img[alt="beervana-text-with-setting"] {
  max-width: calc(100% - 138px);
  margin: 0 auto; }
  @media (min-width: 1261px) {
    .beervana-page img[alt="beervana-text-with-setting"] {
      max-width: calc(100% - 275px); } }

.beervana-page img[alt="brewshop-logo"] {
  max-width: calc(100% - 134px); }
  @media (min-width: 1261px) {
    .beervana-page img[alt="brewshop-logo"] {
      max-width: calc(100% - 266px); } }

.beervana-page img[alt="brewshop-man"] {
  max-width: calc(100% - 38px); }
  @media (min-width: 1261px) {
    .beervana-page img[alt="brewshop-man"] {
      max-width: calc(100% - 88px); } }

#consent-manager * {
  font-family: Roboto; }

#consent-manager button {
  font-weight: bold; }

#consent-manager > div > div,
#consent-manager .css-10z1g2q {
  background-color: rgba(236, 39, 38, 0.9); }

.header {
  border-bottom: 2px solid black;
  margin-bottom: -2px;
  width: auto;
  position: relative;
  box-sizing: content-box;
  background-color: transparent; }
  @media (min-width: 1023px) {
    .header {
      display: flex; } }
  .header .navPages-container {
    flex-basis: 100%; }
  .header .navPages {
    text-align: left; }

.top-notice + .fixed-header .header.is-open {
  margin-top: -116px; }
  @media (min-width: 551px) {
    .top-notice + .fixed-header .header.is-open {
      margin-top: -74px; } }

.header-logo-container {
  position: absolute;
  z-index: 50;
  width: 60px;
  height: 100%;
  right: 0;
  top: 0; }
  @media (min-width: 1023px) {
    .header-logo-container {
      width: 140px;
      position: relative;
      right: initial;
      top: initial;
      margin-right: -10px; } }
  .header-logo-container svg {
    position: absolute;
    width: 81px;
    height: 86px;
    right: -1rem;
    top: -1rem; }
    @media (min-width: 1023px) {
      .header-logo-container svg {
        width: 108px;
        height: 115px;
        top: -14px; } }

.fixed-header {
  z-index: 1001;
  top: 0;
  position: fixed;
  left: 0;
  right: 0;
  padding: 0 1rem;
  border-color: black;
  border-style: solid;
  border-width: 0.5rem 0.5rem 0 0.5rem;
  background-color: transparent;
  transition: 0.3s ease-in background-color;
  margin: 0 0; }
  @media (min-width: 551px) {
    .fixed-header {
      padding: 0 2rem; } }
  @media (min-width: 1023px) {
    .fixed-header {
      top: 0;
      border-width: 1rem 1rem 0 1rem; } }

.top-notice + .fixed-header {
  z-index: 50; }

.header-customer-group {
  position: relative;
  z-index: 50;
  background-color: black;
  margin: 0 -16px;
  padding: 2px 16px;
  margin-top: -8px; }
  @media (min-width: 551px) {
    .header-customer-group {
      margin: -8px -32px 0;
      padding: 2px 32px; } }
  @media (min-width: 1023px) {
    .header-customer-group {
      padding: 4px 32px;
      margin: -16px -32px 0; } }
  .header-customer-group span {
    font-size: 10px;
    font-family: "Hepta Slab";
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 20px; }

html {
  overflow-x: hidden; }

body {
  padding-top: 0; }

.body {
  margin-top: 50px;
  padding-top: 24px;
  margin-bottom: 0; }
  [data-template="pages/category"] .body {
    margin-top: 49px;
    padding-top: 0; }
  .body.is-wholesale {
    margin-top: 68px; }
  @media (min-width: 551px) {
    .body {
      margin-top: 50px;
      padding-top: 64px; }
      [data-template="pages/category"] .body {
        padding-top: 34px; }
      .body.is-wholesale {
        margin-top: 68px; } }
  @media (min-width: 1023px) {
    .body {
      margin-top: 62px;
      padding-top: 80px; }
      [data-template="pages/category"] .body {
        padding-top: 65px; }
      .body.is-wholesale {
        margin-top: 76px; } }

.body.page--homepage {
  margin-top: 0.5rem;
  padding-top: 0; }
  .body.page--homepage.is-wholesale {
    margin-top: 2.6875rem; }
  @media (min-width: 1023px) {
    .body.page--homepage {
      margin-top: 40px; } }
  .body.page--homepage.is-wholesale {
    margin-top: 3.5rem; }

.page-content--centered {
  float: none;
  margin-bottom: 5rem; }
  @media (min-width: 1023px) {
    .page-content--centered {
      max-width: calc(614px + 0.75rem * 2);
      width: calc(614px + 0.75rem * 2); } }
  @media (min-width: 1261px) {
    .page-content--centered {
      max-width: calc(656px + 0.75rem * 2);
      width: calc(656px + 0.75rem * 2); } }

.container {
  padding: 1rem; }
  @media (min-width: 551px) {
    .container {
      padding: 0 2rem; } }
  @media (min-width: 1261px) {
    .container {
      padding: 0 2rem;
      max-width: calc(1328px + 4rem); } }
  .container.no-right-padding {
    padding-right: 0 !important; }

.footer {
  border-top: none;
  padding-top: 3rem;
  padding-bottom: 0; }
  @media (min-width: 551px) {
    .footer {
      padding-top: 5rem;
      padding-bottom: 2.75rem; } }
  .footer .form-input {
    margin-bottom: 0.5rem; }
  .footer .button--secondary {
    margin-bottom: 2rem; }
  .footer .form-field,
  .footer .form {
    margin-bottom: 0; }

.container-footer {
  position: relative; }
  .container-footer .container {
    padding-top: 0;
    padding-bottom: 0; }
  .container-footer:before {
    content: "";
    height: 2px;
    position: absolute;
    top: -2px;
    background-color: black;
    left: 1rem;
    right: 1rem; }
    @media (min-width: 551px) {
      .container-footer:before {
        left: 2rem;
        right: 2rem; } }

.footer-info-col {
  margin-bottom: 2.5rem; }
  @media (min-width: 1023px) {
    .footer-info-col {
      margin-bottom: 5rem; } }
  .footer-info-col form {
    position: relative; }

.footer-info-col--flex {
  color: black;
  width: 100%;
  text-align: left; }
  @media (min-width: 551px) {
    .footer-info-col--flex {
      width: 50%; } }
  @media (min-width: 1023px) {
    .footer-info-col--flex {
      width: 25%; } }

.footer-info-col-hideMobile {
  display: none; }
  @media (min-width: 1023px) {
    .footer-info-col-hideMobile {
      display: inline-block; } }

.footer-info-heading {
  font-family: "Roboto";
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  letter-spacing: 0.1rem;
  color: black; }

.footer-info-list li a,
.footer-info-subHeading {
  font-family: "Hepta Slab";
  font-weight: 800;
  color: black;
  line-height: 32px;
  text-transform: none;
  margin-top: 0; }

.newsletterSubscription .footer-info-subHeading {
  margin-bottom: 0.25rem; }

.newsletterSubscription p {
  margin-bottom: 1rem; }

.footer-info-list a:hover {
  color: #ec2726; }

.footer-info-list a:focus {
  color: #d30201; }

.form-prefixPostfix.wrap {
  flex-direction: column;
  align-items: stretch; }

.footer .socialLinks .icon svg {
  fill: transparent;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem; }

.footer-copyright {
  text-align: left;
  display: flex;
  align-items: center;
  order: 1;
  margin-bottom: 1rem; }
  @media (min-width: 551px) {
    .footer-copyright {
      order: 2; } }
  @media only screen and (max-width: 800px) {
    .footer-copyright {
      margin-bottom: 20px;
      position: relative;
      flex-wrap: wrap; } }

.footer-copyright--left {
  line-height: 0;
  order: 2;
  margin-left: auto;
  padding-left: 1rem; }
  .footer-copyright--left svg {
    width: 56px;
    height: 56px; }
  @media (min-width: 551px) {
    .footer-copyright--left {
      padding-left: 0;
      padding-right: 1rem;
      order: 1;
      margin-left: 0; } }
  @media (min-width: 1023px) {
    .footer-copyright--left {
      margin-left: 0;
      padding-right: 1rem; } }

.footer-copyright--right {
  display: flex;
  flex-direction: column; }
  @media (min-width: 551px) {
    .footer-copyright--right {
      padding-right: 4rem;
      order: 2;
      flex: 1; } }
  @media (min-width: 1023px) {
    .footer-copyright--right {
      order: 2;
      flex: 1; } }

.footer-copyright-title {
  font-family: "Hepta Slab";
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase; }

.footer-copyright-text {
  font-size: 0.875rem;
  color: #444444; }

table.cart {
  border-top: none; }
  table.cart td {
    padding: 0; }

.cart-toggle {
  cursor: pointer; }

.cart-list {
  border-top: 2px solid black;
  border-bottom: 2px solid black; }
  .cart-list .cart-item-label {
    font-family: "Roboto";
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1rem;
    letter-spacing: 0.12rem;
    font-weight: bold; }
    @media (min-width: 1023px) {
      .cart-list .cart-item-label {
        display: none; } }
  .cart-list .price--discounted {
    text-decoration: line-through;
    text-decoration-color: #ec2726; }

.cart-item {
  border-bottom: 1px solid black;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0; }
  @media (min-width: 1023px) {
    .cart-item {
      display: table-row; } }

.cart-item-block {
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }
  .cart-item-block:last-of-type {
    margin-bottom: 0; }
  .cart-item-block:nth-child(2) {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px; }
  @media (min-width: 551px) {
    .cart-item-block {
      display: table-cell; }
      .cart-item-block:nth-child(3), .cart-item-block:nth-child(4), .cart-item-block:nth-child(5) {
        align-self: flex-start; } }

.cart-item-name + .definitionList {
  margin-top: 0;
  font-size: 0.875rem;
  color: #444444; }

.cart-item-label,
.cart-item-value {
  padding-left: 0; }
  @media (min-width: 1023px) {
    .cart-item-label,
    .cart-item-value {
      padding-left: 0; } }

.cart-item-label {
  width: 80px;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0; }
  .cart-item-label--large {
    display: none; }
  .cart-item-label--small {
    display: block; }
  @media (min-width: 551px) {
    .cart-item-label {
      width: 100%;
      margin-bottom: 0.5rem; }
      .cart-item-label--large {
        display: block; }
      .cart-item-label--small {
        display: none; } }

.cart-item-value,
.cart-item-quantity .form-increment {
  margin-left: 1rem; }
  @media (min-width: 551px) {
    .cart-item-value,
    .cart-item-quantity .form-increment {
      margin-left: 0; } }

.cart-item-quantity .form-increment {
  margin: 0 0 0 1rem; }
  @media (min-width: 551px) {
    .cart-item-quantity .form-increment {
      margin-left: 0;
      height: 36px;
      display: table;
      align-items: center; } }

.cart-item-figure {
  width: 80px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0; }
  @media (min-width: 551px) {
    .cart-item-figure {
      margin-right: 0.5rem;
      margin-bottom: 2rem; } }
  @media (min-width: 1023px) {
    .cart-item-figure {
      padding: 1.5rem 0 !important; } }
  .cart-item-figure img {
    width: 80px;
    height: 80px;
    outline: 2px solid rgba(0, 0, 0, 0.06);
    outline-offset: -2px;
    transition: outline 0.15s ease-in-out;
    margin-top: -18px; }
    @media (min-width: 551px) {
      .cart-item-figure img {
        margin-top: 0; } }

.cart-item-brand {
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 0.75rem;
  letter-spacing: 0.06rem; }

.cart-item-title {
  padding-left: 1rem !important;
  flex: 1;
  flex-basis: 60%; }
  @media (min-width: 551px) {
    .cart-item-title {
      margin-bottom: 2rem; } }
  .cart-item-title a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; }

.cart-item-name a {
  font-size: 0.875rem;
  line-height: 15px;
  text-decoration: none;
  color: black; }

.cart-item-value {
  font-size: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "Roboto"; }
  @media (min-width: 551px) {
    .cart-item-value {
      font-family: "Hepta Slab";
      font-weight: 800; } }

.cart-total-value span {
  font-size: 0.875rem;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Hepta Slab";
  font-weight: 800; }

.cart-total {
  display: flex;
  align-items: center;
  padding: 0.75rem 0; }

.cart-total-label {
  font-size: 12px;
  color: black;
  text-transform: uppercase;
  line-height: 24px; }

.cart-total-label,
.cart-total-value {
  padding: 0; }

.cart-total-value button,
.cart-total-value a,
.subtotal.shipping-estimate-show {
  font-family: "Hepta Slab";
  font-weight: 800;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ec2726; }

.cart-total-value .shipping-estimate-hide,
.cart-total-value .coupon-code-cancel,
.cart-total-value .gift-certificate-cancel {
  font-style: normal;
  color: #999999; }

.cart-totals .cart-total {
  padding: 0; }

.cart-totals dl,
.cart-totals .button {
  margin-bottom: 0;
  margin-left: 0; }

.cart-totals .cart-total {
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid black;
  border-top: none;
  display: block;
  text-align: left; }
  .cart-totals .cart-total:last-child {
    border-bottom: none; }
  .cart-totals .cart-total .cart-total-label,
  .cart-totals .cart-total .cart-total-value {
    width: 50%; }
  .cart-totals .cart-total .shipping-estimator-marginBottom {
    margin-bottom: 1.5rem;
    clear: both; }
  .cart-totals .cart-total .form {
    width: 100%;
    margin-bottom: 1.5rem; }
  .cart-totals .cart-total .form-label {
    margin-bottom: 1.5rem;
    position: relative; }
  .cart-totals .cart-total .form-input {
    width: 100%; }
  .cart-totals .cart-total .button {
    width: 100%;
    padding: 0.875rem 2.125rem; }
    @media (min-width: 551px) {
      .cart-totals .cart-total .button {
        width: auto; } }
  .cart-totals .cart-total .estimator-form-input,
  .cart-totals .cart-total .form-input {
    margin-bottom: 0.75rem; }
    .cart-totals .cart-total .estimator-form-input:last-child,
    .cart-totals .cart-total .form-input:last-child {
      margin-bottom: 0; }
  @media (min-width: 551px) {
    .cart-totals .cart-total .cart-form .form-input {
      width: calc(100% - 129px);
      margin-right: 0.75rem;
      margin-bottom: 0; } }
  @media (min-width: 551px) {
    .cart-totals .cart-total .estimator-input-inline .form-input {
      margin-bottom: 0; } }
  .cart-totals .cart-total .cart-total-value {
    font-family: "Hepta Slab";
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 800;
    text-align: right; }
  .cart-totals .cart-total .cart-total-label {
    font-family: "Roboto";
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1rem;
    letter-spacing: 0.12rem;
    font-weight: bold; }

.cart-total-value.cart-total-grandTotal,
.cart-total-value.cart-total-grandTotal span {
  font-size: 1.5rem !important;
  line-height: 32px !important;
  font-weight: bold; }

.cart-remove {
  background-color: transparent;
  width: 24px;
  height: 24px;
  margin-top: 0;
  padding: 0;
  position: absolute;
  right: 1rem; }
  @media (min-width: 551px) {
    .cart-remove {
      position: relative;
      right: 0; } }
  .cart-remove svg {
    fill: black; }

.cart-total .form-select {
  padding: 0 0.5rem; }

.estimator-form-input {
  width: 100%;
  float: none; }

.cart-total .form-input,
.cart-total .form-select {
  height: 44px; }

@media (min-width: 551px) {
  .estimator-input-inline {
    display: flex; } }

.estimator-input-inline .form-input {
  flex: 1;
  margin-right: 1rem;
  margin-bottom: 0.5rem; }
  @media (min-width: 551px) {
    .estimator-input-inline .form-input {
      margin-bottom: 0; } }

.estimator-input-inline .button {
  width: 100%; }
  @media (min-width: 551px) {
    .estimator-input-inline .button {
      width: auto; } }

.estimator-form--default ul {
  margin-left: 0;
  margin-bottom: 0.5rem; }

.shipping-quotes .button {
  float: left;
  margin-bottom: 2rem; }

.estimator-form-label-text {
  margin-left: 2rem;
  font-family: "Hepta Slab";
  font-weight: 800;
  font-size: 16px; }

.estimator-form-label {
  margin-bottom: 1rem; }

.cart-page {
  margin-bottom: 5rem;
  padding-bottom: 0; }
  @media (min-width: 551px) {
    .cart-page {
      margin-bottom: 7.5rem; } }
  .cart-page .cart {
    margin-bottom: 1.9375rem; }
  .cart-page .page-heading {
    margin: 0 0 2.5rem; }
    @media (min-width: 551px) {
      .cart-page .page-heading {
        margin: 0 0 5rem; } }
  .cart-page #vg-app-checkbox {
    display: none !important; }

@media (min-width: 551px) {
  .gpay-button.short,
  .gpay-button.plain {
    min-width: 90px;
    height: 48px;
    max-width: 153px;
    margin: 5px 0;
    border-radius: 0; }
  .apple-pay-supported .apple-pay-checkout-button {
    min-width: 90px;
    max-width: 153px;
    width: 153px;
    margin: 5px 0 5px 5px;
    border-radius: 0; } }

@media (max-width: 550px) {
  .gpay-button.short,
  .gpay-button.plain {
    min-width: 90px;
    max-width: 100%;
    width: 100% !important;
    margin: 5px 0;
    height: 48px;
    border-radius: 0; }
  .GooglePayContainer,
  .GooglePayContainer div {
    width: 100%; }
  .apple-pay-supported .apple-pay-checkout-button {
    min-width: 90px;
    max-width: 100%;
    width: 100%;
    margin: 5px 0 0 0;
    border-radius: 0; } }

.cart-additional-buttons {
  width: 100%;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 40px;
  padding-top: 25px; }
  @media (min-width: 551px) {
    .cart-additional-buttons {
      width: 75%; } }
  @media (min-width: 767px) {
    .cart-additional-buttons {
      flex-wrap: nowrap; } }
  @media (min-width: 1023px) {
    .cart-additional-buttons {
      width: 58.33333%; } }
  @media (min-width: 1261px) {
    .cart-additional-buttons {
      width: 49.46667%; } }
  .cart-additional-buttons .cart-additional-buttons-inner {
    flex: 0 1 auto; }
    @media (max-width: 768px) {
      .cart-additional-buttons .cart-additional-buttons-inner {
        width: 100%; } }
  .cart-additional-buttons .ApplePayCheckout,
  .cart-additional-buttons .cart-additionalCheckoutButtons .CheckoutButton:last-child,
  .cart-additional-buttons .previewCart-additionalCheckoutButtons .CheckoutButton:last-child {
    margin-bottom: 0;
    line-height: 1; }
    @media (max-width: 551px) {
      .cart-additional-buttons .ApplePayCheckout,
      .cart-additional-buttons .cart-additionalCheckoutButtons .CheckoutButton:last-child,
      .cart-additional-buttons .previewCart-additionalCheckoutButtons .CheckoutButton:last-child {
        width: calc(50% - 5px); }
        .cart-additional-buttons .ApplePayCheckout.GooglePayCheckout,
        .cart-additional-buttons .cart-additionalCheckoutButtons .CheckoutButton:last-child.GooglePayCheckout,
        .cart-additional-buttons .previewCart-additionalCheckoutButtons .CheckoutButton:last-child.GooglePayCheckout {
          width: 100%; } }
  .cart-additional-buttons .ApplePayCheckout {
    display: none; }
  .cart-additional-buttons .apple-pay-checkout-button,
  .cart-additional-buttons .GooglePayCheckout button.gpay-button {
    width: calc(50% - 5px);
    height: 44px;
    margin: 0 !important;
    background-size: 50px;
    padding: 11px 10px 9px; }
    @media (min-width: 767px) {
      .cart-additional-buttons .apple-pay-checkout-button,
      .cart-additional-buttons .GooglePayCheckout button.gpay-button {
        flex-wrap: nowrap;
        width: 96px; } }
  .cart-additional-buttons .cart-additionalCheckoutButtons {
    display: flex; }
  @media (max-width: 768px) {
    .cart-additional-buttons .cart-additionalCheckoutButtons .FloatRight div,
    .cart-additional-buttons .ApplePayContainer {
      width: 100%;
      line-height: 1; } }
  @media (max-width: 768px) {
    .cart-additional-buttons .ApplePayContainer div {
      background-size: 70px; } }
  .cart-additional-buttons .ApplePayCheckout {
    order: 1;
    margin-left: 8px; }
  .cart-additional-buttons .or-use-label {
    display: none !important; }
  .cart-additional-buttons afterpay-placement {
    margin: 0 0 0 20px;
    flex: 1 1 62%;
    max-width: 415px;
    --logo-badge-width: 90px; }
    @media (max-width: 768px) {
      .cart-additional-buttons afterpay-placement {
        margin: 20px 0 0;
        max-width: 212px; } }

.login-page-content {
  margin: 0;
  max-width: 100%; }
  .login-page-content .login-row {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    max-width: 100%; }
    @media (min-width: 551px) {
      .login-page-content .login-row {
        flex-direction: row;
        justify-content: space-between; } }
    @media (min-width: 1261px) {
      .login-page-content .login-row {
        min-height: 980px; } }
    .login-page-content .login-row::before, .login-page-content .login-row::after {
      display: none; }
    .login-page-content .login-row .form-input, .login-page-content .login-row .button--primary, .login-page-content .login-row .button--secondary {
      width: 100%; }
    .login-page-content .login-row .button--primary {
      margin-bottom: 2rem; }
    .login-page-content .login-row .form-action .forgot-password {
      display: block; }

@media (min-width: 551px) {
  .login-block-left {
    width: 44%; } }

@media (min-width: 1023px) {
  .login-block-left {
    width: 50%; } }

@media (min-width: 1261px) {
  .login-block-left {
    width: 500px; } }

.login-block-left .login-form {
  width: 100%;
  padding: 0;
  float: none;
  position: relative;
  z-index: 5; }

.login-block-left .form-actions {
  text-align: left; }

.login-block-left .form-field {
  margin-bottom: 0.5rem; }
  .login-block-left .form-field.form-field--inputPassword {
    margin-bottom: 1rem; }

.login-block-left .form-input, .login-block-left .button--primary, .login-block-left .button--secondary, .login-block-left .form-inlineMessage {
  max-width: 433px; }

.login-block-left .forgot-password {
  margin-left: 0 !important; }

.login-block-middle {
  display: none; }
  @media (min-width: 1261px) {
    .login-block-middle {
      display: block; } }
  .login-block-middle img {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateX(-90px); }

.login-block-right {
  margin: 0 -1rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2.5rem 1rem; }
  @media (min-width: 551px) {
    .login-block-right {
      margin: 0;
      padding: 2.5rem 2rem; } }
  @media (min-width: 551px) {
    .login-block-right {
      margin: 0;
      padding: 2.5rem 2rem;
      width: 50%; } }
  @media (min-width: 1261px) {
    .login-block-right {
      width: 430px; } }
  .login-block-right .new-customer {
    width: 100%;
    padding: 0; }
  .login-block-right .panel-title {
    font-family: "Hepta Slab";
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: normal;
    margin-bottom: 0.5rem; }
  .login-block-right .new-customer-intro {
    font-family: "Hepta Slab";
    font-size: 1.125rem;
    line-height: 24px;
    margin-bottom: 1.5rem;
    letter-spacing: -0.02rem; }
    @media (min-width: 1023px) {
      .login-block-right .new-customer-intro {
        font-size: 1.5rem;
        margin-bottom: 2rem; } }

@media (min-width: 1261px) {
  .login-page + .above-footer {
    margin-top: 0; } }

.login ul:not(.breadcrumbs):not(.productGrid) {
  list-style: none;
  margin-left: 0; }
  .login ul:not(.breadcrumbs):not(.productGrid) li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px; }
  .login ul:not(.breadcrumbs):not(.productGrid) li:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.192 0L6.752 5.856L8.192 11.68H4.016L5.456 5.856L4.016 0H8.192ZM10.112 1.12L12.208 4.736L6.4 6.4L2.096 10.576L0 6.944L5.776 5.28L10.112 1.12ZM2.096 1.12L6.432 5.28L12.208 6.944L10.112 10.576L5.792 6.4L0 4.736L2.096 1.12Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 0.5rem;
    margin-left: -0.5rem; }

.account-body {
  margin: 0; }
  .account-body .form-field:nth-child(1),
  .account-body .form-field:nth-child(6),
  .account-body .form-field:nth-child(7),
  .account-body .form-field:nth-child(8),
  .account-body .form-field:nth-child(9) {
    width: 100%; }
  .account-body .form-field {
    clear: none !important; }

.account-container {
  margin-bottom: 5rem; }
  @media (min-width: 551px) {
    .account-container {
      display: flex;
      margin-bottom: 7.5rem; } }
  .account-container .navBar--sub {
    margin-bottom: 0; }

.button {
  border-radius: 0;
  padding: 1rem 2rem;
  height: auto !important;
  text-transform: uppercase;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px; }

.button--primary {
  border: 0px !important;
  padding: 1rem 2.125rem;
  background: linear-gradient(to right, black 50%, #ec2726 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.2s ease; }
  .button--primary:hover {
    background-position: left bottom; }
  .button--primary:active {
    background: #d30201; }
  .button--primary:focus {
    background: #d30201; }
  .button--primary[disabled] {
    background: #999999; }

.button--secondary {
  background-color: transparent;
  border: 2px solid #ec2726;
  color: #ec2726;
  background: linear-gradient(to right, #ec2726 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s ease;
  padding: 0.875rem 2.125rem; }
  .button--secondary:hover {
    background-position: left bottom;
    color: white;
    border-color: #ec2726; }
  .button--secondary:active, .button--secondary:focus {
    background: #d30201;
    color: white;
    border-color: #d30201; }
  .button--secondary[disabled] {
    border-color: #999999;
    color: #999999;
    background: transparent; }

.button.button--wide {
  width: 100%; }

.button--arrow {
  border: 0px;
  padding: 0.25rem 0.25rem;
  color: #ec2726; }
  .button--arrow::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='11' width='22' height='2' fill='%23ec2726'/%3E%3Cpath d='M17 7L22 12L17 17' stroke='%23ec2726' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left center;
    display: inline-block;
    width: 1.5rem;
    height: 12px;
    margin-bottom: -2px;
    margin-left: 0.5rem; }

.button--icon svg {
  fill: black; }

.button--action {
  border: 0;
  color: #ec2726;
  font-family: "Hepta Slab";
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase; }
  .button--action:hover {
    color: #d30201; }
  .button--action:focus {
    color: black;
    border: 0; }

.card-figcaption-button {
  background: linear-gradient(to right, #ec2726 50%, white 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.2s ease;
  margin-bottom: 2px;
  margin-top: 0; }
  .card-figcaption-button:hover, .card-figcaption-button:hover.quickview, .card-figcaption-button:hover.add-to-cart {
    background-position: left bottom;
    color: white; }

.form-input,
.form-select {
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  border: 2px solid black;
  height: auto;
  padding: 0.5rem 1rem;
  color: black; }

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L7.4641 0.25H0.535898L4 4Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right 20px top 52% !important;
  background-size: 8px !important; }
  .form-select[id=sort] {
    background-position: right 0 top 52% !important; }

.form-field--error .form-input,
.form-field--error .form-select {
  border-color: #ec2726; }

.form-field--error .form-field-error,
.form-field--error .form-inlineMessage {
  color: #ec2726; }

.form-increment {
  border: 2px solid black;
  display: inline-block;
  max-width: 137px; }
  .form-increment .button--icon {
    border: 0;
    padding: 0.75rem 8px; }
    .form-increment .button--icon[data-action="dec"] {
      margin-right: -1px; }
    .form-increment .button--icon[data-action="inc"] {
      margin-left: -1px; }
  .form-increment .button--icon:hover svg {
    fill: #ec2726;
    stroke: #ec2726; }
  .form-increment .button--icon:focus {
    background-color: #ec2726; }
    .form-increment .button--icon:focus svg {
      fill: white;
      stroke: white; }
  .form-increment .form-input {
    border-width: 0px 1px 0px 1px;
    width: 60px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal; }

input[type="radio"] {
  width: 1px;
  height: 1px;
  margin-right: 1rem; }
  input[type="radio"]::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid black;
    display: block;
    border-radius: 50%; }

.form-input:focus {
  border-color: black;
  outline: none; }

table {
  border: 0;
  border-top: 1px solid black;
  width: 100%;
  margin-bottom: 2.5rem; }
  @media (min-width: 1023px) {
    table {
      margin-bottom: 3rem; } }
  table th {
    text-align: left;
    border: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12rem;
    font-weight: bold;
    padding: 0.5rem 0; }
  table tr {
    border: 0;
    border-bottom: 1px solid black; }
  table td {
    border: 0;
    padding: 0.5rem 0; }

.price-table td:last-child {
  text-align: right;
  padding-right: 0.5rem; }

.form-label {
  font-family: "Hepta Slab";
  color: black;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 19px; }

.form-field--error .form-inlineMessage {
  background-color: rgba(236, 39, 38, 0.1);
  color: #ec2726;
  padding: 0.5rem;
  margin-top: 0;
  font-size: 12px; }
  .form-field--error .form-inlineMessage:before {
    display: none !important; }

.input--spacingBelow {
  margin-bottom: 0.75rem; }

.navList-action--checkbox {
  position: relative;
  padding-left: 2rem; }
  .navList-action--checkbox::before {
    border-radius: 0;
    width: 24px;
    height: 24px;
    border: 2px solid black;
    margin-top: -0.8125rem; }
  .navList-action--checkbox::after {
    margin-top: -0.8125rem;
    width: 24px;
    height: 24px;
    background-size: 10px;
    background-position: center center;
    transform: scale(1); }
  .navList-action--checkbox:hover::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='black' stroke-opacity='0.12' stroke-width='2'/%3E%3C/svg%3E%0A");
    opacity: 1; }
  .navList-action--checkbox.is-selected::before {
    background-color: #ec2726; }
  .navList-action--checkbox.is-selected::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); }
  .navList-action--checkbox .navList-action--checkbox-count {
    color: #999999; }

.customCheckbox-container {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  z-index: 9; }
  .customCheckbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .customCheckbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 2px solid black;
    background-color: white; }

.customCheckbox-container:hover input ~ .checkmark {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='black' stroke-opacity='0.12' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px; }

/* When the checkbox is checked, add a blue background */
.customCheckbox-container input:checked ~ .checkmark {
  background-color: #ec2726;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px; }

.customRadio-container {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  z-index: 9; }
  .customRadio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .customRadio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 2px solid black;
    background-color: white;
    border-radius: 50%; }

.customRadio-container:hover input ~ .checkmark {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='black' stroke-opacity='0.12' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px; }

/* When the checkbox is checked, add a blue background */
.customRadio-container input:checked ~ .checkmark {
  background-color: #ec2726;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px; }

.form-radio + .form-label {
  font-family: "Roboto";
  margin-bottom: 0.75rem; }

.form-radio + .form-label::before {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid black;
  margin-top: -0.1875rem;
  top: 0; }

.form-radio + .form-label::after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid transparent;
  margin-top: -0.1875rem;
  background-size: 10px;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  left: 0;
  top: 0; }

.form-radio:hover + .form-label::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='black' stroke-opacity='0.12' stroke-width='2'/%3E%3C/svg%3E%0A");
  opacity: 1;
  transform: scale(1); }

.form-radio:checked + .form-label::before {
  background: #ec2726; }

.form-radio:checked + .form-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1L4.5 7L1.5 4' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); }

.breadcrumbs {
  text-align: left;
  margin-bottom: 1.5rem; }
  @media (max-width: 551px) {
    [data-template="pages/category"] .breadcrumbs {
      margin-bottom: 0.5rem; } }
  .breadcrumbs li {
    text-transform: uppercase; }
  .breadcrumbs .breadcrumb-label:hover {
    color: #ec2726; }
  .breadcrumbs .breadcrumb-label:focus {
    color: black; }

.breadcrumb::before {
  margin: 0 0.2rem; }

.alertBox.alertBox--info {
  background-color: rgba(236, 39, 38, 0.1); }

.alertBox--info .alertBox-message {
  color: black; }

.footer .socialLinks-item .icon svg {
  fill: black;
  stroke: black; }

.footer .socialLinks-item .icon:hover svg {
  fill: #ec2726;
  stroke: #ec2726; }

.footer .socialLinks-item .icon:focus svg {
  fill: #d30201;
  stroke: #d30201; }

.sideDrawer {
  transition: all 0.2s ease;
  overflow: hidden; }
  .sideDrawer.is-global {
    z-index: 1002; }
  .sideDrawer.is-open.top-noticeOpen {
    overflow: visible; }
  @media only screen and (max-width: 551px) {
    .sideDrawer {
      display: block;
      position: fixed;
      right: 0;
      top: 0.5rem;
      bottom: 0;
      left: 0.5rem;
      background-color: white;
      z-index: 1001;
      transform: translateX(120%);
      border-bottom: 0.5rem solid black;
      border-right: 0.5rem solid black; }
      .sideDrawer.customerLogged {
        top: 1.75rem; }
      .sideDrawer.customerLogged.top-noticeOpen {
        top: 9.0625rem; }
      .sideDrawer.top-noticeOpen {
        top: 7.8125rem; } }
  @media only screen and (min-width: 551px) and (max-width: 1023px) {
    .sideDrawer {
      display: block;
      width: 400px;
      position: fixed;
      right: 0;
      top: 0.5rem;
      bottom: 0;
      background-color: white;
      z-index: 10;
      transform: translateX(120%);
      box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.2);
      border-right: 0.5rem solid black; }
      .sideDrawer.customerLogged {
        top: 1.75rem; }
      .sideDrawer.customerLogged.top-noticeOpen {
        top: 6.375rem;
        z-index: 50; }
      .sideDrawer.top-noticeOpen {
        top: 5.125rem; } }
  @media (min-width: 1023px) {
    .sideDrawer.is-global {
      display: block;
      width: 400px;
      position: fixed;
      right: 0;
      top: 1rem;
      bottom: 0;
      background-color: white;
      transform: translateX(120%);
      box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.2);
      border-right: 1rem solid black; }
      .sideDrawer.is-global.customerLogged {
        top: 2rem; }
      .sideDrawer.is-global.customerLogged.top-noticeOpen {
        top: 6.625rem; }
      .sideDrawer.is-global.top-noticeOpen {
        top: 5.625rem; } }
  @media (min-width: 1261px) {
    .sideDrawer.is-global {
      display: block;
      width: 400px;
      position: fixed;
      right: 0;
      top: 1rem;
      bottom: 0;
      background-color: white;
      transform: translateX(120%);
      box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.2);
      border-right: 1rem solid black; }
      .sideDrawer.is-global.customerLogged {
        top: 2rem; }
      .sideDrawer.is-global.customerLogged.top-noticeOpen {
        top: 5.5rem; }
      .sideDrawer.is-global.top-noticeOpen {
        top: 4.5rem; } }
  .sideDrawer.is-open {
    transform: translate(0);
    display: flex;
    flex-direction: column; }

.sideDrawer-header {
  display: none; }

.sideDrawer.is-open .sideDrawer-header,
.sideDrawer.is-global .sideDrawer-header {
  display: flex;
  border-bottom: 2px solid black;
  margin: 0 1rem;
  padding: 0.75rem 0;
  align-items: center; }
  @media (min-width: 551px) {
    .sideDrawer.is-open .sideDrawer-header,
    .sideDrawer.is-global .sideDrawer-header {
      margin: 0 2rem 0 0;
      padding: 0.75rem 1.5rem; } }
  @media (min-width: 1023px) {
    .sideDrawer.is-open .sideDrawer-header,
    .sideDrawer.is-global .sideDrawer-header {
      padding: 1rem 2rem;
      min-height: 3.875rem; } }

.sideDrawer-logo svg {
  position: absolute;
  width: 81px;
  height: 86px;
  right: 0;
  top: -1rem;
  z-index: 5; }
  @media (min-width: 551px) {
    .sideDrawer-logo svg {
      width: 81px;
      height: 86px;
      right: 1rem;
      top: -1rem; } }
  @media (min-width: 1023px) {
    .sideDrawer-logo svg {
      width: 108px;
      height: 115px;
      right: 0.3125rem;
      top: -0.8125rem; } }

.sideDrawer-close {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  margin-left: -0.3125rem;
  padding: 2px;
  transition: background-color 0.5s ease;
  border-radius: 50%;
  cursor: pointer; }
  .sideDrawer-close svg {
    width: 100%;
    height: 100%; }
  .sideDrawer-close:hover {
    background-color: rgba(236, 39, 38, 0.1);
    border-color: #ec2726;
    fill: #ec2726; }
  .sideDrawer-close:active {
    background-color: #ec2726;
    fill: white; }

.sideDrawer.is-global .sideDrawer-header {
  display: flex; }

.sideDrawer-heading {
  font-size: 12px;
  line-height: 15px;
  font-family: "Roboto";
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  font-weight: bold;
  text-decoration: none;
  margin: 0; }
  @media (min-width: 1023px) {
    .sideDrawer-heading {
      font-size: 0.875rem; } }

@media only screen and (max-width: 1023px) {
  .sideDrawer.is-open .sideDrawer-content,
  .sideDrawer.is-global .sideDrawer-content {
    position: relative;
    padding: 2rem 0;
    flex-basis: 100%;
    display: block;
    overflow-y: auto; } }

@media only screen and (max-width: 1023px) {
  .sideDrawer.is-open .sideDrawer-content,
  .sideDrawer.is-global .sideDrawer-content {
    padding: 2rem; } }

@media (min-width: 551px) {
  .sideDrawer.is-open .sideDrawer-content,
  .sideDrawer.is-global .sideDrawer-content {
    padding: 1.5rem; } }

@media (min-width: 1023px) {
  .sideDrawer.is-open .sideDrawer-content,
  .sideDrawer.is-global .sideDrawer-content {
    position: relative;
    padding: 2rem;
    display: block;
    overflow-y: auto; } }

.sideDrawer.is-global .sideDrawer-footer,
.sideDrawer.is-open .sideDrawer-footer {
  display: block;
  position: relative;
  margin: 0 1rem 1rem;
  border-top: 2px solid black;
  padding-top: 1rem; }
  @media (min-width: 551px) {
    .sideDrawer.is-global .sideDrawer-footer,
    .sideDrawer.is-open .sideDrawer-footer {
      margin: 0 1.5rem 1rem; } }
  @media (min-width: 1023px) {
    .sideDrawer.is-global .sideDrawer-footer,
    .sideDrawer.is-open .sideDrawer-footer {
      margin: 1rem 2rem; } }

.sideDrawer-footer {
  display: none; }

.miniCart-container {
  position: relative !important;
  left: 0 !important;
  top: 0 !important; }
  .miniCart-container .previewCartItem {
    border: none !important;
    display: flex; }
    .miniCart-container .previewCartItem:not(:last-child) {
      margin-bottom: 1rem; }
  .miniCart-container .previewCartItem-image {
    width: 80px;
    height: 80px;
    box-sizing: border-box; }
    .miniCart-container .previewCartItem-image img {
      max-height: 100%;
      outline: 2px solid rgba(0, 0, 0, 0.06);
      outline-offset: -2px;
      transition: outline 0.15s ease-in-out; }
  .miniCart-container .previewCartItem-content {
    padding-top: 0;
    padding-left: 0.5rem; }
  .miniCart-container .previewCartItem-brand {
    display: block;
    text-transform: uppercase;
    font-size: 0.625rem; }
  .miniCart-container .loadingOverlay {
    margin: 30px 0;
    height: 30px;
    position: relative; }

.sideDrawer .previewCartAction {
  display: flex;
  padding: 0;
  border-top: 0; }
  .sideDrawer .previewCartAction .previewCartAction-checkout {
    padding-left: 0; }
  .sideDrawer .previewCartAction .previewCartAction-viewCart {
    padding-right: 0; }

.previewCart-emptyBody {
  text-align: left;
  padding: 0;
  margin-bottom: 1rem; }

.previewCart-isEmpty + .sideDrawer-footer {
  display: none !important; }

.previewCart-categoryList {
  list-style: none;
  margin-left: 0; }

.previewCart-categoryList-action {
  font-size: 20px;
  text-decoration: none;
  font-family: "Hepta Slab";
  line-height: 36px;
  font-weight: 800;
  color: black; }

.sideCart-notice {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: rgba(4, 152, 1, 0.1);
  color: #049801;
  margin-bottom: 1rem;
  font-size: 0.875rem; }
  .sideCart-notice svg {
    margin-right: 8px; }

.slick-track {
  display: flex;
  align-items: center; }

.slick-dots li {
  width: 6px;
  height: 6px;
  margin-right: 0.5rem; }
  .slick-dots li button {
    width: 6px;
    height: 6px;
    padding: 0;
    background-color: #ec2726;
    border-radius: 50%;
    opacity: 0.5;
    border: none; }
  .slick-dots li.slick-active button {
    opacity: 1; }
    .slick-dots li.slick-active button::before {
      display: none; }

.dropdown-menu.is-open {
  border: 2px solid black;
  max-width: 260px !important;
  width: auto !important;
  background-color: white !important;
  margin-top: 0.5rem; }
  .dropdown-menu.is-open li .button {
    display: flex;
    border: none;
    font-family: "Roboto";
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    color: black;
    padding: 1rem 1rem; }

.swal2-container.swal2-center {
  background-color: rgba(0, 0, 0, 0.9); }

.swal2-modal {
  border-radius: 0; }
  @media (min-width: 1023px) {
    .swal2-modal {
      padding: 2rem;
      max-width: 400px; } }

.swal2-header {
  display: none; }

.swal2-content {
  text-align: left;
  font-family: "Hepta Slab";
  font-weight: 800;
  font-size: 16px !important; }
  @media (min-width: 1023px) {
    .swal2-content {
      max-width: 70%; } }

.swal2-actions .button {
  flex: 1; }

.swal2-confirm.button {
  border: 0px !important;
  padding: 1rem 2.125rem;
  background: linear-gradient(to right, black 50%, #ec2726 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.2s ease;
  margin-bottom: 0; }
  .swal2-confirm.button:hover {
    background-position: left bottom; }
  .swal2-confirm.button:active {
    background: #d30201; }
  .swal2-confirm.button:focus {
    background: #d30201; }
  .swal2-confirm.button[disabled] {
    background: #999999; }

.swal2-cancel.button {
  background-color: transparent;
  border: 2px solid #ec2726;
  color: #ec2726;
  background: linear-gradient(to right, #ec2726 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s ease;
  padding: 0.875rem 2.125rem;
  margin-bottom: 0; }
  .swal2-cancel.button:hover {
    background-position: left bottom;
    color: white;
    border-color: #ec2726; }
  .swal2-cancel.button:active, .swal2-cancel.button:focus {
    background: #d30201;
    color: white;
    border-color: #d30201; }
  .swal2-cancel.button[disabled] {
    border-color: #999999;
    color: #999999;
    background: transparent; }

.top-notice {
  display: none;
  background-color: #ec2726;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  padding: 1rem; }
  @media (min-width: 1023px) {
    .top-notice {
      z-index: 1002;
      padding: 1rem 3rem; } }

.top-notice-container {
  display: flex;
  align-items: center;
  color: white;
  position: relative; }
  .top-notice-container a {
    color: white;
    font-family: "Hepta Slab";
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px; }
  .top-notice-container p {
    font-size: 0.875rem; }

.top-notice-message {
  display: flex;
  flex-wrap: wrap;
  padding-right: 25px; }
  .top-notice-message p {
    margin-bottom: 0;
    margin-right: 0.5rem; }

.top-notice-icon {
  fill: white;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  flex-shrink: 0; }

.top-notice-close {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 0; }
  .top-notice-close svg {
    width: 100%;
    height: 100%; }

.countPill {
  background-color: #ec2726;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: -2px 0.5rem; }

.previewCartItem-name a {
  color: black;
  font-size: 0.875rem;
  line-height: 16px; }

.previewCartItem-price {
  font-size: 0.875rem; }

.dropdown--quickSearch.is-open {
  background-color: white;
  position: fixed;
  top: auto !important;
  z-index: 1;
  padding: 0;
  margin-left: 3rem;
  margin-right: 3rem;
  width: auto !important;
  border: none;
  margin-top: 61px; }
  .dropdown--quickSearch.is-open .quick-search-icon {
    width: 32px;
    height: 32px;
    top: 1rem;
    left: 1rem;
    position: absolute;
    opacity: 0.5;
    fill: white;
    stroke: white; }
    .dropdown--quickSearch.is-open .quick-search-icon .stroke-white {
      stroke: white; }
    .dropdown--quickSearch.is-open .quick-search-icon .fill-white {
      fill: white; }
    @media (min-width: 1023px) {
      .dropdown--quickSearch.is-open .quick-search-icon {
        display: unset; } }
  .dropdown--quickSearch.is-open .quick-search-closeBtn {
    position: absolute;
    right: 7rem;
    top: 1rem; }
    .dropdown--quickSearch.is-open .quick-search-closeBtn svg {
      width: 24px;
      height: 24px;
      fill: white;
      opacity: 0.5; }

.dropdown--quickSearch .form {
  max-width: 100%; }
  .dropdown--quickSearch .form input {
    background-color: black;
    color: white;
    font-family: "Hepta Slab";
    font-weight: 700;
    padding: 1rem 1rem 1rem 4rem;
    border: none; }
    .dropdown--quickSearch .form input::placeholder {
      color: rgba(255, 255, 255, 0.4); }

@media (min-width: 1023px) {
  .quickSearchResults {
    max-height: calc(100vh - 138px);
    overflow-y: auto; } }

.header {
  height: 48px; }
  @media (min-width: 1023px) {
    .header {
      height: 60px;
      background-color: transparent;
      z-index: auto;
      padding: 0 2rem;
      margin: -1rem -2rem 0 -2rem;
      border-top: 1rem solid black;
      border-bottom: none; }
      .header::after {
        content: "";
        position: absolute;
        bottom: -2px;
        height: 2px;
        left: 2rem;
        right: 2rem;
        background-color: black;
        pointer-events: none; } }

.navPages-container.is-open {
  position: fixed;
  background-color: black;
  z-index: 20; }
  .navPages-container.is-open.is-wholesale {
    padding-top: 75px; }
  .navPages-container.is-open .navPages-action {
    color: white;
    border: none;
    font-family: "Hepta Slab";
    font-size: 20px;
    font-weight: 400;
    text-transform: none; }
  .navPages-container.is-open .collapsible-icon-wrapper {
    display: none; }
  .navPages-container.is-open .navPages-listCategories .navPage-subMenu-action {
    font-weight: 700; }
    .navPages-container.is-open .navPages-listCategories .navPage-subMenu-action.is-parent {
      margin-top: 20px; }
      @media (min-width: 1023px) {
        .navPages-container.is-open .navPages-listCategories .navPage-subMenu-action.is-parent {
          margin-top: 32px; } }
      .navPages-container.is-open .navPages-listCategories .navPage-subMenu-action.is-parent a {
        font-family: "Roboto";
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0.12em;
        text-align: left;
        text-transform: uppercase;
        color: white;
        margin-bottom: 12px; }
        @media (min-width: 1023px) {
          .navPages-container.is-open .navPages-listCategories .navPage-subMenu-action.is-parent a {
            margin-bottom: 0; } }
  .navPages-container.is-open .navPage-subMenu-item:first-child .is-parent {
    margin-top: 0; }
  .navPages-container.is-open .navPages-quickSearch {
    margin-bottom: 31px;
    position: relative; }
    @media (min-width: 551px) {
      .navPages-container.is-open .navPages-quickSearch {
        margin-bottom: 3rem; } }
  .navPages-container.is-open .navPages-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 0.5rem; }
    @media (min-width: 551px) {
      .navPages-container.is-open .navPages-list {
        flex-direction: row; } }
  .navPages-container.is-open .navPage-subMenu-list {
    margin: 0; }
  .navPages-container.is-open .navPage-subMenu-action,
  .navPages-container.is-open .navPages-action {
    padding: 0;
    display: flex;
    align-items: center;
    line-height: 36px; }
    @media (min-width: 551px) {
      .navPages-container.is-open .navPage-subMenu-action,
      .navPages-container.is-open .navPages-action {
        margin-bottom: 1.5rem; } }
  .navPages-container.is-open .navPages-listCategories {
    margin-bottom: 1rem; }
    @media (min-width: 551px) {
      .navPages-container.is-open .navPages-listCategories {
        border-bottom: 2px solid #444444;
        margin-bottom: 2.5rem;
        padding-bottom: 1.5rem; } }
  .navPages-container.is-open .navPages-item-page {
    flex-basis: 50%; }
    .navPages-container.is-open .navPages-item-page.has-children {
      flex-basis: 100%; }
  .navPages-container.is-open .navPages-item-page.has-children .navPages-action.has-subMenu {
    display: none; }
  .navPages-container.is-open .quick-search-icon {
    width: 17px;
    height: 17px;
    opacity: 0.5;
    position: absolute;
    margin-top: 0.625rem;
    margin-left: 1rem;
    fill: white;
    stroke: white; }
  .navPages-container.is-open .form-input {
    padding: 0.4rem 1rem 0.4rem 2.6875rem;
    border: 0; }

.navPages .navPages-action-icon {
  fill: white;
  stroke: white;
  width: 32px;
  height: 32px;
  margin-right: 1rem;
  display: none; }
  @media (min-width: 551px) {
    .navPages .navPages-action-icon {
      display: block; } }
  @media (min-width: 1023px) {
    .navPages .navPages-action-icon {
      display: none; } }

.navPages .navPages-action-moreIcon {
  margin-left: 0.375rem !important; }
  .navPages .navPages-action-moreIcon svg {
    fill: black;
    stroke: black; }

.navUser {
  width: 50%;
  flex-basis: 50%;
  margin-top: -1px;
  right: 5rem;
  height: 50px; }
  @media (min-width: 1023px) {
    .navUser {
      top: auto;
      right: 2rem; } }

.mobileMenu-toggle {
  width: 24px;
  height: 24px;
  margin: 0.75rem;
  margin-left: 0;
  padding-left: 0;
  overflow: visible; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::before {
    top: -0.4rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    bottom: -0.4rem; }
  .mobileMenu-toggle .mobileMenu-toggleTitle {
    position: absolute;
    right: -40px;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.5;
    top: 50%;
    transform: translateY(-50%);
    font-size: .875rem;
    letter-spacing: .08rem;
    margin-right: -15px; }

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
  background-color: white; }

.mobileMenu-toggle .mobileMenu-toggleIcon {
  top: 10px; }

.navPages {
  background-color: transparent;
  padding: 1.5rem 16px;
  padding-top: 0; }
  @media (min-width: 551px) {
    .navPages {
      padding: 0 2rem; } }
  .navPages .navPages-quickSearch {
    border-bottom: 0; }
  .navPages .form-input {
    background-color: #444444;
    color: rgba(255, 255, 255, 0.5); }
  @media (min-width: 1023px) {
    .navPages {
      padding: 0;
      max-width: 100%; } }
  .navPages .navPages-listCategories .navPages-action.has-subMenu {
    display: none; }
    @media (min-width: 1023px) {
      .navPages .navPages-listCategories .navPages-action.has-subMenu {
        display: block; } }
  .navPages .navPage-subMenu {
    display: block; }
    @media (min-width: 1023px) {
      .navPages .navPage-subMenu {
        display: block;
        overflow: hidden;
        padding: 4rem 2.5rem !important;
        transition: all 0.2s ease;
        background-color: black;
        width: calc(100vw - 32px);
        margin-left: -2rem;
        left: 0;
        z-index: -1;
        transform: translateY(-120%); }
        .navPages .navPage-subMenu.is-open {
          display: block;
          box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.5);
          transform: translateY(0); }
        .navPages .navPage-subMenu .navPage-subMenu-action {
          padding: 0 !important;
          margin-bottom: 1.5rem; } }

@media (min-width: 1023px) {
  .navPages-item.has-children.flex-submenu .navPage-subMenu-list {
    display: flex;
    flex-direction: column; } }

.navPage-subMenu-list {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1023px) {
    .navPage-subMenu-list {
      display: block;
      margin-left: 0 !important; } }

.navPage-subMenu-item {
  width: 100%; }
  @media (min-width: 1023px) {
    .navPage-subMenu-item {
      padding: 0 !important; } }

.navPage-subMenu-action {
  letter-spacing: 0 !important;
  color: white;
  border: none;
  font-family: "Hepta Slab";
  font-size: 20px; }
  .navPage-subMenu-action svg {
    display: none;
    fill: white;
    stroke: white;
    width: 32px;
    height: 32px;
    margin-right: 1rem; }
    @media (min-width: 551px) {
      .navPage-subMenu-action svg {
        display: block; } }

@media (min-width: 1023px) {
  .navPage-subMenu {
    margin-top: -2px; }
    .navPage-subMenu.is-open {
      width: calc(100vw - 32px);
      background-color: black;
      margin-left: -2rem;
      height: auto; }
  .navPage-subMenu.is-open .navPage-subMenu-action {
    padding: 0;
    margin-bottom: 20px; }
    .navPages-listCategories .navPage-subMenu.is-open .navPage-subMenu-action:last-child {
      margin-bottom: 40px; }
  .navPages-action:first-child {
    padding-left: 0; }
  .navUser {
    padding: 0;
    width: 50%;
    flex-basis: 50%; }
  .navPage-subMenu-item .navPage-subMenu-action {
    color: white;
    border: none;
    font-family: "Hepta Slab";
    font-size: 20px; }
    .navPage-subMenu-item .navPage-subMenu-action.is-parent {
      pointer-events: none; }
    .navPage-subMenu-item .navPage-subMenu-action.is-parent a {
      font-family: "Roboto";
      font-size: 12px;
      font-weight: 700;
      line-height: 16px;
      letter-spacing: 0.12em;
      text-align: left;
      text-transform: uppercase;
      color: white;
      margin-bottom: 12px; } }
    @media (min-width: 1023px) and (min-width: 1023px) {
      .navPage-subMenu-item .navPage-subMenu-action.is-parent a {
        margin-bottom: 0; } }

@media (min-width: 1023px) {
    .navPage-subMenu-item .navPage-subMenu-action svg {
      fill: white;
      stroke: white;
      width: 32px;
      height: 32px;
      margin-right: 1rem; }
  .navPage-subMenu-item {
    width: 33.3%; }
    .navPage-subMenu-item.all-items {
      display: none; }
  .navPage-subMenu-action {
    display: flex;
    align-items: center; } }

.navPages-action.is-open {
  background-color: transparent;
  color: #ec2726; }
  .navPages-action.is-open svg {
    fill: #ec2726;
    stroke: #ec2726; }

.navPages-action:hover {
  color: #ec2726; }
  .navPages-action:hover svg {
    fill: #ec2726;
    stroke: #ec2726; }

.navPages-action,
.navUser-action {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  padding-right: 2rem;
  color: black; }
  @media (min-width: 1023px) {
    .navPages-action,
    .navUser-action {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; } }
  .navPages-action.activePage,
  .navUser-action.activePage {
    color: black; }

@media (min-width: 1023px) {
  .navPages-container {
    z-index: auto; } }

.navPages-container .navPages-action.activePage {
  color: #ec2726; }
  .navPages-container .navPages-action.activePage svg {
    fill: #ec2726;
    stroke: #ec2726; }

.navUser-action svg {
  fill: black;
  stroke: black; }

.navUser-action:hover {
  color: #ec2726; }
  .navUser-action:hover svg {
    fill: #ec2726;
    stroke: #ec2726; }

.navUser-item:last-child .navUser-action {
  padding-right: 20px;
  margin-right: -20px; }

.navUser-item-cartLabel {
  display: block;
  color: black; }
  .navUser-item-cartLabel:hover {
    color: #ec2726; }

.navUser-quickSearch-icon {
  width: 18px;
  height: 18px;
  fill: black;
  stroke: none !important;
  margin-right: 0.43312rem; }

.navUser-action--quickSearch {
  display: flex;
  align-items: center;
  padding-right: 2rem; }

.navPage-subMenu-item .navPages-action:hover a,
.navPage-subMenu-item .navPages-action:hover svg {
  color: #ec2726;
  fill: #ec2726;
  stroke: #ec2726; }

.navUser-item--cart .navUser-action {
  padding: 0.875rem; }
  @media (min-width: 1023px) {
    .navUser-item--cart .navUser-action {
      padding: 1.25rem; } }

.navUser-item-cartSubTotal {
  color: #ec2726;
  display: none;
  letter-spacing: 0; }
  @media (min-width: 551px) {
    .navUser-item-cartSubTotal.positive-total {
      display: block; } }

.navPages-pages {
  display: none; }
  @media (min-width: 1023px) {
    .navPages-pages {
      display: block; } }

.navPages-pagesMobile {
  margin: 0; }
  @media (min-width: 551px) {
    .navPages-pagesMobile {
      display: flex;
      flex-wrap: wrap; } }
  @media (min-width: 1023px) {
    .navPages-pagesMobile {
      display: none; } }
  @media (min-width: 551px) {
    .navPages-pagesMobile .navPages-pagesMobile-item {
      width: 50%; } }
  .navPages-pagesMobile .navPages-pagesMobile-item a {
    letter-spacing: 0 !important; }

.heroCarousel.slick-initialized {
  max-height: 920px;
  margin-bottom: 0; }

.heroCarousel .glide__slide:nth-child(2) .heroCarousel-slide .heroCarousel-image-wrapper,
.heroCarousel .glide__slide:nth-child(2) .heroCarousel-image,
.heroCarousel .glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-image-wrapper,
.heroCarousel .glide__slide:nth-child(3) .heroCarousel-image,
.heroCarousel .glide__slide:nth-child(4) .heroCarousel-slide .heroCarousel-image-wrapper,
.heroCarousel .glide__slide:nth-child(4) .heroCarousel-image {
  max-height: none; }

.heroCarousel .glide__slide:nth-child(2) .heroCarousel-background {
  background: #FFEED5;
  mix-blend-mode: multiply; }

.heroCarousel .glide__slide:nth-child(4) .heroCarousel-background {
  background: rgba(236, 39, 38, 0.1);
  mix-blend-mode: multiply; }

.heroCarousel .heroCarousel-slide {
  height: 520px;
  max-height: 920px;
  overflow: hidden;
  display: block !important; }
  @media (min-width: 551px) {
    .heroCarousel .heroCarousel-slide {
      height: 817px; } }
  @media (min-width: 991px) {
    .heroCarousel .heroCarousel-slide {
      height: 826px; } }
  @media (min-width: 1023px) {
    .heroCarousel .heroCarousel-slide {
      height: 904px; } }

.heroCarousel-background {
  clip-path: polygon(-101% -36%, 102% 65%, 100% 100%, 0 100%, 0 0);
  background-color: rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: -1; }
  @media (min-width: 551px) {
    .heroCarousel-background {
      clip-path: polygon(0% 7%, 90% 100%, 100% 100%, 0 100%, 0 0); } }

@media (min-width: 1420px) {
  .heroCarousel-slide .wrapper {
    position: relative;
    max-width: 1330px;
    margin: 0 auto;
    height: 100%; } }

.heroCarousel-slide .heroCarousel-image-wrapper {
  position: absolute;
  bottom: 0;
  height: 280px;
  width: 100%;
  max-height: none; }
  @media (min-width: 551px) {
    .heroCarousel-slide .heroCarousel-image-wrapper {
      height: 384px; } }
  @media (min-width: 1023px) {
    .heroCarousel-slide .heroCarousel-image-wrapper {
      width: 696px;
      top: 142px;
      height: 698px;
      left: 584px; } }
  @media (min-width: 1261px) {
    .heroCarousel-slide .heroCarousel-image-wrapper {
      left: auto;
      right: 0; } }
  .heroCarousel-slide .heroCarousel-image-wrapper .heroCarousel-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center; }

.heroCarousel-title {
  font-size: 36px;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 16px;
  letter-spacing: normal; }
  @media (min-width: 551px) {
    .heroCarousel-title {
      font-size: 72px;
      line-height: 64px;
      margin-bottom: 32px; } }
  @media (min-width: 1023px) {
    .heroCarousel-title {
      margin-bottom: 42px; } }
  .heroCarousel-title span {
    font-size: 75px;
    line-height: 64px;
    letter-spacing: normal;
    display: block; }
    @media (min-width: 551px) {
      .heroCarousel-title span {
        font-size: 144px;
        line-height: 128px; } }

.heroCarousel-description {
  font-family: "Roboto";
  font-weight: normal;
  font-size: 1rem;
  line-height: 24px;
  color: black; }
  @media (min-width: 551px) {
    .heroCarousel-description {
      font-family: "Hepta Slab";
      font-size: 1.125rem;
      line-height: 1.5;
      letter-spacing: -0.02rem;
      max-width: 571px;
      margin-bottom: 34px; } }
  @media (min-width: 1023px) {
    .heroCarousel-description {
      font-family: "Hepta Slab";
      font-size: 1.5rem;
      line-height: 32px;
      max-width: 400px;
      margin-bottom: 48px; } }

.heroCarousel-slide.heroCarousel-slide--first .heroCarousel-image,
.glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-image {
  object-fit: contain;
  transform: translate(34%, 13%) scale(1.4); }
  @media (min-width: 551px) {
    .heroCarousel-slide.heroCarousel-slide--first .heroCarousel-image,
    .glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-image {
      transform: translate(33%, -28%) scale(1.56); } }
  @media (min-width: 1023px) {
    .heroCarousel-slide.heroCarousel-slide--first .heroCarousel-image,
    .glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-image {
      transform: translate(-26%, 16%) scale(1.08); } }
  @media (min-width: 1261px) {
    .heroCarousel-slide.heroCarousel-slide--first .heroCarousel-image,
    .glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-image {
      transform: translate(-11%, 2%) scale(1.45); } }

.heroCarousel-slide.heroCarousel-slide--first .heroCarousel-description,
.glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-description {
  max-width: 210px; }
  @media (min-width: 551px) {
    .heroCarousel-slide.heroCarousel-slide--first .heroCarousel-description,
    .glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-description {
      max-width: 256px; } }
  @media (min-width: 1023px) {
    .heroCarousel-slide.heroCarousel-slide--first .heroCarousel-description,
    .glide__slide:nth-child(3) .heroCarousel-slide .heroCarousel-description {
      max-width: 369px; } }

.heroCarousel-content {
  width: 100%;
  top: 89px;
  transform: translate(0);
  text-align: left;
  background-color: transparent;
  position: absolute;
  padding: 0 1rem; }
  @media (min-width: 551px) {
    .heroCarousel-content {
      top: calc(50px + (61px - 16px));
      padding: 1rem 2rem; } }
  @media (min-width: 1023px) {
    .heroCarousel-content {
      top: 139px; } }
  @media (min-width: 1261px) {
    .heroCarousel-content {
      padding: 1rem 2rem; } }
  @media (min-width: 1420px) {
    .heroCarousel-content {
      max-width: 1328px;
      padding: 1rem 0; } }

.heroCarousel-contentInner {
  width: 100%; }
  @media (min-width: 1023px) {
    .heroCarousel-contentInner {
      max-width: 546px; } }
  @media (min-width: 1261px) {
    .heroCarousel-contentInner {
      width: 50%; } }

.heroCarousel .slick-prev,
.heroCarousel .slick-next {
  display: none !important; }

@media (min-width: 1023px) {
  .heroCarousel .slick-dots {
    bottom: 50%;
    right: 1rem;
    width: 32px;
    border-radius: 15px;
    background-color: black; }
    .heroCarousel .slick-dots li {
      background-color: transparent; }
    .heroCarousel .slick-dots li.slick-active button {
      color: #ec2726; }
      .heroCarousel .slick-dots li.slick-active button::before {
        display: none; }
    .heroCarousel .slick-dots button {
      font-size: 12px;
      color: white;
      font-weight: 800; }
    .heroCarousel .slick-dots button:hover::before {
      display: none; } }

.heroCarousel-action {
  margin-top: 0;
  position: absolute;
  width: calc(100% - 32px);
  top: calc(520px - 149px);
  left: 1rem;
  right: 1rem;
  letter-spacing: 0.06em;
  padding: 1rem; }
  @media (min-width: 551px) {
    .heroCarousel-action {
      top: auto;
      position: relative;
      min-width: 183px;
      width: auto;
      left: 0; } }

.heroCarousel-whatsNew-wrapper {
  display: none; }
  @media (min-width: 1023px) {
    .heroCarousel-whatsNew-wrapper {
      display: block;
      bottom: 64px;
      position: relative;
      max-width: 1328px;
      margin: 0 auto -32px;
      padding: 0 2.5rem; } }
  @media (min-width: 1420px) {
    .heroCarousel-whatsNew-wrapper {
      padding: 0; } }

@media (min-width: 1023px) {
  .heroCarousel-whatsNew {
    display: block;
    color: #ec2726;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Hepta Slab";
    font-size: 12px; }
    .heroCarousel-whatsNew span {
      display: flex;
      align-items: center; }
    .heroCarousel-whatsNew svg {
      width: 32px;
      height: 32px; }
    .heroCarousel-whatsNew .arrow-right {
      fill: #ec2726;
      stroke: #ec2726;
      width: 22px; }
    .heroCarousel-whatsNew:hover {
      color: #d30201; }
      .heroCarousel-whatsNew:hover .arrow-right {
        fill: #d30201;
        stroke: #d30201; }
    .heroCarousel-whatsNew:focus {
      color: black; }
      .heroCarousel-whatsNew:focus .arrow-right {
        fill: black;
        stroke: black; } }

.heroCarousel-whatsNew .heroCarousel-whatsNew-cta {
  margin: 0 0.5rem 0 0.75rem;
  letter-spacing: 0.06em; }

.heroCarousel.glide--ltr {
  visibility: visible; }

.trust-block {
  background-color: black; }

.trust-block-inner {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem; }
  @media (min-width: 551px) {
    .trust-block-inner {
      padding-top: 4rem;
      padding-bottom: 5rem; } }
  @media (min-width: 1023px) {
    .trust-block-inner {
      padding-top: 6rem;
      padding-bottom: 8rem;
      justify-content: space-between; } }

.trust-block-item {
  flex-basis: 100%;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row; }
  @media (min-width: 551px) {
    .trust-block-item {
      flex-basis: calc(50% - 54px); }
      .trust-block-item:nth-child(even) {
        margin-left: 2.5rem; } }
  @media (min-width: 1023px) {
    .trust-block-item {
      flex-basis: auto;
      flex-direction: column;
      text-align: center;
      max-width: 220px;
      margin-left: 0 !important; } }

.trust-block-item-icon svg {
  width: 72px;
  height: 72px;
  margin-right: 1rem; }
  @media (min-width: 1023px) {
    .trust-block-item-icon svg {
      margin-right: 0;
      margin-bottom: 2rem; } }

.trust-block-item-title {
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0.25rem;
  letter-spacing: 0.06rem; }

.trust-block-item-description {
  color: rgba(255, 255, 255, 0.75);
  font-family: "Roboto";
  font-size: 0.875rem;
  line-height: 19px; }

.heading--featured {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  font-size: 36px;
  line-height: 32px;
  margin-bottom: 1.5rem;
  margin-top: 0;
  color: black; }
  .home-brands-display .heading--featured {
    margin-bottom: 20px; }
    @media (min-width: 551px) {
      .home-brands-display .heading--featured {
        margin-bottom: 60px; } }
    @media (min-width: 1023px) {
      .home-brands-display .heading--featured {
        margin-bottom: 75px; } }
  .heading--featured .container {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden; }
  @media (min-width: 551px) {
    .heading--featured {
      font-size: 64px;
      line-height: 56px;
      margin-bottom: 4rem; } }
  @media (min-width: 1023px) {
    .heading--featured {
      font-size: 72px;
      line-height: 64px;
      margin-bottom: 4.4375rem; } }
  @media (min-width: 1023px) {
    .heading--featured.heading--featured--centered .container {
      padding-left: 34.2%; } }
  @media (min-width: 1261px) {
    .heading--featured.heading--featured--centered .container {
      padding-left: 34.2%; } }
  @media (min-width: 1420px) {
    .heading--featured.heading--featured--centered .container {
      padding-left: 435px; } }

.heading--featured-super {
  font-size: 48px;
  line-height: 44px; }
  @media (min-width: 551px) {
    .heading--featured-super {
      font-size: 88px;
      line-height: 80px; } }
  @media (min-width: 1261px) {
    .heading--featured-super {
      font-size: 108px;
      line-height: 96px; } }

.super--light {
  color: white; }

.super--darkBg {
  color: white;
  position: relative; }
  .super--darkBg:before {
    content: "";
    width: 100%;
    background-color: black;
    height: 85%;
    position: absolute; }
    @media (min-width: 551px) {
      .super--darkBg:before {
        height: 85%; } }
  .super--darkBg .container {
    padding-top: 0;
    padding-bottom: 0; }

.super--lightBg {
  color: black;
  position: relative; }
  .super--lightBg:before {
    content: "";
    width: 100%;
    background-color: white;
    height: 85%;
    position: absolute; }
  .super--lightBg .container {
    padding-top: 0;
    padding-bottom: 0; }

.display-block {
  margin-bottom: 3rem; }
  @media (min-width: 551px) {
    .display-block {
      margin-bottom: 7.5rem; } }
  @media (min-width: 1023px) {
    .display-block {
      margin-bottom: 9rem; } }

.overflow--hidden {
  overflow: hidden; }

.display-block--dark {
  background-color: black;
  margin-bottom: 0; }
  .display-block--dark .heading--featured {
    color: white; }

.heading-featured--reverse {
  font-size: 48px;
  line-height: 44px;
  margin-bottom: 2.5rem; }
  .heading-featured--reverse .heading--featured-super {
    font-size: 36px;
    line-height: 32px; }
  @media (min-width: 551px) {
    .heading-featured--reverse {
      font-size: 88px;
      line-height: 80px;
      margin-bottom: 4rem; }
      .heading-featured--reverse .heading--featured-super {
        font-size: 64px;
        line-height: 56px; } }
  @media (min-width: 1023px) {
    .heading-featured--reverse {
      margin-bottom: 5rem; } }
  @media (min-width: 1261px) {
    .heading-featured--reverse {
      font-size: 108px;
      line-height: 96px; }
      .heading-featured--reverse .heading--featured-super {
        font-size: 72px;
        line-height: 64px; } }

@media (min-width: 1023px) {
  .home-new-block .productGrid {
    margin-right: calc( (-100vw / 2) + 1328px / 2); } }

.brandGrid {
  margin: 0; }
  .brandGrid ul {
    display: flex; }

.home-brands-display {
  margin-bottom: 15px; }
  .home-brands-display .container {
    overflow: visible; }
  @media (min-width: 551px) {
    .home-brands-display {
      margin-bottom: 3.3rem; } }
  @media (min-width: 1023px) {
    .home-brands-display {
      margin-bottom: 5rem; } }

.home-brands-container {
  display: block; }
  @media (min-width: 1023px) {
    .home-brands-container {
      padding-top: 1.5rem; } }
  .home-brands-container .glide {
    width: 100%;
    position: relative; }
  .home-brands-container .glide__track {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: -16px; }
    .brands-page .home-brands-container .glide__track {
      margin-bottom: 60px; }
      @media (min-width: 551px) {
        .brands-page .home-brands-container .glide__track {
          margin-bottom: 85px; } }
  .home-brands-container .slick-list {
    margin: 0 -1rem 5px 0;
    padding: 1.5rem 0.75rem 0 0; }
    @media (min-width: 551px) {
      .home-brands-container .slick-list {
        margin: 0 -2rem 0 0;
        padding: 1.5rem 1.5rem 0 0; } }
    @media (min-width: 1261px) {
      .home-brands-container .slick-list {
        padding-top: 0; } }

.home-brands-item {
  display: block;
  width: 50%;
  position: relative;
  margin: 0 0 1rem 0;
  text-align: center;
  text-decoration: none; }
  @media (min-width: 551px) {
    .home-brands-item {
      width: 32%; } }
  @media (min-width: 1023px) {
    .home-brands-item {
      width: calc(25% - 16px);
      margin-bottom: 16px;
      margin-right: 16px; } }
  @media (min-width: 1261px) {
    .home-brands-item {
      width: calc(16.66% - 16px);
      margin-bottom: 16px;
      margin-right: 16px; } }
  .home-brands-item img {
    mix-blend-mode: multiply;
    max-width: 50%;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 0 37%; }
    @media (min-width: 551px) {
      .home-brands-item img {
        max-width: 40%; } }
  .home-brands-item .brand-item-inner {
    background-color: rgba(0, 0, 0, 0.05);
    height: 100%;
    min-height: 214px;
    width: 42.5vw;
    position: relative; }
    @media (min-width: 551px) {
      .home-brands-item .brand-item-inner {
        min-height: 232px;
        width: calc(30.6vw - 16px); } }
    @media (min-width: 1024px) {
      .home-brands-item .brand-item-inner {
        width: 100%; } }
  .home-brands-item.is-exclusive:before {
    content: "";
    display: block;
    width: 88px;
    height: 47px;
    position: absolute;
    top: -20px;
    left: calc(50% - 2px);
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='88' height='47' viewBox='0 0 88 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01697 28.8073L87.9999 16.6782V34.8718L6.01697 47.0008V28.8073Z' fill='%23EC2726'/%3E%3Cpath d='M18.4981 38.9405L18.3227 37.6831L18.818 37.6129C19.1287 37.5715 19.3887 37.4657 19.5979 37.2958C19.8068 37.1233 19.9562 36.9056 20.0461 36.6428C20.136 36.38 20.1587 36.0885 20.114 35.7682C20.0701 35.4529 19.9693 35.1839 19.8116 34.9613C19.6536 34.7361 19.4512 34.5734 19.2043 34.4732C18.957 34.3704 18.6783 34.341 18.3679 34.385L17.8726 34.4551L17.6973 33.1977L18.2224 33.1233C18.8331 33.0368 19.3865 33.0835 19.8825 33.2633C20.3781 33.4406 20.7836 33.7251 21.099 34.1168C21.4169 34.5081 21.6149 34.984 21.693 35.5445C21.7722 36.1125 21.7131 36.6325 21.5156 37.1045C21.3203 37.5736 21.0088 37.9635 20.5812 38.2741C20.1532 38.5823 19.6339 38.7796 19.0232 38.8661L18.4981 38.9405ZM16.1742 39.2696L15.9989 38.0122L16.5612 37.9326L16.1111 34.7046L15.5488 34.7843L15.3734 33.5269L17.9691 33.1592L18.1445 34.4166L17.6305 34.4894L18.0807 37.7174L18.5946 37.6446L18.7699 38.902L16.1742 39.2696Z' fill='white'/%3E%3Cpath d='M21.9347 33.8797L21.7594 32.6223L24.3998 32.2483L24.5751 33.5057L24.0165 33.5848L24.4666 36.8128L25.0252 36.7337L25.2005 37.9911L22.5602 38.3651L22.3848 37.1077L22.9472 37.028L22.497 33.8001L21.9347 33.8797Z' fill='white'/%3E%3Cpath d='M29.1426 37.5092C28.6684 37.5764 28.2863 37.5323 27.9963 37.3769C27.7084 37.2186 27.5124 36.9478 27.4083 36.5645L27.237 36.5888L27.2594 35.8507C27.3419 36.0789 27.5048 36.2485 27.7481 36.3595C27.9914 36.4704 28.2645 36.5045 28.5674 36.4616C28.8008 36.4285 28.9736 36.3607 29.0859 36.258C29.1978 36.1528 29.2423 36.0177 29.2192 35.8525C29.2032 35.7374 29.1538 35.6462 29.0709 35.5788C28.9881 35.5114 28.8652 35.4651 28.7022 35.4397C28.5391 35.4143 28.3278 35.4059 28.0683 35.4146C27.5147 35.4395 27.0461 35.3923 26.6624 35.2731C26.2787 35.154 25.9777 34.9657 25.7595 34.7082C25.5435 34.4479 25.4074 34.1163 25.3512 33.7135C25.279 33.1955 25.3787 32.7667 25.6503 32.4271C25.9245 32.0872 26.3508 31.8763 26.9292 31.7943C27.2321 31.7514 27.4991 31.7595 27.7301 31.8187C27.9608 31.8753 28.1504 31.9824 28.299 32.14C28.4501 32.2972 28.5574 32.504 28.621 32.7604L28.7923 32.7361L28.763 33.4522C28.6877 33.2205 28.5335 33.0496 28.3004 32.9398C28.0698 32.8295 27.8006 32.7962 27.4928 32.8398C27.2867 32.869 27.1316 32.928 27.0275 33.0167C26.9259 33.1051 26.8847 33.2181 26.9039 33.3557C26.9179 33.4558 26.9652 33.541 27.0459 33.6112C27.1262 33.6789 27.2486 33.7305 27.413 33.7659C27.5771 33.7988 27.793 33.8129 28.0607 33.8081C28.6195 33.7851 29.0894 33.8321 29.4703 33.9491C29.8533 34.0633 30.1514 34.2494 30.3647 34.5076C30.5804 34.7653 30.7167 35.0982 30.7735 35.5061C30.851 36.0616 30.7495 36.5136 30.4689 36.8621C30.1905 37.2077 29.7484 37.4234 29.1426 37.5092ZM25.9891 37.8794L25.7363 36.0665L27.2594 35.8507L27.5122 37.6636L25.9891 37.8794ZM28.763 33.4522L28.5134 31.6618L30.0365 31.4461L30.2862 33.2364L28.763 33.4522Z' fill='white'/%3E%3Cpath d='M36.6011 30.52L36.9246 32.8396L35.5727 33.0311L35.4246 31.9689L34.6277 32.0818L35.0778 35.3097L35.6401 35.2301L35.8155 36.4875L33.1714 36.862L32.996 35.6046L33.5584 35.525L33.1082 32.297L32.3076 32.4104L32.4557 33.4726L31.1076 33.6636L30.7841 31.344L36.6011 30.52Z' fill='white'/%3E%3Cpath d='M41.2454 32.373C41.5067 32.3947 41.7225 32.4624 41.8928 32.5761C42.0655 32.6894 42.1874 32.8099 42.2584 32.9377L42.965 34.1925L43.3672 34.1355L43.5426 35.3929L41.8779 35.6287L40.9664 33.6948C40.9131 33.585 40.8575 33.5125 40.7994 33.4773C40.7435 33.4393 40.6646 33.4275 40.5628 33.4419L40.0154 33.5195L41.2454 32.373ZM39.4947 31.3924L39.3194 30.135L40.3249 29.9925C41.0821 29.8853 41.6704 29.9461 42.0896 30.1751C42.5086 30.4015 42.7529 30.765 42.8227 31.2654C42.8538 31.4882 42.8439 31.6899 42.7932 31.8706C42.7421 32.0488 42.6566 32.2076 42.5368 32.347C42.417 32.4865 42.2719 32.6078 42.1015 32.7111L42.1193 32.8387L40.9985 33.3802L39.2966 33.6213L39.1433 32.5215L40.6106 32.3137C40.7719 32.2908 40.9045 32.2516 41.0081 32.1961C41.1143 32.1403 41.1903 32.0683 41.2362 31.9801C41.2822 31.8919 41.2968 31.7878 41.28 31.6677C41.2549 31.4875 41.1683 31.3658 41.0202 31.3026C40.8746 31.239 40.6914 31.2229 40.4704 31.2542L39.4947 31.3924ZM37.3757 31.6925L37.2004 30.4351L39.8407 30.0611L40.0161 31.3185L39.4575 31.3977L39.9076 34.6256L40.4848 34.5438L40.6601 35.8012L38.0011 36.1779L37.8258 34.9205L38.3881 34.8408L37.938 31.6129L37.3757 31.6925Z' fill='white'/%3E%3Cpath d='M43.5871 30.8127L43.4117 29.5553L46.0521 29.1813L46.2274 30.4387L45.6688 30.5178L46.1189 33.7458L46.6776 33.6666L46.8529 34.9241L44.2125 35.2981L44.0372 34.0407L44.5995 33.961L44.1494 30.733L43.5871 30.8127Z' fill='white'/%3E%3Cpath d='M49.5445 29.9688L49.3692 28.7114L50.114 28.6059C50.7471 28.5163 51.2621 28.5696 51.6592 28.766C52.0587 28.962 52.2924 29.304 52.3605 29.792C52.4275 30.2724 52.2906 30.6528 51.95 30.9333C51.6115 31.2109 51.0859 31.4002 50.3734 31.5011L48.8502 31.7169L48.7691 31.1351L50.2736 30.922C50.4251 30.9005 50.5461 30.8604 50.6366 30.8017C50.7293 30.74 50.7924 30.666 50.8259 30.5796C50.8619 30.4929 50.873 30.3995 50.859 30.2994C50.8356 30.1317 50.7584 30.0138 50.6274 29.9456C50.4963 29.8774 50.3241 29.8584 50.1106 29.8887L49.5445 29.9688ZM49.9201 33.2073L50.6836 33.0992C50.9169 33.0661 51.0953 32.9924 51.2186 32.878C51.3443 32.7632 51.395 32.6182 51.3706 32.4431C51.3594 32.363 51.3332 32.2927 51.2918 32.2322C51.2526 32.1689 51.1986 32.1178 51.13 32.0791C51.0609 32.0378 50.975 32.0117 50.8722 32.0008C50.7719 31.9895 50.6547 31.9933 50.5206 32.0123L48.923 32.2386L48.8261 31.5442L50.4238 31.3179C50.7962 31.2652 51.1302 31.2459 51.4259 31.2602C51.7212 31.2719 51.975 31.3215 52.1872 31.4088C52.3994 31.4961 52.5694 31.6264 52.6974 31.7996C52.825 31.9704 52.9075 32.1896 52.9448 32.4574C53.0149 32.9603 52.8903 33.3735 52.5708 33.6969C52.2538 34.02 51.7837 34.2256 51.1605 34.3139L50.0955 34.4647L49.9201 33.2073ZM47.0345 30.3244L46.8591 29.067L49.5628 28.684L49.7381 29.9414L49.1162 30.0295L49.5663 33.2575L50.1883 33.1694L50.3636 34.4268L47.6599 34.8097L47.4846 33.5523L48.0469 33.4727L47.5968 30.2447L47.0345 30.3244ZM51.0933 31.135L51.4508 31.0844L51.4968 31.4147L51.1393 31.4653L51.0933 31.135Z' fill='white'/%3E%3Cpath d='M56.2456 27.7374L58.8152 27.3734L58.9906 28.6308L58.4506 28.7073L58.751 30.8618C58.8204 31.3597 58.7799 31.8044 58.6294 32.1957C58.4785 32.5845 58.2293 32.9031 57.8816 33.1513C57.5361 33.3968 57.1051 33.556 56.5887 33.6292C56.0772 33.7016 55.6219 33.6679 55.2226 33.528C54.8255 33.3852 54.5012 33.1479 54.2499 32.816C53.9982 32.4817 53.8376 32.0655 53.7682 31.5676L53.4678 29.4131L52.9278 29.4896L52.7524 28.2322L55.4561 27.8492L55.6315 29.1066L55.0356 29.191L55.3292 31.2967C55.3592 31.5119 55.4246 31.6902 55.5253 31.8316C55.6257 31.9705 55.756 32.0694 55.9161 32.1284C56.0759 32.1848 56.2588 32.1985 56.4649 32.1693C56.6734 32.1398 56.8453 32.0746 56.9807 31.9737C57.1185 31.8726 57.2154 31.7415 57.2714 31.5804C57.3274 31.4194 57.3404 31.2313 57.3104 31.0161L57.0168 28.9104L56.421 28.9948L56.2456 27.7374Z' fill='white'/%3E%3Cpath d='M65.1558 26.4753L65.4793 28.7949L64.1275 28.9864L63.9793 27.9242L63.1824 28.0371L63.6325 31.265L64.1948 31.1854L64.3702 32.4428L61.7261 32.8173L61.5507 31.5599L62.1131 31.4802L61.663 28.2523L60.8623 28.3657L61.0104 29.4279L59.6623 29.6189L59.3388 27.2992L65.1558 26.4753Z' fill='white'/%3E%3Cpath d='M69.5657 31.8102C69.1139 31.8742 68.6904 31.8601 68.2952 31.7681C67.9001 31.6761 67.5475 31.5168 67.2374 31.2902C66.9295 31.0608 66.6757 30.7752 66.4762 30.4335C66.2763 30.0893 66.1456 29.697 66.0842 29.2566C66.0235 28.8212 66.0425 28.4128 66.1412 28.0313C66.2399 27.6499 66.4063 27.3086 66.6402 27.0076C66.8764 26.7036 67.1719 26.4538 67.5269 26.2581C67.8816 26.0598 68.2861 25.9285 68.7404 25.8642C69.1923 25.8002 69.6157 25.8142 70.0109 25.9062C70.4057 25.9958 70.7569 26.154 71.0645 26.3809C71.3742 26.6049 71.6287 26.8866 71.8279 27.2258C72.0271 27.565 72.157 27.9524 72.2178 28.3878C72.2792 28.8282 72.2609 29.2416 72.1628 29.628C72.0645 30.0119 71.8974 30.3571 71.6616 30.6636C71.428 30.9671 71.1339 31.218 70.7792 31.4163C70.4246 31.6145 70.0201 31.7458 69.5657 31.8102ZM69.3621 30.3501C69.6551 30.3086 69.9042 30.2069 70.1095 30.0452C70.3148 29.8834 70.4649 29.6797 70.5598 29.434C70.6543 29.1859 70.6806 28.9117 70.6387 28.6114C70.5976 28.3161 70.498 28.0649 70.3399 27.8576C70.1844 27.65 69.985 27.4996 69.7416 27.4065C69.5003 27.3105 69.2332 27.2833 68.9403 27.3248C68.6473 27.3663 68.398 27.4667 68.1924 27.6259C67.9864 27.7827 67.8358 27.9827 67.7405 28.2258C67.6478 28.4686 67.622 28.7376 67.6632 29.0329C67.7051 29.3332 67.8041 29.5896 67.9604 29.8023C68.1187 30.012 68.3187 30.1661 68.5603 30.2646C68.8019 30.3631 69.0692 30.3916 69.3621 30.3501Z' fill='white'/%3E%3Cpath d='M76.3243 27.4042C76.5856 27.4259 76.8013 27.4935 76.9716 27.6072C77.1444 27.7205 77.2663 27.8411 77.3372 27.9688L78.0439 29.2237L78.4461 29.1667L78.6214 30.4241L76.9568 30.6599L76.0453 28.7259C75.992 28.6161 75.9363 28.5436 75.8782 28.5085C75.8223 28.4704 75.7434 28.4587 75.6417 28.4731L75.0942 28.5506L76.3243 27.4042ZM74.5735 26.4235L74.3982 25.1661L75.4037 25.0237C76.1609 24.9164 76.7492 24.9773 77.1685 25.2062C77.5874 25.4327 77.8318 25.7961 77.9016 26.2966C77.9326 26.5193 77.9228 26.721 77.872 26.9017C77.8209 27.0799 77.7355 27.2387 77.6157 27.3782C77.4959 27.5176 77.3507 27.639 77.1803 27.7422L77.1981 27.8698L76.0774 28.4114L74.3755 28.6524L74.2221 27.5527L75.6894 27.3448C75.8508 27.322 75.9833 27.2828 76.087 27.2273C76.1931 27.1714 76.2691 27.0994 76.3151 27.0112C76.361 26.9231 76.3756 26.8189 76.3588 26.6988C76.3337 26.5187 76.2471 26.397 76.0991 26.3337C75.9535 26.2701 75.7702 26.254 75.5493 26.2853L74.5735 26.4235ZM72.4545 26.7237L72.2792 25.4663L74.9196 25.0923L75.0949 26.3497L74.5363 26.4288L74.9864 29.6567L75.5636 29.575L75.739 30.8324L73.08 31.209L72.9047 29.9516L73.467 29.872L73.0169 26.644L72.4545 26.7237Z' fill='white'/%3E%3Cpath opacity='0.12' d='M83.4871 19.6323V17.3582L6.01697 28.8195V31.0937L83.4871 19.6323Z' fill='black'/%3E%3Cpath d='M0 12.129L81.9829 0V18.1935L0 30.3226V12.129Z' fill='%23EC2726'/%3E%3Cpath d='M18.2677 17.9309L18.421 19.0307L16.1568 19.3514L16.0034 18.2516L18.2677 17.9309ZM19.0187 19.0953L20.5381 18.8801L20.8443 21.0758L15.1539 21.8818L14.9785 20.6244L15.5409 20.5448L15.0908 17.3168L14.5284 17.3965L14.3531 16.1391L19.9765 15.3426L20.2826 17.5383L18.7632 17.7535L18.6324 16.8152L16.6102 17.1016L17.0603 20.3296L19.1495 20.0336L19.0187 19.0953Z' fill='white'/%3E%3Cpath d='M26.5072 15.6997L24.8132 18.0946L25.2962 17.1458L25.3966 17.8665L24.8741 17.0334L27.0095 18.9203L27.3744 18.8686L27.5498 20.126L24.6599 20.5353L24.4845 19.2779L25.0432 19.1988L23.7684 17.9823L24.482 18.2793L23.767 18.3806L24.3419 17.9011L23.4381 19.4262L24.0675 19.337L24.2428 20.5944L21.5465 20.9763L21.3712 19.7189L21.792 19.6593L23.4771 17.2274L22.9941 18.1762L22.8937 17.4555L23.4194 18.2844L21.2861 16.4393L20.9211 16.491L20.7458 15.2336L23.6394 14.8237L23.8147 16.0811L23.2524 16.1608L24.5219 17.3397L23.8099 17.054L24.5249 16.9527L23.9521 17.4204L24.8612 15.9329L24.2281 16.0226L24.0528 14.7651L26.749 14.3832L26.9243 15.6406L26.5072 15.6997Z' fill='white'/%3E%3Cpath d='M30.8286 19.7649C30.3867 19.8275 29.9719 19.8122 29.5842 19.7192C29.1987 19.6232 28.8534 19.4616 28.5482 19.2344C28.2453 19.0042 27.9952 18.7181 27.7981 18.3761C27.6007 18.0315 27.4715 17.6402 27.4104 17.2023C27.3497 16.7669 27.365 16.359 27.4563 15.9787C27.5475 15.5983 27.699 15.2591 27.9106 14.9612C28.1222 14.6633 28.3795 14.4202 28.6824 14.2319C28.9849 14.041 29.3161 13.9201 29.6761 13.8691C30.0138 13.8213 30.3096 13.8457 30.5636 13.9424C30.8197 14.0363 31.0328 14.2026 31.2028 14.4413C31.375 14.6772 31.5049 14.9829 31.5927 15.3583L31.9055 15.314L31.7401 16.0608C31.6113 15.7729 31.4104 15.5576 31.1373 15.4151C30.8668 15.2723 30.5614 15.225 30.2213 15.2731C29.9358 15.3136 29.6939 15.4129 29.4957 15.5711C29.2972 15.7268 29.1528 15.9259 29.0625 16.1683C28.9748 16.4104 28.9516 16.6804 28.9932 16.9781C29.0246 17.2033 29.0869 17.405 29.1801 17.5832C29.2757 17.761 29.3965 17.9098 29.5423 18.0295C29.6878 18.1467 29.8526 18.2305 30.0369 18.2809C30.2211 18.3314 30.4175 18.3418 30.6261 18.3123C30.8694 18.2778 31.0821 18.1967 31.2643 18.0688C31.4462 17.9384 31.5878 17.7742 31.6893 17.5761C31.7905 17.3755 31.844 17.151 31.8498 16.9027L33.44 16.9224C33.4307 17.4187 33.3173 17.8673 33.0998 18.2681C32.8847 18.6686 32.584 18.9995 32.1977 19.2609C31.8113 19.5223 31.355 19.6903 30.8286 19.7649ZM31.7401 16.0608L31.414 13.7224L32.9334 13.5072L33.2595 15.8456L31.7401 16.0608Z' fill='white'/%3E%3Cpath d='M33.759 14.6725L33.5836 13.4151L36.2389 13.039L36.4142 14.2964L35.8407 14.3776L36.2908 17.6056L38.3577 17.3128L38.533 18.5702L34.3844 19.1579L34.2091 17.9005L34.7714 17.8208L34.3213 14.5929L33.759 14.6725ZM39.1818 16.0057L39.5199 18.4304L38.0005 18.6457L37.6624 16.2209L39.1818 16.0057Z' fill='white'/%3E%3Cpath d='M42.4173 12.1638L44.9869 11.7999L45.1623 13.0573L44.6223 13.1337L44.9227 15.2882C44.9921 15.7862 44.9516 16.2308 44.8011 16.6221C44.6502 17.0109 44.401 17.3295 44.0533 17.5778C43.7078 17.8232 43.2768 17.9825 42.7604 18.0556C42.2489 18.1281 41.7936 18.0943 41.3943 17.9544C40.9972 17.8116 40.6729 17.5743 40.4216 17.2425C40.1699 16.9081 40.0093 16.492 39.9399 15.994L39.6395 13.8396L39.0995 13.916L38.9241 12.6586L41.6278 12.2757L41.8032 13.5331L41.2073 13.6175L41.5009 15.7231C41.5309 15.9383 41.5963 16.1166 41.697 16.258C41.7974 16.3969 41.9277 16.4958 42.0878 16.5548C42.2476 16.6113 42.4305 16.6249 42.6366 16.5957C42.8451 16.5662 43.017 16.501 43.1524 16.4002C43.2902 16.299 43.3871 16.1679 43.4431 16.0069C43.4991 15.8458 43.5121 15.6577 43.4821 15.4425L43.1885 13.3368L42.5927 13.4212L42.4173 12.1638Z' fill='white'/%3E%3Cpath d='M49.5276 17.0894C49.0534 17.1566 48.6713 17.1125 48.3813 16.9571C48.0934 16.7988 47.8974 16.528 47.7933 16.1447L47.622 16.169L47.6444 15.4309C47.7268 15.6591 47.8897 15.8287 48.1331 15.9396C48.3764 16.0506 48.6495 16.0847 48.9524 16.0418C49.1858 16.0087 49.3586 15.9408 49.4709 15.8382C49.5828 15.733 49.6273 15.5979 49.6042 15.4327C49.5882 15.3176 49.5387 15.2264 49.4559 15.159C49.3731 15.0916 49.2502 15.0452 49.0871 15.0198C48.9241 14.9945 48.7128 14.9861 48.4532 14.9948C47.8997 15.0196 47.4311 14.9725 47.0474 14.8533C46.6636 14.7341 46.3627 14.5458 46.1445 14.2884C45.9285 14.0281 45.7923 13.6965 45.7362 13.2937C45.6639 12.7757 45.7637 12.3469 46.0353 12.0073C46.3094 11.6674 46.7357 11.4565 47.3142 11.3745C47.6171 11.3316 47.8841 11.3397 48.1151 11.3989C48.3458 11.4555 48.5354 11.5626 48.684 11.7202C48.835 11.8774 48.9424 12.0842 49.006 12.3406L49.1773 12.3163L49.148 13.0324C49.0726 12.8006 48.9184 12.6298 48.6854 12.5199C48.4548 12.4097 48.1856 12.3764 47.8777 12.42C47.6717 12.4492 47.5166 12.5081 47.4125 12.5969C47.3109 12.6853 47.2697 12.7983 47.2889 12.9359C47.3028 13.036 47.3502 13.1212 47.4308 13.1914C47.5112 13.2591 47.6336 13.3107 47.798 13.3461C47.9621 13.379 48.178 13.393 48.4457 13.3883C49.0045 13.3653 49.4744 13.4123 49.8553 13.5293C50.2383 13.6434 50.5364 13.8296 50.7496 14.0877C50.9654 14.3455 51.1016 14.6784 51.1585 15.0862C51.236 15.6417 51.1344 16.0937 50.8539 16.4422C50.5755 16.7879 50.1334 17.0036 49.5276 17.0894ZM46.374 17.4596L46.1212 15.6467L47.6444 15.4309L47.8972 17.2438L46.374 17.4596ZM49.148 13.0324L48.8983 11.242L50.4215 11.0262L50.6711 12.8166L49.148 13.0324Z' fill='white'/%3E%3Cpath d='M51.3966 12.1742L51.2212 10.9168L53.8616 10.5428L54.0369 11.8002L53.4783 11.8793L53.9284 15.1073L54.4871 15.0281L54.6624 16.2855L52.022 16.6595L51.8467 15.4021L52.409 15.3225L51.9589 12.0945L51.3966 12.1742Z' fill='white'/%3E%3Cpath d='M60.2552 10.9194L59.2085 15.6416L57.3018 15.9117L55.0042 11.6632L54.602 11.7201L54.4267 10.4627L57.2793 10.0587L57.4547 11.3161L56.6726 11.4268L58.5194 15.1115L57.7993 14.3867L58.5292 14.2833L58.065 15.1758L58.8326 11.1209L58.0505 11.2317L57.8752 9.97425L60.482 9.605L60.6574 10.8624L60.2552 10.9194Z' fill='white'/%3E%3Cpath d='M64.9619 11.3167L65.1152 12.4165L62.851 12.7372L62.6976 11.6375L64.9619 11.3167ZM65.7129 12.4811L67.2323 12.2659L67.5385 14.4616L61.8481 15.2677L61.6727 14.0103L62.2351 13.9306L61.785 10.7027L61.2226 10.7823L61.0473 9.52493L66.6707 8.72839L66.9768 10.9241L65.4574 11.1394L65.3266 10.201L63.3044 10.4875L63.7545 13.7154L65.8437 13.4195L65.7129 12.4811Z' fill='white'/%3E%3C/svg%3E%0A"); }
    @media (min-width: 551px) {
      .home-brands-item.is-exclusive:before {
        left: calc(50% - 8px); } }
    @media (min-width: 1023px) {
      .home-brands-item.is-exclusive:before {
        left: calc(50%); } }

.home-brands-item:hover .brand-item-inner {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.08); }

.home-brands-item:focus .brand-item-inner {
  border-color: black;
  background-color: rgba(0, 0, 0, 0.1); }

.brand-image-inner-container {
  width: 100%;
  padding: 0;
  height: 100%;
  margin: 0; }

.slick-track .brand-image-inner-container {
  padding-bottom: 1.5rem; }

.brands-count {
  margin-top: 15px;
  position: absolute;
  bottom: 19px;
  left: 0;
  text-transform: uppercase;
  font-size: 10px;
  color: #777777;
  text-align: center;
  width: 100%;
  margin-top: 70px; }

.brands-page .slick-slider__slider:not(.slick-initialized) .glide__slide {
  width: 204px; }

.brands-page .slick-slider__slider:not(.slick-initialized) + .slick__arrows {
  display: none; }

.categories-display-container {
  display: flex;
  padding-bottom: 45px; }
  @media (min-width: 551px) {
    .categories-display-container {
      padding-bottom: 7.5rem; } }
  @media (min-width: 1023px) {
    .categories-display-container {
      padding-bottom: 10rem;
      padding-top: 1.5rem; } }

.categories-display--left {
  position: relative;
  display: none; }
  @media (min-width: 1023px) {
    .categories-display--left {
      flex-basis: 33%;
      display: block;
      margin-left: -3rem; }
      .categories-display--left .card-image {
        height: 100%;
        object-fit: cover; } }
  @media (min-width: 1261px) {
    .categories-display--left {
      margin-left: -4rem; } }
  @media (min-width: 1420px) {
    .categories-display--left {
      flex-basis: 30%; } }

.categories-display--right {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1023px) {
    .categories-display--right {
      flex-basis: 66%;
      padding-left: 3rem;
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media (min-width: 1261px) {
    .categories-display--right {
      flex-basis: 70%;
      padding-left: 4.5rem; } }

.categories-display-item {
  transition: initial;
  color: white;
  text-decoration: none;
  font-family: "Hepta Slab";
  font-weight: 800;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 20px;
  flex-basis: 100%;
  transition: color 0.15s ease; }
  @media (min-width: 551px) {
    .categories-display-item {
      flex-basis: 50%;
      margin-bottom: 1.5rem; } }
  .categories-display-item svg {
    transition: fill 0.15s ease;
    width: 32px;
    height: 32px;
    fill: white;
    stroke: white;
    margin-right: 1rem; }
  .categories-display-item:hover, .categories-display-item:focus {
    color: #ec2726; }
    .categories-display-item:hover svg, .categories-display-item:focus svg {
      stroke: #ec2726;
      fill: #ec2726; }

.glide--carousel {
  overflow: hidden;
  position: relative; }

.glide__slides {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin-left: 0;
  opacity: 0; }
  .glide--slider .glide__slides {
    opacity: 1; }

.glide__arrows {
  position: absolute;
  top: 0;
  right: 0;
  display: none; }
  .glide__arrows svg {
    width: 24px;
    height: 24px;
    fill: #ec2726;
    stroke: #ec2726; }
  @media (min-width: 1420px) {
    .glide__arrows {
      display: block; } }

.glide__arrow--left {
  padding: 0;
  margin-right: 1.5rem; }

.glide__arrow--right {
  padding: 0; }

.glide__arrow:hover svg {
  fill: #d30201;
  stroke: #d30201; }

.glide__arrow:focus svg {
  fill: black;
  stroke: black; }

.glide--carousel .glide__bullets {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: white;
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative; }
  .glide--carousel .glide__bullets .glide__bullet {
    width: 6px;
    height: 6px;
    padding: 0;
    background-color: #ec2726;
    border-radius: 50%;
    margin-right: 13px;
    opacity: 0.5;
    margin-bottom: 10px; }
    .glide--carousel .glide__bullets .glide__bullet.glide__bullet--active {
      opacity: 1; }
  @media (min-width: 1261px) {
    .glide--carousel .glide__bullets {
      display: none; } }

.glide__arrow--disabled {
  opacity: 0.2; }

.glide--peekRight {
  margin-right: calc((-100vw / 2) + 51%); }
  @media (min-width: 551px) {
    .glide--peekRight {
      margin-right: -mySpacing("quad"); } }
  @media (min-width: 1023px) {
    .glide--peekRight {
      padding-top: 3rem;
      margin-top: -3rem; } }

@media (min-width: 1023px) {
  .glide--unpeekRight {
    height: 1.5rem;
    width: 100%;
    left: 0;
    right: auto;
    text-align: right;
    padding-right: calc((100vw / 2) - 37.8%); } }

.heroCarousel.glide {
  margin-bottom: 0;
  overflow: visible; }
  .heroCarousel.glide ul {
    margin-bottom: 0; }
  .heroCarousel.glide li {
    position: relative; }

.heroCarousel .glide__bullets {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 1.5rem 0.75rem;
  z-index: 5;
  background-color: black; }
  @media (min-width: 1261px) {
    .heroCarousel .glide__bullets {
      flex-direction: column;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1.5rem;
      width: auto;
      border-radius: 1rem;
      padding: 1rem 0.8125rem; } }

.heroCarousel .glide__bullet {
  width: 6px;
  height: 6px;
  background-color: white;
  opacity: 0.5;
  padding: 0;
  border-radius: 50%;
  font-size: 0px;
  margin-right: 0.5rem; }
  .heroCarousel .glide__bullet.glide__bullet--active {
    opacity: 1; }
  @media (min-width: 1261px) {
    .heroCarousel .glide__bullet {
      opacity: 1;
      font-size: 12px;
      line-height: 0.75rem;
      width: auto;
      height: auto;
      background-color: transparent;
      color: #ec2726;
      font-weight: bold;
      margin-right: 0;
      margin-bottom: 1.25rem;
      letter-spacing: 0; }
      .heroCarousel .glide__bullet:last-child {
        margin-bottom: 0; }
      .heroCarousel .glide__bullet:hover {
        color: #ff6060; }
      .heroCarousel .glide__bullet.glide__bullet--active {
        color: white; }
      .heroCarousel .glide__bullet:last-child {
        margin-right: 0; } }

.heroCarousel .glide__track {
  position: relative;
  overflow: hidden; }

.productGlideCarousel .glide__slides {
  margin-bottom: 0; }

.productGlideCarousel .glide__slide::before {
  display: none !important; }

.productGlideCarousel .card {
  margin-bottom: 0; }

.productGlideCarousel .glide__track {
  margin-bottom: 2rem; }

.card {
  margin-bottom: 2rem; }
  .brands-item-products .card {
    margin-right: 16px; }
  .card .card-figure {
    height: 0;
    padding-top: 100%;
    margin-bottom: 1.5rem; }
    .card .card-figure img {
      outline: 2px solid rgba(0, 0, 0, 0.06);
      outline-offset: -2px;
      transition: outline 0.15s ease-in-out; }
    .card .card-figure .hover-image {
      display: none; }
  .card:hover .hover-image {
    display: block; }
  .card .card-image {
    object-fit: cover;
    height: 100%;
    margin-top: 0; }
  .card .card-body {
    padding-top: 0;
    text-align: left; }
  .card .sale-flag-custom {
    position: absolute;
    right: 1rem;
    margin-top: -2rem;
    z-index: 5; }
    .card .sale-flag-custom svg {
      width: 48px;
      height: 48px; }
  .card .card-text[data-test-info-type="brandName"] {
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 0.375rem;
    color: #777777; }
  .card .card-title {
    margin-bottom: 0.25rem;
    font-family: "Hepta Slab";
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 800; }
    .card .card-title a {
      font-family: "Hepta Slab";
      font-size: 0.875rem;
      line-height: 1rem;
      font-weight: 800; }
  .card .card-pricing {
    display: flex;
    align-items: center;
    color: #444444;
    font-size: 0.875rem; }
  .card .card-pricing .price--withTax,
  .card .card-pricing .price--withoutTax {
    color: black; }
  .card .price-section {
    margin-right: 0.5rem; }
  .card .price-now-section {
    color: #ec2726; }

.card-figure .quickview, .card-figure a, .card-figure .add-to-cart {
  color: #ec2726; }

.card-figcaption {
  background-color: rgba(0, 0, 0, 0.1); }

figure.card-figure:hover {
  background-color: transparent !important; }

@media (hover: hover) and (pointer: fine) {
  figure.card-figure:hover img {
    outline: 2px solid black;
    outline-offset: -2px; } }

@media (max-width: 768px) {
  figure.card-figure.is-touched img {
    outline: 2px solid black;
    outline-offset: -2px; } }

.card-figcaption-button {
  background-color: white; }

.card--alternate:hover .card-body {
  background-color: transparent; }

#product-listing-container .card {
  margin-bottom: 4rem; }

.productGrid {
  margin: -0.25rem; }
  @media (min-width: 551px) {
    .productGrid {
      margin: 0 -0.5rem; } }
  .productGrid .product {
    padding: 0 0.25rem; }
    @media (min-width: 551px) {
      .productGrid .product {
        padding: 0 0.5rem; } }
  .productGrid .product .card-figure {
    margin-bottom: 1rem; }

.productView {
  padding-top: 0 !important; }
  @media (min-width: 1023px) {
    .productView {
      margin-bottom: 10rem; } }
  .productView .form-action {
    margin-top: 0; }
    .productView .form-action .button {
      margin-bottom: 0; }
  .productView .form-input--incrementTotal {
    width: 70px; }
  .productView .dropdown-menu-button {
    border: 0;
    padding: 0;
    color: #ec2726;
    display: flex;
    align-items: center; }
    .productView .dropdown-menu-button .icon {
      width: 8px;
      height: 5px; }
    .productView .dropdown-menu-button svg {
      fill: #ec2726; }
  .productView hr {
    border: 1px solid black;
    margin-bottom: 1.5rem;
    margin-top: 0; }
    @media (min-width: 551px) {
      .productView hr {
        margin-bottom: 2.5rem; } }

.productView-details {
  margin-bottom: 0; }
  .productView-details .breadcrumbs {
    margin-bottom: 1rem; }
  .productView-details .productView-price {
    display: flex;
    align-items: center;
    margin-bottom: 0; }
  .productView-details .productView-priceContainer {
    flex: 1; }
  .productView-details .productView-price.on-sale .sale-price--withTax {
    color: #ec2726; }
  .productView-details .price-section--withTax,
  .productView-details .price-section--withoutTax {
    font-weight: 800;
    display: flex;
    align-items: center;
    font-family: "Hepta Slab";
    font-size: 1.5rem;
    line-height: 36px;
    font-style: normal; }
  .productView-details .price-section--minor {
    color: black; }
  .productView-details .price-section--withTax.non-sale-price--withTax,
  .productView-details .price-section--withoutTax.non-sale-price--withoutTax {
    color: #777777;
    margin-right: 1rem;
    text-decoration: none;
    position: relative; }
    .productView-details .price-section--withTax.non-sale-price--withTax:before,
    .productView-details .price-section--withoutTax.non-sale-price--withoutTax:before {
      content: "";
      width: 100%;
      height: 2px;
      background-color: black;
      position: absolute; }
  .productView-details .form-label--special,
  .productView-details .form-label--alternate {
    font-size: 0.875rem;
    font-weight: 800;
    color: black; }

.non-sale-price--withoutTax:not([style*="display: none"]) + .price-section--withoutTax .price-now-section {
  color: #ec2726 !important; }

.productView-product {
  padding-bottom: 0;
  border-bottom: none; }

.productView-title {
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.02rem;
  margin-top: 0;
  margin-bottom: 18px;
  letter-spacing: -0.02rem; }
  @media (min-width: 551px) {
    .productView-title {
      font-size: 48px;
      line-height: 52px;
      margin-bottom: 8px; } }
  @media (min-width: 1261px) {
    .productView-title {
      font-size: 64px;
      line-height: 70px;
      margin-bottom: 16px; } }

.productView-brand {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Roboto";
  text-decoration: none; }
  .productView-brand a {
    text-decoration: none;
    color: black; }
  @media (min-width: 1023px) {
    .productView-brand {
      margin-bottom: 1rem; } }

.productView-shortDesc {
  font-weight: 100;
  margin-top: 0;
  font-family: "Hepta Slab";
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: -0.02rem;
  margin-bottom: 2rem; }
  @media (min-width: 551px) {
    .productView-shortDesc {
      font-family: "Hepta Slab";
      font-size: 1.5rem;
      line-height: 32px;
      margin-bottom: 2.5rem; } }
  @media (min-width: 1023px) {
    .productView-shortDesc {
      margin-bottom: 2.5rem; } }

.productView-price-stock {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.productView-sale-icon {
  width: 36px;
  height: 36px;
  margin-right: 0.5rem; }

.productView-status {
  font-size: 16px;
  font-family: "Hepta Slab";
  font-weight: 800; }
  .productView-status--out {
    color: #ec2726; }
  .productView-status .in {
    color: #049801; }
  .productView-status .out {
    color: #777777; }

.productView-options {
  text-align: left;
  border-bottom: 2px solid black;
  margin-bottom: 3rem;
  padding-bottom: 2rem; }
  @media (min-width: 551px) {
    .productView-options .productView-addtoCartBtn {
      padding: 0;
      width: 164px;
      margin-right: 2rem;
      margin-bottom: 2rem;
      width: auto;
      float: left; }
      .productView-options .productView-addtoCartBtn .button {
        width: auto;
        margin-right: 0 !important; } }
  @media (min-width: 1261px) {
    .productView-options .productView-addtoCartBtn {
      margin-bottom: 0; } }
  @media (min-width: 551px) {
    .productView-options .form-wishlist {
      margin-top: 1rem; } }
  @media (min-width: 1023px) {
    .productView-options .form-wishlist {
      float: left; } }
  .productView-options #form-action-addToCart {
    margin-bottom: 2rem; }
    @media (min-width: 551px) {
      .productView-options #form-action-addToCart {
        margin-bottom: 0; } }

.productView-description {
  margin-bottom: 5rem;
  display: flex;
  flex-flow: column;
  align-items: flex-start; }
  @media (min-width: 1023px) {
    .productView-description {
      width: 50%;
      float: right;
      clear: right;
      margin-bottom: 0; } }
  .productView-description ul {
    list-style: none; }
  .productView-description li {
    font-size: 16px;
    line-height: 24px; }
  .productView-description li:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.192 0L6.752 5.856L8.192 11.68H4.016L5.456 5.856L4.016 0H8.192ZM10.112 1.12L12.208 4.736L6.4 6.4L2.096 10.576L0 6.944L5.776 5.28L10.112 1.12ZM2.096 1.12L6.432 5.28L12.208 6.944L10.112 10.576L5.792 6.4L0 4.736L2.096 1.12Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 0.5rem;
    margin-left: -1rem; }
  .productView-description h5 {
    margin-top: 0;
    text-transform: none; }

.productView-placeholder {
  position: relative; }
  .productView-placeholder img {
    width: 100%; }

@media (min-width: 1023px) {
  #form-action-addToCart {
    margin-right: 2rem; } }

.productView-gallery {
  margin: -1rem;
  margin-top: 0.5rem; }
  @media (min-width: 551px) {
    .productView-gallery {
      margin: 0; } }
  .productView-gallery .media-images {
    margin-left: 0;
    margin-bottom: 1rem; }
    .productView-gallery .media-images .slick-track {
      align-items: flex-start; }
    @media (min-width: 1023px) {
      .productView-gallery .media-images::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='6' stroke='black' stroke-width='2'/%3E%3Crect x='13' y='14.4143' width='2' height='8' transform='rotate(-45 13 14.4143)' fill='black'/%3E%3Crect x='7' y='9' width='6' height='2' fill='black'/%3E%3Crect x='9' y='13' width='6' height='2' transform='rotate(-90 9 13)' fill='black'/%3E%3C/svg%3E%0A");
        z-index: 20;
        pointer-events: none; } }

.productView-gallery .media-images:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='6' stroke='red' stroke-width='2'/%3E%3Crect x='13' y='14.4143' width='2' height='8' transform='rotate(-45 13 14.4143)' fill='red'/%3E%3Crect x='7' y='9' width='6' height='2' fill='red'/%3E%3Crect x='9' y='13' width='6' height='2' transform='rotate(-90 9 13)' fill='red'/%3E%3C/svg%3E%0A"); }

.productView-gallery .slick-dots li:only-child {
  display: none; }

.media-image {
  margin-left: 0; }
  .media-image img {
    outline: 2px solid rgba(0, 0, 0, 0.06);
    outline-offset: -2px;
    transition: outline 0.15s ease-in-out; }

.media-image-title {
  display: none; }

.productView-thumbnails {
  display: none; }
  @media (min-width: 1023px) {
    .productView-thumbnails {
      display: block;
      margin: 0;
      margin-bottom: 0.5rem; } }

.media-thumbnails {
  margin: 0; }
  .media-thumbnails .media-thumbnail {
    width: 96px !important;
    height: 96px;
    margin-left: 0;
    padding: 0;
    margin-right: 1rem;
    margin-bottom: 1rem;
    cursor: pointer; }
    .media-thumbnails .media-thumbnail img {
      outline: 2px solid rgba(236, 39, 38, 0.06);
      outline-offset: -2px;
      transition: outline 0.15s ease-in-out; }
    .media-thumbnails .media-thumbnail.slick-current img {
      outline: 2px solid #ec2726;
      outline-offset: -2px;
      transition: outline 0.15s ease-in-out; }

@media (max-width: 1055px) {
  .media-thumbnails .media-thumbnail {
    width: 80px !important;
    height: 80px; } }

@media (min-width: 1023px) {
  .productView-images {
    position: sticky;
    top: 100px;
    padding-right: 2rem; }
    .modal-body.quickView .productView-images {
      position: relative;
      top: 0; } }

@media (min-width: 1261px) {
  .productView-images {
    padding-right: 3rem; } }

@media (min-width: 1023px) {
  .productView-images .slick-dots {
    display: none !important; } }

.productView-thumbnails {
  margin-left: 0;
  margin-right: 0; }
  .productView-thumbnails .slick-list {
    margin: 0; }
  .productView-thumbnails .slick-track {
    display: flex;
    flex-wrap: wrap;
    transform: none !important;
    width: 100% !important; }

.productView-thumbnail-link {
  padding: 0;
  max-width: 96px;
  height: 96px;
  border: 2px solid transparent; }

.productView-thumbnail-link:hover, .productView-thumbnail-link.is-active {
  border-color: #ec2726; }

.productView-thumbnails img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.pswp__counter,
.pswp__button--fs,
.pswp__button--zoom {
  display: none !important; }

.pswp__caption__center {
  text-align: center; }

.pswp__button--escape {
  background: none;
  color: white;
  font-size: 12px;
  opacity: 0.5;
  width: 25px; }

.pswp__button--arrow--right:before {
  width: 56px;
  height: 44px;
  right: 0;
  display: block;
  background: #ec2726;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='11' width='22' height='2' fill='white'/%3E%3Cpath d='M17 7L22 12L17 17' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center 10px; }

.pswp__button--arrow--left:before {
  width: 56px;
  height: 44px;
  left: 0;
  display: block;
  background-color: #ec2726;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='11' width='22' height='2' fill='white'/%3E%3Cpath d='M17 7L22 12L17 17' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-size: 24px;
  background-position: center 10px; }

.form-wishlist {
  position: inherit; }

#wishlist-dropdown.is-open .button[data-wishlist] {
  color: #ec2726; }
  #wishlist-dropdown.is-open .button[data-wishlist]::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='12' r='7' fill='%23EC2726'/%3E%3Crect x='6' y='8' width='2' height='8' fill='white'/%3E%3Crect x='3' y='11' width='8' height='2' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    border-radius: 50%;
    margin-right: 0.5rem;
    margin-top: -2px; }

#product-brand {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: block; }
  @media (min-width: 551px) {
    #product-brand {
      margin-top: 3rem; } }

.productView-brandImage {
  height: 80px;
  margin-right: 32px;
  width: auto; }

.badges-container {
  display: flex;
  align-items: center; }

.productView-details afterpay-placement {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: 20px 0 0;
  --logo-badge-width: 92px;
  padding: 16px 0; }

.productView-details .laybuy-inline-widget {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0; }
  .productView-details .laybuy-inline-widget .laybuy-price {
    font-weight: normal; }

.sidebarBlock + .sidebarBlock {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

.sidebarBlock-heading,
.facetedSearch-navList .accordion-title {
  font-size: 12px;
  font-family: "Roboto";
  border-bottom: 2px solid black;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  padding-bottom: 0.5rem;
  font-weight: bold;
  margin-bottom: 1.1875rem;
  text-decoration: none; }
  @media (min-width: 551px) {
    .sidebarBlock-heading,
    .facetedSearch-navList .accordion-title {
      margin-bottom: 1rem; } }

@media (min-width: 551px) {
  .categoryBlock .navList {
    margin-bottom: 2rem; } }

@media (min-width: 1023px) {
  .categoryBlock .navList {
    margin-bottom: 1.5rem; } }

@media (max-width: 768px) {
  .facetedSearch-refineFilters .sidebarBlock-heading,
  .facetedSearch-navList .accordion-indicator {
    display: none !important; } }

.facetLabel {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  color: black; }
  .facetLabel .icon {
    fill: black;
    width: 24px;
    height: 24px; }
  .facetLabel:hover {
    color: black; }
  .facetLabel:hover .icon {
    fill: #ec2726; }
  .facetLabel:focus {
    background-color: #ec2726;
    color: white; }
  .facetLabel:focus .icon {
    fill: white; }

.facetedSearch-clearLink {
  text-transform: uppercase;
  color: #ec2726 !important;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12rem; }

@media (min-width: 1023px) {
  .filters-mobile {
    display: none; } }

.filters-mobile .actionBar {
  margin: 0; }

.filters-desktop {
  display: none; }
  @media (min-width: 1023px) {
    .filters-desktop {
      display: block; } }
  .filters-desktop .actionBar {
    margin: 0; }

@media (min-width: 551px) {
  .categoryBlock .navList-item {
    display: inline-block;
    margin-right: 1.5rem; } }

@media (min-width: 1023px) {
  .categoryBlock .navList-item {
    display: block;
    margin-right: 0; } }

.categoryBlock .navList-action {
  color: #ec2726;
  font-family: "Hepta Slab";
  font-weight: 800; }

.categoryBlock .navList-action:hover {
  color: black; }

.actionBar .form-label {
  font-size: 12px;
  text-transform: uppercase;
  color: black;
  letter-spacing: 0.12rem;
  font-weight: bold;
  padding-left: 0;
  font-family: "Roboto"; }

.actionBar .form-field {
  border: none; }

.actionBar .form-select {
  font-size: 0.875rem;
  line-height: 19px;
  background-position: right 1rem top 17px; }

#facet-range-form .form-input--small {
  border: 2px solid rgba(0, 0, 0, 0.1); }

.form-minMaxRow .button {
  width: auto; }

.form-wishlist span {
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.2); }

.facetedSearch-mobile {
  margin-bottom: 2rem; }
  @media (min-width: 1023px) {
    .facetedSearch-mobile {
      display: none; } }
  .facetedSearch-mobile .facetedSearch-refineFilters {
    display: block; }
  .facetedSearch-mobile .facetedSearch-filterBtn {
    color: #ec2726;
    font-family: "Hepta Slab";
    font-weight: 800;
    text-decoration: none; }
    .facetedSearch-mobile .facetedSearch-filterBtn::before {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='6' height='6' fill='%23EC2726' stroke='%23EC2726' stroke-width='2'/%3E%3Crect x='14' y='4' width='6' height='6' stroke='%23EC2726' stroke-width='2'/%3E%3Crect x='4' y='14' width='6' height='6' stroke='%23EC2726' stroke-width='2'/%3E%3Crect x='14' y='14' width='6' height='6' stroke='%23EC2726' stroke-width='2'/%3E%3C/svg%3E%0A");
      background-size: 100%;
      background-repeat: no-repeat;
      margin-bottom: -6px;
      margin-right: 0.5rem; }

.facetedSearch-mobileHeader {
  position: relative; }
  .facetedSearch-mobileHeader .facetedSearch-clearLink {
    position: absolute;
    right: 0;
    top: 0; }

.facetedSearch-toggle {
  display: none; }

.sideDrawer.is-open .facetedSearch-navList {
  display: block;
  min-height: 100%;
  margin-bottom: 20px; }

.sideDrawer.is-open .accordion,
.sideDrawer.is-open .accordion-navigation,
.sideDrawer.is-open .accordion-title {
  border: none; }

.sideDrawer.is-open .accordion-title {
  margin-bottom: 0;
  padding-left: 0; }

.sideDrawer.is-open .accordion-content {
  display: block;
  padding-top: 0;
  padding-left: 0; }

.sideDrawer.is-open .form-minMaxRow .form-field:first-child {
  padding-left: 0; }

.sideDrawer.is-open .facetedSearch-mobile-button {
  margin-bottom: 0;
  width: 100%; }
  @media (min-width: 1023px) {
    .sideDrawer.is-open .facetedSearch-mobile-button {
      display: none; } }

@media only screen and (max-width: 1023px) {
  .navList-action--checkbox {
    pointer-events: none; } }

.navList-action--checkbox::before, .navList-action--checkbox::after {
  left: 0; }
  @media only screen and (max-width: 1023px) {
    .navList-action--checkbox::before, .navList-action--checkbox::after {
      display: none; } }

@media (min-width: 1023px) {
  .facetedSearch .customCheckbox-container {
    display: none; } }

.heading-container {
  max-width: 850px;
  margin-bottom: 2.5rem; }
  @media (min-width: 551px) {
    .heading-container {
      margin-bottom: 3.5rem; } }
  @media (min-width: 1023px) {
    .heading-container {
      margin-bottom: 4.5rem; }
      .heading-container p {
        max-width: 80%; } }
  .heading-container .page-header {
    margin-bottom: 2rem; }

.page-sidebar {
  padding: 0; }
  @media (min-width: 1023px) {
    .page-sidebar {
      padding-right: 1.25rem; }
      .page-sidebar .form-minMaxRow .form-field {
        width: 50%;
        padding: 0;
        margin: 0; }
        .page-sidebar .form-minMaxRow .form-field:first-child {
          margin-right: 0.5rem; }
        .page-sidebar .form-minMaxRow .form-field .button--action {
          margin-left: 1rem; } }
  @media (min-width: 1261px) {
    .page-sidebar {
      padding-right: 1.75rem; }
      .page-sidebar .form-minMaxRow .form-field {
        width: 32.33%; } }

.form-minMaxRow {
  margin: 0; }

.actionBar-section .form-field {
  margin-bottom: 2.6875rem; }

@media (min-width: 1023px) {
  .category-page .shorter-text {
    display: none; } }

.category-page .longer-text {
  display: none; }
  @media (min-width: 1023px) {
    .category-page .longer-text {
      display: block; } }

.category-page .showLongerDesc .shorter-text {
  display: none; }

.category-page .showLongerDesc .longer-text {
  display: block; }

.blog-posts-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  margin: -0.25rem; }
  @media (min-width: 551px) {
    .blog-posts-container {
      margin: 0 -0.5rem; } }

.blog-posts-container .blog-card:first-child {
  flex-basis: 100%; }
  .blog-posts-container .blog-card:first-child .tags {
    left: -31px;
    bottom: 44px; }
    .blog-posts-container .blog-card:first-child .tags .tag {
      font-size: 0.75rem; }
  .blog-posts-container .blog-card:first-child .blog-title {
    font-size: 20px; }
    @media (min-width: 551px) {
      .blog-posts-container .blog-card:first-child .blog-title {
        font-size: 16px; } }
    @media (min-width: 1261px) {
      .blog-posts-container .blog-card:first-child .blog-title {
        font-size: 20px; } }
  @media (min-width: 551px) {
    .blog-posts-container .blog-card:first-child {
      flex-basis: 33.33%;
      width: 33.33%;
      padding: 0 0.5rem; } }
  @media (min-width: 1023px) {
    .blog-posts-container .blog-card:first-child {
      flex-basis: 25%;
      width: 25%; } }

.blog-posts-container .blog-card {
  flex-basis: 50%;
  width: 50%;
  margin-top: 0;
  padding: 0 0.25rem;
  margin-bottom: 3rem; }
  @media (min-width: 551px) {
    .blog-posts-container .blog-card {
      flex-basis: 33.33%;
      width: 33.33%;
      padding: 0 0.5rem;
      margin-bottom: 5rem; } }
  @media (min-width: 1023px) {
    .blog-posts-container .blog-card {
      flex-basis: 25%;
      margin-bottom: 6.5rem; } }

.blog-card + .blog-card {
  margin-top: 0;
  border-top: none;
  padding-top: 0; }

.blog-card {
  margin: 0; }
  .blog-card.is-hidden {
    display: none; }
  .blog-card .tag {
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: 0.12rem; }
    @media (min-width: 551px) {
      .blog-card .tag {
        font-size: 12px; } }

.blog-post-figure {
  width: 100%;
  position: relative; }

.blog-thumbnail {
  max-width: 500px;
  margin-bottom: 1rem; }
  .blog-thumbnail > a {
    width: 100%;
    display: flex;
    height: 0;
    padding-top: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative; }
    .blog-thumbnail > a::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: radial-gradient(100% 100% at 0% 100%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
      z-index: 5;
      outline: 2px solid rgba(0, 0, 0, 0.06);
      outline-offset: -2px;
      transition: outline 0.15s ease-in-out; }
    .blog-thumbnail > a img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;
      font-family: "object-fit: cover;"; }

.blog-thumbnail:hover {
  border-color: black; }
  .blog-thumbnail:hover a:before {
    background: radial-gradient(100% 100% at 0% 100%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    outline-color: black; }

.blog-thumbnail:focus {
  border-color: black; }
  .blog-thumbnail:focus a:before {
    background: radial-gradient(100% 100% at 0% 100%, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); }

.blog-card-body {
  width: 100%;
  text-align: left; }

.blog-title {
  margin: 0;
  font-size: 0.875rem; }
  @media (min-width: 551px) {
    .blog-title {
      font-size: 16px; } }
  @media (min-width: 1261px) {
    .blog-title {
      font-size: 20px; } }
  .blog-title a {
    color: black; }

.blog-date {
  text-align: left;
  color: #444444;
  font-size: 0.875rem;
  margin-bottom: 0; }

.badge-new {
  position: absolute;
  right: 12px;
  bottom: -16px;
  display: none;
  z-index: 5;
  pointer-events: none;
  width: 48px;
  height: 48px; }
  .badge-new svg {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 1023px) {
    .blog-card:not(:first-child) .badge-new {
      width: 36px;
      height: 36px;
      right: 8px;
      bottom: -8px; } }
  .blog-card.is-new .badge-new {
    display: block; }

ul.tags {
  margin: 0;
  position: absolute;
  left: -36px;
  bottom: 41px;
  transform: rotate(-90deg);
  z-index: 5;
  display: block;
  width: 100px;
  text-align: left; }
  @media (min-width: 551px) {
    ul.tags {
      left: -31px;
      bottom: 44px; } }
  ul.tags .tag a {
    color: white;
    text-transform: uppercase; }

.blog-header-container {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1261px) {
    .blog-header-container {
      flex-direction: row;
      align-items: flex-end;
      margin-bottom: 6rem; } }

.blog-header-left {
  margin-bottom: 2rem; }
  .blog-header-left p:last-child {
    margin-bottom: 0; }
  @media (min-width: 551px) {
    .blog-header-left {
      margin-bottom: 4rem; } }
  @media (min-width: 1261px) {
    .blog-header-left {
      margin-bottom: 0;
      padding-right: 10%; } }

@media (min-width: 1261px) {
  .blog-header-right {
    justify-self: flex-end; } }

.blog-post-page .blog-post {
  width: 100%; }

.blog-post-header {
  display: flex;
  flex-direction: column-reverse;
  justify-self: start;
  border-bottom: 2px solid black;
  margin-bottom: 2.5rem; }
  .blog-post-header svg {
    width: 24px;
    height: 24px;
    fill: black;
    stroke: black;
    margin-right: 0.5rem; }
  @media (min-width: 551px) {
    .blog-post-header {
      flex-direction: row;
      align-items: center;
      margin-bottom: 5rem;
      padding-bottom: 4rem; }
      .blog-post-header .blog-post-figure {
        width: 184px;
        margin: 0 2rem 0 0; } }
  @media (min-width: 1023px) {
    .blog-post-header {
      padding-bottom: 5rem; } }
  .blog-post-header .blog-header {
    flex: 1; }
    @media (min-width: 1023px) {
      .blog-post-header .blog-header {
        max-width: calc(100% - 216px * 2); } }
    @media (min-width: 1261px) {
      .blog-post-header .blog-header {
        max-width: calc(100% - 340px * 2); } }
  .blog-post-header .breadcrumbs {
    margin-bottom: 0.5rem; }
    @media (min-width: 551px) {
      .blog-post-header .breadcrumbs {
        margin-bottom: 1rem; } }
  .blog-post-header .blog-post-figure {
    margin: 0 -1rem 1.5rem -1rem;
    width: auto; }
    @media (min-width: 551px) {
      .blog-post-header .blog-post-figure {
        min-width: 220px;
        min-height: 220px;
        margin: 0 2rem 0 -4.75rem; } }
    @media (min-width: 1023px) {
      .blog-post-header .blog-post-figure {
        margin: 0 2rem 0 -5.25rem; } }
    @media (min-width: 1261px) {
      .blog-post-header .blog-post-figure {
        width: 272px;
        margin: 0 4rem 0 0; } }
  .blog-post-header .blog-thumbnail {
    margin: auto 0;
    max-width: 600px; }
    @media (min-width: 551px) {
      .blog-post-header .blog-thumbnail {
        max-width: 500px; } }
  .blog-post-header .post-meta-mobile {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem; }
    @media (min-width: 551px) {
      .blog-post-header .post-meta-mobile {
        display: none;
        margin-bottom: 0; } }
  .blog-post-header .post-meta-desktop {
    display: none; }
    @media (min-width: 551px) {
      .blog-post-header .post-meta-desktop {
        display: flex; } }
    @media (min-width: 1261px) {
      .blog-post-header .post-meta-desktop {
        display: none; } }

.post-author,
.post-date {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  margin-right: 2rem;
  margin-bottom: 1rem; }
  @media (min-width: 1261px) {
    .post-author,
    .post-date {
      margin-bottom: 1rem; } }

.blog-post-title {
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.02rem;
  margin-top: 0;
  margin-bottom: 2rem; }
  @media (min-width: 551px) {
    .blog-post-title {
      font-size: 48px;
      line-height: 52px; } }
  @media (min-width: 1261px) {
    .blog-post-title {
      font-size: 64px;
      line-height: 70px; } }

.blog-post-body {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: left;
  width: 100%; }
  @media (min-width: 1023px) {
    .blog-post-body {
      flex-direction: row; } }
  .blog-post-body .related-posts-block {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 0; }

.blog-post-body--left .post-meta-desktop {
  display: none; }

@media (min-width: 1023px) {
  .blog-post-body--left {
    width: 216px; } }

@media (min-width: 1261px) {
  .blog-post-body--left {
    width: 340px; }
    .blog-post-body--left .post-meta-desktop {
      display: flex;
      flex-direction: column; }
    .blog-post-body--left .post-meta-desktop svg {
      width: 24px;
      height: 24px;
      fill: black;
      stroke: black;
      margin-right: 0.5rem; } }

.blog-post-body--right {
  margin-bottom: 4rem; }
  @media (min-width: 551px) {
    .blog-post-body--right {
      margin-bottom: 7.5rem; } }
  @media (min-width: 1023px) {
    .blog-post-body--right {
      width: calc(100% - 216px * 2);
      margin-bottom: 9rem; } }
  @media (min-width: 1261px) {
    .blog-post-body--right {
      width: calc(100% - 340px * 2); } }

blockquote {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #ec2726;
  font-family: "Hepta Slab";
  border-left: 2px solid #ec2726;
  padding-left: 1rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    blockquote {
      margin-left: 1rem; } }
  @media (min-width: 1261px) {
    blockquote {
      font-size: 25px;
      line-height: 32px; } }

.tag-filter {
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    .tag-filter {
      margin-bottom: 2.5rem; } }
  @media (min-width: 1261px) {
    .tag-filter {
      margin-bottom: 0; } }

@media (min-width: 551px) {
  .tag-filter-title {
    display: none; } }

.tag-filter-container {
  display: none;
  flex-direction: column; }
  .tag-filter-container.is-expanded {
    display: flex;
    position: absolute;
    z-index: 20;
    background-color: white;
    padding: 0.5rem;
    border: 2px solid black; }
  @media (min-width: 551px) {
    .tag-filter-container {
      display: flex;
      flex-direction: row; } }

.tag-filter-item,
.tag-filter-selector {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  color: black;
  font-weight: bold;
  letter-spacing: 0.06rem; }
  @media (min-width: 551px) {
    .tag-filter-item,
    .tag-filter-selector {
      font-family: "Hepta Slab";
      color: #ec2726;
      font-weight: bold;
      text-decoration: none;
      border-bottom: 2px solid transparent;
      margin-right: 2rem; }
      .tag-filter-item:last-child,
      .tag-filter-selector:last-child {
        margin-right: 0; }
      .tag-filter-item:hover,
      .tag-filter-selector:hover {
        color: #d30201; }
      .tag-filter-item:focus,
      .tag-filter-selector:focus {
        color: black; }
      .tag-filter-item.is-active,
      .tag-filter-selector.is-active {
        color: black;
        border-bottom: 2px solid black; } }

.tag-filter-selector {
  display: flex;
  align-items: center; }
  .tag-filter-selector svg {
    width: 8px;
    height: 5px;
    margin-left: 6px; }

.resources-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25rem 5rem -0.25rem; }
  @media (min-width: 551px) {
    .resources-grid {
      margin: 0 -0.5rem 5rem -0.5rem; } }
  @media (min-width: 551px) {
    .resources-grid {
      margin: 0 -0.5rem 7.5rem -0.5rem; } }

.resources-header {
  margin-bottom: 2.6rem; }
  @media (min-width: 551px) {
    .resources-header {
      margin-bottom: 5rem; } }
  @media (min-width: 1023px) {
    .resources-header {
      margin-bottom: 7.25rem; }
      .resources-header p {
        max-width: 60%; } }
  @media (min-width: 1261px) {
    .resources-header {
      margin-bottom: 6.25rem; } }
  .resources-header p:last-child {
    margin-bottom: 0; }
  .resources-header .page-heading {
    font-family: "Hepta Slab";
    font-size: 2.25rem;
    line-height: 2rem; }
    @media (min-width: 551px) {
      .resources-header .page-heading {
        font-family: "Hepta Slab";
        font-size: 72px;
        line-height: 64px; } }
    @media (min-width: 1023px) {
      .resources-header .page-heading {
        font-family: "Hepta Slab";
        font-size: 88px;
        line-height: 80px; } }
    @media (min-width: 1261px) {
      .resources-header .page-heading {
        font-family: "Hepta Slab";
        font-size: 108px;
        line-height: 96px; } }

.page-content--split {
  margin-bottom: 5rem; }
  .page-content--split p:first-child, .page-content--split p:last-child {
    margin-bottom: 0; }
  @media (min-width: 551px) {
    .page-content--split {
      margin-bottom: 7.5rem; } }
  @media (min-width: 1023px) {
    .page-content--split {
      column-count: 2; } }

.resource-card {
  flex-basis: 50%;
  padding: 0.5rem 0.25rem; }
  @media (min-width: 551px) {
    .resource-card {
      flex-basis: 33.33%;
      padding: 0.5rem; } }
  @media (min-width: 1023px) {
    .resource-card {
      flex-basis: 25%; } }
  .resource-card a {
    text-decoration: none; }
  .resource-card:hover .resource-card-inner {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.06); }
  .resource-card:hover .resource-card-icon {
    animation-name: keyframes1;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 0.5s;
    transform-origin: 50% 50%; }
  .resource-card:focus .resource-card-inner {
    background: rgba(0, 0, 0, 0.1);
    border-color: black; }
  .resources-grid .resource-card:first-child {
    flex-basis: 100%; }
    .resources-grid .resource-card:first-child .resource-card-icon {
      width: 72px;
      height: 72px;
      margin-bottom: 7rem; }
      @media (min-width: 551px) {
        .resources-grid .resource-card:first-child .resource-card-icon {
          margin-bottom: 1.5rem; } }
      @media (min-width: 1261px) {
        .resources-grid .resource-card:first-child .resource-card-icon {
          margin-bottom: 7rem; } }
    .resources-grid .resource-card:first-child .resource-card-category {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: 1rem; }
    .resources-grid .resource-card:first-child .resource-card-title {
      font-size: 20px;
      line-height: 19px; }
      @media (min-width: 1261px) {
        .resources-grid .resource-card:first-child .resource-card-title {
          font-size: 20px; } }
    @media (min-width: 551px) {
      .resources-grid .resource-card:first-child {
        flex-basis: 33.33%;
        padding: 0.5rem; } }
    @media (min-width: 1023px) {
      .resources-grid .resource-card:first-child {
        flex-basis: 25%; } }

@media (max-width: 550px) {
  #icon-ingredients path,
  #icon-equipment path,
  #icon-reference path,
  #icon-kegging path,
  #icon-process path,
  #icon-getting-started path,
  #icon-brewing-methods path {
    stroke: black;
    stroke-width: 2px; } }

.resource-card-inner {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 2px solid transparent; }
  @media (min-width: 551px) {
    .resource-card-inner {
      padding: 1.5rem; } }

.resource-card-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 1.5rem;
  fill: black;
  stroke: black;
  animation-delay: -.75s;
  animation-duration: .25s; }
  @media (min-width: 551px) {
    .resource-card-icon {
      width: 72px;
      height: 72px; } }
  @media (min-width: 1261px) {
    .resource-card-icon {
      margin-bottom: 7rem; } }

.resource-card-category {
  color: #ec2726;
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0.12rem;
  font-weight: bold;
  margin-bottom: 0.5rem; }
  @media (min-width: 551px) {
    .resource-card-category {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: 1rem; } }

.resource-card-title {
  font-size: 0.875rem;
  line-height: 15px; }
  @media (min-width: 551px) {
    .resource-card-title {
      font-size: 16px;
      line-height: 19px; } }
  @media (min-width: 1261px) {
    .resource-card-title {
      font-size: 20px; } }

@keyframes keyframes1 {
  0% {
    transform: rotate(-1deg);
    animation-timing-function: ease-in; }
  50% {
    transform: rotate(1.5deg);
    animation-timing-function: ease-out; } }

.learn-more-block {
  flex-basis: 100%; }
  .learn-more-block .glide__slides {
    width: 100% !important; }
  .learn-more-block .productGlideCarousel {
    margin: 0 -0.25rem; }
    @media (min-width: 551px) {
      .learn-more-block .productGlideCarousel {
        margin: 0 -0.5rem; } }
  .learn-more-block .learn-more-heading {
    margin-bottom: 1.9375rem; }
    @media (min-width: 551px) {
      .learn-more-block .learn-more-heading {
        margin-bottom: 4.5rem; } }
  .learn-more-block .resource-card {
    flex-basis: 50%; }
    @media (min-width: 551px) {
      .learn-more-block .resource-card {
        flex-basis: 33.33%; } }
    @media (min-width: 1023px) {
      .learn-more-block .resource-card {
        flex-basis: 25% !important; } }
    .learn-more-block .resource-card .resource-card-inner {
      min-height: 160px; }

.singlePage-title {
  margin-bottom: 2.5rem; }
  @media (min-width: 551px) {
    .singlePage-title {
      margin-bottom: 4rem;
      font-family: "Hepta Slab";
      font-size: 72px;
      line-height: 64px; } }
  @media (min-width: 1023px) {
    .singlePage-title {
      margin-bottom: 5rem;
      font-family: "Hepta Slab";
      font-size: 88px;
      line-height: 80px; } }
  @media (min-width: 1261px) {
    .singlePage-title {
      margin-bottom: 5rem;
      font-family: "Hepta Slab";
      font-size: 108px;
      line-height: 96px; } }

.intro {
  font-family: "Hepta Slab";
  font-size: 1.125rem;
  line-height: 24px;
  letter-spacing: -0.02rem; }
  @media (min-width: 551px) {
    .intro {
      font-size: 25px;
      line-height: 32px; } }

.page-content {
  padding: 0; }
  .page-content ul:not(.breadcrumbs):not(.productGrid):not(.cart-totals):not(.pagination-list):not(.shipping-quote-list) {
    list-style: none; }
    .page-content ul:not(.breadcrumbs):not(.productGrid):not(.cart-totals):not(.pagination-list):not(.shipping-quote-list) li {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 16px; }
    .page-content ul:not(.breadcrumbs):not(.productGrid):not(.cart-totals):not(.pagination-list):not(.shipping-quote-list) li:not(.slick-slide):before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.192 0L6.752 5.856L8.192 11.68H4.016L5.456 5.856L4.016 0H8.192ZM10.112 1.12L12.208 4.736L6.4 6.4L2.096 10.576L0 6.944L5.776 5.28L10.112 1.12ZM2.096 1.12L6.432 5.28L12.208 6.944L10.112 10.576L5.792 6.4L0 4.736L2.096 1.12Z' fill='black'/%3E%3C/svg%3E%0A");
      width: 12px;
      height: 12px;
      display: inline-block;
      margin-right: 0.5rem;
      margin-left: -1rem; }
  .page-content h3 {
    font-family: "Hepta Slab";
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 800; }
  .page-content img {
    margin-bottom: 0.5rem; }

.page--marginBottom {
  margin-bottom: 5rem; }
  @media (min-width: 551px) {
    .page--marginBottom {
      margin-bottom: 7.5rem; } }

.page-faq h3 {
  border-bottom: 1px solid #cacaca;
  padding: 30px 50px 30px 20px;
  margin-bottom: 0;
  cursor: pointer;
  position: relative; }
  @media (max-width: 768px) {
    .page-faq h3 {
      padding-left: 0; } }
  .page-faq h3:not(:first-child) + p {
    display: none; }
  .page-faq h3 + p {
    padding: 30px 20px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .page-faq h3 + p {
        padding-left: 0;
        padding-right: 0; } }
  .page-faq h3:before {
    content: "+";
    position: absolute;
    right: 10px;
    font-size: 25px;
    top: 50%;
    transform: translate(0, -50%); }
  .page-faq h3.active:before {
    content: "-"; }

#contact-us-page .form-label {
  font-family: "Hepta Slab";
  color: black;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 19px; }

#contact-us-page .button--primary {
  width: 100%; }

#contact-us-page .form {
  margin-bottom: 3rem; }
  @media (min-width: 551px) {
    #contact-us-page .form {
      margin-bottom: 5rem; } }

.contact-us-details {
  display: flex;
  flex-direction: column; }
  @media (min-width: 551px) {
    .contact-us-details {
      flex-direction: row; } }

.contact-us-detail-item {
  flex: 1;
  margin-bottom: 2rem; }
  .contact-us-detail-item a {
    color: black; }

.contact-us-detail-heading {
  font-family: "Roboto";
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase; }

.account-nav-container {
  display: block; }
  @media only screen and (max-width: 1023px) {
    .account-nav-container {
      z-index: 20;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: black;
      display: none; }
      .account-nav-container.accountNav-loggedIn {
        top: 20px; } }
  @media (min-width: 1023px) {
    .account-nav-container {
      position: relative;
      flex-basis: 20%; }
      .account-nav-container + form {
        flex-basis: 80%; } }
  .account-nav-container.is-open {
    display: block; }

.account-nav-container a.logo-account-nav {
  width: 81px !important;
  height: 80px !important;
  position: absolute;
  margin-right: 0 !important;
  right: 5px;
  top: -8px; }
  @media (min-width: 551px) {
    .account-nav-container a.logo-account-nav {
      right: 20px; } }
  .account-nav-container a.logo-account-nav svg {
    width: 100%;
    height: 100%; }

.account-nav-container .navBar {
  display: block;
  text-align: left; }
  @media only screen and (max-width: 1023px) {
    .account-nav-container .navBar {
      padding: 0 1.5rem 1.5rem; } }
  @media (min-width: 1023px) {
    .account-nav-container .navBar {
      margin-left: -2rem; } }

.account-nav-container .navBar-item {
  margin: 0;
  color: white;
  font-family: "Hepta Slab";
  font-weight: 800;
  font-size: 20px;
  line-height: 37px; }
  .account-nav-container .navBar-item.is-active, .account-nav-container .navBar-item.is-active .navBar-action {
    color: #ec2726; }
  .account-nav-container .navBar-item:focus .navBar-action {
    color: #ec2726; }
  @media (min-width: 1023px) {
    .account-nav-container .navBar-item {
      display: block;
      color: #ec2726;
      text-transform: uppercase;
      letter-spacing: 0.06rem;
      margin-left: 2rem; }
      .account-nav-container .navBar-item.is-active {
        border: none;
        color: black;
        font-size: 12px;
        margin-left: 0; }
      .account-nav-container .navBar-item.is-active::before {
        content: '';
        display: inline-block;
        background-color: black;
        width: 1.5rem;
        height: 2px;
        vertical-align: middle;
        margin-right: 0.5rem; } }

.account-nav-container .navBar-action {
  color: white;
  font-family: "Hepta Slab";
  font-weight: 800;
  font-size: 20px;
  line-height: 37px;
  display: inline-block; }
  @media (min-width: 1023px) {
    .account-nav-container .navBar-action {
      color: #ec2726;
      font-size: 12px; }
      .account-nav-container .navBar-action:hover {
        color: #d30201; }
      .account-nav-container .navBar-action:focus {
        color: black; } }

.account-nav-container .navBar-action span {
  font-weight: 100; }
  @media (min-width: 1023px) {
    .account-nav-container .navBar-action span {
      font-weight: 800; } }

.account-nav-container .account-nav-header {
  color: white;
  text-transform: uppercase;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12rem;
  line-height: 1rem; }
  @media (min-width: 1023px) {
    .account-nav-container .account-nav-header {
      display: none; } }
  .account-nav-container .account-nav-header svg, .account-nav-container .account-nav-header a {
    width: 24px;
    height: 24px;
    fill: white; }
  .account-nav-container .account-nav-header a {
    margin-right: 0.5rem; }

.account-nav-trigger {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  letter-spacing: 0.06rem; }
  .account-nav-trigger a {
    display: flex;
    align-items: center; }
  @media (min-width: 1023px) {
    .account-nav-trigger {
      display: none; } }
  .account-nav-trigger svg {
    width: 8px;
    height: 5px;
    fill: #ec2726;
    stroke: #ec2726;
    margin-left: 0.25rem; }

.account-nav-toggle {
  font-family: "Hepta Slab";
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  font-size: 12px;
  margin-right: 0.5rem; }

.account-header .page-heading {
  margin-bottom: 2.5rem; }
  @media (min-width: 551px) {
    .account-header .page-heading {
      margin-bottom: 5rem; } }
  @media (min-width: 1023px) {
    .account-header .page-heading {
      margin-bottom: 7.5rem; } }

.account-container .account-list {
  border-top: 2px solid black;
  border-bottom: 2px solid black; }

.form-actions.form-actions-flex {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .form-actions.form-actions-flex::before, .form-actions.form-actions-flex::after {
    display: none; }

.account-container .addressList {
  display: flex;
  flex-direction: column;
  flex-flow: wrap; }
  @media (min-width: 551px) {
    .account-container .addressList {
      flex-direction: row; } }

.account-container .address-label {
  color: black; }

.account-container .panel--address .address-title {
  font-size: 20px; }

.account-container .panel-body {
  background-color: #f4f4f4;
  border: 2px solid #f4f4f4; }

@media (min-width: 551px) {
  .account-container .form-actions-flex {
    margin-left: -1.5rem;
    padding: 0 1rem; } }

.account-container .form-actions-flex button, .account-container .form-actions-flex .button--action {
  margin-bottom: 0; }

.account-container .panel--newAddress {
  height: 100%; }

.account-container .panel--newAddress .panel-body {
  background-color: white;
  height: 92%; }
  .account-container .panel--newAddress .panel-body .address-title {
    color: #ec2726; }
  .account-container .panel--newAddress .panel-body svg {
    fill: #ec2726; }
  .account-container .panel--newAddress .panel-body:hover {
    border-color: #999999; }
    .account-container .panel--newAddress .panel-body:hover .address-title {
      color: #d30201; }
    .account-container .panel--newAddress .panel-body:hover svg {
      fill: #d30201;
      stroke: #d30201; }
  .account-container .panel--newAddress .panel-body:focus {
    border-color: black; }
    .account-container .panel--newAddress .panel-body:focus .address-title {
      color: black; }
    .account-container .panel--newAddress .panel-body:focus svg {
      fill: black;
      stroke: black; }
  .account-container .panel--newAddress .panel-body .address-addNew {
    position: relative;
    transform: none;
    left: auto;
    top: auto;
    display: flex;
    align-items: center; }
  .account-container .panel--newAddress .panel-body .address-symbol {
    font-size: 1rem;
    margin-right: 0.5rem; }
    .account-container .panel--newAddress .panel-body .address-symbol svg {
      width: 26px;
      height: 26px; }

.account-container .account-list .account-product-checkItem {
  left: 0; }

.account-container .account-list .account-product-figure {
  left: 0;
  width: 80px;
  height: 80px;
  margin-right: 1rem;
  border: 2px solid #e5e5e5; }

.account-container .account-listItem .account-product-image {
  position: absolute; }

.account-container .account-list .account-product-body {
  padding-left: 1rem; }

.account-container .account-list .account-product-price {
  font-family: "Hepta Slab";
  font-weight: bold;
  font-size: 0.875rem; }

.account-container .wishlists-table td:first-child a {
  font-family: "Hepta Slab";
  font-weight: bold;
  font-size: 0.875rem; }

.account-container .account-orderStatus {
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #999999; }

.account-container .account-orderStatus-label {
  background-color: transparent;
  color: black;
  font-size: 12px;
  letter-spacing: 0.06rem; }

.account-container .account-product-figure {
  margin-right: 1.5rem; }

.account-container .account-product-detail-heading {
  font-weight: normal; }

.account-container .account-product-detail span {
  font-size: 0.875rem; }

.account-container .button {
  margin: 0 0 0.5rem !important; }
  .account-container .button[type=reset] {
    border: none;
    color: #ec2726; }

.account-content--fullWidth {
  width: 100%; }

.account-content--fullWidth + .account-sidebar {
  width: 100%; }

.account-container .account-sidebar-block {
  margin-bottom: 1rem; }
  @media (min-width: 551px) {
    .account-container .account-sidebar-block {
      margin-bottom: 2rem; } }

.account-container .account-heading {
  border: none;
  padding-bottom: 0; }

.account-container .account-orderTotal {
  width: 100%; }

.account-container .account-heading--upperCase {
  text-transform: uppercase; }

.account-container .account-orderTotal-key,
.account-container .definitionList-key {
  text-transform: uppercase;
  color: black;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.12rem;
  padding: 1rem 0;
  float: left; }

.account-container .account-orderTotal-value {
  font-family: "Hepta Slab";
  color: black;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 1rem 0;
  border-bottom: 1px solid black;
  text-align: right; }
  .account-container .account-orderTotal-value:last-child {
    border: none; }

.account-container .definitionList-value {
  color: black;
  font-size: 1rem;
  line-height: 24px;
  padding: 1rem 0;
  border-bottom: 1px solid black;
  text-align: right;
  font-weight: normal; }

.inline-sidebar-block {
  display: flex;
  flex-direction: column; }
  @media (min-width: 551px) {
    .inline-sidebar-block {
      flex-direction: row; } }
  .inline-sidebar-block .account-sidebar-block {
    margin-top: 0; }
    @media (min-width: 551px) {
      .inline-sidebar-block .account-sidebar-block {
        flex-basis: 50%; } }

.account_order-page .account-product-body {
  padding-bottom: 0; }

.account-container .productGrid {
  flex: 1; }

@media (min-width: 551px) {
  .account-container .productGrid .product {
    width: 33.33%; } }

@media only screen and (max-width: 551px) {
  .wishlists-page .table-actions .form-fieldset .button {
    padding: 0.5rem 0; } }

.account-container .pagination-list {
  text-align: left; }
  .account-container .pagination-list li {
    font-size: 0.875rem; }

.product--relative {
  position: relative; }

.button--cross {
  display: block;
  position: absolute;
  z-index: 10;
  background-color: #f4f4f4;
  width: 28px;
  height: 28px;
  color: black;
  border-radius: 50%;
  transform: rotate(45deg);
  transition: 0.2s ease;
  top: 1rem;
  right: 1.5rem;
  font-size: 20px;
  line-height: 1rem; }
  .button--cross:hover {
    color: #ec2726;
    width: 32px;
    height: 32px;
    margin-top: -2px;
    margin-right: -2px; }
  .button--cross:focus {
    background-color: #ec2726;
    color: white;
    width: 32px;
    height: 32px; }

.brand-heading-container {
  display: flex;
  margin-bottom: 2.5rem; }
  @media (min-width: 551px) {
    .brand-heading-container {
      margin-bottom: 4rem; } }
  @media (min-width: 1023px) {
    .brand-heading-container {
      margin-bottom: 7.5rem; } }

.brand-heading-container--left {
  width: 80px;
  margin-right: 1rem; }
  @media (min-width: 1023px) {
    .brand-heading-container--left {
      margin-right: 1.5rem; } }

.brand-heading-container--right {
  flex-basis: 75%;
  width: 75%;
  display: flex;
  align-items: center; }
  .brand-heading-container--right p:last-child {
    margin-bottom: 0; }

.breadcrumbs.is-exclusive {
  padding-top: 3rem; }
  @media (min-width: 1023px) {
    .breadcrumbs.is-exclusive {
      padding-top: 0;
      padding-left: 6rem; } }
  @media (min-width: 1261px) {
    .breadcrumbs.is-exclusive {
      padding-left: 5.5rem; } }
  .breadcrumbs.is-exclusive::before {
    content: '';
    width: 88px;
    height: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='88' height='47' viewBox='0 0 88 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01697 28.8073L87.9999 16.6782V34.8718L6.01697 47.0008V28.8073Z' fill='%23EC2726'/%3E%3Cpath d='M18.4981 38.9405L18.3227 37.6831L18.818 37.6129C19.1287 37.5715 19.3887 37.4657 19.5979 37.2958C19.8068 37.1233 19.9562 36.9056 20.0461 36.6428C20.136 36.38 20.1587 36.0885 20.114 35.7682C20.0701 35.4529 19.9693 35.1839 19.8116 34.9613C19.6536 34.7361 19.4512 34.5734 19.2043 34.4732C18.957 34.3704 18.6783 34.341 18.3679 34.385L17.8726 34.4551L17.6973 33.1977L18.2224 33.1233C18.8331 33.0368 19.3865 33.0835 19.8825 33.2633C20.3781 33.4406 20.7836 33.7251 21.099 34.1168C21.4169 34.5081 21.6149 34.984 21.693 35.5445C21.7722 36.1125 21.7131 36.6325 21.5156 37.1045C21.3203 37.5736 21.0088 37.9635 20.5812 38.2741C20.1532 38.5823 19.6339 38.7796 19.0232 38.8661L18.4981 38.9405ZM16.1742 39.2696L15.9989 38.0122L16.5612 37.9326L16.1111 34.7046L15.5488 34.7843L15.3734 33.5269L17.9691 33.1592L18.1445 34.4166L17.6305 34.4894L18.0807 37.7174L18.5946 37.6446L18.7699 38.902L16.1742 39.2696Z' fill='white'/%3E%3Cpath d='M21.9347 33.8797L21.7594 32.6223L24.3998 32.2483L24.5751 33.5057L24.0165 33.5848L24.4666 36.8128L25.0252 36.7337L25.2005 37.9911L22.5602 38.3651L22.3848 37.1077L22.9472 37.028L22.497 33.8001L21.9347 33.8797Z' fill='white'/%3E%3Cpath d='M29.1426 37.5092C28.6684 37.5764 28.2863 37.5323 27.9963 37.3769C27.7084 37.2186 27.5124 36.9478 27.4083 36.5645L27.237 36.5888L27.2594 35.8507C27.3419 36.0789 27.5048 36.2485 27.7481 36.3595C27.9914 36.4704 28.2645 36.5045 28.5674 36.4616C28.8008 36.4285 28.9736 36.3607 29.0859 36.258C29.1978 36.1528 29.2423 36.0177 29.2192 35.8525C29.2032 35.7374 29.1538 35.6462 29.0709 35.5788C28.9881 35.5114 28.8652 35.4651 28.7022 35.4397C28.5391 35.4143 28.3278 35.4059 28.0683 35.4146C27.5147 35.4395 27.0461 35.3923 26.6624 35.2731C26.2787 35.154 25.9777 34.9657 25.7595 34.7082C25.5435 34.4479 25.4074 34.1163 25.3512 33.7135C25.279 33.1955 25.3787 32.7667 25.6503 32.4271C25.9245 32.0872 26.3508 31.8763 26.9292 31.7943C27.2321 31.7514 27.4991 31.7595 27.7301 31.8187C27.9608 31.8753 28.1504 31.9824 28.299 32.14C28.4501 32.2972 28.5574 32.504 28.621 32.7604L28.7923 32.7361L28.763 33.4522C28.6877 33.2205 28.5335 33.0496 28.3004 32.9398C28.0698 32.8295 27.8006 32.7962 27.4928 32.8398C27.2867 32.869 27.1316 32.928 27.0275 33.0167C26.9259 33.1051 26.8847 33.2181 26.9039 33.3557C26.9179 33.4558 26.9652 33.541 27.0459 33.6112C27.1262 33.6789 27.2486 33.7305 27.413 33.7659C27.5771 33.7988 27.793 33.8129 28.0607 33.8081C28.6195 33.7851 29.0894 33.8321 29.4703 33.9491C29.8533 34.0633 30.1514 34.2494 30.3647 34.5076C30.5804 34.7653 30.7167 35.0982 30.7735 35.5061C30.851 36.0616 30.7495 36.5136 30.4689 36.8621C30.1905 37.2077 29.7484 37.4234 29.1426 37.5092ZM25.9891 37.8794L25.7363 36.0665L27.2594 35.8507L27.5122 37.6636L25.9891 37.8794ZM28.763 33.4522L28.5134 31.6618L30.0365 31.4461L30.2862 33.2364L28.763 33.4522Z' fill='white'/%3E%3Cpath d='M36.6011 30.52L36.9246 32.8396L35.5727 33.0311L35.4246 31.9689L34.6277 32.0818L35.0778 35.3097L35.6401 35.2301L35.8155 36.4875L33.1714 36.862L32.996 35.6046L33.5584 35.525L33.1082 32.297L32.3076 32.4104L32.4557 33.4726L31.1076 33.6636L30.7841 31.344L36.6011 30.52Z' fill='white'/%3E%3Cpath d='M41.2454 32.373C41.5067 32.3947 41.7225 32.4624 41.8928 32.5761C42.0655 32.6894 42.1874 32.8099 42.2584 32.9377L42.965 34.1925L43.3672 34.1355L43.5426 35.3929L41.8779 35.6287L40.9664 33.6948C40.9131 33.585 40.8575 33.5125 40.7994 33.4773C40.7435 33.4393 40.6646 33.4275 40.5628 33.4419L40.0154 33.5195L41.2454 32.373ZM39.4947 31.3924L39.3194 30.135L40.3249 29.9925C41.0821 29.8853 41.6704 29.9461 42.0896 30.1751C42.5086 30.4015 42.7529 30.765 42.8227 31.2654C42.8538 31.4882 42.8439 31.6899 42.7932 31.8706C42.7421 32.0488 42.6566 32.2076 42.5368 32.347C42.417 32.4865 42.2719 32.6078 42.1015 32.7111L42.1193 32.8387L40.9985 33.3802L39.2966 33.6213L39.1433 32.5215L40.6106 32.3137C40.7719 32.2908 40.9045 32.2516 41.0081 32.1961C41.1143 32.1403 41.1903 32.0683 41.2362 31.9801C41.2822 31.8919 41.2968 31.7878 41.28 31.6677C41.2549 31.4875 41.1683 31.3658 41.0202 31.3026C40.8746 31.239 40.6914 31.2229 40.4704 31.2542L39.4947 31.3924ZM37.3757 31.6925L37.2004 30.4351L39.8407 30.0611L40.0161 31.3185L39.4575 31.3977L39.9076 34.6256L40.4848 34.5438L40.6601 35.8012L38.0011 36.1779L37.8258 34.9205L38.3881 34.8408L37.938 31.6129L37.3757 31.6925Z' fill='white'/%3E%3Cpath d='M43.5871 30.8127L43.4117 29.5553L46.0521 29.1813L46.2274 30.4387L45.6688 30.5178L46.1189 33.7458L46.6776 33.6666L46.8529 34.9241L44.2125 35.2981L44.0372 34.0407L44.5995 33.961L44.1494 30.733L43.5871 30.8127Z' fill='white'/%3E%3Cpath d='M49.5445 29.9688L49.3692 28.7114L50.114 28.6059C50.7471 28.5163 51.2621 28.5696 51.6592 28.766C52.0587 28.962 52.2924 29.304 52.3605 29.792C52.4275 30.2724 52.2906 30.6528 51.95 30.9333C51.6115 31.2109 51.0859 31.4002 50.3734 31.5011L48.8502 31.7169L48.7691 31.1351L50.2736 30.922C50.4251 30.9005 50.5461 30.8604 50.6366 30.8017C50.7293 30.74 50.7924 30.666 50.8259 30.5796C50.8619 30.4929 50.873 30.3995 50.859 30.2994C50.8356 30.1317 50.7584 30.0138 50.6274 29.9456C50.4963 29.8774 50.3241 29.8584 50.1106 29.8887L49.5445 29.9688ZM49.9201 33.2073L50.6836 33.0992C50.9169 33.0661 51.0953 32.9924 51.2186 32.878C51.3443 32.7632 51.395 32.6182 51.3706 32.4431C51.3594 32.363 51.3332 32.2927 51.2918 32.2322C51.2526 32.1689 51.1986 32.1178 51.13 32.0791C51.0609 32.0378 50.975 32.0117 50.8722 32.0008C50.7719 31.9895 50.6547 31.9933 50.5206 32.0123L48.923 32.2386L48.8261 31.5442L50.4238 31.3179C50.7962 31.2652 51.1302 31.2459 51.4259 31.2602C51.7212 31.2719 51.975 31.3215 52.1872 31.4088C52.3994 31.4961 52.5694 31.6264 52.6974 31.7996C52.825 31.9704 52.9075 32.1896 52.9448 32.4574C53.0149 32.9603 52.8903 33.3735 52.5708 33.6969C52.2538 34.02 51.7837 34.2256 51.1605 34.3139L50.0955 34.4647L49.9201 33.2073ZM47.0345 30.3244L46.8591 29.067L49.5628 28.684L49.7381 29.9414L49.1162 30.0295L49.5663 33.2575L50.1883 33.1694L50.3636 34.4268L47.6599 34.8097L47.4846 33.5523L48.0469 33.4727L47.5968 30.2447L47.0345 30.3244ZM51.0933 31.135L51.4508 31.0844L51.4968 31.4147L51.1393 31.4653L51.0933 31.135Z' fill='white'/%3E%3Cpath d='M56.2456 27.7374L58.8152 27.3734L58.9906 28.6308L58.4506 28.7073L58.751 30.8618C58.8204 31.3597 58.7799 31.8044 58.6294 32.1957C58.4785 32.5845 58.2293 32.9031 57.8816 33.1513C57.5361 33.3968 57.1051 33.556 56.5887 33.6292C56.0772 33.7016 55.6219 33.6679 55.2226 33.528C54.8255 33.3852 54.5012 33.1479 54.2499 32.816C53.9982 32.4817 53.8376 32.0655 53.7682 31.5676L53.4678 29.4131L52.9278 29.4896L52.7524 28.2322L55.4561 27.8492L55.6315 29.1066L55.0356 29.191L55.3292 31.2967C55.3592 31.5119 55.4246 31.6902 55.5253 31.8316C55.6257 31.9705 55.756 32.0694 55.9161 32.1284C56.0759 32.1848 56.2588 32.1985 56.4649 32.1693C56.6734 32.1398 56.8453 32.0746 56.9807 31.9737C57.1185 31.8726 57.2154 31.7415 57.2714 31.5804C57.3274 31.4194 57.3404 31.2313 57.3104 31.0161L57.0168 28.9104L56.421 28.9948L56.2456 27.7374Z' fill='white'/%3E%3Cpath d='M65.1558 26.4753L65.4793 28.7949L64.1275 28.9864L63.9793 27.9242L63.1824 28.0371L63.6325 31.265L64.1948 31.1854L64.3702 32.4428L61.7261 32.8173L61.5507 31.5599L62.1131 31.4802L61.663 28.2523L60.8623 28.3657L61.0104 29.4279L59.6623 29.6189L59.3388 27.2992L65.1558 26.4753Z' fill='white'/%3E%3Cpath d='M69.5657 31.8102C69.1139 31.8742 68.6904 31.8601 68.2952 31.7681C67.9001 31.6761 67.5475 31.5168 67.2374 31.2902C66.9295 31.0608 66.6757 30.7752 66.4762 30.4335C66.2763 30.0893 66.1456 29.697 66.0842 29.2566C66.0235 28.8212 66.0425 28.4128 66.1412 28.0313C66.2399 27.6499 66.4063 27.3086 66.6402 27.0076C66.8764 26.7036 67.1719 26.4538 67.5269 26.2581C67.8816 26.0598 68.2861 25.9285 68.7404 25.8642C69.1923 25.8002 69.6157 25.8142 70.0109 25.9062C70.4057 25.9958 70.7569 26.154 71.0645 26.3809C71.3742 26.6049 71.6287 26.8866 71.8279 27.2258C72.0271 27.565 72.157 27.9524 72.2178 28.3878C72.2792 28.8282 72.2609 29.2416 72.1628 29.628C72.0645 30.0119 71.8974 30.3571 71.6616 30.6636C71.428 30.9671 71.1339 31.218 70.7792 31.4163C70.4246 31.6145 70.0201 31.7458 69.5657 31.8102ZM69.3621 30.3501C69.6551 30.3086 69.9042 30.2069 70.1095 30.0452C70.3148 29.8834 70.4649 29.6797 70.5598 29.434C70.6543 29.1859 70.6806 28.9117 70.6387 28.6114C70.5976 28.3161 70.498 28.0649 70.3399 27.8576C70.1844 27.65 69.985 27.4996 69.7416 27.4065C69.5003 27.3105 69.2332 27.2833 68.9403 27.3248C68.6473 27.3663 68.398 27.4667 68.1924 27.6259C67.9864 27.7827 67.8358 27.9827 67.7405 28.2258C67.6478 28.4686 67.622 28.7376 67.6632 29.0329C67.7051 29.3332 67.8041 29.5896 67.9604 29.8023C68.1187 30.012 68.3187 30.1661 68.5603 30.2646C68.8019 30.3631 69.0692 30.3916 69.3621 30.3501Z' fill='white'/%3E%3Cpath d='M76.3243 27.4042C76.5856 27.4259 76.8013 27.4935 76.9716 27.6072C77.1444 27.7205 77.2663 27.8411 77.3372 27.9688L78.0439 29.2237L78.4461 29.1667L78.6214 30.4241L76.9568 30.6599L76.0453 28.7259C75.992 28.6161 75.9363 28.5436 75.8782 28.5085C75.8223 28.4704 75.7434 28.4587 75.6417 28.4731L75.0942 28.5506L76.3243 27.4042ZM74.5735 26.4235L74.3982 25.1661L75.4037 25.0237C76.1609 24.9164 76.7492 24.9773 77.1685 25.2062C77.5874 25.4327 77.8318 25.7961 77.9016 26.2966C77.9326 26.5193 77.9228 26.721 77.872 26.9017C77.8209 27.0799 77.7355 27.2387 77.6157 27.3782C77.4959 27.5176 77.3507 27.639 77.1803 27.7422L77.1981 27.8698L76.0774 28.4114L74.3755 28.6524L74.2221 27.5527L75.6894 27.3448C75.8508 27.322 75.9833 27.2828 76.087 27.2273C76.1931 27.1714 76.2691 27.0994 76.3151 27.0112C76.361 26.9231 76.3756 26.8189 76.3588 26.6988C76.3337 26.5187 76.2471 26.397 76.0991 26.3337C75.9535 26.2701 75.7702 26.254 75.5493 26.2853L74.5735 26.4235ZM72.4545 26.7237L72.2792 25.4663L74.9196 25.0923L75.0949 26.3497L74.5363 26.4288L74.9864 29.6567L75.5636 29.575L75.739 30.8324L73.08 31.209L72.9047 29.9516L73.467 29.872L73.0169 26.644L72.4545 26.7237Z' fill='white'/%3E%3Cpath opacity='0.12' d='M83.4871 19.6323V17.3582L6.01697 28.8195V31.0937L83.4871 19.6323Z' fill='black'/%3E%3Cpath d='M0 12.129L81.9829 0V18.1935L0 30.3226V12.129Z' fill='%23EC2726'/%3E%3Cpath d='M18.2677 17.9309L18.421 19.0307L16.1568 19.3514L16.0034 18.2516L18.2677 17.9309ZM19.0187 19.0953L20.5381 18.8801L20.8443 21.0758L15.1539 21.8818L14.9785 20.6244L15.5409 20.5448L15.0908 17.3168L14.5284 17.3965L14.3531 16.1391L19.9765 15.3426L20.2826 17.5383L18.7632 17.7535L18.6324 16.8152L16.6102 17.1016L17.0603 20.3296L19.1495 20.0336L19.0187 19.0953Z' fill='white'/%3E%3Cpath d='M26.5072 15.6997L24.8132 18.0946L25.2962 17.1458L25.3966 17.8665L24.8741 17.0334L27.0095 18.9203L27.3744 18.8686L27.5498 20.126L24.6599 20.5353L24.4845 19.2779L25.0432 19.1988L23.7684 17.9823L24.482 18.2793L23.767 18.3806L24.3419 17.9011L23.4381 19.4262L24.0675 19.337L24.2428 20.5944L21.5465 20.9763L21.3712 19.7189L21.792 19.6593L23.4771 17.2274L22.9941 18.1762L22.8937 17.4555L23.4194 18.2844L21.2861 16.4393L20.9211 16.491L20.7458 15.2336L23.6394 14.8237L23.8147 16.0811L23.2524 16.1608L24.5219 17.3397L23.8099 17.054L24.5249 16.9527L23.9521 17.4204L24.8612 15.9329L24.2281 16.0226L24.0528 14.7651L26.749 14.3832L26.9243 15.6406L26.5072 15.6997Z' fill='white'/%3E%3Cpath d='M30.8286 19.7649C30.3867 19.8275 29.9719 19.8122 29.5842 19.7192C29.1987 19.6232 28.8534 19.4616 28.5482 19.2344C28.2453 19.0042 27.9952 18.7181 27.7981 18.3761C27.6007 18.0315 27.4715 17.6402 27.4104 17.2023C27.3497 16.7669 27.365 16.359 27.4563 15.9787C27.5475 15.5983 27.699 15.2591 27.9106 14.9612C28.1222 14.6633 28.3795 14.4202 28.6824 14.2319C28.9849 14.041 29.3161 13.9201 29.6761 13.8691C30.0138 13.8213 30.3096 13.8457 30.5636 13.9424C30.8197 14.0363 31.0328 14.2026 31.2028 14.4413C31.375 14.6772 31.5049 14.9829 31.5927 15.3583L31.9055 15.314L31.7401 16.0608C31.6113 15.7729 31.4104 15.5576 31.1373 15.4151C30.8668 15.2723 30.5614 15.225 30.2213 15.2731C29.9358 15.3136 29.6939 15.4129 29.4957 15.5711C29.2972 15.7268 29.1528 15.9259 29.0625 16.1683C28.9748 16.4104 28.9516 16.6804 28.9932 16.9781C29.0246 17.2033 29.0869 17.405 29.1801 17.5832C29.2757 17.761 29.3965 17.9098 29.5423 18.0295C29.6878 18.1467 29.8526 18.2305 30.0369 18.2809C30.2211 18.3314 30.4175 18.3418 30.6261 18.3123C30.8694 18.2778 31.0821 18.1967 31.2643 18.0688C31.4462 17.9384 31.5878 17.7742 31.6893 17.5761C31.7905 17.3755 31.844 17.151 31.8498 16.9027L33.44 16.9224C33.4307 17.4187 33.3173 17.8673 33.0998 18.2681C32.8847 18.6686 32.584 18.9995 32.1977 19.2609C31.8113 19.5223 31.355 19.6903 30.8286 19.7649ZM31.7401 16.0608L31.414 13.7224L32.9334 13.5072L33.2595 15.8456L31.7401 16.0608Z' fill='white'/%3E%3Cpath d='M33.759 14.6725L33.5836 13.4151L36.2389 13.039L36.4142 14.2964L35.8407 14.3776L36.2908 17.6056L38.3577 17.3128L38.533 18.5702L34.3844 19.1579L34.2091 17.9005L34.7714 17.8208L34.3213 14.5929L33.759 14.6725ZM39.1818 16.0057L39.5199 18.4304L38.0005 18.6457L37.6624 16.2209L39.1818 16.0057Z' fill='white'/%3E%3Cpath d='M42.4173 12.1638L44.9869 11.7999L45.1623 13.0573L44.6223 13.1337L44.9227 15.2882C44.9921 15.7862 44.9516 16.2308 44.8011 16.6221C44.6502 17.0109 44.401 17.3295 44.0533 17.5778C43.7078 17.8232 43.2768 17.9825 42.7604 18.0556C42.2489 18.1281 41.7936 18.0943 41.3943 17.9544C40.9972 17.8116 40.6729 17.5743 40.4216 17.2425C40.1699 16.9081 40.0093 16.492 39.9399 15.994L39.6395 13.8396L39.0995 13.916L38.9241 12.6586L41.6278 12.2757L41.8032 13.5331L41.2073 13.6175L41.5009 15.7231C41.5309 15.9383 41.5963 16.1166 41.697 16.258C41.7974 16.3969 41.9277 16.4958 42.0878 16.5548C42.2476 16.6113 42.4305 16.6249 42.6366 16.5957C42.8451 16.5662 43.017 16.501 43.1524 16.4002C43.2902 16.299 43.3871 16.1679 43.4431 16.0069C43.4991 15.8458 43.5121 15.6577 43.4821 15.4425L43.1885 13.3368L42.5927 13.4212L42.4173 12.1638Z' fill='white'/%3E%3Cpath d='M49.5276 17.0894C49.0534 17.1566 48.6713 17.1125 48.3813 16.9571C48.0934 16.7988 47.8974 16.528 47.7933 16.1447L47.622 16.169L47.6444 15.4309C47.7268 15.6591 47.8897 15.8287 48.1331 15.9396C48.3764 16.0506 48.6495 16.0847 48.9524 16.0418C49.1858 16.0087 49.3586 15.9408 49.4709 15.8382C49.5828 15.733 49.6273 15.5979 49.6042 15.4327C49.5882 15.3176 49.5387 15.2264 49.4559 15.159C49.3731 15.0916 49.2502 15.0452 49.0871 15.0198C48.9241 14.9945 48.7128 14.9861 48.4532 14.9948C47.8997 15.0196 47.4311 14.9725 47.0474 14.8533C46.6636 14.7341 46.3627 14.5458 46.1445 14.2884C45.9285 14.0281 45.7923 13.6965 45.7362 13.2937C45.6639 12.7757 45.7637 12.3469 46.0353 12.0073C46.3094 11.6674 46.7357 11.4565 47.3142 11.3745C47.6171 11.3316 47.8841 11.3397 48.1151 11.3989C48.3458 11.4555 48.5354 11.5626 48.684 11.7202C48.835 11.8774 48.9424 12.0842 49.006 12.3406L49.1773 12.3163L49.148 13.0324C49.0726 12.8006 48.9184 12.6298 48.6854 12.5199C48.4548 12.4097 48.1856 12.3764 47.8777 12.42C47.6717 12.4492 47.5166 12.5081 47.4125 12.5969C47.3109 12.6853 47.2697 12.7983 47.2889 12.9359C47.3028 13.036 47.3502 13.1212 47.4308 13.1914C47.5112 13.2591 47.6336 13.3107 47.798 13.3461C47.9621 13.379 48.178 13.393 48.4457 13.3883C49.0045 13.3653 49.4744 13.4123 49.8553 13.5293C50.2383 13.6434 50.5364 13.8296 50.7496 14.0877C50.9654 14.3455 51.1016 14.6784 51.1585 15.0862C51.236 15.6417 51.1344 16.0937 50.8539 16.4422C50.5755 16.7879 50.1334 17.0036 49.5276 17.0894ZM46.374 17.4596L46.1212 15.6467L47.6444 15.4309L47.8972 17.2438L46.374 17.4596ZM49.148 13.0324L48.8983 11.242L50.4215 11.0262L50.6711 12.8166L49.148 13.0324Z' fill='white'/%3E%3Cpath d='M51.3966 12.1742L51.2212 10.9168L53.8616 10.5428L54.0369 11.8002L53.4783 11.8793L53.9284 15.1073L54.4871 15.0281L54.6624 16.2855L52.022 16.6595L51.8467 15.4021L52.409 15.3225L51.9589 12.0945L51.3966 12.1742Z' fill='white'/%3E%3Cpath d='M60.2552 10.9194L59.2085 15.6416L57.3018 15.9117L55.0042 11.6632L54.602 11.7201L54.4267 10.4627L57.2793 10.0587L57.4547 11.3161L56.6726 11.4268L58.5194 15.1115L57.7993 14.3867L58.5292 14.2833L58.065 15.1758L58.8326 11.1209L58.0505 11.2317L57.8752 9.97425L60.482 9.605L60.6574 10.8624L60.2552 10.9194Z' fill='white'/%3E%3Cpath d='M64.9619 11.3167L65.1152 12.4165L62.851 12.7372L62.6976 11.6375L64.9619 11.3167ZM65.7129 12.4811L67.2323 12.2659L67.5385 14.4616L61.8481 15.2677L61.6727 14.0103L62.2351 13.9306L61.785 10.7027L61.2226 10.7823L61.0473 9.52493L66.6707 8.72839L66.9768 10.9241L65.4574 11.1394L65.3266 10.201L63.3044 10.4875L63.7545 13.7154L65.8437 13.4195L65.7129 12.4811Z' fill='white'/%3E%3C/svg%3E%0A");
    display: block;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -4rem;
    margin-left: -1.5rem; }
    @media (min-width: 551px) {
      .breadcrumbs.is-exclusive::before {
        width: 117px;
        height: 62px;
        margin-top: -4.5rem;
        margin-left: -2.5rem; } }
    @media (min-width: 1023px) {
      .breadcrumbs.is-exclusive::before {
        width: 117px;
        height: 62px;
        margin-top: 0;
        margin-left: -8.5rem; } }
    @media (min-width: 1261px) {
      .breadcrumbs.is-exclusive::before {
        width: 117px;
        height: 62px;
        margin-left: -8.5rem; } }

.heading-container-brands {
  margin-bottom: 2rem; }
  @media (min-width: 551px) {
    .heading-container-brands {
      margin-bottom: 3.5rem; } }

.brands-item {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1023px) {
    .brands-item {
      flex-direction: row; } }

.brands-item-intro {
  flex-basis: 25%;
  border-top: 2px solid black;
  padding-top: 2.5rem;
  color: black;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem; }
  @media (min-width: 551px) {
    .brands-item-intro {
      flex-direction: row;
      margin-bottom: 4rem; } }
  @media (min-width: 1023px) {
    .brands-item-intro {
      flex-direction: column; } }
  .brands-item-intro.is-exclusive:before {
    content: '';
    display: block;
    width: 88px;
    height: 47px;
    position: absolute;
    top: -20px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='88' height='47' viewBox='0 0 88 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01697 28.8073L87.9999 16.6782V34.8718L6.01697 47.0008V28.8073Z' fill='%23EC2726'/%3E%3Cpath d='M18.4981 38.9405L18.3227 37.6831L18.818 37.6129C19.1287 37.5715 19.3887 37.4657 19.5979 37.2958C19.8068 37.1233 19.9562 36.9056 20.0461 36.6428C20.136 36.38 20.1587 36.0885 20.114 35.7682C20.0701 35.4529 19.9693 35.1839 19.8116 34.9613C19.6536 34.7361 19.4512 34.5734 19.2043 34.4732C18.957 34.3704 18.6783 34.341 18.3679 34.385L17.8726 34.4551L17.6973 33.1977L18.2224 33.1233C18.8331 33.0368 19.3865 33.0835 19.8825 33.2633C20.3781 33.4406 20.7836 33.7251 21.099 34.1168C21.4169 34.5081 21.6149 34.984 21.693 35.5445C21.7722 36.1125 21.7131 36.6325 21.5156 37.1045C21.3203 37.5736 21.0088 37.9635 20.5812 38.2741C20.1532 38.5823 19.6339 38.7796 19.0232 38.8661L18.4981 38.9405ZM16.1742 39.2696L15.9989 38.0122L16.5612 37.9326L16.1111 34.7046L15.5488 34.7843L15.3734 33.5269L17.9691 33.1592L18.1445 34.4166L17.6305 34.4894L18.0807 37.7174L18.5946 37.6446L18.7699 38.902L16.1742 39.2696Z' fill='white'/%3E%3Cpath d='M21.9347 33.8797L21.7594 32.6223L24.3998 32.2483L24.5751 33.5057L24.0165 33.5848L24.4666 36.8128L25.0252 36.7337L25.2005 37.9911L22.5602 38.3651L22.3848 37.1077L22.9472 37.028L22.497 33.8001L21.9347 33.8797Z' fill='white'/%3E%3Cpath d='M29.1426 37.5092C28.6684 37.5764 28.2863 37.5323 27.9963 37.3769C27.7084 37.2186 27.5124 36.9478 27.4083 36.5645L27.237 36.5888L27.2594 35.8507C27.3419 36.0789 27.5048 36.2485 27.7481 36.3595C27.9914 36.4704 28.2645 36.5045 28.5674 36.4616C28.8008 36.4285 28.9736 36.3607 29.0859 36.258C29.1978 36.1528 29.2423 36.0177 29.2192 35.8525C29.2032 35.7374 29.1538 35.6462 29.0709 35.5788C28.9881 35.5114 28.8652 35.4651 28.7022 35.4397C28.5391 35.4143 28.3278 35.4059 28.0683 35.4146C27.5147 35.4395 27.0461 35.3923 26.6624 35.2731C26.2787 35.154 25.9777 34.9657 25.7595 34.7082C25.5435 34.4479 25.4074 34.1163 25.3512 33.7135C25.279 33.1955 25.3787 32.7667 25.6503 32.4271C25.9245 32.0872 26.3508 31.8763 26.9292 31.7943C27.2321 31.7514 27.4991 31.7595 27.7301 31.8187C27.9608 31.8753 28.1504 31.9824 28.299 32.14C28.4501 32.2972 28.5574 32.504 28.621 32.7604L28.7923 32.7361L28.763 33.4522C28.6877 33.2205 28.5335 33.0496 28.3004 32.9398C28.0698 32.8295 27.8006 32.7962 27.4928 32.8398C27.2867 32.869 27.1316 32.928 27.0275 33.0167C26.9259 33.1051 26.8847 33.2181 26.9039 33.3557C26.9179 33.4558 26.9652 33.541 27.0459 33.6112C27.1262 33.6789 27.2486 33.7305 27.413 33.7659C27.5771 33.7988 27.793 33.8129 28.0607 33.8081C28.6195 33.7851 29.0894 33.8321 29.4703 33.9491C29.8533 34.0633 30.1514 34.2494 30.3647 34.5076C30.5804 34.7653 30.7167 35.0982 30.7735 35.5061C30.851 36.0616 30.7495 36.5136 30.4689 36.8621C30.1905 37.2077 29.7484 37.4234 29.1426 37.5092ZM25.9891 37.8794L25.7363 36.0665L27.2594 35.8507L27.5122 37.6636L25.9891 37.8794ZM28.763 33.4522L28.5134 31.6618L30.0365 31.4461L30.2862 33.2364L28.763 33.4522Z' fill='white'/%3E%3Cpath d='M36.6011 30.52L36.9246 32.8396L35.5727 33.0311L35.4246 31.9689L34.6277 32.0818L35.0778 35.3097L35.6401 35.2301L35.8155 36.4875L33.1714 36.862L32.996 35.6046L33.5584 35.525L33.1082 32.297L32.3076 32.4104L32.4557 33.4726L31.1076 33.6636L30.7841 31.344L36.6011 30.52Z' fill='white'/%3E%3Cpath d='M41.2454 32.373C41.5067 32.3947 41.7225 32.4624 41.8928 32.5761C42.0655 32.6894 42.1874 32.8099 42.2584 32.9377L42.965 34.1925L43.3672 34.1355L43.5426 35.3929L41.8779 35.6287L40.9664 33.6948C40.9131 33.585 40.8575 33.5125 40.7994 33.4773C40.7435 33.4393 40.6646 33.4275 40.5628 33.4419L40.0154 33.5195L41.2454 32.373ZM39.4947 31.3924L39.3194 30.135L40.3249 29.9925C41.0821 29.8853 41.6704 29.9461 42.0896 30.1751C42.5086 30.4015 42.7529 30.765 42.8227 31.2654C42.8538 31.4882 42.8439 31.6899 42.7932 31.8706C42.7421 32.0488 42.6566 32.2076 42.5368 32.347C42.417 32.4865 42.2719 32.6078 42.1015 32.7111L42.1193 32.8387L40.9985 33.3802L39.2966 33.6213L39.1433 32.5215L40.6106 32.3137C40.7719 32.2908 40.9045 32.2516 41.0081 32.1961C41.1143 32.1403 41.1903 32.0683 41.2362 31.9801C41.2822 31.8919 41.2968 31.7878 41.28 31.6677C41.2549 31.4875 41.1683 31.3658 41.0202 31.3026C40.8746 31.239 40.6914 31.2229 40.4704 31.2542L39.4947 31.3924ZM37.3757 31.6925L37.2004 30.4351L39.8407 30.0611L40.0161 31.3185L39.4575 31.3977L39.9076 34.6256L40.4848 34.5438L40.6601 35.8012L38.0011 36.1779L37.8258 34.9205L38.3881 34.8408L37.938 31.6129L37.3757 31.6925Z' fill='white'/%3E%3Cpath d='M43.5871 30.8127L43.4117 29.5553L46.0521 29.1813L46.2274 30.4387L45.6688 30.5178L46.1189 33.7458L46.6776 33.6666L46.8529 34.9241L44.2125 35.2981L44.0372 34.0407L44.5995 33.961L44.1494 30.733L43.5871 30.8127Z' fill='white'/%3E%3Cpath d='M49.5445 29.9688L49.3692 28.7114L50.114 28.6059C50.7471 28.5163 51.2621 28.5696 51.6592 28.766C52.0587 28.962 52.2924 29.304 52.3605 29.792C52.4275 30.2724 52.2906 30.6528 51.95 30.9333C51.6115 31.2109 51.0859 31.4002 50.3734 31.5011L48.8502 31.7169L48.7691 31.1351L50.2736 30.922C50.4251 30.9005 50.5461 30.8604 50.6366 30.8017C50.7293 30.74 50.7924 30.666 50.8259 30.5796C50.8619 30.4929 50.873 30.3995 50.859 30.2994C50.8356 30.1317 50.7584 30.0138 50.6274 29.9456C50.4963 29.8774 50.3241 29.8584 50.1106 29.8887L49.5445 29.9688ZM49.9201 33.2073L50.6836 33.0992C50.9169 33.0661 51.0953 32.9924 51.2186 32.878C51.3443 32.7632 51.395 32.6182 51.3706 32.4431C51.3594 32.363 51.3332 32.2927 51.2918 32.2322C51.2526 32.1689 51.1986 32.1178 51.13 32.0791C51.0609 32.0378 50.975 32.0117 50.8722 32.0008C50.7719 31.9895 50.6547 31.9933 50.5206 32.0123L48.923 32.2386L48.8261 31.5442L50.4238 31.3179C50.7962 31.2652 51.1302 31.2459 51.4259 31.2602C51.7212 31.2719 51.975 31.3215 52.1872 31.4088C52.3994 31.4961 52.5694 31.6264 52.6974 31.7996C52.825 31.9704 52.9075 32.1896 52.9448 32.4574C53.0149 32.9603 52.8903 33.3735 52.5708 33.6969C52.2538 34.02 51.7837 34.2256 51.1605 34.3139L50.0955 34.4647L49.9201 33.2073ZM47.0345 30.3244L46.8591 29.067L49.5628 28.684L49.7381 29.9414L49.1162 30.0295L49.5663 33.2575L50.1883 33.1694L50.3636 34.4268L47.6599 34.8097L47.4846 33.5523L48.0469 33.4727L47.5968 30.2447L47.0345 30.3244ZM51.0933 31.135L51.4508 31.0844L51.4968 31.4147L51.1393 31.4653L51.0933 31.135Z' fill='white'/%3E%3Cpath d='M56.2456 27.7374L58.8152 27.3734L58.9906 28.6308L58.4506 28.7073L58.751 30.8618C58.8204 31.3597 58.7799 31.8044 58.6294 32.1957C58.4785 32.5845 58.2293 32.9031 57.8816 33.1513C57.5361 33.3968 57.1051 33.556 56.5887 33.6292C56.0772 33.7016 55.6219 33.6679 55.2226 33.528C54.8255 33.3852 54.5012 33.1479 54.2499 32.816C53.9982 32.4817 53.8376 32.0655 53.7682 31.5676L53.4678 29.4131L52.9278 29.4896L52.7524 28.2322L55.4561 27.8492L55.6315 29.1066L55.0356 29.191L55.3292 31.2967C55.3592 31.5119 55.4246 31.6902 55.5253 31.8316C55.6257 31.9705 55.756 32.0694 55.9161 32.1284C56.0759 32.1848 56.2588 32.1985 56.4649 32.1693C56.6734 32.1398 56.8453 32.0746 56.9807 31.9737C57.1185 31.8726 57.2154 31.7415 57.2714 31.5804C57.3274 31.4194 57.3404 31.2313 57.3104 31.0161L57.0168 28.9104L56.421 28.9948L56.2456 27.7374Z' fill='white'/%3E%3Cpath d='M65.1558 26.4753L65.4793 28.7949L64.1275 28.9864L63.9793 27.9242L63.1824 28.0371L63.6325 31.265L64.1948 31.1854L64.3702 32.4428L61.7261 32.8173L61.5507 31.5599L62.1131 31.4802L61.663 28.2523L60.8623 28.3657L61.0104 29.4279L59.6623 29.6189L59.3388 27.2992L65.1558 26.4753Z' fill='white'/%3E%3Cpath d='M69.5657 31.8102C69.1139 31.8742 68.6904 31.8601 68.2952 31.7681C67.9001 31.6761 67.5475 31.5168 67.2374 31.2902C66.9295 31.0608 66.6757 30.7752 66.4762 30.4335C66.2763 30.0893 66.1456 29.697 66.0842 29.2566C66.0235 28.8212 66.0425 28.4128 66.1412 28.0313C66.2399 27.6499 66.4063 27.3086 66.6402 27.0076C66.8764 26.7036 67.1719 26.4538 67.5269 26.2581C67.8816 26.0598 68.2861 25.9285 68.7404 25.8642C69.1923 25.8002 69.6157 25.8142 70.0109 25.9062C70.4057 25.9958 70.7569 26.154 71.0645 26.3809C71.3742 26.6049 71.6287 26.8866 71.8279 27.2258C72.0271 27.565 72.157 27.9524 72.2178 28.3878C72.2792 28.8282 72.2609 29.2416 72.1628 29.628C72.0645 30.0119 71.8974 30.3571 71.6616 30.6636C71.428 30.9671 71.1339 31.218 70.7792 31.4163C70.4246 31.6145 70.0201 31.7458 69.5657 31.8102ZM69.3621 30.3501C69.6551 30.3086 69.9042 30.2069 70.1095 30.0452C70.3148 29.8834 70.4649 29.6797 70.5598 29.434C70.6543 29.1859 70.6806 28.9117 70.6387 28.6114C70.5976 28.3161 70.498 28.0649 70.3399 27.8576C70.1844 27.65 69.985 27.4996 69.7416 27.4065C69.5003 27.3105 69.2332 27.2833 68.9403 27.3248C68.6473 27.3663 68.398 27.4667 68.1924 27.6259C67.9864 27.7827 67.8358 27.9827 67.7405 28.2258C67.6478 28.4686 67.622 28.7376 67.6632 29.0329C67.7051 29.3332 67.8041 29.5896 67.9604 29.8023C68.1187 30.012 68.3187 30.1661 68.5603 30.2646C68.8019 30.3631 69.0692 30.3916 69.3621 30.3501Z' fill='white'/%3E%3Cpath d='M76.3243 27.4042C76.5856 27.4259 76.8013 27.4935 76.9716 27.6072C77.1444 27.7205 77.2663 27.8411 77.3372 27.9688L78.0439 29.2237L78.4461 29.1667L78.6214 30.4241L76.9568 30.6599L76.0453 28.7259C75.992 28.6161 75.9363 28.5436 75.8782 28.5085C75.8223 28.4704 75.7434 28.4587 75.6417 28.4731L75.0942 28.5506L76.3243 27.4042ZM74.5735 26.4235L74.3982 25.1661L75.4037 25.0237C76.1609 24.9164 76.7492 24.9773 77.1685 25.2062C77.5874 25.4327 77.8318 25.7961 77.9016 26.2966C77.9326 26.5193 77.9228 26.721 77.872 26.9017C77.8209 27.0799 77.7355 27.2387 77.6157 27.3782C77.4959 27.5176 77.3507 27.639 77.1803 27.7422L77.1981 27.8698L76.0774 28.4114L74.3755 28.6524L74.2221 27.5527L75.6894 27.3448C75.8508 27.322 75.9833 27.2828 76.087 27.2273C76.1931 27.1714 76.2691 27.0994 76.3151 27.0112C76.361 26.9231 76.3756 26.8189 76.3588 26.6988C76.3337 26.5187 76.2471 26.397 76.0991 26.3337C75.9535 26.2701 75.7702 26.254 75.5493 26.2853L74.5735 26.4235ZM72.4545 26.7237L72.2792 25.4663L74.9196 25.0923L75.0949 26.3497L74.5363 26.4288L74.9864 29.6567L75.5636 29.575L75.739 30.8324L73.08 31.209L72.9047 29.9516L73.467 29.872L73.0169 26.644L72.4545 26.7237Z' fill='white'/%3E%3Cpath opacity='0.12' d='M83.4871 19.6323V17.3582L6.01697 28.8195V31.0937L83.4871 19.6323Z' fill='black'/%3E%3Cpath d='M0 12.129L81.9829 0V18.1935L0 30.3226V12.129Z' fill='%23EC2726'/%3E%3Cpath d='M18.2677 17.9309L18.421 19.0307L16.1568 19.3514L16.0034 18.2516L18.2677 17.9309ZM19.0187 19.0953L20.5381 18.8801L20.8443 21.0758L15.1539 21.8818L14.9785 20.6244L15.5409 20.5448L15.0908 17.3168L14.5284 17.3965L14.3531 16.1391L19.9765 15.3426L20.2826 17.5383L18.7632 17.7535L18.6324 16.8152L16.6102 17.1016L17.0603 20.3296L19.1495 20.0336L19.0187 19.0953Z' fill='white'/%3E%3Cpath d='M26.5072 15.6997L24.8132 18.0946L25.2962 17.1458L25.3966 17.8665L24.8741 17.0334L27.0095 18.9203L27.3744 18.8686L27.5498 20.126L24.6599 20.5353L24.4845 19.2779L25.0432 19.1988L23.7684 17.9823L24.482 18.2793L23.767 18.3806L24.3419 17.9011L23.4381 19.4262L24.0675 19.337L24.2428 20.5944L21.5465 20.9763L21.3712 19.7189L21.792 19.6593L23.4771 17.2274L22.9941 18.1762L22.8937 17.4555L23.4194 18.2844L21.2861 16.4393L20.9211 16.491L20.7458 15.2336L23.6394 14.8237L23.8147 16.0811L23.2524 16.1608L24.5219 17.3397L23.8099 17.054L24.5249 16.9527L23.9521 17.4204L24.8612 15.9329L24.2281 16.0226L24.0528 14.7651L26.749 14.3832L26.9243 15.6406L26.5072 15.6997Z' fill='white'/%3E%3Cpath d='M30.8286 19.7649C30.3867 19.8275 29.9719 19.8122 29.5842 19.7192C29.1987 19.6232 28.8534 19.4616 28.5482 19.2344C28.2453 19.0042 27.9952 18.7181 27.7981 18.3761C27.6007 18.0315 27.4715 17.6402 27.4104 17.2023C27.3497 16.7669 27.365 16.359 27.4563 15.9787C27.5475 15.5983 27.699 15.2591 27.9106 14.9612C28.1222 14.6633 28.3795 14.4202 28.6824 14.2319C28.9849 14.041 29.3161 13.9201 29.6761 13.8691C30.0138 13.8213 30.3096 13.8457 30.5636 13.9424C30.8197 14.0363 31.0328 14.2026 31.2028 14.4413C31.375 14.6772 31.5049 14.9829 31.5927 15.3583L31.9055 15.314L31.7401 16.0608C31.6113 15.7729 31.4104 15.5576 31.1373 15.4151C30.8668 15.2723 30.5614 15.225 30.2213 15.2731C29.9358 15.3136 29.6939 15.4129 29.4957 15.5711C29.2972 15.7268 29.1528 15.9259 29.0625 16.1683C28.9748 16.4104 28.9516 16.6804 28.9932 16.9781C29.0246 17.2033 29.0869 17.405 29.1801 17.5832C29.2757 17.761 29.3965 17.9098 29.5423 18.0295C29.6878 18.1467 29.8526 18.2305 30.0369 18.2809C30.2211 18.3314 30.4175 18.3418 30.6261 18.3123C30.8694 18.2778 31.0821 18.1967 31.2643 18.0688C31.4462 17.9384 31.5878 17.7742 31.6893 17.5761C31.7905 17.3755 31.844 17.151 31.8498 16.9027L33.44 16.9224C33.4307 17.4187 33.3173 17.8673 33.0998 18.2681C32.8847 18.6686 32.584 18.9995 32.1977 19.2609C31.8113 19.5223 31.355 19.6903 30.8286 19.7649ZM31.7401 16.0608L31.414 13.7224L32.9334 13.5072L33.2595 15.8456L31.7401 16.0608Z' fill='white'/%3E%3Cpath d='M33.759 14.6725L33.5836 13.4151L36.2389 13.039L36.4142 14.2964L35.8407 14.3776L36.2908 17.6056L38.3577 17.3128L38.533 18.5702L34.3844 19.1579L34.2091 17.9005L34.7714 17.8208L34.3213 14.5929L33.759 14.6725ZM39.1818 16.0057L39.5199 18.4304L38.0005 18.6457L37.6624 16.2209L39.1818 16.0057Z' fill='white'/%3E%3Cpath d='M42.4173 12.1638L44.9869 11.7999L45.1623 13.0573L44.6223 13.1337L44.9227 15.2882C44.9921 15.7862 44.9516 16.2308 44.8011 16.6221C44.6502 17.0109 44.401 17.3295 44.0533 17.5778C43.7078 17.8232 43.2768 17.9825 42.7604 18.0556C42.2489 18.1281 41.7936 18.0943 41.3943 17.9544C40.9972 17.8116 40.6729 17.5743 40.4216 17.2425C40.1699 16.9081 40.0093 16.492 39.9399 15.994L39.6395 13.8396L39.0995 13.916L38.9241 12.6586L41.6278 12.2757L41.8032 13.5331L41.2073 13.6175L41.5009 15.7231C41.5309 15.9383 41.5963 16.1166 41.697 16.258C41.7974 16.3969 41.9277 16.4958 42.0878 16.5548C42.2476 16.6113 42.4305 16.6249 42.6366 16.5957C42.8451 16.5662 43.017 16.501 43.1524 16.4002C43.2902 16.299 43.3871 16.1679 43.4431 16.0069C43.4991 15.8458 43.5121 15.6577 43.4821 15.4425L43.1885 13.3368L42.5927 13.4212L42.4173 12.1638Z' fill='white'/%3E%3Cpath d='M49.5276 17.0894C49.0534 17.1566 48.6713 17.1125 48.3813 16.9571C48.0934 16.7988 47.8974 16.528 47.7933 16.1447L47.622 16.169L47.6444 15.4309C47.7268 15.6591 47.8897 15.8287 48.1331 15.9396C48.3764 16.0506 48.6495 16.0847 48.9524 16.0418C49.1858 16.0087 49.3586 15.9408 49.4709 15.8382C49.5828 15.733 49.6273 15.5979 49.6042 15.4327C49.5882 15.3176 49.5387 15.2264 49.4559 15.159C49.3731 15.0916 49.2502 15.0452 49.0871 15.0198C48.9241 14.9945 48.7128 14.9861 48.4532 14.9948C47.8997 15.0196 47.4311 14.9725 47.0474 14.8533C46.6636 14.7341 46.3627 14.5458 46.1445 14.2884C45.9285 14.0281 45.7923 13.6965 45.7362 13.2937C45.6639 12.7757 45.7637 12.3469 46.0353 12.0073C46.3094 11.6674 46.7357 11.4565 47.3142 11.3745C47.6171 11.3316 47.8841 11.3397 48.1151 11.3989C48.3458 11.4555 48.5354 11.5626 48.684 11.7202C48.835 11.8774 48.9424 12.0842 49.006 12.3406L49.1773 12.3163L49.148 13.0324C49.0726 12.8006 48.9184 12.6298 48.6854 12.5199C48.4548 12.4097 48.1856 12.3764 47.8777 12.42C47.6717 12.4492 47.5166 12.5081 47.4125 12.5969C47.3109 12.6853 47.2697 12.7983 47.2889 12.9359C47.3028 13.036 47.3502 13.1212 47.4308 13.1914C47.5112 13.2591 47.6336 13.3107 47.798 13.3461C47.9621 13.379 48.178 13.393 48.4457 13.3883C49.0045 13.3653 49.4744 13.4123 49.8553 13.5293C50.2383 13.6434 50.5364 13.8296 50.7496 14.0877C50.9654 14.3455 51.1016 14.6784 51.1585 15.0862C51.236 15.6417 51.1344 16.0937 50.8539 16.4422C50.5755 16.7879 50.1334 17.0036 49.5276 17.0894ZM46.374 17.4596L46.1212 15.6467L47.6444 15.4309L47.8972 17.2438L46.374 17.4596ZM49.148 13.0324L48.8983 11.242L50.4215 11.0262L50.6711 12.8166L49.148 13.0324Z' fill='white'/%3E%3Cpath d='M51.3966 12.1742L51.2212 10.9168L53.8616 10.5428L54.0369 11.8002L53.4783 11.8793L53.9284 15.1073L54.4871 15.0281L54.6624 16.2855L52.022 16.6595L51.8467 15.4021L52.409 15.3225L51.9589 12.0945L51.3966 12.1742Z' fill='white'/%3E%3Cpath d='M60.2552 10.9194L59.2085 15.6416L57.3018 15.9117L55.0042 11.6632L54.602 11.7201L54.4267 10.4627L57.2793 10.0587L57.4547 11.3161L56.6726 11.4268L58.5194 15.1115L57.7993 14.3867L58.5292 14.2833L58.065 15.1758L58.8326 11.1209L58.0505 11.2317L57.8752 9.97425L60.482 9.605L60.6574 10.8624L60.2552 10.9194Z' fill='white'/%3E%3Cpath d='M64.9619 11.3167L65.1152 12.4165L62.851 12.7372L62.6976 11.6375L64.9619 11.3167ZM65.7129 12.4811L67.2323 12.2659L67.5385 14.4616L61.8481 15.2677L61.6727 14.0103L62.2351 13.9306L61.785 10.7027L61.2226 10.7823L61.0473 9.52493L66.6707 8.72839L66.9768 10.9241L65.4574 11.1394L65.3266 10.201L63.3044 10.4875L63.7545 13.7154L65.8437 13.4195L65.7129 12.4811Z' fill='white'/%3E%3C/svg%3E%0A"); }
  .brands-item-intro .card-figure {
    width: 80px;
    height: 80px;
    margin-bottom: 1.5rem; }

.brands-item-intro--left {
  flex-basis: 100%; }
  @media (min-width: 551px) {
    .brands-item-intro--left {
      flex-basis: 33.33%; } }
  @media (min-width: 1023px) {
    .brands-item-intro--left {
      flex-basis: auto; } }

.brands-item-intro--right {
  font-size: 0.875rem;
  flex-basis: 100%; }
  @media (min-width: 551px) {
    .brands-item-intro--right {
      flex-basis: 75%; } }
  @media (min-width: 1023px) {
    .brands-item-intro--right {
      flex-basis: 100%; } }

.brands-item-intro-description {
  color: black; }

.brands-item-products {
  font-size: 1rem;
  flex-basis: 100%;
  margin-bottom: 3.75rem; }
  @media (min-width: 1023px) {
    .brands-item-products {
      flex-basis: 75%;
      width: 75%;
      padding-left: 2.5rem; } }

.brands-item .glide--carousel {
  margin-right: calc((-100vw / 2) + 52.4%); }
  @media (min-width: 551px) {
    .brands-item .glide--carousel {
      margin-right: calc((-100vw / 2) + 51.2%); } }
  @media (min-width: 1023px) {
    .brands-item .glide--carousel {
      margin-top: -3rem;
      margin-right: calc((-100vw / 2) + 73.1%); } }
  @media (min-width: 1261px) {
    .brands-item .glide--carousel {
      margin-right: calc((-100vw / 2) + 71.1%); } }
  @media (min-width: 1681px) {
    .brands-item .glide--carousel {
      margin-right: calc((-100vw / 2) + 72%); } }

.brands-item .glide--unpeekRight {
  max-width: calc(960px + 1rem); }
  @media (min-width: 1023px) {
    .brands-item .glide--unpeekRight {
      padding-right: 1.5rem; } }

#search-results-heading .page-heading {
  text-transform: none; }

.search-results-nav {
  text-align: left;
  display: flex;
  align-items: center;
  margin-left: -0.75rem !important; }

.search-results-nav .navBar-action,
.search-results-nav .navBar-action-color--active {
  font-family: "Hepta Slab";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0.06rem; }
  .search-results-nav .navBar-action:hover,
  .search-results-nav .navBar-action-color--active:hover {
    color: #d30201; }

.search-results-nav .navBar-action {
  color: #ec2726; }

.search-results-nav .navBar-action-color--active {
  color: black; }
  .search-results-nav .navBar-action-color--active::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: black;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -5px; }

.search-results-searchForm {
  position: relative;
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    .search-results-searchForm {
      margin-bottom: 2.5rem; } }

.search-results-searchForm input {
  background-color: black;
  color: white;
  border: none;
  font-family: "Roboto";
  font-size: 0.875rem;
  padding: 0.5rem 1rem 0.5rem 2rem; }
  @media (min-width: 551px) {
    .search-results-searchForm input {
      font-size: 20px;
      line-height: 32px;
      font-family: "Hepta Slab";
      font-weight: 700;
      padding: 1rem 1rem 1rem 4rem; } }

.search-results-searchForm .search-clear-btn {
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  right: 1rem;
  top: 0.5rem; }
  @media (min-width: 551px) {
    .search-results-searchForm .search-clear-btn {
      top: 1.2rem; } }
  .search-results-searchForm .search-clear-btn svg {
    width: 100%;
    height: 100%;
    fill: white; }

.search-results-searchForm .form-field, .search-results-searchForm .form {
  margin-bottom: 0; }

.search-results-searchForm .form-field .quick-search-icon {
  width: 17px;
  height: 17px;
  top: 0.625rem;
  margin-left: 0.625rem;
  position: absolute;
  opacity: 0.5;
  fill: white;
  stroke: white; }
  @media (min-width: 551px) {
    .search-results-searchForm .form-field .quick-search-icon {
      width: 32px;
      height: 32px;
      top: 1rem;
      left: 1rem;
      margin-left: 0; } }
  .search-results-searchForm .form-field .quick-search-icon .stroke-white {
    stroke: white; }
  .search-results-searchForm .form-field .quick-search-icon .fill-white {
    fill: white; }
  @media (min-width: 1023px) {
    .search-results-searchForm .form-field .quick-search-icon {
      display: unset; } }

#InStockNotifyOutOfStock {
  font-family: "Hepta Slab";
  font-size: 0.875rem;
  line-height: 20px;
  font-weight: 800;
  color: black;
  margin-bottom: 0.5rem; }

#instocknotify-container {
  width: 100%;
  margin-bottom: 2rem; }
  @media (min-width: 551px) {
    #instocknotify-container {
      margin-bottom: 0; } }
  @media (min-width: 1261px) {
    #instocknotify-container {
      margin-bottom: 2rem; } }

#InStockNotifyEmail #InStockNotifyEmailAddress {
  width: 100% !important; }

@media (min-width: 551px) {
  #InStockNotifyEmail {
    display: inline-block !important;
    width: calc(100% - 154px) !important; }
    #InStockNotifyEmail #InStockNotifyEmailAddress {
      width: calc(100% - 12px) !important;
      margin-top: 0 !important; } }

@media (min-width: 551px) {
  #InStockNotifyButton {
    display: inline-block !important; } }

@media (min-width: 551px) {
  #InStockNotifyClick {
    margin-top: -1px !important;
    margin-bottom: 0; } }

@media (min-width: 551px) {
  #InStockNotifyForm {
    margin-bottom: 0 !important; } }

.navPages-container.is-open .navPages-quickSearch {
  position: -webkit-sticky;
  position: sticky;
  z-index: 200;
  top: 0; }

.sideDrawer.top-noticeOpen {
  top: 0.5rem; }

.brands-item-intro.is-exclusive2:before {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='47' viewBox='0 0 88 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01697 28.8073L87.9999 16.6782V34.8718L6.01697 47.0008V28.8073Z' fill='%23EC2726'/%3E%3Cpath d='M18.4981 38.9405L18.3227 37.6831L18.818 37.6129C19.1287 37.5715 19.3887 37.4657 19.5979 37.2958C19.8068 37.1233 19.9562 36.9056 20.0461 36.6428C20.136 36.38 20.1587 36.0885 20.114 35.7682C20.0701 35.4529 19.9693 35.1839 19.8116 34.9613C19.6536 34.7361 19.4512 34.5734 19.2043 34.4732C18.957 34.3704 18.6783 34.341 18.3679 34.385L17.8726 34.4551L17.6973 33.1977L18.2224 33.1233C18.8331 33.0368 19.3865 33.0835 19.8825 33.2633C20.3781 33.4406 20.7836 33.7251 21.099 34.1168C21.4169 34.5081 21.6149 34.984 21.693 35.5445C21.7722 36.1125 21.7131 36.6325 21.5156 37.1045C21.3203 37.5736 21.0088 37.9635 20.5812 38.2741C20.1532 38.5823 19.6339 38.7796 19.0232 38.8661L18.4981 38.9405ZM16.1742 39.2696L15.9989 38.0122L16.5612 37.9326L16.1111 34.7046L15.5488 34.7843L15.3734 33.5269L17.9691 33.1592L18.1445 34.4166L17.6305 34.4894L18.0807 37.7174L18.5946 37.6446L18.7699 38.902L16.1742 39.2696Z' fill='white'/%3E%3Cpath d='M21.9347 33.8797L21.7594 32.6223L24.3998 32.2483L24.5751 33.5057L24.0165 33.5848L24.4666 36.8128L25.0252 36.7337L25.2005 37.9911L22.5602 38.3651L22.3848 37.1077L22.9472 37.028L22.497 33.8001L21.9347 33.8797Z' fill='white'/%3E%3Cpath d='M29.1426 37.5092C28.6684 37.5764 28.2863 37.5323 27.9963 37.3769C27.7084 37.2186 27.5124 36.9478 27.4083 36.5645L27.237 36.5888L27.2594 35.8507C27.3419 36.0789 27.5048 36.2485 27.7481 36.3595C27.9914 36.4704 28.2645 36.5045 28.5674 36.4616C28.8008 36.4285 28.9736 36.3607 29.0859 36.258C29.1978 36.1528 29.2423 36.0177 29.2192 35.8525C29.2032 35.7374 29.1538 35.6462 29.0709 35.5788C28.9881 35.5114 28.8652 35.4651 28.7022 35.4397C28.5391 35.4143 28.3278 35.4059 28.0683 35.4146C27.5147 35.4395 27.0461 35.3923 26.6624 35.2731C26.2787 35.154 25.9777 34.9657 25.7595 34.7082C25.5435 34.4479 25.4074 34.1163 25.3512 33.7135C25.279 33.1955 25.3787 32.7667 25.6503 32.4271C25.9245 32.0872 26.3508 31.8763 26.9292 31.7943C27.2321 31.7514 27.4991 31.7595 27.7301 31.8187C27.9608 31.8753 28.1504 31.9824 28.299 32.14C28.4501 32.2972 28.5574 32.504 28.621 32.7604L28.7923 32.7361L28.763 33.4522C28.6877 33.2205 28.5335 33.0496 28.3004 32.9398C28.0698 32.8295 27.8006 32.7962 27.4928 32.8398C27.2867 32.869 27.1316 32.928 27.0275 33.0167C26.9259 33.1051 26.8847 33.2181 26.9039 33.3557C26.9179 33.4558 26.9652 33.541 27.0459 33.6112C27.1262 33.6789 27.2486 33.7305 27.413 33.7659C27.5771 33.7988 27.793 33.8129 28.0607 33.8081C28.6195 33.7851 29.0894 33.8321 29.4703 33.9491C29.8533 34.0633 30.1514 34.2494 30.3647 34.5076C30.5804 34.7653 30.7167 35.0982 30.7735 35.5061C30.851 36.0616 30.7495 36.5136 30.4689 36.8621C30.1905 37.2077 29.7484 37.4234 29.1426 37.5092ZM25.9891 37.8794L25.7363 36.0665L27.2594 35.8507L27.5122 37.6636L25.9891 37.8794ZM28.763 33.4522L28.5134 31.6618L30.0365 31.4461L30.2862 33.2364L28.763 33.4522Z' fill='white'/%3E%3Cpath d='M36.6011 30.52L36.9246 32.8396L35.5727 33.0311L35.4246 31.9689L34.6277 32.0818L35.0778 35.3097L35.6401 35.2301L35.8155 36.4875L33.1714 36.862L32.996 35.6046L33.5584 35.525L33.1082 32.297L32.3076 32.4104L32.4557 33.4726L31.1076 33.6636L30.7841 31.344L36.6011 30.52Z' fill='white'/%3E%3Cpath d='M41.2454 32.373C41.5067 32.3947 41.7225 32.4624 41.8928 32.5761C42.0655 32.6894 42.1874 32.8099 42.2584 32.9377L42.965 34.1925L43.3672 34.1355L43.5426 35.3929L41.8779 35.6287L40.9664 33.6948C40.9131 33.585 40.8575 33.5125 40.7994 33.4773C40.7435 33.4393 40.6646 33.4275 40.5628 33.4419L40.0154 33.5195L41.2454 32.373ZM39.4947 31.3924L39.3194 30.135L40.3249 29.9925C41.0821 29.8853 41.6704 29.9461 42.0896 30.1751C42.5086 30.4015 42.7529 30.765 42.8227 31.2654C42.8538 31.4882 42.8439 31.6899 42.7932 31.8706C42.7421 32.0488 42.6566 32.2076 42.5368 32.347C42.417 32.4865 42.2719 32.6078 42.1015 32.7111L42.1193 32.8387L40.9985 33.3802L39.2966 33.6213L39.1433 32.5215L40.6106 32.3137C40.7719 32.2908 40.9045 32.2516 41.0081 32.1961C41.1143 32.1403 41.1903 32.0683 41.2362 31.9801C41.2822 31.8919 41.2968 31.7878 41.28 31.6677C41.2549 31.4875 41.1683 31.3658 41.0202 31.3026C40.8746 31.239 40.6914 31.2229 40.4704 31.2542L39.4947 31.3924ZM37.3757 31.6925L37.2004 30.4351L39.8407 30.0611L40.0161 31.3185L39.4575 31.3977L39.9076 34.6256L40.4848 34.5438L40.6601 35.8012L38.0011 36.1779L37.8258 34.9205L38.3881 34.8408L37.938 31.6129L37.3757 31.6925Z' fill='white'/%3E%3Cpath d='M43.5871 30.8127L43.4117 29.5553L46.0521 29.1813L46.2274 30.4387L45.6688 30.5178L46.1189 33.7458L46.6776 33.6666L46.8529 34.9241L44.2125 35.2981L44.0372 34.0407L44.5995 33.961L44.1494 30.733L43.5871 30.8127Z' fill='white'/%3E%3Cpath d='M49.5445 29.9688L49.3692 28.7114L50.114 28.6059C50.7471 28.5163 51.2621 28.5696 51.6592 28.766C52.0587 28.962 52.2924 29.304 52.3605 29.792C52.4275 30.2724 52.2906 30.6528 51.95 30.9333C51.6115 31.2109 51.0859 31.4002 50.3734 31.5011L48.8502 31.7169L48.7691 31.1351L50.2736 30.922C50.4251 30.9005 50.5461 30.8604 50.6366 30.8017C50.7293 30.74 50.7924 30.666 50.8259 30.5796C50.8619 30.4929 50.873 30.3995 50.859 30.2994C50.8356 30.1317 50.7584 30.0138 50.6274 29.9456C50.4963 29.8774 50.3241 29.8584 50.1106 29.8887L49.5445 29.9688ZM49.9201 33.2073L50.6836 33.0992C50.9169 33.0661 51.0953 32.9924 51.2186 32.878C51.3443 32.7632 51.395 32.6182 51.3706 32.4431C51.3594 32.363 51.3332 32.2927 51.2918 32.2322C51.2526 32.1689 51.1986 32.1178 51.13 32.0791C51.0609 32.0378 50.975 32.0117 50.8722 32.0008C50.7719 31.9895 50.6547 31.9933 50.5206 32.0123L48.923 32.2386L48.8261 31.5442L50.4238 31.3179C50.7962 31.2652 51.1302 31.2459 51.4259 31.2602C51.7212 31.2719 51.975 31.3215 52.1872 31.4088C52.3994 31.4961 52.5694 31.6264 52.6974 31.7996C52.825 31.9704 52.9075 32.1896 52.9448 32.4574C53.0149 32.9603 52.8903 33.3735 52.5708 33.6969C52.2538 34.02 51.7837 34.2256 51.1605 34.3139L50.0955 34.4647L49.9201 33.2073ZM47.0345 30.3244L46.8591 29.067L49.5628 28.684L49.7381 29.9414L49.1162 30.0295L49.5663 33.2575L50.1883 33.1694L50.3636 34.4268L47.6599 34.8097L47.4846 33.5523L48.0469 33.4727L47.5968 30.2447L47.0345 30.3244ZM51.0933 31.135L51.4508 31.0844L51.4968 31.4147L51.1393 31.4653L51.0933 31.135Z' fill='white'/%3E%3Cpath d='M56.2456 27.7374L58.8152 27.3734L58.9906 28.6308L58.4506 28.7073L58.751 30.8618C58.8204 31.3597 58.7799 31.8044 58.6294 32.1957C58.4785 32.5845 58.2293 32.9031 57.8816 33.1513C57.5361 33.3968 57.1051 33.556 56.5887 33.6292C56.0772 33.7016 55.6219 33.6679 55.2226 33.528C54.8255 33.3852 54.5012 33.1479 54.2499 32.816C53.9982 32.4817 53.8376 32.0655 53.7682 31.5676L53.4678 29.4131L52.9278 29.4896L52.7524 28.2322L55.4561 27.8492L55.6315 29.1066L55.0356 29.191L55.3292 31.2967C55.3592 31.5119 55.4246 31.6902 55.5253 31.8316C55.6257 31.9705 55.756 32.0694 55.9161 32.1284C56.0759 32.1848 56.2588 32.1985 56.4649 32.1693C56.6734 32.1398 56.8453 32.0746 56.9807 31.9737C57.1185 31.8726 57.2154 31.7415 57.2714 31.5804C57.3274 31.4194 57.3404 31.2313 57.3104 31.0161L57.0168 28.9104L56.421 28.9948L56.2456 27.7374Z' fill='white'/%3E%3Cpath d='M65.1558 26.4753L65.4793 28.7949L64.1275 28.9864L63.9793 27.9242L63.1824 28.0371L63.6325 31.265L64.1948 31.1854L64.3702 32.4428L61.7261 32.8173L61.5507 31.5599L62.1131 31.4802L61.663 28.2523L60.8623 28.3657L61.0104 29.4279L59.6623 29.6189L59.3388 27.2992L65.1558 26.4753Z' fill='white'/%3E%3Cpath d='M69.5657 31.8102C69.1139 31.8742 68.6904 31.8601 68.2952 31.7681C67.9001 31.6761 67.5475 31.5168 67.2374 31.2902C66.9295 31.0608 66.6757 30.7752 66.4762 30.4335C66.2763 30.0893 66.1456 29.697 66.0842 29.2566C66.0235 28.8212 66.0425 28.4128 66.1412 28.0313C66.2399 27.6499 66.4063 27.3086 66.6402 27.0076C66.8764 26.7036 67.1719 26.4538 67.5269 26.2581C67.8816 26.0598 68.2861 25.9285 68.7404 25.8642C69.1923 25.8002 69.6157 25.8142 70.0109 25.9062C70.4057 25.9958 70.7569 26.154 71.0645 26.3809C71.3742 26.6049 71.6287 26.8866 71.8279 27.2258C72.0271 27.565 72.157 27.9524 72.2178 28.3878C72.2792 28.8282 72.2609 29.2416 72.1628 29.628C72.0645 30.0119 71.8974 30.3571 71.6616 30.6636C71.428 30.9671 71.1339 31.218 70.7792 31.4163C70.4246 31.6145 70.0201 31.7458 69.5657 31.8102ZM69.3621 30.3501C69.6551 30.3086 69.9042 30.2069 70.1095 30.0452C70.3148 29.8834 70.4649 29.6797 70.5598 29.434C70.6543 29.1859 70.6806 28.9117 70.6387 28.6114C70.5976 28.3161 70.498 28.0649 70.3399 27.8576C70.1844 27.65 69.985 27.4996 69.7416 27.4065C69.5003 27.3105 69.2332 27.2833 68.9403 27.3248C68.6473 27.3663 68.398 27.4667 68.1924 27.6259C67.9864 27.7827 67.8358 27.9827 67.7405 28.2258C67.6478 28.4686 67.622 28.7376 67.6632 29.0329C67.7051 29.3332 67.8041 29.5896 67.9604 29.8023C68.1187 30.012 68.3187 30.1661 68.5603 30.2646C68.8019 30.3631 69.0692 30.3916 69.3621 30.3501Z' fill='white'/%3E%3Cpath d='M76.3243 27.4042C76.5856 27.4259 76.8013 27.4935 76.9716 27.6072C77.1444 27.7205 77.2663 27.8411 77.3372 27.9688L78.0439 29.2237L78.4461 29.1667L78.6214 30.4241L76.9568 30.6599L76.0453 28.7259C75.992 28.6161 75.9363 28.5436 75.8782 28.5085C75.8223 28.4704 75.7434 28.4587 75.6417 28.4731L75.0942 28.5506L76.3243 27.4042ZM74.5735 26.4235L74.3982 25.1661L75.4037 25.0237C76.1609 24.9164 76.7492 24.9773 77.1685 25.2062C77.5874 25.4327 77.8318 25.7961 77.9016 26.2966C77.9326 26.5193 77.9228 26.721 77.872 26.9017C77.8209 27.0799 77.7355 27.2387 77.6157 27.3782C77.4959 27.5176 77.3507 27.639 77.1803 27.7422L77.1981 27.8698L76.0774 28.4114L74.3755 28.6524L74.2221 27.5527L75.6894 27.3448C75.8508 27.322 75.9833 27.2828 76.087 27.2273C76.1931 27.1714 76.2691 27.0994 76.3151 27.0112C76.361 26.9231 76.3756 26.8189 76.3588 26.6988C76.3337 26.5187 76.2471 26.397 76.0991 26.3337C75.9535 26.2701 75.7702 26.254 75.5493 26.2853L74.5735 26.4235ZM72.4545 26.7237L72.2792 25.4663L74.9196 25.0923L75.0949 26.3497L74.5363 26.4288L74.9864 29.6567L75.5636 29.575L75.739 30.8324L73.08 31.209L72.9047 29.9516L73.467 29.872L73.0169 26.644L72.4545 26.7237Z' fill='white'/%3E%3Cpath opacity='0.12' d='M83.4871 19.6323V17.3582L6.01697 28.8195V31.0937L83.4871 19.6323Z' fill='black'/%3E%3Cpath d='M0 12.129L81.9829 0V18.1935L0 30.3226V12.129Z' fill='%23EC2726'/%3E%3Cpath d='M18.2677 17.9309L18.421 19.0307L16.1568 19.3514L16.0034 18.2516L18.2677 17.9309ZM19.0187 19.0953L20.5381 18.8801L20.8443 21.0758L15.1539 21.8818L14.9785 20.6244L15.5409 20.5448L15.0908 17.3168L14.5284 17.3965L14.3531 16.1391L19.9765 15.3426L20.2826 17.5383L18.7632 17.7535L18.6324 16.8152L16.6102 17.1016L17.0603 20.3296L19.1495 20.0336L19.0187 19.0953Z' fill='white'/%3E%3Cpath d='M26.5072 15.6997L24.8132 18.0946L25.2962 17.1458L25.3966 17.8665L24.8741 17.0334L27.0095 18.9203L27.3744 18.8686L27.5498 20.126L24.6599 20.5353L24.4845 19.2779L25.0432 19.1988L23.7684 17.9823L24.482 18.2793L23.767 18.3806L24.3419 17.9011L23.4381 19.4262L24.0675 19.337L24.2428 20.5944L21.5465 20.9763L21.3712 19.7189L21.792 19.6593L23.4771 17.2274L22.9941 18.1762L22.8937 17.4555L23.4194 18.2844L21.2861 16.4393L20.9211 16.491L20.7458 15.2336L23.6394 14.8237L23.8147 16.0811L23.2524 16.1608L24.5219 17.3397L23.8099 17.054L24.5249 16.9527L23.9521 17.4204L24.8612 15.9329L24.2281 16.0226L24.0528 14.7651L26.749 14.3832L26.9243 15.6406L26.5072 15.6997Z' fill='white'/%3E%3Cpath d='M30.8286 19.7649C30.3867 19.8275 29.9719 19.8122 29.5842 19.7192C29.1987 19.6232 28.8534 19.4616 28.5482 19.2344C28.2453 19.0042 27.9952 18.7181 27.7981 18.3761C27.6007 18.0315 27.4715 17.6402 27.4104 17.2023C27.3497 16.7669 27.365 16.359 27.4563 15.9787C27.5475 15.5983 27.699 15.2591 27.9106 14.9612C28.1222 14.6633 28.3795 14.4202 28.6824 14.2319C28.9849 14.041 29.3161 13.9201 29.6761 13.8691C30.0138 13.8213 30.3096 13.8457 30.5636 13.9424C30.8197 14.0363 31.0328 14.2026 31.2028 14.4413C31.375 14.6772 31.5049 14.9829 31.5927 15.3583L31.9055 15.314L31.7401 16.0608C31.6113 15.7729 31.4104 15.5576 31.1373 15.4151C30.8668 15.2723 30.5614 15.225 30.2213 15.2731C29.9358 15.3136 29.6939 15.4129 29.4957 15.5711C29.2972 15.7268 29.1528 15.9259 29.0625 16.1683C28.9748 16.4104 28.9516 16.6804 28.9932 16.9781C29.0246 17.2033 29.0869 17.405 29.1801 17.5832C29.2757 17.761 29.3965 17.9098 29.5423 18.0295C29.6878 18.1467 29.8526 18.2305 30.0369 18.2809C30.2211 18.3314 30.4175 18.3418 30.6261 18.3123C30.8694 18.2778 31.0821 18.1967 31.2643 18.0688C31.4462 17.9384 31.5878 17.7742 31.6893 17.5761C31.7905 17.3755 31.844 17.151 31.8498 16.9027L33.44 16.9224C33.4307 17.4187 33.3173 17.8673 33.0998 18.2681C32.8847 18.6686 32.584 18.9995 32.1977 19.2609C31.8113 19.5223 31.355 19.6903 30.8286 19.7649ZM31.7401 16.0608L31.414 13.7224L32.9334 13.5072L33.2595 15.8456L31.7401 16.0608Z' fill='white'/%3E%3Cpath d='M33.759 14.6725L33.5836 13.4151L36.2389 13.039L36.4142 14.2964L35.8407 14.3776L36.2908 17.6056L38.3577 17.3128L38.533 18.5702L34.3844 19.1579L34.2091 17.9005L34.7714 17.8208L34.3213 14.5929L33.759 14.6725ZM39.1818 16.0057L39.5199 18.4304L38.0005 18.6457L37.6624 16.2209L39.1818 16.0057Z' fill='white'/%3E%3Cpath d='M42.4173 12.1638L44.9869 11.7999L45.1623 13.0573L44.6223 13.1337L44.9227 15.2882C44.9921 15.7862 44.9516 16.2308 44.8011 16.6221C44.6502 17.0109 44.401 17.3295 44.0533 17.5778C43.7078 17.8232 43.2768 17.9825 42.7604 18.0556C42.2489 18.1281 41.7936 18.0943 41.3943 17.9544C40.9972 17.8116 40.6729 17.5743 40.4216 17.2425C40.1699 16.9081 40.0093 16.492 39.9399 15.994L39.6395 13.8396L39.0995 13.916L38.9241 12.6586L41.6278 12.2757L41.8032 13.5331L41.2073 13.6175L41.5009 15.7231C41.5309 15.9383 41.5963 16.1166 41.697 16.258C41.7974 16.3969 41.9277 16.4958 42.0878 16.5548C42.2476 16.6113 42.4305 16.6249 42.6366 16.5957C42.8451 16.5662 43.017 16.501 43.1524 16.4002C43.2902 16.299 43.3871 16.1679 43.4431 16.0069C43.4991 15.8458 43.5121 15.6577 43.4821 15.4425L43.1885 13.3368L42.5927 13.4212L42.4173 12.1638Z' fill='white'/%3E%3Cpath d='M49.5276 17.0894C49.0534 17.1566 48.6713 17.1125 48.3813 16.9571C48.0934 16.7988 47.8974 16.528 47.7933 16.1447L47.622 16.169L47.6444 15.4309C47.7268 15.6591 47.8897 15.8287 48.1331 15.9396C48.3764 16.0506 48.6495 16.0847 48.9524 16.0418C49.1858 16.0087 49.3586 15.9408 49.4709 15.8382C49.5828 15.733 49.6273 15.5979 49.6042 15.4327C49.5882 15.3176 49.5387 15.2264 49.4559 15.159C49.3731 15.0916 49.2502 15.0452 49.0871 15.0198C48.9241 14.9945 48.7128 14.9861 48.4532 14.9948C47.8997 15.0196 47.4311 14.9725 47.0474 14.8533C46.6636 14.7341 46.3627 14.5458 46.1445 14.2884C45.9285 14.0281 45.7923 13.6965 45.7362 13.2937C45.6639 12.7757 45.7637 12.3469 46.0353 12.0073C46.3094 11.6674 46.7357 11.4565 47.3142 11.3745C47.6171 11.3316 47.8841 11.3397 48.1151 11.3989C48.3458 11.4555 48.5354 11.5626 48.684 11.7202C48.835 11.8774 48.9424 12.0842 49.006 12.3406L49.1773 12.3163L49.148 13.0324C49.0726 12.8006 48.9184 12.6298 48.6854 12.5199C48.4548 12.4097 48.1856 12.3764 47.8777 12.42C47.6717 12.4492 47.5166 12.5081 47.4125 12.5969C47.3109 12.6853 47.2697 12.7983 47.2889 12.9359C47.3028 13.036 47.3502 13.1212 47.4308 13.1914C47.5112 13.2591 47.6336 13.3107 47.798 13.3461C47.9621 13.379 48.178 13.393 48.4457 13.3883C49.0045 13.3653 49.4744 13.4123 49.8553 13.5293C50.2383 13.6434 50.5364 13.8296 50.7496 14.0877C50.9654 14.3455 51.1016 14.6784 51.1585 15.0862C51.236 15.6417 51.1344 16.0937 50.8539 16.4422C50.5755 16.7879 50.1334 17.0036 49.5276 17.0894ZM46.374 17.4596L46.1212 15.6467L47.6444 15.4309L47.8972 17.2438L46.374 17.4596ZM49.148 13.0324L48.8983 11.242L50.4215 11.0262L50.6711 12.8166L49.148 13.0324Z' fill='white'/%3E%3Cpath d='M51.3966 12.1742L51.2212 10.9168L53.8616 10.5428L54.0369 11.8002L53.4783 11.8793L53.9284 15.1073L54.4871 15.0281L54.6624 16.2855L52.022 16.6595L51.8467 15.4021L52.409 15.3225L51.9589 12.0945L51.3966 12.1742Z' fill='white'/%3E%3Cpath d='M60.2552 10.9194L59.2085 15.6416L57.3018 15.9117L55.0042 11.6632L54.602 11.7201L54.4267 10.4627L57.2793 10.0587L57.4547 11.3161L56.6726 11.4268L58.5194 15.1115L57.7993 14.3867L58.5292 14.2833L58.065 15.1758L58.8326 11.1209L58.0505 11.2317L57.8752 9.97425L60.482 9.605L60.6574 10.8624L60.2552 10.9194Z' fill='white'/%3E%3Cpath d='M64.9619 11.3167L65.1152 12.4165L62.851 12.7372L62.6976 11.6375L64.9619 11.3167ZM65.7129 12.4811L67.2323 12.2659L67.5385 14.4616L61.8481 15.2677L61.6727 14.0103L62.2351 13.9306L61.785 10.7027L61.2226 10.7823L61.0473 9.52493L66.6707 8.72839L66.9768 10.9241L65.4574 11.1394L65.3266 10.201L63.3044 10.4875L63.7545 13.7154L65.8437 13.4195L65.7129 12.4811Z' fill='white'/%3E%3C/svg%3E%0A"); }

.breadcrumbs.is-exclusive::before {
  background-image: none; }

.breadcrumbs.is-exclusive2::before {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='47' viewBox='0 0 88 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01697 28.8073L87.9999 16.6782V34.8718L6.01697 47.0008V28.8073Z' fill='%23EC2726'/%3E%3Cpath d='M18.4981 38.9405L18.3227 37.6831L18.818 37.6129C19.1287 37.5715 19.3887 37.4657 19.5979 37.2958C19.8068 37.1233 19.9562 36.9056 20.0461 36.6428C20.136 36.38 20.1587 36.0885 20.114 35.7682C20.0701 35.4529 19.9693 35.1839 19.8116 34.9613C19.6536 34.7361 19.4512 34.5734 19.2043 34.4732C18.957 34.3704 18.6783 34.341 18.3679 34.385L17.8726 34.4551L17.6973 33.1977L18.2224 33.1233C18.8331 33.0368 19.3865 33.0835 19.8825 33.2633C20.3781 33.4406 20.7836 33.7251 21.099 34.1168C21.4169 34.5081 21.6149 34.984 21.693 35.5445C21.7722 36.1125 21.7131 36.6325 21.5156 37.1045C21.3203 37.5736 21.0088 37.9635 20.5812 38.2741C20.1532 38.5823 19.6339 38.7796 19.0232 38.8661L18.4981 38.9405ZM16.1742 39.2696L15.9989 38.0122L16.5612 37.9326L16.1111 34.7046L15.5488 34.7843L15.3734 33.5269L17.9691 33.1592L18.1445 34.4166L17.6305 34.4894L18.0807 37.7174L18.5946 37.6446L18.7699 38.902L16.1742 39.2696Z' fill='white'/%3E%3Cpath d='M21.9347 33.8797L21.7594 32.6223L24.3998 32.2483L24.5751 33.5057L24.0165 33.5848L24.4666 36.8128L25.0252 36.7337L25.2005 37.9911L22.5602 38.3651L22.3848 37.1077L22.9472 37.028L22.497 33.8001L21.9347 33.8797Z' fill='white'/%3E%3Cpath d='M29.1426 37.5092C28.6684 37.5764 28.2863 37.5323 27.9963 37.3769C27.7084 37.2186 27.5124 36.9478 27.4083 36.5645L27.237 36.5888L27.2594 35.8507C27.3419 36.0789 27.5048 36.2485 27.7481 36.3595C27.9914 36.4704 28.2645 36.5045 28.5674 36.4616C28.8008 36.4285 28.9736 36.3607 29.0859 36.258C29.1978 36.1528 29.2423 36.0177 29.2192 35.8525C29.2032 35.7374 29.1538 35.6462 29.0709 35.5788C28.9881 35.5114 28.8652 35.4651 28.7022 35.4397C28.5391 35.4143 28.3278 35.4059 28.0683 35.4146C27.5147 35.4395 27.0461 35.3923 26.6624 35.2731C26.2787 35.154 25.9777 34.9657 25.7595 34.7082C25.5435 34.4479 25.4074 34.1163 25.3512 33.7135C25.279 33.1955 25.3787 32.7667 25.6503 32.4271C25.9245 32.0872 26.3508 31.8763 26.9292 31.7943C27.2321 31.7514 27.4991 31.7595 27.7301 31.8187C27.9608 31.8753 28.1504 31.9824 28.299 32.14C28.4501 32.2972 28.5574 32.504 28.621 32.7604L28.7923 32.7361L28.763 33.4522C28.6877 33.2205 28.5335 33.0496 28.3004 32.9398C28.0698 32.8295 27.8006 32.7962 27.4928 32.8398C27.2867 32.869 27.1316 32.928 27.0275 33.0167C26.9259 33.1051 26.8847 33.2181 26.9039 33.3557C26.9179 33.4558 26.9652 33.541 27.0459 33.6112C27.1262 33.6789 27.2486 33.7305 27.413 33.7659C27.5771 33.7988 27.793 33.8129 28.0607 33.8081C28.6195 33.7851 29.0894 33.8321 29.4703 33.9491C29.8533 34.0633 30.1514 34.2494 30.3647 34.5076C30.5804 34.7653 30.7167 35.0982 30.7735 35.5061C30.851 36.0616 30.7495 36.5136 30.4689 36.8621C30.1905 37.2077 29.7484 37.4234 29.1426 37.5092ZM25.9891 37.8794L25.7363 36.0665L27.2594 35.8507L27.5122 37.6636L25.9891 37.8794ZM28.763 33.4522L28.5134 31.6618L30.0365 31.4461L30.2862 33.2364L28.763 33.4522Z' fill='white'/%3E%3Cpath d='M36.6011 30.52L36.9246 32.8396L35.5727 33.0311L35.4246 31.9689L34.6277 32.0818L35.0778 35.3097L35.6401 35.2301L35.8155 36.4875L33.1714 36.862L32.996 35.6046L33.5584 35.525L33.1082 32.297L32.3076 32.4104L32.4557 33.4726L31.1076 33.6636L30.7841 31.344L36.6011 30.52Z' fill='white'/%3E%3Cpath d='M41.2454 32.373C41.5067 32.3947 41.7225 32.4624 41.8928 32.5761C42.0655 32.6894 42.1874 32.8099 42.2584 32.9377L42.965 34.1925L43.3672 34.1355L43.5426 35.3929L41.8779 35.6287L40.9664 33.6948C40.9131 33.585 40.8575 33.5125 40.7994 33.4773C40.7435 33.4393 40.6646 33.4275 40.5628 33.4419L40.0154 33.5195L41.2454 32.373ZM39.4947 31.3924L39.3194 30.135L40.3249 29.9925C41.0821 29.8853 41.6704 29.9461 42.0896 30.1751C42.5086 30.4015 42.7529 30.765 42.8227 31.2654C42.8538 31.4882 42.8439 31.6899 42.7932 31.8706C42.7421 32.0488 42.6566 32.2076 42.5368 32.347C42.417 32.4865 42.2719 32.6078 42.1015 32.7111L42.1193 32.8387L40.9985 33.3802L39.2966 33.6213L39.1433 32.5215L40.6106 32.3137C40.7719 32.2908 40.9045 32.2516 41.0081 32.1961C41.1143 32.1403 41.1903 32.0683 41.2362 31.9801C41.2822 31.8919 41.2968 31.7878 41.28 31.6677C41.2549 31.4875 41.1683 31.3658 41.0202 31.3026C40.8746 31.239 40.6914 31.2229 40.4704 31.2542L39.4947 31.3924ZM37.3757 31.6925L37.2004 30.4351L39.8407 30.0611L40.0161 31.3185L39.4575 31.3977L39.9076 34.6256L40.4848 34.5438L40.6601 35.8012L38.0011 36.1779L37.8258 34.9205L38.3881 34.8408L37.938 31.6129L37.3757 31.6925Z' fill='white'/%3E%3Cpath d='M43.5871 30.8127L43.4117 29.5553L46.0521 29.1813L46.2274 30.4387L45.6688 30.5178L46.1189 33.7458L46.6776 33.6666L46.8529 34.9241L44.2125 35.2981L44.0372 34.0407L44.5995 33.961L44.1494 30.733L43.5871 30.8127Z' fill='white'/%3E%3Cpath d='M49.5445 29.9688L49.3692 28.7114L50.114 28.6059C50.7471 28.5163 51.2621 28.5696 51.6592 28.766C52.0587 28.962 52.2924 29.304 52.3605 29.792C52.4275 30.2724 52.2906 30.6528 51.95 30.9333C51.6115 31.2109 51.0859 31.4002 50.3734 31.5011L48.8502 31.7169L48.7691 31.1351L50.2736 30.922C50.4251 30.9005 50.5461 30.8604 50.6366 30.8017C50.7293 30.74 50.7924 30.666 50.8259 30.5796C50.8619 30.4929 50.873 30.3995 50.859 30.2994C50.8356 30.1317 50.7584 30.0138 50.6274 29.9456C50.4963 29.8774 50.3241 29.8584 50.1106 29.8887L49.5445 29.9688ZM49.9201 33.2073L50.6836 33.0992C50.9169 33.0661 51.0953 32.9924 51.2186 32.878C51.3443 32.7632 51.395 32.6182 51.3706 32.4431C51.3594 32.363 51.3332 32.2927 51.2918 32.2322C51.2526 32.1689 51.1986 32.1178 51.13 32.0791C51.0609 32.0378 50.975 32.0117 50.8722 32.0008C50.7719 31.9895 50.6547 31.9933 50.5206 32.0123L48.923 32.2386L48.8261 31.5442L50.4238 31.3179C50.7962 31.2652 51.1302 31.2459 51.4259 31.2602C51.7212 31.2719 51.975 31.3215 52.1872 31.4088C52.3994 31.4961 52.5694 31.6264 52.6974 31.7996C52.825 31.9704 52.9075 32.1896 52.9448 32.4574C53.0149 32.9603 52.8903 33.3735 52.5708 33.6969C52.2538 34.02 51.7837 34.2256 51.1605 34.3139L50.0955 34.4647L49.9201 33.2073ZM47.0345 30.3244L46.8591 29.067L49.5628 28.684L49.7381 29.9414L49.1162 30.0295L49.5663 33.2575L50.1883 33.1694L50.3636 34.4268L47.6599 34.8097L47.4846 33.5523L48.0469 33.4727L47.5968 30.2447L47.0345 30.3244ZM51.0933 31.135L51.4508 31.0844L51.4968 31.4147L51.1393 31.4653L51.0933 31.135Z' fill='white'/%3E%3Cpath d='M56.2456 27.7374L58.8152 27.3734L58.9906 28.6308L58.4506 28.7073L58.751 30.8618C58.8204 31.3597 58.7799 31.8044 58.6294 32.1957C58.4785 32.5845 58.2293 32.9031 57.8816 33.1513C57.5361 33.3968 57.1051 33.556 56.5887 33.6292C56.0772 33.7016 55.6219 33.6679 55.2226 33.528C54.8255 33.3852 54.5012 33.1479 54.2499 32.816C53.9982 32.4817 53.8376 32.0655 53.7682 31.5676L53.4678 29.4131L52.9278 29.4896L52.7524 28.2322L55.4561 27.8492L55.6315 29.1066L55.0356 29.191L55.3292 31.2967C55.3592 31.5119 55.4246 31.6902 55.5253 31.8316C55.6257 31.9705 55.756 32.0694 55.9161 32.1284C56.0759 32.1848 56.2588 32.1985 56.4649 32.1693C56.6734 32.1398 56.8453 32.0746 56.9807 31.9737C57.1185 31.8726 57.2154 31.7415 57.2714 31.5804C57.3274 31.4194 57.3404 31.2313 57.3104 31.0161L57.0168 28.9104L56.421 28.9948L56.2456 27.7374Z' fill='white'/%3E%3Cpath d='M65.1558 26.4753L65.4793 28.7949L64.1275 28.9864L63.9793 27.9242L63.1824 28.0371L63.6325 31.265L64.1948 31.1854L64.3702 32.4428L61.7261 32.8173L61.5507 31.5599L62.1131 31.4802L61.663 28.2523L60.8623 28.3657L61.0104 29.4279L59.6623 29.6189L59.3388 27.2992L65.1558 26.4753Z' fill='white'/%3E%3Cpath d='M69.5657 31.8102C69.1139 31.8742 68.6904 31.8601 68.2952 31.7681C67.9001 31.6761 67.5475 31.5168 67.2374 31.2902C66.9295 31.0608 66.6757 30.7752 66.4762 30.4335C66.2763 30.0893 66.1456 29.697 66.0842 29.2566C66.0235 28.8212 66.0425 28.4128 66.1412 28.0313C66.2399 27.6499 66.4063 27.3086 66.6402 27.0076C66.8764 26.7036 67.1719 26.4538 67.5269 26.2581C67.8816 26.0598 68.2861 25.9285 68.7404 25.8642C69.1923 25.8002 69.6157 25.8142 70.0109 25.9062C70.4057 25.9958 70.7569 26.154 71.0645 26.3809C71.3742 26.6049 71.6287 26.8866 71.8279 27.2258C72.0271 27.565 72.157 27.9524 72.2178 28.3878C72.2792 28.8282 72.2609 29.2416 72.1628 29.628C72.0645 30.0119 71.8974 30.3571 71.6616 30.6636C71.428 30.9671 71.1339 31.218 70.7792 31.4163C70.4246 31.6145 70.0201 31.7458 69.5657 31.8102ZM69.3621 30.3501C69.6551 30.3086 69.9042 30.2069 70.1095 30.0452C70.3148 29.8834 70.4649 29.6797 70.5598 29.434C70.6543 29.1859 70.6806 28.9117 70.6387 28.6114C70.5976 28.3161 70.498 28.0649 70.3399 27.8576C70.1844 27.65 69.985 27.4996 69.7416 27.4065C69.5003 27.3105 69.2332 27.2833 68.9403 27.3248C68.6473 27.3663 68.398 27.4667 68.1924 27.6259C67.9864 27.7827 67.8358 27.9827 67.7405 28.2258C67.6478 28.4686 67.622 28.7376 67.6632 29.0329C67.7051 29.3332 67.8041 29.5896 67.9604 29.8023C68.1187 30.012 68.3187 30.1661 68.5603 30.2646C68.8019 30.3631 69.0692 30.3916 69.3621 30.3501Z' fill='white'/%3E%3Cpath d='M76.3243 27.4042C76.5856 27.4259 76.8013 27.4935 76.9716 27.6072C77.1444 27.7205 77.2663 27.8411 77.3372 27.9688L78.0439 29.2237L78.4461 29.1667L78.6214 30.4241L76.9568 30.6599L76.0453 28.7259C75.992 28.6161 75.9363 28.5436 75.8782 28.5085C75.8223 28.4704 75.7434 28.4587 75.6417 28.4731L75.0942 28.5506L76.3243 27.4042ZM74.5735 26.4235L74.3982 25.1661L75.4037 25.0237C76.1609 24.9164 76.7492 24.9773 77.1685 25.2062C77.5874 25.4327 77.8318 25.7961 77.9016 26.2966C77.9326 26.5193 77.9228 26.721 77.872 26.9017C77.8209 27.0799 77.7355 27.2387 77.6157 27.3782C77.4959 27.5176 77.3507 27.639 77.1803 27.7422L77.1981 27.8698L76.0774 28.4114L74.3755 28.6524L74.2221 27.5527L75.6894 27.3448C75.8508 27.322 75.9833 27.2828 76.087 27.2273C76.1931 27.1714 76.2691 27.0994 76.3151 27.0112C76.361 26.9231 76.3756 26.8189 76.3588 26.6988C76.3337 26.5187 76.2471 26.397 76.0991 26.3337C75.9535 26.2701 75.7702 26.254 75.5493 26.2853L74.5735 26.4235ZM72.4545 26.7237L72.2792 25.4663L74.9196 25.0923L75.0949 26.3497L74.5363 26.4288L74.9864 29.6567L75.5636 29.575L75.739 30.8324L73.08 31.209L72.9047 29.9516L73.467 29.872L73.0169 26.644L72.4545 26.7237Z' fill='white'/%3E%3Cpath opacity='0.12' d='M83.4871 19.6323V17.3582L6.01697 28.8195V31.0937L83.4871 19.6323Z' fill='black'/%3E%3Cpath d='M0 12.129L81.9829 0V18.1935L0 30.3226V12.129Z' fill='%23EC2726'/%3E%3Cpath d='M18.2677 17.9309L18.421 19.0307L16.1568 19.3514L16.0034 18.2516L18.2677 17.9309ZM19.0187 19.0953L20.5381 18.8801L20.8443 21.0758L15.1539 21.8818L14.9785 20.6244L15.5409 20.5448L15.0908 17.3168L14.5284 17.3965L14.3531 16.1391L19.9765 15.3426L20.2826 17.5383L18.7632 17.7535L18.6324 16.8152L16.6102 17.1016L17.0603 20.3296L19.1495 20.0336L19.0187 19.0953Z' fill='white'/%3E%3Cpath d='M26.5072 15.6997L24.8132 18.0946L25.2962 17.1458L25.3966 17.8665L24.8741 17.0334L27.0095 18.9203L27.3744 18.8686L27.5498 20.126L24.6599 20.5353L24.4845 19.2779L25.0432 19.1988L23.7684 17.9823L24.482 18.2793L23.767 18.3806L24.3419 17.9011L23.4381 19.4262L24.0675 19.337L24.2428 20.5944L21.5465 20.9763L21.3712 19.7189L21.792 19.6593L23.4771 17.2274L22.9941 18.1762L22.8937 17.4555L23.4194 18.2844L21.2861 16.4393L20.9211 16.491L20.7458 15.2336L23.6394 14.8237L23.8147 16.0811L23.2524 16.1608L24.5219 17.3397L23.8099 17.054L24.5249 16.9527L23.9521 17.4204L24.8612 15.9329L24.2281 16.0226L24.0528 14.7651L26.749 14.3832L26.9243 15.6406L26.5072 15.6997Z' fill='white'/%3E%3Cpath d='M30.8286 19.7649C30.3867 19.8275 29.9719 19.8122 29.5842 19.7192C29.1987 19.6232 28.8534 19.4616 28.5482 19.2344C28.2453 19.0042 27.9952 18.7181 27.7981 18.3761C27.6007 18.0315 27.4715 17.6402 27.4104 17.2023C27.3497 16.7669 27.365 16.359 27.4563 15.9787C27.5475 15.5983 27.699 15.2591 27.9106 14.9612C28.1222 14.6633 28.3795 14.4202 28.6824 14.2319C28.9849 14.041 29.3161 13.9201 29.6761 13.8691C30.0138 13.8213 30.3096 13.8457 30.5636 13.9424C30.8197 14.0363 31.0328 14.2026 31.2028 14.4413C31.375 14.6772 31.5049 14.9829 31.5927 15.3583L31.9055 15.314L31.7401 16.0608C31.6113 15.7729 31.4104 15.5576 31.1373 15.4151C30.8668 15.2723 30.5614 15.225 30.2213 15.2731C29.9358 15.3136 29.6939 15.4129 29.4957 15.5711C29.2972 15.7268 29.1528 15.9259 29.0625 16.1683C28.9748 16.4104 28.9516 16.6804 28.9932 16.9781C29.0246 17.2033 29.0869 17.405 29.1801 17.5832C29.2757 17.761 29.3965 17.9098 29.5423 18.0295C29.6878 18.1467 29.8526 18.2305 30.0369 18.2809C30.2211 18.3314 30.4175 18.3418 30.6261 18.3123C30.8694 18.2778 31.0821 18.1967 31.2643 18.0688C31.4462 17.9384 31.5878 17.7742 31.6893 17.5761C31.7905 17.3755 31.844 17.151 31.8498 16.9027L33.44 16.9224C33.4307 17.4187 33.3173 17.8673 33.0998 18.2681C32.8847 18.6686 32.584 18.9995 32.1977 19.2609C31.8113 19.5223 31.355 19.6903 30.8286 19.7649ZM31.7401 16.0608L31.414 13.7224L32.9334 13.5072L33.2595 15.8456L31.7401 16.0608Z' fill='white'/%3E%3Cpath d='M33.759 14.6725L33.5836 13.4151L36.2389 13.039L36.4142 14.2964L35.8407 14.3776L36.2908 17.6056L38.3577 17.3128L38.533 18.5702L34.3844 19.1579L34.2091 17.9005L34.7714 17.8208L34.3213 14.5929L33.759 14.6725ZM39.1818 16.0057L39.5199 18.4304L38.0005 18.6457L37.6624 16.2209L39.1818 16.0057Z' fill='white'/%3E%3Cpath d='M42.4173 12.1638L44.9869 11.7999L45.1623 13.0573L44.6223 13.1337L44.9227 15.2882C44.9921 15.7862 44.9516 16.2308 44.8011 16.6221C44.6502 17.0109 44.401 17.3295 44.0533 17.5778C43.7078 17.8232 43.2768 17.9825 42.7604 18.0556C42.2489 18.1281 41.7936 18.0943 41.3943 17.9544C40.9972 17.8116 40.6729 17.5743 40.4216 17.2425C40.1699 16.9081 40.0093 16.492 39.9399 15.994L39.6395 13.8396L39.0995 13.916L38.9241 12.6586L41.6278 12.2757L41.8032 13.5331L41.2073 13.6175L41.5009 15.7231C41.5309 15.9383 41.5963 16.1166 41.697 16.258C41.7974 16.3969 41.9277 16.4958 42.0878 16.5548C42.2476 16.6113 42.4305 16.6249 42.6366 16.5957C42.8451 16.5662 43.017 16.501 43.1524 16.4002C43.2902 16.299 43.3871 16.1679 43.4431 16.0069C43.4991 15.8458 43.5121 15.6577 43.4821 15.4425L43.1885 13.3368L42.5927 13.4212L42.4173 12.1638Z' fill='white'/%3E%3Cpath d='M49.5276 17.0894C49.0534 17.1566 48.6713 17.1125 48.3813 16.9571C48.0934 16.7988 47.8974 16.528 47.7933 16.1447L47.622 16.169L47.6444 15.4309C47.7268 15.6591 47.8897 15.8287 48.1331 15.9396C48.3764 16.0506 48.6495 16.0847 48.9524 16.0418C49.1858 16.0087 49.3586 15.9408 49.4709 15.8382C49.5828 15.733 49.6273 15.5979 49.6042 15.4327C49.5882 15.3176 49.5387 15.2264 49.4559 15.159C49.3731 15.0916 49.2502 15.0452 49.0871 15.0198C48.9241 14.9945 48.7128 14.9861 48.4532 14.9948C47.8997 15.0196 47.4311 14.9725 47.0474 14.8533C46.6636 14.7341 46.3627 14.5458 46.1445 14.2884C45.9285 14.0281 45.7923 13.6965 45.7362 13.2937C45.6639 12.7757 45.7637 12.3469 46.0353 12.0073C46.3094 11.6674 46.7357 11.4565 47.3142 11.3745C47.6171 11.3316 47.8841 11.3397 48.1151 11.3989C48.3458 11.4555 48.5354 11.5626 48.684 11.7202C48.835 11.8774 48.9424 12.0842 49.006 12.3406L49.1773 12.3163L49.148 13.0324C49.0726 12.8006 48.9184 12.6298 48.6854 12.5199C48.4548 12.4097 48.1856 12.3764 47.8777 12.42C47.6717 12.4492 47.5166 12.5081 47.4125 12.5969C47.3109 12.6853 47.2697 12.7983 47.2889 12.9359C47.3028 13.036 47.3502 13.1212 47.4308 13.1914C47.5112 13.2591 47.6336 13.3107 47.798 13.3461C47.9621 13.379 48.178 13.393 48.4457 13.3883C49.0045 13.3653 49.4744 13.4123 49.8553 13.5293C50.2383 13.6434 50.5364 13.8296 50.7496 14.0877C50.9654 14.3455 51.1016 14.6784 51.1585 15.0862C51.236 15.6417 51.1344 16.0937 50.8539 16.4422C50.5755 16.7879 50.1334 17.0036 49.5276 17.0894ZM46.374 17.4596L46.1212 15.6467L47.6444 15.4309L47.8972 17.2438L46.374 17.4596ZM49.148 13.0324L48.8983 11.242L50.4215 11.0262L50.6711 12.8166L49.148 13.0324Z' fill='white'/%3E%3Cpath d='M51.3966 12.1742L51.2212 10.9168L53.8616 10.5428L54.0369 11.8002L53.4783 11.8793L53.9284 15.1073L54.4871 15.0281L54.6624 16.2855L52.022 16.6595L51.8467 15.4021L52.409 15.3225L51.9589 12.0945L51.3966 12.1742Z' fill='white'/%3E%3Cpath d='M60.2552 10.9194L59.2085 15.6416L57.3018 15.9117L55.0042 11.6632L54.602 11.7201L54.4267 10.4627L57.2793 10.0587L57.4547 11.3161L56.6726 11.4268L58.5194 15.1115L57.7993 14.3867L58.5292 14.2833L58.065 15.1758L58.8326 11.1209L58.0505 11.2317L57.8752 9.97425L60.482 9.605L60.6574 10.8624L60.2552 10.9194Z' fill='white'/%3E%3Cpath d='M64.9619 11.3167L65.1152 12.4165L62.851 12.7372L62.6976 11.6375L64.9619 11.3167ZM65.7129 12.4811L67.2323 12.2659L67.5385 14.4616L61.8481 15.2677L61.6727 14.0103L62.2351 13.9306L61.785 10.7027L61.2226 10.7823L61.0473 9.52493L66.6707 8.72839L66.9768 10.9241L65.4574 11.1394L65.3266 10.201L63.3044 10.4875L63.7545 13.7154L65.8437 13.4195L65.7129 12.4811Z' fill='white'/%3E%3C/svg%3E%0A"); }

.remove-margin-bottom {
  margin-bottom: 0; }

.brand-image-inner-container2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  padding-top: 95%;
  height: 0;
  position: relative;
  margin: 0 auto; }